@charset "UTF-8";
/* CSS Document */

/* INIT */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin:0px; padding:0px; top:0px; right:0px; bottom:0px; left:0px; }
fieldset, iframe, img { border:none; }
html { width:100%; height:100%; background:#E9E9E9; }
body { margin:0px auto; width:980px; height:100%; background:#000; }
/* LAYOUT */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* SHELL */
div#shell { margin:0px auto; width:980px; height:auto; min-height:100%; box-shadow:0px 0px 7px #CCC; -webkit-box-shadow:0px 0px 7px #CCC; -moz-box-shadow: 0px 0px 7px #CCC; }

/* HEADER */
div#header { width:980px; height:120px; position:relative; background:#202020; }
	div#header div.logo { margin:12px auto; width:211px; height:56px; position:absolute; }

/* NAV */
div#nav { margin-top:80px; padding:0px 6px; width:968px; height:45px; position:absolute; }
	div#nav div.item { margin:0px 5px; width:151px; height:45px; float:left; }
		div#nav div.item.home { background:url(../../assets/index/home_button.png); }
		div#nav div.item.whatwebuy { background:url(../../assets/index/what_we_buy_button.png); }
		div#nav div.item.whatwepay { background:url(../../assets/index/what_we_pay_button.png); }
		div#nav div.item.howtosell { background:url(../../assets/index/how_to_sell_button.png); }
		div#nav div.item.aboutus { background:url(../../assets/index/about_us_button.png); }
		div#nav div.item.contactus { background:url(../../assets/index/contact_us_button.png); }
			div#nav div.item a { opacity:0; filter: alpha(opacity = 0);}
			div#nav div.item a:hover { opacity:1; filter: alpha(opacity = 100);}
			div#nav div.item a img { opacity:0; filter: alpha(opacity = 0);}
			div#nav div.item a:hover img { opacity:1; filter: alpha(opacity = 100);}
			div#nav div.item img
			{
				-webkit-transition:opacity .5s ease-in-out;
				-moz-transition:opacity .5s ease-in-out;
				-o-transition:opacity .5s ease-in-out;
				transition:opacity .5s ease-in-out;
			}
			
/* QUOTE BAR */
div#quotebar { margin:10px 10px auto auto; padding:12px 20px; width:535px; height:13px; background:url(../../assets/index/quote_bar.png) top left no-repeat; }
	div#quotebar div.content { text-align:right; }
		div#quotebar div.content p { color:#FFF; font-size:12px; }
		div#quotebar div.content em { color:#004F76; }
	div#quotebar div.status	{ margin-top:15px; text-align:right; }
		div#quotebar div.status p { margin-top:-4px; font-size:11px; }

/* FOOTER */
div#footer { width:980px; height:auto; background:#000; position:relative; }
	div#footer div#topbar { height:80px; }
		div#footer div#topbar div.serviceinquiry { padding:15px 40px 15px 20px; width:130px; height:50px; border-right:1px solid #202020; color:#CCC; position:relative; float:left; }
		div#footer div#topbar div.hoursofoperation { padding:15px 40px 15px 20px; width:260; height:50px; border-right:1px solid #202020; color:#CCC; position:relative; float:left; }
		div#footer div#topbar div.officelocation { padding:15px 40px 15px 20px; width:140px; height:50px; border-right:1px solid #202020; color:#CCC; position:relative; float:left; }
		div#footer div#topbar div.quicklinks { padding:15px 40px 15px 20px; width:180px; height:50px; color:#CCC; position:relative; float:left; }
		div#footer div#topbar div.col { width:140px; height:65px; position:relative; float:left; }
	div#footer div#midbar { height:40px; background:url(../../assets/index/social_bar.png); border-top:1px solid #202020; border-bottom:1px solid #202020; }
		div#footer div#midbar div.label { padding:12px 0px 0px 20px; width:90px; height:28px; float:left; position:relative; }
		div#footer div#midbar div.content { padding:9px 0px 0px 20px; height:31px; float:left; position:relative; }
			div#footer div#midbar div.content div.icon { margin-top:2px; float:left; }
			div#footer div#midbar div.content div.label { margin-top:-8px; margin-left:-12px; float:left; }
	div#footer div#bottombar { height:60px; }
		div#footer div#bottombar div.copyright { padding:15px 30px; width:130px; height:30px; position:relative; text-align:right; float:right; }
			div#footerdiv#bottombar  div.copyright li { margin-bottom:4px; color:#666; }

	div#footer h4 { padding-bottom:5px; font-size:12px; text-transform:uppercase; color:#666; }
	div#footer li, div#footer p { font-size:11px; color:#999; }
	div#footer a { font-size:11px; color:#999; }
	div#footer a:hover { color:#069; text-decoration:none; }