@import url('reset.css');
@import url('form.css');
@import url('slimbox.css');

/* Container Elements */
body {background:url(../images/backgrounds/body.jpg) #080808 no-repeat top center; font: 64.5%/1.2em Verdana, Arial, sans-serif; color:#fff;}
#container{width:932px; padding:0 24px; margin:0 auto; background:url('../images/backgrounds/container.gif') repeat-y; position:relative;}
  #header{height:173px; background:url('../images/backgrounds/header.jpg') no-repeat 0 0; position:relative; z-index:10;}
  ul#call_to_action { background:url('../images/call_to_actions/products.png') no-repeat 0 0; display:block; width:379px; height:473px; position:absolute; z-index:20; right:14px; top:135px;}
  #banner{height:194px; overflow:hidden;}
  #content{background:url(../images/backgrounds/content.jpg) no-repeat 0 0;}
    #primary{padding:40px 35px 0 0; float:right; width:645px; position:relative;}
    #secondary{padding:50px 0 0 35px; float:left; width:175px;}
#footer{clear:both;margin:0 auto; width:960px; padding:60px 10px 20px 10px; background:url('../images/backgrounds/footer.gif') no-repeat 0 0;}

/* Header Elements */
a#msew-logo {position:absolute; left:-50px; bottom:-55px; width:526px; height:207px; background:url('../images/logos/logo.png') no-repeat 0 0; text-indent:-9999px;}

ul#navigation {display:block; width:420px; height:37px; position:absolute; right:43px; bottom:53px;}
ul#navigation li {width:90px; height:37px; float:left;}
ul#navigation li#home-nav{width:70px;}
ul#navigation li#contact-nav{width:80px;}

ul#navigation li a {width:90px; height:37px; display:block; background:url(../images/navigation/primary.jpg) no-repeat 0 0; text-indent:-9999px;}

ul#navigation li#home-nav a {width:70px; background-position:0 0;}
body#home-page ul#navigation li#home-nav a, ul#navigation li#home-nav a:hover {background-position:0 -37px;}

ul#navigation li#profile-nav a {width:90px; background-position:-70px 0;}
body#profile-page ul#navigation li#profile-nav a, ul#navigation li#profile-nav a:hover {background-position:-70px -37px;}

ul#navigation li#products-nav a {width:90px; background-position:-160px 0;}
body#products-page ul#navigation li#products-nav a, ul#navigation li#products-nav a:hover {background-position:-160px -37px;}

ul#navigation li#services-nav a {width:90px; background-position:-250px 0;}
body#services-page ul#navigation li#services-nav a, ul#navigation li#services-nav a:hover {background-position:-250px -37px;}

ul#navigation li#contact-nav a {width:80px; background-position:-340px 0;}
body#contact-page ul#navigation li#contact-nav a, ul#navigation li#contact-nav a:hover {background-position:-340px -37px;}

/* Call to Action Elements */

ul#call_to_action li a, ul#call_to_action li {display:block; text-indent:-9999px;}
ul#call_to_action li#motorcycle-cta, ul#call_to_action li#motorcycle-cta a {height:195px;}
ul#call_to_action li#power_equipment-cta, ul#call_to_action li#power_equipment-cta a {height:150px;}
ul#call_to_action li#marine-cta, ul#call_to_action li#marine-cta a {height:130px;}
ul#call_to_action li#motorcycle-cta a:hover {background:url('../images/call_to_actions/motorcycle.jpg') no-repeat 101px 128px;}
ul#call_to_action li#power_equipment-cta a:hover {background:url('../images/call_to_actions/power_equipment.jpg') no-repeat 45px 82px;}
ul#call_to_action li#marine-cta a:hover {background:url('../images/call_to_actions/marine.jpg') no-repeat 129px 60px;}

/* Banner Elements */
#banner img {display:block; overflow:hidden; height:194px; width:932px;}

#home-page #banner {height:404px;}
#home-page #banner img {height:404px;}


/* Primary Elements */
#primary h1, #primary h2, #primary h3 {font-size:1.6em; font-weight:normal; line-height:2em; padding-bottom:1em;}
#primary h2 {font-size:1.5em;}
#primary h3 {font-size:1.4em;}
#primary h4 {font-size:1.3em;}
#primary h5 {font-size:1.2em;}
.red {color: #cf0008;}
.blue { color: #2B7AD7; }

#primary p {font-size:1.1em; line-height:1.8em; padding-bottom:2em;}

ul#contact_information {float:left; width:200px; padding:0; list-style:none;}
ul#contact_information li {padding-bottom:.7em;}
#location_map {border:10px solid #333; margin-bottom:20px;}

ul#images {width:200px; float:right;}
ul#images li {float:right; padding-bottom:20px;}
ul#images li a img {border:5px solid #333;}
ul#images li a:hover img {border-color: #999;}

/* Secondary Elements */
#secondary h2 {display:block; height:70px; text-indent:-9999px; background:url(../images/call_to_actions/give_us_a_ring.gif) no-repeat 0 0;}
#secondary ul {padding-bottom:2em;}
#secondary ul li {font-size:1.1em; padding-bottom:.5em;}

ul#contact_details {padding-left:25px; background:url('../images/icons/contacts.gif') no-repeat 0 0; display:block; height:100px;}
#webfirm_logo {float:right;}

a.forsale { background: url("../images/buttons/button_forsale.gif") no-repeat; width: 155px; height: 68px; display: block; overflow: hidden; text-indent: -9999px; margin-bottom: 2em; }
a:hover.forsale { background-position: 0 -68px!important; }


/* Footer Elements */
#affiliates {height:50px; border-bottom:1px solid #343434; margin-bottom:10px; overflow:hidden;}
#footer p {line-height:3em;}
#footer p a {padding:0 10px; color:#fff; text-decoration:none;}
#copyright {color:#343434;}

/* Product Elements */

p#breadcrumbs {position:absolute; top:20px; text-align:right; right:20px; width:550px; height:20px; color:#ccc; float:right;}
p#breadcrumbs a {padding:0 5px;text-decoration:none; color:#f00;}
p#breadcrumbs a:hover {text-decoration:none; color:#ccc;}

ul#product_categories li {border:10px solid #111; background:url('../images/backgrounds/product.jpg') no-repeat 0 0; padding:20px; margin-bottom:20px; display:block; height:210px;}
ul#product_categories li#marine {background-image:url('../images/backgrounds/marine.jpg');}
ul#product_categories li#power_equipment {background-image:url('../images/backgrounds/power_equipment.jpg');}

ul#product_categories li h2 {font-size:1.6em; text-shadow: 3px 3px 3px #000;}
ul#product_categories li p {text-shadow: 2px 2px 2px #000;}
ul#product_categories li img {float:left; margin-right:30px; border:5px solid #222;}

ul#product_listing li {float:left; width:33%; text-align:center; padding-bottom:20px;}

ul#product_listing li h3 {line-height:1.3em; padding:0;height:40px;}
ul#product_listing li span.product_id {display:block; color:#666; line-height:1.5em;}
ul#product_listing li a img {border:10px solid #222;}
ul#product_listing li a:hover img {border-color: #111;}

/* Common Elements */
a {color:#357ed7;}
a:hover {text-decoration:none;}
a.file {background: url('../images/icons/file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icons/pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icons/doc.gif') 0 0 no-repeat; padding-left: 20px;}

#rte ul,#rte ol { margin: 0 0 20px 30px; line-height: 1.6em; }
#rte ul li { list-style: square; font-size: 11px;}
#rte ol li { list-style: decimal; font-size: 11px; margin-bottom: 5px; }
#rte ul li ul,#rte ol li ol { margin: 0 0 5px 15px; }
#rte ol li ol li { font-size: 1em; list-style: lower-roman; margin: 0; }