@charset "UTF-8";
/********* 	Levi's Screws and Nails ~ Copyright 2011 ************/

body {margin:0; padding: 0; background: url(../images/body_bg.jpg) repeat-x #A6C8E1;}

img {border:none;}

.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

.container {margin: 0 auto; width:943px;}

#masthead {background: url(../images/masthead_bg.jpg) no-repeat; height:150px;}
#masthead h1 {text-indent: -9999px; margin: 0; float:left; width:200px;}
#masthead ul {list-style-type:none; margin-right:10px; margin-bottom:0px; padding:13px 15px 0 15px; background: #224966; width:662px; float:right; margin-top:106px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}
#masthead li {float:left; padding:0 15px; padding-bottom:10px;}
#masthead li a {color:#fff; font-family: Myriad Pro, Arial, sans-serif; font-size:17px; text-decoration: none;}
#masthead li a:hover {color:#cccccc;}
#masthead li ul {margin:10px 0 0 0; -moz-border-radius:0; background:#444; z-index:500; position: absolute;width: 10em;left: -999em; padding:0 0 15px 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright:10px;}
#masthead li ul li {margin:0; padding:0;}
#masthead li ul li a {font-size:14px;padding:8px 10px;border-top:1px solid #555; border-bottom:1px solid #333; width:10em; display: block;}
#masthead li ul li:last-child a {border-bottom: none;}
#masthead li ul li a:hover{ background: #333;}
#masthead li:hover ul {left: auto;}

#content {font-family:Arial, sans-serif; font-size:16px; line-height:145%; padding-top:5px;}
.left {float:left; width: 230px; padding-right:10px;}
h2 {margin-top:0;}
.left h2 {font-size:17px; text-align: center; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.left .inner {background: #CFE1EF; padding:10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
a.cta {display: block; text-indent: -9999px; width:214px; height:200px; margin:5px 0;}
a#calculate {background: url(../images/a_calculate.jpg) no-repeat;}
a#snow-guards{background: url(../images/a_guards.jpg) no-repeat;}
a#colors{background: url(../images/a_colors.jpg) no-repeat;}
a#catalog {background: url(../images/download_catalog.jpg) no-repeat; width:238px; height:98px; display: block; text-indent: -9999px; margin:10px 0;}

.right {float:left; width:692px;}
#snowbox {border:5px solid #CFE1EF; background: #CFE1EF;}
.story {background: #fff url(../images/story_bg1.jpg) no-repeat right top; padding:20px; margin-bottom:10px;}
.story h2 {font-size:22px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.story h4 {font-size:19px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal; color:#5396C5;}
.story p {font-size:12px; color:#333; padding-right:150px;}
.story a {color:#224966;}

.main{background: #ffffff; padding:20px 40px 5px 20px; margin-bottom:15px;}
.main h2 {font-size:22px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal;}
.main h4 {font-size:19px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal; color:#5396C5;}
.main h5 {font-size:17px; margin-top:0; font-family: Myriad Pro, Arial, sans-serif; font-weight:normal; color:#006b2d;}
.main p {font-size:12px; color:#333;}
.main a {color:#224966;}

.main ul li {font-size:12px; color:#333; line-height:16px;}
.main ol li {font-size:12px; color:#333; line-height:16px;}
.main li span {color:#FF0000; font-weight:bold;}

hr {border-bottom:#999999 1px dotted; border-left:none; border-right:none; border-top:none;}

table {font-size:11px; color:#333; line-height:14px;}

.screws {width:600px; margin:0px 0px 0px 20px; font-family:"Lucida Grande", Arial, Helvetica; font-size:12px; line-height:18px; font-weight:bold; text-decoration:none;	border:none;}
.snowguards {margin-left:10px; font-family:"Lucida Grande", Arial, Helvetica; font-size:12px; line-height:18px; text-decoration:none;	border:none;}
.snowguards td {text-align:center; padding-right:18px; vertical-align:top;}
.snowguards td a {font-weight:bold;}

.specs {width:500px; margin:0px 0px 0px 20px; line-height:18px; color:#666; border:none;}
.specs tr {text-align:left; vertical-align:top;}
.specs tr.shade {text-align:left; vertical-align:top; background-color:#f0f0e8;}
.dottedline {border-bottom:1px dotted #999999;}
.dottedline_bold {border-bottom:1px dotted #999999; font-weight:bold; color:#333333;}

input {border:#a6c8e1 1px solid; background:#E9F1F5;}
textarea {border:#a6c8e1 1px solid; background:#E9F1F5;}
select {border:#a6c8e1 1px solid; background:#E9F1F5;}

p.back {margin:15px auto; text-align:center;}

a#acts {display:block; text-indent:-9999px; width:220px; height:90px; float:right; margin:20px -30px 0 0; overflow:hidden;}

.error p, ul, li {color:#CC0000;}

#bottom {border-top:1px dotted #666; padding:5px 0 0 0; width:630px;}
#bottom a {color:#333; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}
#bottom p {line-height: 16px; text-align: center; margin:15px 0 0 0; padding:0;}
#bottom p.footer {font-size:11px; text-align:center; margin:15px 0 0 0;}