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

* {font-family:"gothic", Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:12px; line-height:21px;}
#page {width:1000px; margin:0 auto; text-align:left; position:relative; padding:0 100px;}
body {width:100%; text-align:center; margin:0 auto;}
p {font-size:14px; line-height:21px; color:#fff; padding-bottom:10px;}
h2 {font-size:16px; line-height:24px; color:#ffc523; font-weight:bold; text-transform:uppercase;}
a {color:#ffc523; font-weight:bold; text-decoration:none;}
a:hover {color:#8FC2FF;}
.more {float:right; font-size:11px; display:block;}


/*Header*/
#header {position:relative; height:150px; padding-bottom:40px;}
.border_top {background:#fff; opacity:0.5; height:10px; width:100%;}
#header .address {text-align:right; position:absolute; top:0; right:0; background:url(img/addressBG.png) no-repeat; width:373px; height:180px; padding:10px 25px 0 0;}
#header .address p {font-size:14px; line-height:21px; color:#000; font-weight:bold;}
#header .address p .phone {font-size:18px;}
#header .address p .small {font-size:11px; line-height:15px;}


/*Sidebar*/
#sidebar {width:276px; float:left;}


/*Navigation*/
.nav {float:right; padding:25px 25px 0 0; text-align:right;}
.nav li {padding-right:15px; list-style:none;}
.nav li a {font-size:20px; line-height:34px; color:#000; text-transform:uppercase; text-decoration:none;}
.nav li a:hover {color:#fff;}
body.home .nav li.home, body.asphalt .nav li.asphalt, body.concrete .nav li.concrete, body.seal_coat .nav li.seal_coat, body.striping .nav li.striping, body.masonry .nav li.masonry, body.hardscaping .nav li.hardscaping, body.snow_removal .nav li.snow_removal, body.metal_fabrication .nav li.metal_fabrication, body.interior_build_out .nav li.interior, body.employment .nav li.employment, body.projects .nav li.projects, body.contact .nav li.contact {background:url(img/arrow.png) no-repeat 218px 12px;}


/*Content*/
#content {background:url(img/contentBG.png) repeat-y; width:700px; float:left; min-height:455px; padding-bottom:15px;}
#content p, #content h2 {padding:0 25px 10px 25px;}


/*Forms*/
.form {padding:0 25px 10px 25px;}
.form li {list-style:none; padding-bottom:10px; background:none; width:320px; float:left; color:#fff; font-size:14px;}
.form li label {width:300px; clear:both;}
.form li input, .form li select {width:300px; border:1px solid #999; height:20px;}
.form li.state {width:227px;}
.form li.state select {width:217px;}
.form li.zip {width:70px;}
.form li.zip input {width:70px;}
.form li.comments {width:640px; float:none;}
.form li textarea {width:618px; border:1px solid #999;}


/*Footer*/
#footer {padding:50px 0 10px 10px; text-align:left; width:1040px; margin:0 auto;}
#footer p {font-size:10px; line-height:18px; color:#333;}
#footer p a {color:#333; font-size:10px;}
#footer p a:hover {color:#ffc523;}


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

/*SEO*/

#opt h3, #opt p, #opt a, #opt h2, #opt {font-size:10px; text-align:center; width:1040px; line-height:10px; color:#333333; text-transform:lowercase; }