/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 3/13/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(/img/background.jpg) top center repeat-x #fff; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#333;}
a, a:visited {color:#318A13; text-decoration:underline; font-weight:bold;}
a:hover {color:#ABC437; text-decoration:none;}
p {line-height:18px; margin:0 auto; padding:0 0 10px;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:26px; color:#000; padding:30px 0 20px;}
h3 {font-size:20px; color:#000; padding:20px 0 10px;}
h4 {font-size:16px; color:#3D327E; font-style:italic; padding-bottom:8px;}
ul {margin:10px 40px; padding:0;}
li {line-height:18px;}


/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:966px; padding-top:32px;}


/* 3.1 Header
**************************************************************************************************************/

h1#logo a {background:url(/img/logo.gif); width:264px; height:158px; padding:0; margin:0 auto; float:left; text-indent:-9999px; overflow:hidden;}
	h1#logo a:hover {cursor:pointer;}
	
#flashBox {background:url(/img/toppic.png); width:550px; height:276px; float:right; display:inline; margin:26px 30px 0 auto;}

ul#navigation {background:url(/img/nav_divider.gif) top right no-repeat; height:159px; display:block; text-align:center; margin:0 auto; font-size:18px; font-weight:bold; float:right; overflow:hidden;}
	ul#navigation li {background:url(/img/nav_divider.gif) top left no-repeat; height:159px; display:block; float:left; list-style:none; margin:0 auto; padding:0; line-height:120px;}
	ul#navigation li a {display:block; float:left; height:159px; color:#333; text-decoration:none; padding:120px 12px;}
	ul#navigation li a:hover {background:url(/img/nav_rollover.png) top repeat-x; display:block; height:159px; padding:120px 12px; margin:0 auto;}

	

/* 3.2 Content
**************************************************************************************************************/

#picsBoxHeader {background:url(/img/headerpics.png); width:966px; height:166px; clear:both; margin-top:30px; float:left; overflow:hidden;}
#content {width:966px; clear:both;}
	#content p img {border:2px solid #000; margin:0 20px;}

#contactBox {background:url(/img/contact_bgd.gif); width:402px; height:86px; float:left; display:inline; margin-left:80px;}
	#contactBox p {font-size:17px; color:#666; margin:18px 6px 0 0; padding:0; line-height:25px;}
	#contactBox a {font-weight:strong; color:#333; text-decoration:none;}
	a.mail {background:url(/img/mail.gif); display:inline; width:64px; height:54px; text-indent:-9999px; overflow:hidden; float:left; margin:15px 20px;}
		a.mail:hover {cursor:pointer;}

#rightNav {width:280px; float:right; display:inline; margin:20px 0 0 130px;}
	#rightNav a {outline:none;}
	#rightNav a:hover {cursor:pointer;}
	a.logisticsButton {background:url(/img/button_logistics.png); width:284px; height:69px; display:block; text-indent:-9999px; margin-bottom:6px;}
	a.transportationButton {background:url(/img/button_transportation.png); width:284px; height:69px; display:block; text-indent:-9999px;}
	a.distributionButton {background:url(/img/button_distribution.png); width:284px; height:72px; display:block; text-indent:-9999px; margin-bottom:6px;}
	a.networkButton {background:url(/img/button_network.png); width:284px; height:69px; display:block; text-indent:-9999px; margin-bottom:6px;}
	a.interimButton {background:url(/img/button_interim.png); width:284px; height:69px; display:block; text-indent:-9999px; margin-bottom:6px;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(/img/footer_bgd.png) repeat-x; width:100%; height:116px; clear:both; overflow:hidden;}
	#footerInner {width:966px; text-align:center;}
		#footer p {padding:40px 10px 0;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.introText {color:#000; font-weight:bold; font-size:16px;}
.phoneNumber {color:#318A13; font-size:13px;}
.backLink {padding:10px; font-size:12px;}
.margin10 {margin-bottom:10px;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

/*Services*/
ul.servicesList {margin:10px 10px 40px;}
.servicesList li {list-style:none; font-size:16px; font-weight:bold; margin:10px;}
	.servicesList li a {text-decoration:none;}
	
/*Contact*/
#contactWrap {width:370px; float:left; display:inline;}
p.contactInfo {margin:20px; font-size:16px; line-height:22px; width:370px; float:left;}

#contactFormBox {width:400px; float:left; display:inline;}

#contactForm {font-size:14px; margin:0 auto; padding:0; width:400px; float:left;}	
	#contactForm label {float:left; text-align:right; width:120px; clear:left; margin:0 10px 5px 0; line-height:26px;}
	#contactForm input, #contactForm select {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; height:20px; border:1px solid #C4C4C4;}
	#contactForm textarea {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; border:1px solid #C4C4C4;}

p.requiredFields {font-size:12px;}
.requiredFields {color:#CC0000;}
p.requiredFields {margin:0 auto; padding:0;}
.submitWrap {margin:0 auto; padding:0; clear:both; text-align:right; margin: 20px;}