@charset "utf-8";
/* CSS Document */

* {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px; line-height:18px;}
#page {width:1062px; margin:0 auto; text-align:left; position:relative; background:url(img/pageBG.jpg) no-repeat;}
#bg {width:1062px; margin:0 auto; text-align:left; position:relative; background:url(img/bg.jpg) repeat-y;}
body {background:#550808; width:100%; text-align:center; margin:0 auto;}
p {font-size:12px; line-height:25px; color:#282525; padding-bottom:10px;}
a {outline:none; font-weight:bold; text-decoration:none; color:#550808;}
a:hover {color:#2e7ec5;}
h1 {font-family:"copperl", Georgia, "Times New Roman", Times, serif; font-size:22px; line-height:33px; color:#550808; padding-bottom:5px; font-weight:bold;}
h2, .h2, h2 a {font-family:"copperl", Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:21px; color:#282525; padding-bottom:10px; font-weight:normal;}
h2.strong {font-family:"copperl", Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:24px; color:#282525; padding-bottom:10px; font-weight:bold;}
ul {padding:0 0 10px 30px;}
.image {padding-left:10px;}


/*Header*/
#header {height:135px; position:relative;}
#header p {color:#e6ddd5; text-align:right; position:absolute; right:20px;}
#header .address {font-family:"copperl", Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:21px; top:25px; font-weight:bold;}
#header .phone {font-family:"copperb", Georgia, "Times New Roman", Times, serif; font-size:25px; line-height:28px; top:70px;}


/*Sidebar*/
#sidebar {width:292px; float:left; padding-left:17px;}

/*Navigation*/
.nav {padding:0;}
.nav li {list-style:none; background:url(img/navBG.png) no-repeat; font-size:12px;}
.nav li a {font-family:"copperl", Georgia, "Times New Roman", Times, serif; display:block; color:#282525; text-decoration:none; height:32px; text-transform:uppercase; padding:13px 0 0 30px; font-weight:normal;}
.nav li:hover, #home .nav li.home, #history .nav li.history, #landscape_products .nav li.landscape_products, #masonry_products .nav li.masonry_products, #project_gallery .nav li.project_gallery, #contractors .nav li.contractors, #credit_applications .nav li.credit_applications, #current_specials .nav li.current_specials, #quote_request .nav li.quote_request, #partners .nav li.partners, #contacts_hours .nav li.contacts_hours {background-position:0 -45px;}


/*Content*/
#content {width:706px; float:left; padding:379px 35px 10px 12px;}
a.pdf {border:3px solid #550808; background:url(img/pdf.jpg) no-repeat #fff; padding:3px 3px 3px 24px; line-height:12px; display:block; font-weight:bold; color:#550808; text-decoration:none; opacity:0.8;}
a.pdf:hover {color:#2e7ec5;}
label {float:left; width:200px; font-weight:bold;}
.products {padding:0;}
.products li {list-style:none; clear:both; border-bottom:1px dotted #550808; padding-bottom:10px; margin-bottom:10px;}


/*Forms*/
.form {padding:0;}
.form li {list-style:none; height:21px; padding-bottom:7px;}
.form li.comments {height:50px;}
.form label {float:left; width:200px; font-weight:normal;}
.form input, .form select, .form textarea {float:left; width:300px; border:1px solid #550808; height:21px;}
.form textarea {height:50px;}
.form input.checkbox {width:15px; border:none; margin-right:5px;}


/*Footer*/
#footer {width:1062px; margin:0 auto; text-align:left; position:relative;}
#footer .logos {padding-left:0;}
#footer .logos li {list-style:none; float:left;}
#footer .logos li.credit_cards {float:right;}
#footer p {font-size:10px; line-height:15px; text-align:center; color:#e6ddd5; padding:20px 0 10px 0; font-weight:normal;}
#footer p a {font-size:10px; line-height:15px; text-align:center; color:#e6ddd5; font-weight:normal;}
#footer a:hover {text-decoration:underline;}


/*SEO*/
#opt p {font-size:9px; line-height:10px; color:#e6ddd5;}
#opt a {font-size:9px; line-height:10px; color:#e6ddd5; text-decoration:underline;}
#opt a:hover {text-decoration:none;}


/*Fonts*/
@font-face {
  font-family: copperb;
  src: url(fonts/copperplatebold.eot);
  src: local("copperb"), url(fonts/copperplatebold.ttf) format("truetype");
}

@font-face {
  font-family: copperl;
  src: url(fonts/copperplatelight.eot);
  src: local("copperl"), url(fonts/copperplatelight.ttf) format("truetype");
}