/* CSS BY EXPRESSION UNLIMITED
website: http://www.expressionunlimited.com
Copyright: Expression Unlimited 2005-2010. All Rights Reserved.
Description: Web design and layout
Author: Expression Unlimited Web Design Solutions
Created: 01/2010
 ---------------------- */
body{border:0;font-family: Arial, Helvetica, sans-serif;text-align:center;background:#97A2C0 url(img/bg.jpg) no-repeat center 0; margin:1% 0 5% 0;padding:0;height:100%}
#wrapper{height:auto;min-height:100%;width:910px;border:0;margin:0 auto;padding:0;}
#header{padding:0;margin:0 auto;height:145px;width:910px;}
#innerheader{padding:0;margin:0 auto;float:left;height:110px;width:100%}
#logo {cursor:pointer;float:left;margin:0 0 0 40px;padding:0 0 0 40px;height:90px;width:201px;background:transparent url(img/logo.png) no-repeat 0 0;overflow: hidden;line-height: 1000px;display:block;text-indent:-999999px}
#notdisplay{display:none}
#phonenumber{float:right;padding:50px 20px 0 0;margin:0;color:#00319E;font-size:120%;}
#container.cl {background: url(img/centerbg.png) repeat-y;width:910px;}
#container.cl:after {clear: both; display: block; visibility: hidden; height: 0px; content: "."}
#container.cl {display: block}
#bottomline{padding:0;height:25px;margin:0 auto;width:910px;background: url(img/bottomborder.png) no-repeat bottom}
#topline{padding:0;height:25px;margin:0 auto;width:910px;background: url(img/topborder.png) no-repeat top}
div#footer{width:910px;text-align:center;padding:10px 0 0 0;margin:0 auto;vertical-align:top;}
div#footer ul{width:100%;list-style-type:none;margin:0;padding:0;}
div#footer ul li{text-align:center;line-height:1.2;font-family:Arial, Helvetica, sans-serif; text-align:left;vertical-align:top;font-size:70%;color:#fff;display:inline;padding:0 4px;margin:0;height:30px}
div#footer ul li a{color:#fff;text-decoration:none;padding:0 4px}
div#footer ul li a:hover,div#footer ul li a:active{color:#fff;text-decoration:underline}
#menubox {padding-left:27px; height: 38px; margin: 0 auto; position: relative; z-index: 9998;top:0;float:left; }
#menubox #menunav { margin: 0; padding: 0; }
#menubox #menunav li { display: inline; }
#menubox #menunav li a { float: left; width: 107px; height: 0; padding-top: 38px; overflow: hidden; }
#menubox #menunav li a { background-image: url(img/mainmenu-tabs.png);background-repeat: no-repeat; }
/* tabs */
#menubox #menunav li#home a { background-position: 0 0; }
#menubox #menunav li#about a { background-position: -107px 0; }
#menubox #menunav li#repairs a { background-position: -214px 0; }
#menubox #menunav li#sales a { background-position: -321px 0; }
#menubox #menunav li#contracts a { background-position: -428px 0; }
#menubox #menunav li#services a { background-position: -535px 0; }
#menubox #menunav li#recycle a { background-position: -642px 0; }
#menubox #menunav li#contact a { background-position: -749px 0; }
/* hover tabs */
#menubox #menunav li#home a:hover { background-position: 0 -76px; }
#menubox #menunav li#about a:hover { background-position: -107px -76px; }
#menubox #menunav li#repairs a:hover { background-position: -214px -76px; }
#menubox #menunav li#sales a:hover { background-position: -321px -76px; }
#menubox #menunav li#contracts a:hover { background-position: -428px -76px; }
#menubox #menunav li#services a:hover { background-position: -535px -76px; }
#menubox #menunav li#recycle a:hover { background-position: -642px -76px; }
#menubox #menunav li#contact a:hover { background-position: -749px -76px; }
/* active tabs */
#menubox #menunav li#home a:active { background-position: 0 -76px; }
#menubox #menunav li#about a:active { background-position: -107px -76px; }
#menubox #menunav li#repairs a:active { background-position: -214px -76px; }
#menubox #menunav li#sales a:active { background-position: -321px -76px; }
#menubox #menunav li#contracts a:active { background-position: -428px -76px; }
#menubox #menunav li#services a:active { background-position: -535px -76px; }
#menubox #menunav li#recycle a:active { background-position: -642px -76px; }
#menubox #menunav li#contact a:active { background-position: -749px -76px; }
/* focus on tabs */
#menubox.home #menunav li#home a { background-position: 0 -114px !important; }
#menubox.about #menunav li#about a { background-position: -107px -114px !important; }
#menubox.repairs #menunav li#repairs a { background-position: -214px -114px !important; }
#menubox.sales #menunav li#sales a { background-position: -321px -114px !important; }
#menubox.contracts #menunav li#contracts a { background-position: -428px -114px !important; }
#menubox.services #menunav li#services a { background-position: -535px -114px !important; }
#menubox.recycle #menunav li#recycle a { background-position: -642px -114px !important; }
#menubox.contact #menunav li#contact a { background-position: -749px -114px !important; }

#maincontent{float:left;text-align:left;display:block;margin:0;width:870px;padding:0 20px;}
h1{font-size:1.2em;color:#00319E;font-family:  Arial, Helvetica, sans-serif;white-space:nowrap;font-weight:normal;}
h2{font-size:1.0em;color:#485070;font-family: Arial, Helvetica, sans-serif;white-space:nowrap;}
h3{font-size:0.9em;color:#999;font-family: Arial, Helvetica, sans-serif;white-space:nowrap;font-style:oblique;}
h1.red{color:#AF0028;font-size:1.3em;font-family:  Arial, Helvetica, sans-serif;white-space:nowrap;line-height:1.5em;font-weight:normal;margin:0;height:38px}
p,ul,ol{font-size:80%;color:#333333}
ul li a{color:#333333;text-decoration:none;}
ul li a:visited{color:#333333;text-decoration:none;}
ul li a:hover{color:#00319E;text-decoration:underline;}
ul.red{line-height:1.5em; list-style-position: outside; list-style-type: disc;list-style-image: url(img/bulletred.png);margin:0;padding-left: 20px}
ul.blue{line-height:1.5em; list-style-position: outside; list-style-type: disc;list-style-image: url(img/bulletblue.png);margin:0;padding-left: 20px}
ul.black{line-height:1.5em; list-style-position: outside; list-style-type: disc;list-style-image: url(img/bulletblack.png);margin:0;padding-left: 20px}
ul.green{line-height:1.5em; list-style-position: outside; list-style-type: disc;list-style-image: url(img/bulletgreen.png);margin:0;padding-left: 20px}
acronym{cursor:help;border-color:#fff #fff #333 #fff;border-style:dotted;border-width:0 0 2px;}
strong,em{color:#333333;}
img{border:0;margin:0;padding:0}
.skip{position:absolute; top: -50px;border:0;padding-bottom:2px;color:#97A2C0;font-size:75%;text-align:center;padding-top:2px;}
a.skip,a.skip:visited,a.skip:hover{color:#97A2C0}
* html a:hover{visibility:visible}
a{outline: none;}
a:active{outline: none;}
.ie_fix a{text-decoration:none}
.clear{clear:both;height:1px;width:100%;padding:0;margin:0;font-size:1px;background:transparent;clear:both}
em.hide{visibility:hidden;font-weight:normal;font-style:normal}

/* home page first box */
#hp-bg{background: url(img/hp-bg.png) no-repeat;width:870px;height:260px;margin:0;padding:0}
.inner-hp{padding:20px 0 20px 20px;width:585px;float:left;}
#hp-bg img{float:left;padding:5px 25px 0 10px}
.repairsadvert{float:right;padding:30px 20px 0 0}
.repairsadvert a {cursor: pointer;color:#000000;font-size:80%;text-decoration:none;display: block; background: url(img/24hrsrepairs.jpg) no-repeat center top; overflow: hidden; width: 195px;text-indent: -99999px; height: 210px;border:0;}
.repairsadvert a:hover,.repairsadvert a:active {cursor: pointer;color:#4A6F27;text-decoration:none;background: url(img/24hrsrepairs.jpg) no-repeat center bottom;border:0}

/* home page bottom box contact and affiliations */
#contactbox{padding:20px 0 0 0;float:left}
#contactbox h2{color:#7986B8;font-weight:normal;margin:0;padding:0;font-size:1.1em}
#hp-abg {float:left;width:285px;padding:15px 0 0 10px}
#hp-abg img{padding:7px 0 0 0}
#hp-cbg{float:right;width:575px;height:139px;padding:0;margin:0;background: url(img/hp-cbg.png) no-repeat;}
.inner-chp{padding:15px 20px}
ul.list{margin:0;padding:10px 0 0 0;list-style:none;color:#7986B8;float:left;}
ul#wxl{width:240px;}
ul#wsm1,ul#wsm2{width:140px;}
ul.list a,ul.list strong{color:#7986B8;text-decoration:none}
ul.list a:visited{color:#7986B8;text-decoration:none}
ul.list a:hover{color:#00319E;text-decoration:underline;}

/* home page services sales repair icon recycle boxes */
#left{float:left;height:575px;padding:12px 13px 13px 0;}
#servicesbox{background: url(img/hp-servicebg.jpg) no-repeat;width:281px;height:344px;padding:0;}
#recyclebox,#iconbox{background: url(img/hp-iconsbg.png) no-repeat;width:281px;height:225px;margin:16px 0 0 0}
#repairbox{background: url(img/hp-repairbg.jpg) no-repeat;width:281px;height:585px;float:left;margin:12px 14px 0 0;}
#right{float:right;height:575px;padding:12px 0 13px 0;}
#salesbox{background: url(img/hp-salesbg.jpg) no-repeat;width:281px;height:344px;padding:0;}
#servicesbox h2,#repairbox h2,#salesbox h2,#recyclebox h2,#iconbox h2{cursor:pointer;width:254px;height:34px;color:#fff;text-indent:20px;margin:0;font-size:0.9em;padding:0;line-height:2.2em;overflow: hidden; text-indent: -99999px;}
#servicesbox h2{background: url(img/headers.png) no-repeat 0 0;}
#repairbox h2{background: url(img/headers.png) no-repeat 0 -34px;}
#salesbox h2{background: url(img/headers.png) no-repeat 0 -68px;}
#recyclebox h2{background: url(img/headers.png) no-repeat 0 -102px;}
.innerbox{padding:15px 13px 0 13px}
#recyclebox img{float:right;padding-right:20px}
.innerbox p{padding:0 5px}
.innerbox ul.red{width:140px}
.innerbox ul.black,.innerbox ul.green{width:150px;}
.innerbox ul.blue{width:230px}
.innerbox h2 a{text-decoration:none;color:#fff}

/* quotes */
.dropcapl {display:block;padding:0 0 18% 0;width:18px;height:18px;background: url(img/openquote.gif) no-repeat left top;float:left;clear:right;margin: 0% 5pt;}
.dropcapr {display:block;padding:0;width:18px;height:18px;background: url(img/closequote.gif) no-repeat right bottom;float:right;margin: 0% 2pt}
.hide{visibility:hidden;font-weight:normal;font-style:normal}
blockquote{font-weight:normal;font-family: Arial, Helvetica, sans-serif;font-size:80%;padding:20px 0;margin:0;text-align:left;display:block}
#quote{width:240px;height:70px;}

/* icons */
dl#icons{padding:15px 0 0 0;margin:0;width:250px;display:block;height:190px;position:relative;left:28px;}
dl#icons dt.blue{position:relative;left:-13px;font-weight:bold;margin:0;padding:0 0 10px 0;white-space:nowrap;font-size:0.9em;font-family: Arial, Helvetica, sans-serif;color: #00319E;text-align: left;display:none}
dl#icons dd{padding:0 0 8pt 0;float:left;margin:0;width:74px; }
dl#icons dd a{padding:0;display:block;margin-bottom:0;text-decoration:none}

/* right navigation menu other pages */
.right{float:right;width:220px;padding-bottom:20px;color:#333333;margin:0;}
.right#toprightcol{width:220px;background:  url(img/toprightcol.png) no-repeat 0px 0px}
#bgright{background: url(img/bgrightcol.png) repeat-y;margin:0;padding:0 0 0 13px;}
.rightcol{width:220px;display:block;padding:8px 0 20px 0;margin-left:0px;margin-top:10px;text-align:left;line-height:1.0em;background:  url(img/bottomrightcol.png) no-repeat bottom center}
.rightcol p{white-space:normal;clear:both;padding:0 25px 15px 20px;margin:0;text-align:justify}
.rightcol h2.services,.rightcol h2.repairs,.rightcol h2.sales,.rightcol h2.recycle{width:194px;height:34px;color:#fff;text-indent:20px;margin:0;font-size:0.9em;padding:0;line-height:2.2em;overflow: hidden; text-indent: -99999px; }
.rightcol h2.services{background: url(img/headers-rightcol.png) no-repeat;}
.rightcol h2.repairs{background: url(img/headers-rightcol.png) no-repeat 0 -34px;}
.rightcol h2.sales{background: url(img/headers-rightcol.png) no-repeat 0 -68px;}
.rightcol h2.recycle{background: url(img/headers-rightcol.png) no-repeat 0 -102px;}
.rightcol ul.red,.rightcol ul.blue,.rightcol ul.black,.rightcol ul.green{padding:15px 0 30px 20px}
.rightcol h2 a{text-decoration:none;color:#fff}

/* left text content other pages */
.left{float:left;width:650px;margin:0;color:#333333;}
.left#topleftcol{width:630px;background:  url(img/topleftcol.png) no-repeat 0px 0px;}
#bgleft{background: url(img/bgleftcol.png) repeat-y;margin:0;padding:0;min-height:640px}
.leftcol{width:630px;display:block;padding:8px 0 20px 0;margin-left:0px;margin-top:10px;text-align:left;line-height:1.0em;background:  url(img/bottomleftcol.png) no-repeat bottom center}
.innercontent{padding:3px 20px}
.innercontent p a{text-decoration:underline;color:#333}
.innercontent p a:visited{color:#333}
.innercontent p a:hover{text-decoration:underline;color:#00319E}