/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
}
.clearFloat {
	clear: both;
}

/**********************************************  FONTS  ***********************************************/

h1 {

}
h2 {
	color: #eca028;
	text-transform: uppercase;
	border-bottom: 1px #674f2b solid;
	font-size: 2.7em;
	letter-spacing: 3px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 30px 0px;
	line-height: 1em;
}
h3 {
	color: #a19445;
	text-transform: uppercase;
	border-bottom: 1px #4e4b38 solid;
	letter-spacing: 1px;
	font-size: 1.6em;
	padding: 0px 0px 10px 0px;
	margin: 27px 25px 30px 35px;
}
h4 {
	color: #eca028;
	text-transform: capitalize;
	font-size: 1.7em;
	letter-spacing: 1.1px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
p {
margin:0px 0px 15px;
line-height: 135%;
font-size:1.3em;

}
a {
color: #ED801B;
}

.intro {
	color: #e19e2a;
}

.name{
	color:#787878;
	padding: 0px 0px 20px 0px;
}


/******************************************  DOWNLOADS LIST  *******************************************/

.downloadsList {
	border-top: 1px #5d5d5d solid;
	border-bottom: 1px #5d5d5d solid;
	padding: 20px 0px 0px 0px;
	margin: 15px 20px 15px 20px;
}
.downloadsList a {
	font-weight: bold;
}
.downloadsList li {
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0px 0px 0px 0px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}
.downloadsList p {
	margin: 0px 0px 20px 0px;
}
.pdfList li {
	background-image: url('images/icons/ico-pdf.gif');
}

/**********************************************  HEADER  **********************************************/

#header {
	width:970px;
	/*border:1px solid white;*/
	margin:0 auto;
}

#headerColLeft {
	width:320px;
	/*height:300px;*/
	text-align:left;
	/*border:1px solid blue;*/
	float:left;
	background:url(../images/interface/bDrop_colTopLeft.gif) top right repeat-y;
}

#headerColRight {
	width:650px;
	text-align:left;
	/*border:1px solid red;*/
	float:right;
	background:url(../images/interface/bDrop_colTopRight.gif) top right repeat-y;
}


/**********************************************  CONTENT  **********************************************/
#content {

}

#contentBlock {
	width:100%;
	clear:both;
	border-top:1px solid #333;
	/*border:none;*/
	/*margin:0 auto;*/


}
#contentContainer {
	width:970px;
	margin:auto;
	padding:0 0 0 24px;
	clear:both;
	background:url(../images/interface/bDrop_contentBlock.gif) top repeat-y;
}

#contentCol_L {
	width:308px;
	text-align:left;
	/*border:1px solid blue;*/
	float:left;
}
#contentCol_L img {
	margin:0px 0px 0px 36px;
}

#contentCol_L .thankyou {
	font-size: 1.1em;
	color:#DDDDDD;
	margin: 0px 5px 0px 36px;
}

#contentCol_R {
	width:650px;
	/*border:1px solid red;*/
	float:right;
	text-align:left;
}

.spotQuoteBlock {
	/*border:1px solid red;*/
	padding:25px 40px 30px 40px;
	font-size:1.5em;
	color:#b1a563;
	text-align:right;
	line-height:1.4em;
	letter-spacing:.05em;
}
#mainContent {
	width:550px;
	/*height:50px;*/
	margin:30px 0 10px 0;
	padding:0 0 0 20px;
	/*border:1px solid red;*/
	text-align:left;
	color:#DDDDDD;
	line-height: 135%;
}
#featureProject {
	width:530px;
	/*height:50px;*/
	margin:30px 0 10px 0;
	padding:0 0 0 50px;
	/*border:1px solid red;*/
	text-align:right;
}
#featureProject #colLeft {
	background:url(../images/interface/bDrop_featProjTease.gif) top right no-repeat;
	float:left;
	/*border:1px solid green;*/
	padding:35px 5px 5px 5px;
	width:400px;

}
#featureProject #colRight {
	float:right;
	/*border:1px solid white;*/
}

#latestNews {
	width:530px;
	/*height:50px;*/
	margin:10px 0 10px 0;
	padding:0 0 0 50px;
	/*border:1px solid blue;*/
	text-align:right;
}

#latestNews #colLeft {
	background:url(../images/interface/bDrop_latestNewsTease.gif) top right no-repeat;
	float:left;
	/*border:1px solid green;*/
	padding:35px 5px 5px 5px;
	width:400px;
}

#latestNews #colRight {
	float:right;
	/*border:1px solid white;*/
}

.teaserTitle {
	padding:0 0 10px 0;
	color:#ddd;
	font-weight:bold;
}
.teaserText {
	padding:0 0 15px 0;
	color:#ddd;
}
.teaserLinks {

}

#featureProject .teaserLinks a {
	color:#ed801b;
	text-decoration:none;
	padding:0 0 0 20px;
}
#featureProject .teaserLinks a:hover {
	text-decoration:underline;
}

#latestNews .teaserLinks a {
	color:#837414;
	text-decoration:none;
	padding:0 0 0 20px;
}

#latestNews .teaserLinks a:hover {
	text-decoration:underline;
}

.contactsList {
	color: #b1a563;
	font-size: 1.2em;
	margin: 0px 0px 20px 40px;
}
.contactsList li {
	margin: 0px 0px 15px 0px;
	line-height: 130%;
}
.privacyLink {
	margin: 0px 10px 0px 0px;
}

/**********************************************  FOOTER  **********************************************/

#footer {
	border-top:1px solid #333;
	/*border:1px solid white;*/
	margin:0 auto;
	clear:both;
}
#footerBlock {
	width:970px;
	margin:auto;
}
#footerCol_L {
	width:256px;
	padding:30px;
	text-align:left;
	color:#bbb;
	text-align:left;
	line-height:1.5em;
	/*border:1px solid white;*/
	float:left;
}
#footerBlock a {
	color:#999;
	text-decoration:none;
}
#footerBlock a:hover {
	color:#fff;
}

#footerCol_R {
	width:649px;
	float:right;
	/*padding:20px;
	border:1px solid red;*/
	text-align:left;
}

/******************************* ASSOCIATION BTNS ******************************/
.masterBuildersBtn {
	padding:20px 10px 20px 20px;
	float:left;
}
.masterBuildersBtn a {
	width:65px;
	height:65px;
	display:block;
	background:url(../images/interface/associateLogos/masterBuilders.gif) top left;
	text-decoration:none;
}
.masterBuildersBtn a:hover {
	background:url(../images/interface/associateLogos/masterBuilders.gif) top right;
}
.HIABtn {
	padding:20px 10px 20px 20px;
	float:left;
}
.HIABtn a {
	width:50px;
	height:56px;
	display:block;
	background:url(../images/interface/associateLogos/hia1.gif);
	text-decoration:none;
}
.HIABtn a:hover {
	background:url(../images/interface/associateLogos/hia2.gif);
}

.codesBoardBtn {
	padding:20px 10px 20px 10px;
	float:left;
}
.codesBoardBtn a {
	width:100px;
	height:65px;
	display:block;
	background:url(../images/interface/associateLogos/buildingCodesBoard.gif) top left;
	text-decoration:none;
}
.codesBoardBtn a:hover {
	background:url(../images/interface/associateLogos/buildingCodesBoard.gif) top right;
}

/***********************************************  MENU  ***********************************************/

#menu {
	margin:0 0 0 0;
	padding:0 1px 0 25px;
	width:294px;
}
#menu a {
	border-bottom:1px solid #4f4f4f;
	color:#a8a8a8;
	display:block;
	padding:8px 0 8px 25px;
	text-decoration:none;
	font-size:1.2em;

	width:269px;
	height:18px;
	/*font-weight:bold;*/
}
#menu a:hover {
	background:url(../images/interface/bDrop_mainNavRO.gif) right no-repeat;
	color:#fff;
}

/***********************************************  BODY  ***********************************************/

body {
	background:url(../images/interface/bDrop_body.gif) top repeat-x; text-align:center;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:11px;
	background-color: #000000;
}


/*******************************************  PAGE LAYOUT  ********************************************/

#page {
	width:650px;
	height:1000px;
	position:absolute;
	border:1px solid red;
}

/*******************************************  PROJECT LIST  ********************************************/

.project {
	float: left;
	margin: 0px 0px 20px 0px;
	width:250px;
}
.project table {
	margin: 10px 0px 10px 0px;
	font-size: 1.2em;
}
.project th, .project td {
	padding: 2px 2px 2px 0px;
}
.project th {
	color: #ed9e27;
	padding-right: 20px;
}
.firstCol {
	margin: 0px 49px 0px 0px;
}


/******************************************  PROJECTS SEARCH  *******************************************/

#projectSearch #bottomBar {
	border-bottom: 1px #4e4b38 solid;
	margin: 27px 25px 30px 35px;
}
#projectSearch form {
	margin: 0px 0px 0px 38px;
}
#projectSearch label {
	color: #b3a461;
	font-size: 1.3em;
	display: -moz-inline-box;
	display: inline-block;
	width: 90px;
	padding: 2px 0px 3px 0px;
	vertical-align: top;
	position: relative;
	top: 2px;
}
#projectSearch ol input {
	border: 1px #e8e8e8 solid;
	background-image: url('../images/input-bg.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 3px 0px 3px 3px;
	width: 146px;
}
#projectSearch ol li {
	margin: 0px 0px 5px 0px;
	position: relative;
	height: 30px;
}
#projectSearch select {
	width: 145px;
}
#projectSearch .type { z-index: 300; }
#projectSearch .range { z-index: 200; }
#projectSearch .status { z-index: 100; }

#projectSearch #submitButton {
	margin: 10px 0px 0px 92px;
}
#projectSearch #viewAllProjects {
	color: #b3a461;
	font-size: 1.4em;
	margin: 2px 0px 0px 94px;
}
#projectSearch #viewAllProjects:hover {
	text-decoration: none;
}

/******************************************  PROJECTS DETAIL  *******************************************/

#mainContent.projectContent {
	margin-top: 19px;
}
#mainContent.projectContent p {
	margin: 0px 0px 15px 0px;
	font-size: 1.3em;
}
dl {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0px 0px 25px 0px;
}
dt {
	color: #ee9f29;
	float: left;
	width: 90px;
}
dd.date {
	margin: 0px 30px 0px 0px;
}
#controls {
	float: right;
	margin: -20px 0px -20px 0px;
}
#controls a {
	display: block;
	color: #8d8d8d;
	text-decoration: none;
	padding: 22px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	background-position: center top;
	background-repeat: no-repeat;
	float: right;
}
#controls a:hover {
	color: #ee9f29;
}
#controls .print { background-image: url('../images/icons/ico-print.gif');}
#controls .bookmark { background-image: url('../images/icons/ico-bookmark.gif'); margin: 0px 0px 0px 20px; }
#controls .contact { background-image: url('../images/icons/ico-contact.gif');}
#controls .print:hover { background-image: url('../images/icons/ico-print-over.gif');}
#controls .bookmark:hover { background-image: url('../images/icons/ico-bookmark-over.gif');}
#controls .contact:hover { background-image: url('../images/icons/ico-contact-over.gif');}


/***********************************************  FORM  ************************************************/

.form {
	padding: 17px 0px 17px 0px;
	font-size: 1.1em;
}
.form p {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px #dbdbdb dotted;
	font-size: 1em;
}
.form .note {
	margin: 0px 0px 0px 28px;
}
.form fieldset {
	margin: 20px 0px 0px 0px;
}
.form legend {
	color: #787878;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 15px 0px;
}
.form .req {
	color: #f09d27;
}
.form ol {
	background-image: url('../images/form-border.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 23px 0px;
}
.form .verify {

}
.form textarea {
	font-family: arial, sans-serif;
	border: 1px #dbdbdb solid;
	padding: 3px 0px 3px 4px;
	font-size: 1em;
	width: 292px;
	height: 103px;
}
.form label, .form .label {
	width: 12em;
	float: left;
	margin: 7px 0px 0px 0px;
}
.form ol input {
	border: 1px #e8e8e8 solid;
	padding: 3px 0px 3px 4px;
	width: 292px;
	font-family: arial, sans-serif;
	background: #ffffff url('../images/form-input-bg.gif') repeat-x center bottom;
}
.form .short {
	width: 150px;
}
.form .fourdigits {
	width: 50px;
}

.form select {
	width: 156px;
	font-family: arial, sans-serif;
	margin: 2px 0px 0px 0px;
}
.form .verify ol {
	background: none;
}
.form li {
	padding: 7px 10px 7px 28px;
	position: relative;
	clear: both;
}
.form .error p {
	border: 0px;
	margin: 0px 0px 3px 13.7em;
	padding: 0px;
	font-weight: bold;
	font-size: .9em;
	color: #ee5e5e;
}
.form .error {
	background-image: url('../images/form-error-bg.gif');
}
.form .error input {
	border: 1px #ee9f28 solid;
}
.form .focus {
	background-image: url('../images/form-selected-bg.gif');
}
.form .focus input {
	border: 1px #9b9b9b solid;
}
.form #submit {
	margin: 0px 0px 0px 173px;
}
.form #captcha {
	border: 1px #dbdbdb solid;
}
.form #hasError {
	background-image: url('../images/form-error-bg.gif');
	padding: 7px 10px 10px 28px;
	margin: 0px 0px 20px 0px;
	position: relative;
	background-color: #2c2c2c;
}
.form #hasError ol {
	list-style-type: decimal;
	padding: 0px;
	margin: 0px 0px 0px 45px;
	background: none;
}
.form #hasError li {
	padding: 3px 0px 3px 0px;
}
.form #hasError p {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 23px;
	border: 0px;
	background-image: url('../images/icons/ico-exclamation.gif');
	background-position: 0px .1em;
	background-repeat: no-repeat;
}
.form #hasError a {
	color: #ee5e5e;
}
#featuredProject {
	width: 530px;
	height: 175px;
	float: left;
	margin: 10px 0px 20px 0px;
	padding:75px 0px 0px 20px;
	background-image: url('../images/featured-project.gif');
	background-repeat: no-repeat;
}

#featuredProject #featuredPic {
	float: left;
}

#featuredProject #featuredDesc {
	float: right;
	margin-right:100px;
}
#featuredProject th, #featuredProject td {
	padding: 2px 2px 2px 0px;
}
#featuredProject th {
	color: #ed9e27;
	padding-right: 20px;
}
#GalleryDesc {
	color:#DDDDDD;
	line-height:120%;
	font-size:1.1em;
	padding: 10px 0px 0px 0px;
	text-align:center;
}
#GalleryDesc a{
	color:#DDDDDD;
}
#GalleryDesc .selected {
      color: #282828;
}
#transback input{
	background:transparent;
	border:0px;
}
/***********************************************  PAGING  **********************************************/

.paging {
	background-color: #444;
	padding: 8px 0px 8px 0px;
	text-align: center;
	margin: 25px 0px 0px 0px;
}
.paging a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.paging span {
	border: 1px #888888 solid;
	padding: 0px 4px 0px 4px;
	margin: 0px 2px 0px 2px;
	color: #888888;
}
.paging div {
	display: inline;
	margin: 0px 10px 0px 0px;
}

/***********************************************  UPDATE FORM  **********************************************/

.updateForm {
	font-size: 1.1em;
	color:#DDDDDD;
	margin: 0px 0px 0px 36px;
}
.updateForm p {
	margin-right: 10px;
	font-size: 1em;
}
.updateForm .note {
	margin: 0px 0px 0px 5px;
}
.updateForm .req {
	color: #f09d27;
}
.updateForm ol {
	background-image: url('../images/form-border.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 23px 0px;
}
.updateForm label {
	display: block;
	margin: 7px 0px 10px 0px;
}
.long {
	width: 180px;
}
.updateForm li {
	padding: 7px 10px 7px 10px;
	position: relative;
	clear: both;
}
.updateForm #submit {
	margin: 10px 0px 20px 10px;
}
.updateForm #hasError {
	background-image: url('../images/form-error-bg.gif');
	padding: 7px 10px 10px 10px;
	margin: 0px 34px 20px 10px;
	position: relative;
	background-color: #2c2c2c;
}

.updateForm #hasError p {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 23px;
	border: 0px;
	background-image: url('../images/icons/ico-exclamation.gif');
	background-position: 0px .1em;
	background-repeat: no-repeat;
}