@charset "UTF-8";
/* CSS Document */
* {
	outline:none;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	background-image: url(/images/pageBG.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#EFEFEF;
	outline:none;
	color:#666;
}

h1, h2, h3 {
	color:#999;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:130%;
	letter-spacing: -0.025em;
}

h1 {
	margin-bottom:20px;
}

h2 {
	font-size:14px;
}
h3 {
	color:#9C9C9C;
	font-size:14px;
}

p {
	line-height: 150%;
	color:#666;
}
li {
	margin: 8px 0 8px 24px;
	line-height:150%;
}

a {
	color:#333;
}

.hero {
	background-color:#fff;
	height:327px;
	margin-bottom: 60px;
}

.container_12 {
	background-color:#fff;
}



/*====
HOME 
=====*/

.homePage p.intro {
	margin:50px 0 40px 0;
	text-align:center;
	font-size:14px;
	color:#999;
	line-height:150%;
}
.homePage #s1 {
	
}

.homePage #s1 .inner {
	padding-left:30px;
}
.homePage #s1 h1  {
	margin-bottom:30px;
}

.homeBox{
	border:1px solid #e8e8e8;
	height:550px;
	background-color:#fff;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
	text-align:center;
	position:relative;
}
.homeBox p {
	font-size:14px;
	color:#999;
	line-height:150%;
}
.boxFooter{
	position:absolute;
	left:0;
	bottom:0;
}
a.btn {
	display:block;
	width:220px;
	margin:40px auto;
	text-decoration:none;
	padding:12px;
}
a.btn p {
	color:#000;
}
a.btn strong{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
a.btn.architectural {
	background-color:#FA9B04;
	border-top:1px solid #FDD28E;
	border-left: 1px solid #FDD28E;
	border-bottom:1px solid #B36F03;
	border-right:1px solid #B36F03;
	
}
a.btn.weathertight {
	background-color:#0072BB;
	border-top:1px solid #8CBFE0;
	border-left: 1px solid #8CBFE0;
	border-bottom:1px solid #005286;
	border-right:1px solid #005286;
	}


/*====
MENU 
=====*/
.logoLink{
	width:220px;
	display:block;
	float:left;
	margin-top:25px;
}
.switchLink{
	width:220px;
	display:block;
	float:right;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-right:-20px;
	padding-top:20px;
	margin-top:-20px;
	padding-left:10px;
	padding-right:10px;

}

#menuContainer {
	padding: 5px 5px 0 7px;
	margin-bottom:20px;
}
#menuContainer img {
	float:left;
}
#menuContainer ul {
	list-style:none;
}
#menuContainer li {
	padding-top:10px;
	float:right;
	text-transform:uppercase;
	font-size:14px;
	color:#999;
	font-weight:bold;
	margin-left:40px;
	line-height:normal;
}
#menuContainer li a {
	text-decoration:none;
	color:#999;
}
#menuContainer li a:hover {
	color:#F9B811;
}
#menuContainer li a.selected {
	color:#EA4C1B;
}

#menuContainer.weatherTightMenu li a:hover {
	color:#7DBD42;
}
#menuContainer.weatherTightMenu li a.selected {
	color:#08B4F2;
}


/*====
SERVICE MENU 
=====*/
#servicesMenu, #mediaMenu  {
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;

}
ul#servicesMenu {
	list-style:none;
}
#servicesMenu li, #mediaMenu li {
	margin:0;
	text-transform:uppercase;
	font-size:13px;
	color:#999;
	font-weight:bold;
	border-bottom:1px solid #E0E0E0;
	line-height:normal;
	list-style:none;
}
#servicesMenu li a, #mediaMenu li a {
	text-decoration:none;
	color:#999;
	display:block;
	background-color:#EFEFEF;
	padding: 12px 6px;
}
#servicesMenu li a:hover, #mediaMenu li a:hover {
	color:#F9B811;
	background-color:#FAFAFA;
}
#servicesMenu li a.selected, #mediaMenu li a.selected {
	background-color:#FFF;
	color:#EA4C1B;
}



/*colors for weathertight*/
#servicesMenu.weatherTight li a.selected, #mediaMenu.weatherTight li a.selected {
	color:#08B4F2;
}






/*====
PROJECTS
=====*/
.projects .hero {
	height:327px;
	background-color:#efefef;
	overflow:hidden;
}
.projects .hero img {
	display:none;
}
/*display first project */
.projects .hero #hero_p0 {
	display:block;
}

.projects #accordionContainer {
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	width:320px;
	float:left;
	margin-left:20px;
}
.projects .accordionBar {
	padding: 14px;
	background-color:#EFEFEF;
	background-image:url(/images/accordionPlus.png);
	background-position:290px center;
	background-repeat:no-repeat;
	outline:none;
}
.projects .accordionPanel {
	padding:0 14px 14px 14px;
	border-bottom:1px solid #E0E0E0;
	height:240px;
}

.projects .accordionBar.ui-state-active {
	background-color:#FFF;
	background-image:none;
	outline:none;
}

.projects .accordionBar.ui-state-active h3 a {
	color:#EA4C1B;
	text-decoration:none;
}
.projects .accordionBar.weatherTight.ui-state-active h3 a {
	color:#08B4F2;
}

.projects .accordionBar.ui-state-default h3 a {
	color:#9C9C9C;
	text-decoration:none;
}
.projects .accordionBar.ui-state-default:hover {
	background-color:#FAFAFA;
}

.projects .accordionBar.ui-state-default {
	padding: 10px 14px;
	border-bottom:1px solid #E0E0E0;
	cursor:pointer;
}


.projects .textPane {
	height: 238px;
	overflow:scroll;
	overflow-y: scroll;
overflow-x: hidden;
}
.projects .textPane p {
margin-bottom:18px;
}
#projectContainer{
	float:right;
	width:570px;
	margin-right:-1px;
}

#projectContainerMedia{
	float:right;
	width:576px;
}

.project {
	display:none;
}
/*display first project */
.project#p0 {
	display:block;
}


.thumbGroup div, .thumb{
	float:left;
	margin-right:1px;
	margin-bottom:1px;
	overflow:hidden;
	background-color:#000;
	padding:0;
	width:284px;
	height:190px;
}

.thumb{
	margin-bottom:30px;
	background-color: #FFF;
	width:576px;
	height:320px;
}
.thumbImg {
	background-color:#000;
	height:270px;
}
.mediaDesc{
	background-color:#999;
	height:40px;
}
.mediaDesc p{
	color:#FFF;
	font-size:12px;
	padding: 11px  0 0 15px;
}

/*==
DESIGN TEAM
=========*/

/* hide container until all is ready */
.designteam{
	display: none;
}
.designTeam h4 {
	color:#9C9C9C;
	margin:5px 0 15px;
}



.designTeam p {
	font-size:11px;
	margin: 15px 0;
}

.haccordion {
	padding-left:18px;
}

/*Main Container*/
.haccordion .container {
	width:100%;
}
.haccordion .container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.haccordion .container li{
	display:inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.haccordion .contentContainer {
	padding-left: 0px;
	width:0;
	height: 600px;	
	overflow:hidden;
	margin-right:5px;
	float:left;
}
.haccordion .contentWrapper{	

}

.haccordion .contentInnerWrapper{
	padding: 10px;
	background-color:#FFF;
}
/* Handle*/
.haccordion .handle{
	float:left;
	width: 141px;
	height: 393px;
	background-color:#fff;
	cursor:pointer;
}
.haccordion .handleOver{	
}
.haccordion .handleSelected{	
}


.haccordion .personContainer {
	zoom:1;
	width:139px;
	height:380px;
	position:relative;
}
.haccordion .handle div.photo {
	position:absolute;
	z-index:20;
}
.haccordion .handle div.cover {
	position:absolute;
	z-index:25;
}

/*====
CONTACT
=====*/
#cb1{
	float:left;
	margin-left:10px;
	padding-top:13px;
	width:200px;
}
#cb2 {
	float:right;
	width:420px; 
	margin-right:40px;
}
#cb3 {
	float:right;
	margin-right:20px;
	width:240px;
}
#contactForm {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#999;
}

.textfeild input {
	border:1px solid #d2d2d2;
	font-family:Arial,sans-serif;
	font-size:14px;
	margin:3px 0 0;
	padding:8px;
	float:right;
	width:250px;
}

.textarea textarea {
	border:1px solid #d2d2d2;
	font-family:Arial,sans-serif;
	font-size:14px;
	margin:3px 0 0;
	padding:8px;
	float:right;
	width:250px;
}
.submit {
	margin-left:150px;
}


.textfeild label {
	float:left;
	padding-top:13px;
}
.formElement {
	margin-bottom:10px;
}

label.error {
	font-size:11px;
	color:#C00;
	display:block;
	text-transform: none;
	font-weight:normal;
}

/*====
PANEL
=====*/


.panelContainer {
	
}
.panel {
	float:right;
	background-color:#efefef;
	padding:10px;
	width:220px;
}

.panel h2 {
	margin: 10px 0;
}





/*====
FOOTER
=====*/
#footer {
	margin-top:60px;
	background-image:url(/images/footerShadow.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-bottom:50px;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
}
#footer p em {
	font-size:10px;
	color:#CCC;
	text-transform:none;
	font-variant:normal;
	font-style:normal;
}
#footer em a {
	color:#CCC;
}