/* -------------------------------------------------------------- 
   Resets default browser CSS   
-------------------------------------------------------------- */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
}

a img { 
	border: none; 
}

body {
	margin: 0 auto;
	text-align: center;
	line-height: 1.5;
  	color: #333; 
  	font-family: Arial, Helvetica, sans-serif;
  	background-color: #dddad0;
}

.clear { clear: both; }

a.last { padding-right: 0; }

.serif { font-family: Georgia, Times, Times New Roman, serif; }

em { font-style: italic; }

/* -------------------------------------------------------------- 
   Header  
-------------------------------------------------------------- */

#header {
	height: 160px;
	overflow: hidden;
	background: url(../images/bg_header.jpg) top center repeat-x;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#header_container {
	width: 875px;
	height: 160px;
	overflow: hidden;
	margin: 0 auto;
}

#logo {
	width: 200px;
	height: 145px;
	float: right;
	margin: 15px 65px 0 0;
}

#logo h1 {
	width: 200px;
	height: 145px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}

#logo h1 a {
	text-decoration: none;
	width: 200px;
	height: 145px;
	float: left;
}

p#company_profile {
	float: left; 
	width: 515px;
	padding: 40px 0 0 15px;
	text-align: left;
	font-size: 14px;
	color: #e0ded6;
}

p#company_profile span.company_name {
	color: #bfdfea;
	font-weight: bold;
	font-size: 14px;
}

p#company_profile a {
	color: #fff;
	font-size: 14px;
}

/* -------------------------------------------------------------- 
   Links for accessibility
-------------------------------------------------------------- */

.accessibility {
	display: none;
}

/* -------------------------------------------------------------- 
   Content area  
-------------------------------------------------------------- */

#content {
	background-color: #fff;
}

#content_interior {
	width: 875px;
	margin: 0 auto;
	text-align: left;
}

#lcol {
	width: 161px;
	float: left;
	padding: 30px 19px 50px 0;
}

#mcol {
	width: 422px;
	float: left;
	margin: 30px 0 50px;
	padding-right: 20px;
}

#rcol {
	width: 195px;
	float: right;
	padding: 59px 30px 50px 25px;
	margin-top: -49px;
	background: url(../images/bg_right_rail.gif) top left no-repeat;
}

/* -------------------------------------------------------------- 
   Nav  
-------------------------------------------------------------- */

#navbar {
	height: 35px;
	background-color: #7d7151;
	padding-top: 14px;
}

#nav_container {
	width: 875px;
	margin: 0 auto;
	text-align: left;
}

ul#nav {
	list-style-type: none;
	display: inline;
	width: 875px;
}

ul#nav li {
	display: inline;
	list-style-type: none;
	height: 35px;
	overflow: hidden;
}

ul#nav li a {
	height: 35px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

ul#nav li a#nav_about {
	background: url(../images/nav_about.gif) center left no-repeat;
	width: 84px;
}

ul#nav li a#nav_about:hover {
	background: url(../images/nav_about.gif) top left no-repeat;
}

ul#nav li a#nav_about.selected {
	background: url(../images/nav_about.gif) bottom left no-repeat;
}

ul#nav li a#nav_commercial {
	background: url(../images/nav_commercial.gif) center left no-repeat;
	width: 211px;
}

ul#nav li a#nav_commercial:hover {
	background: url(../images/nav_commercial.gif) top left no-repeat;
}

ul#nav li a#nav_commercial.selected {
	background: url(../images/nav_commercial.gif) bottom left no-repeat;
}

ul#nav li a#nav_residential {
	background: url(../images/nav_residential.gif) center left no-repeat;
	width: 207px;
}

ul#nav li a#nav_residential:hover {
	background: url(../images/nav_residential.gif) top left no-repeat;
}

ul#nav li a#nav_residential.selected {
	background: url(../images/nav_residential.gif) bottom left no-repeat;
}

ul#nav li a#nav_projects {
	background: url(../images/nav_projects.gif) center left no-repeat;
	width: 123px;
}

ul#nav li a#nav_projects:hover {
	background: url(../images/nav_projects.gif) top left no-repeat;
}

ul#nav li a#nav_projects.selected {
	background: url(../images/nav_projects.gif) bottom left no-repeat;
}

/* Content Left Column */

#lcol h2 {
	color: #1d4755;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	padding: 3px 0 7px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

#lcol ul {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #afada9;
}

#lcol ul.last {
	border: none;
	margin: 0;
}

#lcol ul li {
	padding-left: 15px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat;
	background-position: left 6px;
	padding-bottom: 7px;
}

#lcol ul li a {
	font-size: 11px;
	color: #c5bfb1;
	display: block;
	line-height: 14px;
}

#lcol ul li a span {
	font-size: 11px;
	color: #645a41;
}

#lcol ul li a:hover span {
	color: #000;
}

/* Middle Content Column */

#mcol h1 {
	color: #1d4755;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 22px;
	padding: 0 0 15px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

#mcol h2 {
	color: #1d4755;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 16px;
	padding: 0 0 10px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

#mcol p {
	margin-bottom: 10px;
}

#mcol ul {
	margin-bottom: 10px;
}

#mcol ul li {
	padding-left: 15px;
	margin-left: 10px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat;
	background-position: left 6px;
	padding-bottom: 4px;
}

#mcol a {
	color: #645a41;
}

#mcol a:hover {
	color: #000;
}

/* Right Rail */

#rcol h2 {
	color: #1d4755;
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 12px;
	padding: 3px 0 7px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

#rcol p.quote {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 15px;
	font-style: italic;
}

#rcol p.attribution {
	font-size: 11px;
	margin-top: 15px;
	text-align: right;
}

#rcol ul {
	
}

#rcol ul li {
	list-style: none;
}

#rcol ul li a {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}

#rcol ul li a#request_estimate {
	background: url(../images/btn_estimate.gif) top left no-repeat;
	width: 190px;
	height: 40px;	
	margin-bottom: 10px;
}

#rcol ul li a#request_estimate:hover {
	background: url(../images/btn_estimate.gif) bottom left no-repeat;
}

#rcol ul li a#contact_us {
	background: url(../images/btn_contact.gif) top left no-repeat;
	width: 190px;
	height: 40px;	
}

#rcol ul li a#contact_us:hover {
	background: url(../images/btn_contact.gif) bottom left no-repeat;
}

#rcol ul li span#call_us {
	background: url(../images/phone_number.gif) top left no-repeat;
	width: 144px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 21px 0 70px;
}

/* -------------------------------------------------------------- 
   Footer  
-------------------------------------------------------------- */

#footer {
	clear: both;
	text-align: center;
	background: #1d4755 url(../images/bg_footer.gif) top left repeat-x;
}

#footer_container {
	width: 895px;
	padding-left: 20px;
	margin: 0 auto;
	text-align: left;
}

p#footer_nav {
	padding: 48px 0 20px;
	color: #a5b5bb;
	width: 651px;
	float: left;
}

p#footer_nav a {
	font-size: 11px;
	color: #a5b5bb;
	text-decoration: none;
	padding: 5px 3px;
}

p#footer_nav a:hover {
	color: #fff;
}

#address {
	width: 153px;
	float: left;
	color: #a5b5bb;
	font-size: 11px;
	line-height: 13px;
	padding: 25px 0 10px;
}

#footer_logo {
	width: 72px;
	float: left;
	padding: 22px 0 10px;
}

#footer_logo a {
	width: 71px;
	height: 55px;
	overflow: hidden;
	background: url(../images/logo_footer.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
}

#footer_logo a:hover {
	background: url(../images/logo_footer.gif) bottom left no-repeat;
}

#credits {
	clear: both;
	padding-left: 651px;
	color: #617f88;
	font-size: 11px;	
	padding-bottom: 10px;
}

#credits a {
	color: #617f88;
	text-decoration: none;
	font-size: 11px;
}

/* Lead form */

#lead-form fieldset {border: none; padding: 0; margin: 0;}
#lead-form .req {color: #cc0023;}
#lead-form label {font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#lead-form input, textarea {margin: 3px 0 0 0; border: 1px solid #1d4755; width: 185px; line-height: 24px; color: #000; /*padding: 3px 0;*/}
#lead-form textarea {line-height: 18px;}
#lead-form small, small em {font-size: 10px; font-family: Helvetica, Arial, sans-serif;}
#lead-form .highlight { color: #db0026;}
#lead-form p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 8px;}
#lead-form #inside_rightcol p strong {color: #A61111;}
#lead-form button {background: #1d4755; border-top: 2px solid #225465; border-left: 2px solid #225465; border-bottom: 2px solid #193d49; border-right: 2px solid #193d49; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; width: auto;}
#lead-form button:hover {background: #286275;}


/* Lead form validation */

.formular .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

#areyouhuman {display: none;}