/******************* STRUCTURE *********************************/
body{
	background-color:#cccccc;	
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

#page{
	width: 910px;
	
	margin: auto;
	overflow: hidden;
	padding: 25px;
	margin-top: 25px;
	background-color: #ffffff;
	background-image: url( images/background-1.jpg );
	background-repeat: no-repeat;
	background-position: 25px 25px;
	position: relative;
	height: 650px;
}
/*******************\\ STRUCTURE *********************************/

h1{ font-size: 220%; }
h2,h3,h4{ font-size: 105%; font-weight: bold; text-transform: uppercase; }
/******************* HEADER *********************************/
#logo{ position: absolute; height: 652px; overflow: hidden; padding-bottom: 10px;	 padding-left: 25px; width: 200px; }
#logo img{ bottom: 48px; position: relative; }

.description{ position: absolute; bottom: 0px; left: 125px; }
.facebook-icon{ position: absolute; top: 30px; right: 30px; }
/*******************\\ HEADER *********************************/


/******************* MAIN MENU *********************************/
#mainMenu{ width: 350px; margin-top: 30px; margin-left: 90px; position: relative; z-index: 100; }
#mainMenu li{ list-style: none;	 margin-top: 0px; background-image: url( images/bullet.png ); background-position: 0 7px; background-repeat: no-repeat; width: 300px;}
#mainMenu li a{ text-transform: capitalize;  font-size: 90%;  padding: 4px 0 4px 25px; font-weight: bold; width: 130px; display: block; }

/* highlight active main menu*/
.about #mainMenu li a.about{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.testimonials #mainMenu li a.testimonials{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.recognition #mainMenu li a.recognition{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.gallery #mainMenu li a.gallery{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.contact-us #mainMenu li a.contact-us{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.contact-us #mainMenu li a.contact-us{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}
.contact-us #mainMenu li a.contact-us{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 17px 0px;	}

#mainMenu li li{ background-position:0 3px; margin-left: 17px; background-image: url( images/bullet-2.png );}
#mainMenu li li a{ padding-left: 20px;  }

#contact-logos{ margin-top: 33px; float: right;}
#contact-logos .logo-item{ float: left;}
#contact-logos img{ padding-left: 10px; display: block; float:left}

/* highlight active sub menu*/
.multi-family #mainMenu li a.multi-family{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.single-family #mainMenu li a.single-family{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.designbuild #mainMenu li a.designbuild{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.heritage #mainMenu li a.heritage{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.commercial #mainMenu li a.commercial{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.green-homes #mainMenu li a.green-homes{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}
.single-family #mainMenu li a.single-family{ background-image: url( images/active-menu.png ); background-repeat: repeat-y; background-position: 0px 0px;	}


/*******************\\ MAIN MENU *********************************/

/******************* DEFAULT TEMPLATE *********************************/
#content{ position: absolute; width: 450px; bottom: 0px; right: 0px; margin-right: 25px; overflow: hidden; }

.entry{	position: relative; width: 325px; margin-bottom: 48px; margin-right: 20px; float: right; padding: 10px 10px 0px 10px; color: #666666; font-size: 90%; background-color: #ffffff; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; height: 310px;}

.category-testimonials .entryInner{ min-height: 300px !important; height: 300px;}
.entryInner{ min-height: 350px; height: 350px; }
.entryInner p{ margin-bottom: 10px; }

.post{ position: relative; zoom: 1; }
.post h1{ float:right; position: relative; margin-right: 25px; min-width: 0; min-height: 80px;}
/*******************\\ DEFAULT TEMPLATE *********************************/

/******************* DEFAULT TEMPLATE *********************************/
.home h1{
	margin-bottom: 20px;
	min-width: 0;
}
/*******************\\ DEFAULT TEMPLATE *********************************/
/******************* TESTIMONIALS *********************************/
.page-template-templates-testimonials-php .entry{  }

.page-template-templates-testimonials-php h2{ margin-bottom: 5px; text-transform: none; font-style: italic; margin-top: 2px; font-size: 110%;}
.page-template-templates-testimonials-php #testimonialsList{ min-height: 400px; }
.page-template-templates-testimonials-php .entryInner a{ font-style: italic; font-size: 100%; font-weight: bold; color: #666666; }
.page-template-templates-testimonials-php .entryInner h2 a{ font-style: normal; font-size: 110%;}
.page-template-templates-testimonials-php .entryInner p{ margin-top: 0px; } 

.testimonials-description{ font-size: 100%; line-height: 1.2; }
.testimonials-description h2{ font-style: normal; font-size: 90%;}

.testimonials .widecolumn .entryInner p{ margin-top: 5px; }
.testimonials .widecolumn h2{ margin-top: 10px; margin-bottom: 5px; text-transform: none; }
.testimonials .widecolumn p{ margin-bottom: 10px; font-size: 100%; }


/*******************\\ TESTIMONIALS *********************************/

/******************* GALLERY *********************************/
.page-template-templates-gallery-php #content{ padding:0 30px !important; margin-right: 0px; right:15px; top:50px !important; width:604px; }

.galleria{ margin-top: 40px; width: 350px !important; position: relative; z-index: 1000; }
.galleria_wrapper{ padding: 10px solid #999999; }

.galleria li{ margin: 0 5px 5px 0 !important; }
.galleria li a{ display: block; }
.galleria .sub_images{ position: absolute; right: 0px; top: -30px; display: block;}
.sub_images img{ margin-left: 5px; border: 2px solid #cccccc; cursor: pointer}
.sub_images .active{ border: 2px solid #ffffff }
.gallery_title{ font-size:90%; font-weight:bold; color: #ffffff;  margin-top: 15px; width: 375px; }
.gallery_title .project_title{ float: left;  }
.gallery_title .detail_title{ float: right; }
.caption{ font-style: italic; position: absolute; height: 30px; font-size: 90%; width: 250px; bottom: -78px; right: 12px; display: block; padding: 10px; color: #666666; }
.caption h3{ font-size: 95%; margin-bottom: 5px;}
.caption p{ font-size: 90%; }
#subimages{ float: right; margin-top: -86px; padding-right: 4px;}
#navigator{ position: absolute; width: 330px; left: 0px; bottom: 70px;}

#main_image img{
	margin-top: 5px;
	height: 440px;
	width: 600px;
}
#navigator .prev{ position: relative; left: -15px; top: 16px; }
#navigator .next{ position: absolute; right: -15px; top: 16px; }
/*******************\\ GALLERY *********************************/

/******************* GALLERY 4 *********************************/
.page-template-templates-gallery4-php #content{ position: absolute; width: 600px; top: 35px; left: 315px; }
.page-template-templates-gallery4-php #mainMenu li{ width: 200px; }
.page-template-templates-gallery4-php #mainMenu{ width: 200px;}
/*******************\\ GALLERY 4 *********************************/

/******************* GALLERY 3 *********************************/
.page-template-templates-gallery3-php #content{ position: absolute; width: 600px; top: 35px; left: 315px; }
.page-template-templates-gallery3-php #mainMenu li{ width: 200px; }
.page-template-templates-gallery3-php #mainMenu{ width: 200px;}
/*******************\\ GALLERY 3 *********************************/

/******************* GALLERY 2 *********************************/
.page-template-templates-gallery2-php #content{ position: absolute; width: 600px; top: 35px; left: 315px; }
.page-template-templates-gallery2-php #mainMenu li{ width: 200px; }
.page-template-templates-gallery2-php #mainMenu{ width: 200px;}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 500px;
	height:48px;
	margin-top: 10px; 
	float: left;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.items div {
	float:left;
	margin-right: 5px;
}
#projectdescription h2{ font-size: 100%; color: #ffffff;}
#projectdescription p{ font-size: 80%; color: #FFFFFF; }
.gallery-title{ float: left; color: #fff; font-weight: bold; padding-top: 10px; width: 70px;}
.prev{ float: left; background-image:url( images/arrow-left.gif ); margin-right: 0px; width: 15px; height: 40px; background-repeat: no-repeat; margin-top: 10px; cursor: pointer}
.next{ float: left; background-image:url( images/arrow-right.gif );  margin-left: 0px; width: 15px; height: 40px; background-repeat: no-repeat; margin-top: 10px; cursor: pointer}
#sub_image_navigation .scrollable img, #project_navigation .scrollable img{
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
cursor: pointer;
border: 2px solid #999999;
}


#nextproject a{ padding-top: 0px; color: #ffffff; display: block;}
.activeImage{ 
filter:alpha(opacity=100) !important;
opacity: 1 !important;
-moz-opacity:1 !important;
border: 2px solid #ffffff !important;
}

#main_image{
	min-height: 440px;
}
/******************* \\ GALLERY 2 *********************************/

/******************* RECOGNITION *********************************/
.page-template-templates-recognition-php .entry{ padding: 5px 10px; margin-bottom: 8px; background-color: #ffffff; height: 47px; }
.page-template-templates-recognition-php #content{ bottom: -5px !important; height: 480px;}
.page-template-templates-recognition-php .entryInner{ min-height: 85px !important; height: auto !important; font-size: 85%; line-height: 1.2; }
.page-template-templates-recognition-php h2{ margin-bottom: 0px; text-transform: none; margin-top: 5px; font-size: 130% !important; padding-top: 0px;}
.page-template-templates-recognition-php #recoginitionList{ min-height: 430px;  }

.page-template-templates-recognition-php #recoginitionList #toggleButton{
	margin-top: -36px;
}
.page-template-templates-recognition-php #recoginitionList 
.page-template-templates-recognition-php .entryInner a{ font-weight: bold; color: #666666; padding-right: 5px; }
.page-template-templates-recognition-php .entryInner .recognition-thumbs a{ display: block; }

.page-template-templates-recognition-php .entryInner p{ margin-top: 0px; } 

.readon{ color: #666666; text-transform: capitalize; }
.recognition .widecolumn .entryInner p{ margin-top: 5px; }
.recognition .widecolumn h2{ margin-top: 10px; margin-bottom: 5px;  text-transform: none; }
.recognition .widecolumn p{ margin-bottom: 10px; font-size: 90%; }

.recognition-thumbs{ padding-top: 3px; float: left; }

.recognition-description{ float: left; width: 240px; padding-left: 10px; }

/*******************\\ RECOGNITION *********************************/

/******************* MISC *********************************/
.navigation{ width: 325px; margin-left: 90px; font-size:90%; margin-top:0px; position:absolute; bottom: -9px;}
.navigation{ font-size: 90%;}
.navigation a:hover{}
.alignright{ float: right;}
.alignleft{ float: left; }
#showButton{ right: -50px; bottom: 50px; position: absolute; }
#toggleButton{ position: absolute; left: -55px; bottom: 10px;}

strong{ font-weight: bold; }
a{ text-decoration: none; color: #ffffff; }
.entry a{ font-weight: bold; color: #666666;}
a:hover{ text-decoration: underline; }
#news{ position: absolute; bottom: 5px; right: 25px;
font-size: 90%;
font-weight: bold;
color: #808080;
}
#news a{ color: #808080; }
.clear{
clear:both;
font-size:1px;
height:0;
overflow:hidden;
}

/*******************\\ MISC *********************************/