/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0;	padding:0;	border:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit;	vertical-align:baseline;}
body {	line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body { font-size:75%; color:#000000; background-color: #EEEADB; font-family:Georgia, "Times New Roman", Times, serif; background-image: url(../images/css/bg.jpg); background-repeat: repeat-y; background-position: center top; }
h1, h2, h3, h4, h5, h6 {	font-weight:normal;	color:#FFF;}
h1 { font-size:28px; line-height:1; margin-bottom:0.5em; color: #990000; font-weight: bold; text-transform: capitalize; }
h2 { font-size: 18px; text-transform: capitalize; color: #990000; font-weight: bold; margin-bottom: 15px; margin-top: 35px; }
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:12px;	line-height:1em;	margin-bottom:.5em;	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	text-transform: uppercase;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p { margin:0 0 1.5em; line-height: 1.5em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
hr { background:#000000; color:#000000; clear:both; float:none; width:100%; height:2px; border:none; margin-top: 25px; margin-right: 0; margin-bottom: 35px; margin-left: 0; }
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:2px 2px 2px 2px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select { border:1px solid #bbb; background-color: #FFF; color: #000; width:250px;  padding: 3px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; width: 250px; }
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.2em 0;}
input.text, input.title { width:250px; padding:5px; background-color: #FFF; }
input.title {font-size:1.5em;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:250px;height:50px;padding:3px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; background-color: #FFF;width:250px;  }
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:900px;margin:0 auto;}
.last, div.last {margin-right:0;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* layout.css */
#header { width: 960px; }
#main { width: 900px; margin-top: 35px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; display: block;}
#content { width: 530px; margin-left: 0px; float:left; }
#content .hat { float: right; margin-right: -15px; margin-top: 15px; }
#content .specials-image { float: right; margin-bottom: 15px; margin-left: 15px; }

.quote-name { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E3DDC4; margin-bottom: 35px; padding-bottom: 10px; font-weight: bold; text-align: right; padding-right: 35px; color: #900; margin-right: 0px; margin-left: 0px; }
.quote { font-size: 12px; font-style: italic;  padding-right: 25px; padding-left: 25px; }

#map {	float: left;	margin-right: 15px;	border: 1px solid #000;}

#home-feature { height: 375px; width: 900px; margin-top: 35px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#feature1 , #feature2, #feature3{ width: 270px; float: left; height: 310px; text-align: left; background-image: url(../images/css/feature-bg.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
#feature1 a , #feature2 a , #feature3 a{ font-size: 20px; text-transform: capitalize; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-decoration:none; color: #990000;  }
#feature1 h1, #feature2 h1, #feature3 h1{ font-size: 20px; text-transform: capitalize; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; text-decoration:none; color: #990000;  }
#feature1 p, #feature2 p, #feature3 p{ font-size: 10px; }
#feature1 img, #feature2 img, #feature3 img { border: 1px solid #FFF; }
#feature1 .left , #feature2 .left, #feature3 .left{ float: left; width: 70px; }
#feature1 li ,   #feature2 li, #feature3 li{ list-style-image: url(../images/css/buttons.png); line-height: 13px; padding-top: 0px; margin-top: 0px; font-size: 10px; font-weight: bold; margin-bottom: 12px; }



/* sidebar.css */

#sidebar { width: 270px; margin-right: 0px; float: right; background-color: #EEEADB; border: 1px solid #EEEADB; padding: 15px; margin-bottom: 25px; }
#sidebar #badge { float: left; margin-top: -35px; margin-left: -35px; width: 165px; margin-bottom: -15px; }
#sidebar h1 { font-size: 20px; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; padding-bottom: 8px; text-transform: uppercase; }

#contact {	margin-top: 25px;	padding: 5px;}
#contact .badge {	float: left;	margin-top: -10px;	margin-left: -10px;	margin-bottom: -10px;}







/* header.css */
#header #nav { height:56px; width: 900px; padding-right: 30px; padding-left: 30px; background-image: url(../images/css/nav-bg-shadow.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 0px; }
#nav ul { padding:0; list-style-position: outside; list-style-type: none; margin: 0px; }
#nav li { list-style-type: none; float: left; text-align: center; margin: 0px; padding: 0px; list-style-position: outside; }
#nav a {	text-decoration:none;	color:#FFF;font-family:Arial, Helvetica, sans-serif:; 	text-transform: uppercase;	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;}


#tab1 {	display: block;	width: 75px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: 0 16px;}
#tab1:hover{   background-position: 0 -48px;}
#tab1 span{  display: none;}

#tab2 {	display: block;	width: 99px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -75px 16px;}
#tab2:hover{   background-position: -75px -48px;}
#tab2 span{  display: none;}
#fences #tab2{   background-position: -75px -48px;}

#tab3 {	display: block;	width: 81px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -174px 16px;}
#tab3:hover{   background-position: -174px -48px;}
#tab3 span{  display: none;}
#decks #tab3 {   background-position: -174px -48px;}

#tab4 {	display: block;	width: 169px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -255px 16px;}
#tab4:hover{   background-position: -255px -48px;}
#tab4 span{  display: none;}
#screenporches #tab4{   background-position: -255px -48px;}

#tab5 {	display: block;	width: 197px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -424px 16px;}
#tab5:hover{   background-position: -424px  -48px;}
#tab5 span{  display: none;}
#homeimprovements #tab5 {background-position: -424px  -48px;}

#tab6 {	display: block;	width: 136px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -621px 16px;}
#tab6:hover{   background-position: -621px -48px;}
#tab6 span{  display: none;}
#commercial #tab6 {background-position: -621px -48px;}

#tab7 {	display: block;	width: 143px;	height: 56px;	background-image: url(../images/css/nav-bg.jpg);	background-repeat: no-repeat;	background-position: -757px 16px;}
#tab7:hover{   background-position: -757px -48px;}
#tab7 span{  display: none;}
#testimonials #tab7 {background-position: -757px -48px;}

#header { width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#header .logo { float: left; height: 89px; width: 244px; display:block; margin-top: 15px; margin-bottom: 0px; margin-left: 30px; }
#header .specials { float: right; margin-left:20px; margin-top: 5px; text-transform: uppercase; margin-right: 30px; }
#subnav { height: 20px; float:right; margin-left: 300px; margin-bottom: 5px; text-transform: uppercase; color: #000; font-size: 14px; font-weight: bold; margin-right: 30px; margin-top: 5px; }
#subnav a{ margin-left: 10px; color: #000; text-decoration: none; }


#header #top-nav { height: 120px; }
#flash { height:400px; background-image: url(../images/css/flash-holder.jpg); width: 960px; background-repeat: no-repeat; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#interior-header { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; }





/* footer.css */
#footer { clear:both; background-image: url(../images/css/footer-bg.jpg); background-repeat: repeat-x; background-position: center top; padding-bottom: 25px; width: 900px; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 75px; padding-top: 1px;}
.footer-links { margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; font-size: 11px; padding-left: 25px; }
.footer-links p { line-height: 18px; font-size: 10px; color: #FFF; margin: 0px; }
.footer-links a { font-size: 10px; color: #FFF; text-decoration: none; padding-right: 15px; padding-left: 0px; margin-bottom: 15px; }
.footer-links a:hover { font-size: 10px; color: #FFF; text-decoration: underline; padding-right: 15px; padding-left: 0px; margin-bottom: 15px; }
.footer-clickdepot { font-size: 10px; float: right; margin-top: 25px; margin-right: 0px; margin-bottom: 15px; margin-left: 15px; }
.footer-clickdepot a { font-size: 10px; padding: 0px; text-decoration: none; color: #340002; }
.footer-clickdepot a:hover { font-size: 10px; padding: 0px; color: #AC0000; }