html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea
,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */
legend{color:#000;}

.floatl {float: left;}
.floatr {float: right;}

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #cdc7bf;
	font-size: 13px;
	letter-spacing: 0em;
	line-height: 1.5em;
	background: #0e0e0e;
}

a { color: #fff;}

.wrapper-border-block {
	width: 981px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #191817;
	position: relative;
	margin-bottom: 10px;
}

.wrapper-block {width: 894px; margin-left: 44px;}

.wrapper-block {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	position: relative;
}

.header-block {
	height: 386px;
	position: relative;
	width: 894px;
}

.header-block-bg {
	height: 386px;
	position: relative;
	width: 894px; 	
	background: transparent url(/static/img/legacy_logo_header_bg.jpg) no-repeat top left;
}

#logo-block {
	height: 100px;
	width: 220px;
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
}

#header-addr-block {
	height: 70px;
	width: 170px;
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: right;
}

#header-addr-block .phone {
	font-size: 2.2em;
	font-family: "Times New Roman", Times, serif;
}
	
#header-nav-block {
	top: 0px;
	right: 0px;
	position: absolute;
	width: 600px; height: 386px;}
}
#header-nav-block div a span {visibility: hidden;}
#header-nav-block #h-n-b-home {position: absolute; top: 135px; right: 510px;}
#header-nav-block #h-n-b-home a {display: block; height: 22px; width: 59px;}
#header-nav-block #h-n-b-home a:hover, #header-nav-block #h-n-b-home a:hover:active {background: url(/static/img/home.jpg);}

#header-nav-block #h-n-b-about {position: absolute; top: 135px; right: 386px;}
#header-nav-block #h-n-b-about > a {display: block; height: 22px; width: 95px; padding-bottom: 18px;}
#header-nav-block #h-n-b-about > a:hover, #header-nav-block #h-n-b-about > a:hover:active {background: url(/static/img/about_us.jpg) no-repeat;}

#header-nav-block #h-n-b-affil {position: absolute; top: 135px; right: 257px;}
#header-nav-block #h-n-b-affil a {display: block; height: 22px; width: 144px;}
#header-nav-block #h-n-b-affil a:hover, #header-nav-block #h-n-b-affil a:hover:active {background: url(/static/img/affiliates.jpg);}

#header-nav-block #h-n-b-contact {position: absolute; top: 135px; right:113px;}
#header-nav-block #h-n-b-contact a {display: block; height: 22px; width: 112px;}
#header-nav-block #h-n-b-contact a:hover, #header-nav-block #h-n-b-contact a:hover:active {background: url(/static/img/contact.jpg);}

#header-nav-block #h-n-b-portfolio {position: absolute; top: 135px; right: 257px;}
#header-nav-block #h-n-b-portfolio > a {display: block; height: 22px; width: 100px; padding-bottom: 18px;}
#header-nav-block #h-n-b-portfolio > a:hover, #header-nav-block #h-n-b-portfolio > a:hover:active {background: url(/static/img/portfolio2.jpg) no-repeat;}

#header-nav-block #h-n-b-blog {position: absolute; top: 135px; right: 25px;}
#header-nav-block #h-n-b-blog a {display: block; height: 22px; width: 60px;}
#header-nav-block #h-n-b-blog a:hover, #header-nav-block #h-n-b-blog a:hover:active {background: url(/static/img/blog.jpg);}

#header-nav-block > div > ul {position: absolute; top: 40px; left: -5px; background: #111; opacity:0.93; filter:alpha(opacity=93); padding: 1px 0; display: none;}
#header-nav-block > div > ul:hover {display: block;}
#header-nav-block > div > ul > li {background: none;}
#header-nav-block > div > ul > li > a {font-size: 12px; color: #cfc3bb; width: 114px; padding: 1px 8px;}
#header-nav-block > div#h-n-b-portfolio > ul > li > a {width: 114px;}
#header-nav-block > div > ul > li > a:hover {color: #f2f3f5; background: #5f6d86;}

#header-nav-block ul {
	float: right;
}
	
#header-nav-block > li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	background: transparent url(/static/img/header_nav_bg.jpg) no-repeat center right;
}

#header-nav-block li li {
	background: #191817;
	font-size: 0.75em;
	border-left: 1px solid #B7ADA6;
	border-right: 1px solid #B7ADA6;
}

#header-nav-block li li.last {
	border-bottom: 1px solid #fff;
	background: #191817;
	padding-right: 5px;
}

#header-nav-block li.last {
	padding-right: 0px;
	background: none;
}
	
#header-nav-block li a {
	display: block;
	font-family: arial;
	font-size: 1.3em;
	text-transform: capitalize;
	text-decoration: none;
}
	
/* global navigation */
.global-nav-block {
	height: 40px;
	width: 894px;
	border-top: 1px solid #58041c;
	background: transparent url(/static/img/global_nav_bg.jpg) repeat-x top left;
	position: absolute;
	top: 386px;
	z-index: 30;
}

.global-nav-block li {
	background: transparent url(/static/img/global_nav_sep.jpg) no-repeat center left;
	width: 98px;
}

.global-nav-block li a, .global-nav-block li a:link, .global-nav-block li a:active, .global-nav-block li a:visited, .global-nav-block li a:hover {
	display: block;
	padding: 5px 0px 0px 0px;
	color: #b7ada6;
	vertical-align: middle;
	line-height: 16px;
	text-align: center;
	vertical-align: middle; 
}

.content-wrapper-block {

}

#id-carousel-block {
	position: absolute;
	height: 171px;
	z-index: 10;
	top: 386px;
}

.carousel-block, .carousel-btn, .carousel-strip {
	height: 171px;
}

.carousel-strip, .carousel-btn {
	float: left;
}

.carousel-strip {
	width: 837px;
}

div.carousel-strip li div {
	width: 193px;
	height: 133px;
	border: 2px solid #fff;
	margin-right: 10px;
	margin-top: 16px;
}

/* jCarousel styles on remodels page */




.content-block-index { 
	width: 894px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

.content-block { 
	width: 894px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding-top: 20px;
}

.content-block p {
	margin-bottom: 10px;
}

.content-block a, .content-block a:visited, .content-block a:link {color:#caa47f; text-decoration: none;}
.content-block a:hover, .content-block a:active {color:#e3ceb9; text-decoration: underline;}

.footer-block { border-top: 1px solid #cdc7bf; margin-top: 25px;}

.footer-block ul {
	margin-top: 10px;
	height: 17px;
}

.footer-block li {
	float: left;
	background: transparent url(/static/img/footer_nav_sep.jpg) no-repeat center right;
	width: 91px;
	text-align: center;
}

.footer-block li.last {
	background: none;
}

.footer-block li a, .footer-block li a:active, .footer-block li a:visited, .footer-block li a:hover {
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	font-size: .8em;
	text-decoration: none;
	color:#caa47f;
}

.footer-block li .last {background-image:none;}

/** index page specific **/
.index {
	background: transparent url(/static/img/index_content_bg.jpg) repeat-y top left;
}

.index .left-col, .index .right-col {
	float: left;
}

/** portfolio styles **/
.portfolio-category { float: left; margin-right: 8px; margin-bottom: 8px;}

.portfolio-category a {
	display: block;
	height: 149px;
	width: 234px;
	overflow: hidden;
	border: 1px solid #fff;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
}
.right-col .content .portfolio-category h2 {
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}
.portfolio-gallery #imginfo {
	float:right;
	padding:10px 20px;
	width:220px;
}

.portfolio-gallery #imginfo h1 {
	text-align:center;
}

.portfolio-single-image {
	margin:10px 0;
}

.portfolio-single-image table {
	width:100%;
	padding:0 10px;
}
.portfolio-single-image .single-image {
	text-align:center;
}

.portfolio-single-image .info {
	padding:10px 20px;

	vertical-align:middle;
}


.portfolio-single-image h1{
	text-align:center;
}

.portfolio-single-image h2{
        text-align:center;
}

.single-image-gallery-link {
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}

/* Overlaw */
.overlay {
	background-image: url(/static/img/gray.png);
}

.overlay .wrap {}

.overlay-close {
	background-image: url(/static/img/close.png);
	display: block;
	width: 75px;
	height: 25px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.left-col {
	width: 272px;
	padding-left: 21px;
	padding-top: 12px;
	padding-right:21px;
	padding-bottom: 10px;
}

.left-col .caption {
	font-size:10px;
	text-align:right;
}

.right-col {
	float:left;
	width: 540px;
	padding-left: 20px;
	padding-right:20px;
	padding-top: 12px;
}

h1, h2 {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

h1 {
	font-size:20px;
	margin-bottom: 15px;
	color: #fff;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom: 8px;
	color: #7587a8;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.first-letter {
	font-size: 1.2em;
}

.content-right-col {
	padding-bottom: 20px;
}

.content-right-col img {
	margin-right: 20px;
	width: 116px;
}

.right-col hr {
	margin-bottom: 25px;
}

.remodel-left-col {
	float: left;
	width: 250px;
	padding-right: 40px;
}

.remodel-right-col {
	float: left;
	width: 890px;
}

.remodel-right-col hr {
	margin-bottom: 20px;
}


/* jCarousel styles on remodels page */


.remodel-item {
	border-top: 1px solid #fff;
	padding-top: 12px;
	margin-bottom: 20px;
	height: 150px;
	overflow: hidden;
}

.remodel-item img {
	margin-left: 20px;
	width: 200px;
}

.img-border {
	border: 1px solid #CDC7BF;
}

.remodel-gallery-control {
	float: left;
	padding-top: 65px;
}

.remodel-gallery-container {
	width: 500px;
	float: left;
	margin-top: 15px;
}
.remodel-gallery-container ul li {display:inline;}


.btn-prev { height:145px; width: 30px; float: left;}

.remodel-gray-bg {
	width: 372px;
	float: left;
	background-color: #272624;
	margin-bottom: 20px;
}

.remodel-detail-large {
	width: 330px;
	margin: 20px 20px 5px 20px;
	border: 1px solid #CDC7BF;
	background: #000;
}

.remodel-title-caption {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	color: #CDC7BF;
	margin: 0px 20px 20px 20px;
}

.remodel-detail-right-col {
	width: 502px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.gallery-header {
	width: 892px;
	float: left;
	background-color: #222e45;
	font-family:"Times New Roman", Times, serif;
	font-size: 28px;
	color: #75819a;
	padding: 35px 10px 0px 10px;
	line-height: .3em;
}

.remodel-detail-left-col {
	width: 372px;
	float:left;
	margin-right: 20px;
}

.remodel-gallery-listing {
	width: 892px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
}

.breadcrumbs {
	width: 892px;
	margin-bottom:20px;
}

.blue-rule {
	height: 1px;
	background-color: #75819a;
	border: none;
}

.portfolio-image {
	height: 200px;
	width: 200px;
	float: left;
	margin-right: 15px;
}

.content-block img.img_left {
	float: left;
	margin-right: 10px;
}

.bio-block {
	margin-bottom: 25px;
}

.bio-block p {
	margin-bottom: 10px;
}


.content-block ul {
}
.content-block ul li {
	/** list-style-type: square; **/
	margin-left: 20px;
	list-style-image: url(/static/img/list_style_bg.gif);
}

.content-block hr {
	border: none;
	background-color: #cdc7bf;
	height: 1px;
	margin-top:20px;
	margin-bottom: 20px;
}

strong {
 font-weight: bold;	
}

em {
	font-style: italic;
}

em strong {
	font-style: italic;
	font-weight: bold;
}

table.other-team {
	width: 600px;
	border-collapse: collapse;
	margin-left: 100px;
}

table.other-team td {
	border: 1px solid #CDC7BF;
	padding: 4px;
}

/* remodel carousel */

.portfolio-flash-block {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 500px;
}

#contact-form {
	padding:10px;
	width:700px;
	margin:0 auto;
}

#contact-form td {
	padding:8px;
	text-transform:capitalize;	
}

#contact-form input, #contact-form select, #contact-form textarea {
	width:511px;
	padding:3px;
	border:0;
	background-color:#cccccc;	
}
#contact-form input[type=checkbox] {width:auto;}

#contact-form #id_first_name,
#contact-form #id_last_name,
#contact-form #id_city,
#contact-form #id_state,
#contact-form #id_zip,
#contact-form #id_home_phone,
#contact-form #id_cell_phone
{	
	width:196px;		
}
 .contact-btn {
	width:200px;
	padding:5px;	
	border:1px solid #ffffff;
	margin:2px;
	background-color:#CCCCCC;
}


#contact-form select {	
	width:202px;
	border:0;	
}

.contact-map {
	text-align:center;
}

#header-map-link {
	position:absolute;
	right:5px;
	top:45px;
	display: block;
	width: 155px;
	height: 30px;
}

#header-map-link a {
	display: block;
	width: 155px;
	height: 30px;
}

#header-map-link a span {
	display: none;
}

.contact-map a {
	color:#fff;
}


.testimonial-block {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cdc7bf;
}

.testimonial-block-last {
	border-bottom: none;
	padding-bottom: none;
} 


/** affiliate block **/
.affiliate-block-wrapper {}
.affiliate-block {margin-bottom: 25px; width: 446px; float: left; height: 130px;}
.affiliate-block .affiliate-logo {float: left; width: 130px;padding-left: 5px; padding-top: 5px;background: #fff;}

.affiliate-block .affiliate-info {float: left; margin-left: 40px; width: 255px;}

/** bio page **/
img.bio-floatl {float: left; margin-right: 10px; border: 1px solid #cdc7bf;}
img.bio-floatr {float: right; margin-left: 10px; border: 1px solid #cdc7bf;}
.bio-content-block .bio-block {border-bottom: 1px solid #cdc7bf; padding-bottom: 10px;}
.bio-content-block .last {border-bottom: none;}

.img_right {float: right; margin-left: 10px; border: 1px solid #CDC7BF;}
.img_left {float: left; margin-right: 10px; border: 1px solid #CDC7BF;}

/** project development **/
.proj-dev-nav {width: 894px; height: 37px; background: url(/static/img/project_dev_bg.jpg) no-repeat; position: relative; margin-bottom: 20px;}
.proj-dev-nav div {position: absolute; top: 0px;}
.proj-dev-nav span {padding-top:10px; padding-left: 10px;}
.proj-dev-nav a, .proj-dev-nav a:hover, .proj-dev-nav a:active, .proj-dev-nav a span {display:block; font-family: arial; color: #b7ada6; font-weight: bold; font-size: 14px; text-decoration: none;}
#p-d-analysis {left: 0px;}
#p-d-permitting {left: 184px;}
#p-d-service {left: 336px;}
#p-d-close-out {left: 532px;}
#p-d-warranty {left: 746px;}

#p-d-analysis a {width: 203px; height: 37px;}
#p-d-analysis a:hover span, #p-d-analysis a:active span {color: #fff;}
#p-d-analysis.active a{background: url(/static/img/project_dev_1.jpg);}


#p-d-permitting a {width: 171px; height: 37px;}
#p-d-permitting span {padding-left: 25px; }
#p-d-permitting a:hover span, #p-d-permitting a:active span{color:#fff;}
#p-d-permitting.active a{background: url(/static/img/project_dev_2.jpg);}

#p-d-service a {width: 215px; height: 37px;}
#p-d-service span {padding-left: 25px; }
#p-d-service a:hover span, #p-d-service a:active span {color: #fff;}
#p-d-service.active a{background: url(/static/img/project_dev_3.jpg);}

#p-d-close-out a {width: 233px; height: 37px;}
#p-d-close-out span {padding-left: 25px; }
#p-d-close-out a:hover span, #p-d-close-out a:active span {color: #fff}
#p-d-close-out.active a{background: url(/static/img/project_dev_4.jpg);}

#p-d-warranty a {width: 148px; height: 37px;}
#p-d-warranty span {padding-left: 25px; }
#p-d-warranty a:hover span, #p-d-warranty a:active span {color: #fff;}
#p-d-warranty.active a{background: url(/static/img/project_dev_5.jpg);}

/** portfolio addl style **/
.portfolio-info-block {position: relative; width: 432px; overflow: hidden; height: 200px;margin-bottom: 20px;}
.portfolio-info-block img {border: 1px solid #CDC7BF;}
.portfolio-info-block h2 {position: absolute; bottom: 2px; left: 5px; z-index: 20; color: #191817; font-family: "Times New Roman",Times,serif; margin-bottom: 0px;}

/** video library **/
.videos {}
.videos .box {width:177px;background-color:#191816;padding:0px 5px 0px 5px;float:left;}
.videos .box img {padding-bottom:5px;}
.videos #videoplayer {float:left;width:706px;}






.interior-left-col {
	float: left;
	width: 250px;
	padding-right: 40px;
}

.interior-right-col {
	float: left;
	width: 890px;
}

.interior-right-col hr {
	margin-bottom: 20px;
}


/* jCarousel styles on interiors page */


.interior-item {
	border-top: 1px solid #fff;
	padding-top: 12px;
	margin-bottom: 20px;
	height: 150px;
	overflow: hidden;
}

.interior-item img {
	margin-left: 20px;
	width: 200px;
}


.interior-gallery-control {
	float: left;
	padding-top: 65px;
}

.interior-gallery-container {
	width: 500px;
	float: left;
	margin-top: 15px;
}
.interior-gallery-container ul li {display:inline;}

.interior-gray-bg {
	width: 372px;
	float: left;
	background-color: #272624;
	margin-bottom: 20px;
}

.interior-detail-large {
	width: 330px;
	margin: 20px 20px 5px 20px;
	border: 1px solid #CDC7BF;
	background: #000;
}

.interior-title-caption {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	color: #CDC7BF;
	margin: 0px 20px 20px 20px;
}

.interior-detail-right-col {
	width: 502px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

.interior-detail-left-col {
	width: 372px;
	float:left;
	margin-right: 20px;
}

.interior-gallery-listing {
	width: 892px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
}


/** blog **/
.blog .post-item {margin-top:20px;border-top:1px solid #fff;padding-top:20px;}
.blog .post-item .post-img, .blog-detail .post-img {display:block;width:330;float:right;margin:0 0 10px 30px;}
.pagination {text-align:center;margin:40px 0 0 0;clear:both;}