/*~~ =golbal styles ~~*/
* { padding: 0; margin: 0; }
body {  position: relative; background: url(../images/back.jpg) repeat-x #7cc0de top center; padding: 0; margin: 0 auto; width: 782px; }	
img { border:none; }
a { outline:none; }
p, ul, td, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #676767; }

/*~~ =logo ~~*/
div#logo a { position: absolute; left: 16px; top: 8px; z-index: 2; width: 96px; height: 112px; }


/*~~ =nav ~~*/
#nav { width: 770px; height: 28px; background: url(../images/nav_bg.jpg) top left repeat-x;  border-right: 6px solid #ffffff; border-left: 6px solid #ffffff; margin: 0; padding: 0; }
	#nav ul { float: right;  background: url(../images/nav_bar.jpg) 0 -28px no-repeat; width: 507px; height: 28px; list-style: none; margin: 0;}
	#nav ul li { float: left; display: inline; margin: 0; padding: 0; }
	#nav ul li a { display: block; height: 28px;  }
		#nav ul li.home a { width: 69px; }
		#nav ul li.home a:hover { background: url(../images/nav_bar.jpg) left top no-repeat; }
		#nav ul li.products a { width: 83px; margin: 0 0 0 -1px; }
		#nav ul li.products a:hover { background: url(../images/nav_bar.jpg) -68px 0 no-repeat; }
		#nav ul li.buyers a { width: 115px; margin: 0 0 0 -1px; }
		#nav ul li.buyers a:hover { background: url(../images/nav_bar.jpg) -150px 0 no-repeat; }
		#nav ul li.about a { width: 67px;  margin: 0 0 0 -1px;}
		#nav ul li.about a:hover { background: url(../images/nav_bar.jpg) -264px 0 no-repeat; }
		#nav ul li.careers a { width: 81px;  margin: 0 0 0 -1px;}
		#nav ul li.careers a:hover { background: url(../images/nav_bar.jpg) -330px 0 no-repeat; }
		#nav ul li.contact a { width: 97px;  margin: 0 0 0 -1px;}
		#nav ul li.contact a:hover { background: url(../images/nav_bar.jpg) -410px 0 no-repeat; }

/*~~ =content ~~*/
#content { position: relative; width: 770px; background: url(../images/right_bg.jpg) 0 63px repeat-x #fff7ec;  border-top: solid 5px #ffffff; border-bottom: solid 5px #ffffff; border-left: solid 6px #ffffff; border-right: solid 6px #ffffff; margin: 0; } 	
	   #content ul { list-style: none; padding: 0 0 0 21px; margin: 11px 0 11px 0; }
	   #content ul li { background: url(../images/bull.jpg) 0 2px no-repeat; padding: 0 0 7px 21px;  }
	   #content ul li a { color: #ef4645; text-decoration: none; }
	   #content ul li a:hover { text-decoration: underline; }
	/*~~ =banner ~~*/
	#content #banner { width: 628px; height: 63px; background: url(../images/banner_bg.jpg) top left repeat-x; margin: 0; padding: 0 10px 0 132px; }
		#content #banner span.brand  { float: left; display: block; margin: 17px 0 0 0; width: 155px; height: 32px; background: url(../images/brand.gif) top left no-repeat; }
		#content #banner span.slogan { float: right; display: block; width: 269px; height: 21px; margin: 33px 0 0 0;  background: url(../images/slogan.gif) top left no-repeat;}
	
	/*-------homepage--------*/
	/*~~ =callout ~~*/
	#content #callout { width: 770px;  height: 307px; background: url(../images/home_callout1.jpg) top left no-repeat; }
		#content #callout a { float: left; display: block; width: 204px; height: 43px; background: url(../images/how_it_works.gif) top left no-repeat; margin: 151px 0 0 0; }
	/*~~ =briefs ~~*/
	#content #brief_container { width: 760px; background: url(../images/briefs_container_bg.jpg) top left repeat-x #fff8ee; padding: 0 5px 5px 5px; }
	#content #brief_container #brief_left { float: left; height: 187px; width: 358px;  background: url(../images/brief_bg.jpg) left top repeat-x; margin: 0; padding: 0 0 10px 10px; }
		#content #brief_container #brief_left p { display: block; width: 182px; margin: 5px 0 15px 0;  }
		#content #brief_container #brief_left a img { float: none; margin: 7px 0 0 0; }
		#content #brief_container #brief_left img {  margin: 0 20px 10px 0; float: left; }
		#content #brief_container #brief_left img.right { float: right; display: block; margin: 0; padding: 25px 30px 0 0; }
	#content #brief_container #brief_right { float: right; width: 368px;  background: url(../images/brief_bg.jpg) top left repeat-x #fff8ee; padding: 0; }
		#content #brief_container #brief_right #knight { float: right; display: block; padding: 25px 0 0 10px; height: 161px; width: 320px;  background: url(../images/knight.gif) top left no-repeat; margin: 0 2px 0 0; }
		#content #brief_container #brief_right #knight p { width: 163px; padding: 3px 0 20px 0; }
	/*-------interior--------*/
	/*~~ =left column ~~*/
	#content #left { float: left; display: block; background: url(../images/left_bg.jpg) top left repeat-x #ffffff; width: 505px; min-height: 600px; padding: 34px 22px 34px 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
	* html #content #left { height: 600px; }
	        #content #left ul li.pdf { background: url(../images/pdficon.gif) left top no-repeat; }
			#content #left a{ color: #2D7391; }
			#content #left a:hover { color: #223E4B; text-decoration: none; }
			#content #left img { border: 6px solid #ffffff; margin: 5px 0 15px 0; }
			#content #left img.right { float: right; margin: 12px 0 7px 7px; display: block;  }
			#content #left a img{ border: none; margin: 15px 0 0 0; }
			#content #left img.header { border: 0; margin: 0; }
			#content #left h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0b2b79; font-weight: bold; font-size: 27px; margin: 0; padding: 0 0 7px 0; letter-spacing: -1px; line-height: 27px; }
			#content #left p { margin: 0; padding: 7px 0; }
			#content #left h2 { font-weight: bold; text-transform: uppercase; padding: 7px 0 0 0; color: #a73131; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
			#content #left h3 { background: url(../images/check.gif) left 2px no-repeat; font-weight: bold; padding: 7px 0 0 20px; color: #0B2B79; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 7px 0 0 0;  }
			#content #left h3 span { background: none; font-weight: normal; color: #676767; }
			#content #left #product-pic { float: right; text-align: center; padding: 3px; background: #ffffff; border: 3px solid #7CC0DE; margin: 11px 0 8px 8px; }
			#content #left #product-pic strong {  text-align: left; border-top: 1px dashed #FDDCAF; display: block; color: #676767; padding: 5px 0 0 3px; margin: 7px 0 7px 0; }
			#content #left #product-pic img { padding: 0 3px 0 3px; border: none; margin: 0 auto; } 
			#content #left #product-pic ul { margin: 7px 0 0 0; padding: 0 3px; }
			#content #left #product-pic ul li { text-align: left; background: url(../images/pdficon.gif) left top no-repeat; padding: 0 0 7px 21px; }
			#content #left #product-pic ul li a { color: #418AB7; text-decoration: underline; }
			#content #left #product-pic ul li a:hover { text-decoration: none; }
			
			
			/*~~ =table ~~*/
			#content #left table { margin: 0; padding: 0; border-collapse: collapse; }
			#content #left tr { margin: 0; padding: 0; }
			#content #left td { vertical-align: top; padding: 15px 15px 0 0; margin: 0;  }
			#content #left td a img { margin: 0; padding: 5px;  }
			#content #left td a { text-align: center; display: block; color: #C52E35; text-decoration: none; border: 3px solid #7CC0DE; background: #ffffff; margin: 0; padding: 2px 0 0 0; }
			#content #left td a:hover { color: #223E4B; text-decoration: underline; }
			#content #left td.space { background: #ffffff; }
			#content #left td strong { color: #EF4645; }
			#content #left td.more a, #content #left td.more a:hover  { display: inline; text-align: left; border: none; background: none;  }
			#content #left td a:hover { border: 3px solid #42779F;  }
			
			/*~~ =form styles ~~*/
			#content #left span.required { color: #EF4645; }
			#content #left fieldset { border-bottom: 1px dashed #223E4B; border-top: none; border-left: none; border-right: none; background: none; padding: 0 0 24px 0; }
			#content #left input, #content #left textarea { width: 172px; padding: 2px 0 3px 3px; background: url(../images/form-bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #7f9db9; }
			#content #left input.go { width: 50px;  padding: 3px; cursor: pointer; border: 1px solid #0B2B79; color: black;   }

			/*~~ =google map div ~~*/
			    #content #left .gsmsc-mapDiv { height: 310px; }
				#content #left .gsmsc-idleMapDiv { height: 310px; }
				#content #left #mapsearch { width: 470px; height: 315px; overflow: hidden; background: #fff; margin: 6px 0 0 0; padding: 0 0 4px 0; }

	/*~~ =right column ~~*/
	#content #right { float: right;  display: block; width: 227px; padding: 21px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
	   #content #right h1  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0b2b79; font-weight: bold; font-size: 18px; padding: 0 0 0 19px; margin: 0 0 16px 0; letter-spacing: -1px; }
		 #content #right h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #a73131; margin: 11px 0 0 0; padding: 0 0 0 21px; }
		 #content #terms { width: 193px; background: #fef0dd; padding: 11px; margin: 8px 0 0 6px;}
		 #content #terms strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #383838; }
		 #content #terms img { margin: 0 0 10px 0; }

/*~~ =footer ~~*/	
#footer { width: 782px; background: url(../images/footer_bg.jpg) top left repeat-x; padding: 0; margin: 0; text-align: center; color: #2d7391; }
	#footer p { color: #2d7391; }
	#footer ul { list-style: none; padding: 12px 0 8px 0; }
	#footer li { display: inline; padding: 12px; color: #2d7391; }
	#footer a { color: #223e4b; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	

/*~~ =clearfix ~~*/
.clearfix { clear: both; }