/*  @copyright		Copyright 2009 (c) Solo Media Works, Inc.
 *  @author			Maxwell Berkel
 **************************************************************************************/
 
html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}del,ins{text-decoration:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


a { color: #007F00;	text-decoration: none; }
a:hover  {	color: #059705; }
 
body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background: #D9EDD9 url(../images/main_bg.png) repeat-y top center; color: #111; text-align: center; }

em {font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, san-serif; font-weight: bold;	color: #121212;	margin: 0 0 8px 0; }
h1 { height: 38px; color: #fff; font-size: 36px;	margin-bottom: 6px; }
h2 { height:46px; font-size: 44px;	margin-bottom: 8px; }
h3 { height: 22px; font-size: 22px; margin-bottom: 2px;}
h4 { height: 22px; font-size: 18px; }

img, a img { border: 0; }
img.bordered { background: #fff; border: 1px solid #efefef; padding: 4px; }
img.photo { background: #efefef; border: 1px solid #cdcdcd; padding: 8px; }

p {	margin: 0 0 12px 0; }
p.error, span.error, p.required, span.required { color: #f00; }

ol li {	display: list-item;	list-style-type: decimal; margin-left: 20px; padding: 2px 0; }

ul { display: block; margin: 5px 0 15px; }
ul li { list-style: circle url(../images/bullet.png); margin: 0 0 10px 18px; padding-left: 2px; }


/***  Wrapper styles ***/
#wrapper { width: 940px; text-align: left; margin: 0 auto; clear: both; }


/*** Header styles ***/
#header { height: 160px; background-color: #000; padding: 0 45px; clear: both; }

#logo { width: 550px; height: 82px; float: left; background: url(../images/logo.png) no-repeat top left; padding: 14px 0 0 125px; margin:35px 0 0 0; }
#logo p { color: #00D000; }

#call-today { width: 170px; height: 60px; float: right; font-size: 18px; font-weight: bold; color: #fff; margin: 58px 0 0 0; }
#call-today .phone-number { font-size: 24px; }


/*** Navigation styles ***/
#nav { height: 50px; background: #008800 url(../images/nav_bg.png) repeat-x top left; padding: 0 0 0 54px; margin: 0 auto; clear: both; }
#nav li { display: inline; height: 37px; float: left; list-style: none;  padding: 0; margin: 0; }
#nav li a { display: block; height: 37px; color: #fff; font-weight: bold; padding: 17px 0 0; margin: 0 20px; }
#nav li a:hover { color: #FFFF66; }

* html #nav { height: 33px; padding-top: 17px; }
* html #nav li a { display: inline; }


/*** Content styles ***/
#content { min-height: 380px; height: auto !important; height: 380px; padding: 25px 35px 20px; clear: both; }


/*** Footer styles ***/
#footer { height: 70px; background-color: #000; text-align: center; padding-top: 20px; clear: both; }

#copyright { font-size: 11px; color: #888; clear: both; }

#powered-by { display: block; width: 86px; height: 18px; background: url(../images/powered_by_smw.png) no-repeat top center; text-indent: -99999px; margin: 5px auto 0; clear: both; }


/*** Contact us page ***/
img.contact-woman { float: left; margin: 0 25px 55px 0; }
ul.locations li { width: 210px; height: 30px; float: left; font-weight: bold; list-style-image: url(../images/bullet2.png); margin-left: 22px; }


/*** Services page ***/
img.pickup-truck { margin: 0 0 10px; clear: both; }
#pickup-info { display: inline; width: 250px; float: left; text-align: center; color: #FF0000; padding: 15px 0 15px 0; margin: 0 25px 0 0; }


/*** Hard drive deletion page ***/
img.hd-drill { float: left; margin: 0 25px 10px 0; }
img.hd-eraser { float: left; margin: 0 25px 10px 0; clear: left; }


/*** Home page ***/
#nav-panel { width: 100%; list-style: none; padding: 0; margin: 0; clear: both; }
#nav-panel li { width: 285px; height: 220px; float: left; text-align: center; list-style: none; padding: 0; margin: 0; }
#nav-panel li img { margin: 0 auto; }
#nav-panel li a p, #nav-panel li a:hover p { color: #000; }


/*** Electronics recycling page ***/
#sidebar-images { display: inline; width: 200px; float: left; text-align: center; padding: 5px 0 0; margin: 0; }
#sidebar-images img { clear: both; }
#sidebar-images p { font-weight: bold; padding: 8px 0 18px; margin: 0; clear: both; }

#electronics-content { float: right; width: 650px; }