/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 
	@import "nav.css";


/* !Body */
body {	
	background: #FFF url('') top left repeat-x;
	margin: 0; padding: 15px 0 50px 0;	
	}
/* @end */
	
	
				
/* !Logos & Special Image Headers */
body.commercial-section #header h1 a {
	background: transparent url(../img/logo/stuart-silk-commercial-logo.jpg) no-repeat left top;
	border-bottom: 1px solid #CCC;
	display: block; float: left;
	width: 820px; 	height: 30px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}
	
body.residential-section #header h1 a {
	background: transparent url(../img/logo/stuart-silk-landing-logo.jpg) no-repeat left top;
	border-bottom: 1px solid #CCC;
	display: block; float: left;
	width: 820px; 	height: 30px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

body.landing-section #header h1 a {
	background: transparent url(../img/logo/stuart-silk-landing-logo.jpg) no-repeat left top;
	border-bottom: 0px solid #CCC;
	display: block; float: left;
	width: 351px; 	height: 21px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}		
		
/* @end */

/* !Landing Page Styles*/
.home-contact-info {
	display: block; float: right; 
	width: 450px; height: 21px; 
	font-size: 12px; line-height: 25px; color: #999;
	text-align: right;
	margin: 0; padding: 0;
	text-shadow: 1px 1px 1px #DDD; 
	}
	
.home-contact-info a:link, 	.home-contact-info a:visited { text-decoration: none; color: #999; }
.home-contact-info a:active, .home-contact-info a:hover { text-decoration: none; color: #999; }

.hidden-link { text-decoration: none; color: #999; background-image: none; }

.home-contact-info span { padding: 0 0 0 20px;}	

.landing-links {	
	font-size: 16px; line-height: 25px; color: #C90000;
	text-align: center;
	margin: 0; padding: 0;
	margin: 20px 0 10px 0;
	text-transform: lowercase;
	}
	
.landing-links a:link, .landing-links a:visited { color: #666; text-decoration: none; }
.landing-links a:active, .landing-links a:hover { text-decoration: none; color: #C00; }	
/* @end */	
	
/* !Grid Styles*/
#grid { border: 1px solid #c4c4c4; }
/* @end */

/* Content Styles */
#content { padding: 50px 0 30px 0; }
#content .content-pad-right { padding-right: 20px; }
#content .content-pad-left { padding-left: 20px; }
	
	.commercial-home,
	.commercial-projects,
	.commercial-green,
	.commercial-team, 
	.commercial-news,
	.commercial-pb,
	.commercial-signup,
	.commercial-contact 	{ margin: 0 auto; }
	
	.commercial-home 		{ width: 650px; }
	.commercial-projects 	{ margin: 0 0 0 20px; width: 650px; }
	.commercial-green 		{ margin: 0 0 0 40px; width: 650px; }
	.commercial-team 		{ width: 640px; }
	.commercial-news 		{ width: 500px; }
	.commercial-pb 			{ width: 750px; }
	.commercial-signup 		{ width: 300px; }
	.commercial-contact 	{ width: 550px; }	
	
	
	
	.residential-projects,
	.residential-project,
	.residential-traditional,
	.green-home,
	.green-cases,
	.green-glossary,
	.residential-profile,
	.residential-bios,
	.residential-awards,
	.residential-articles,
	.residential-contact,
	.landing-home				{ margin: 0 auto; }
	
	.residential-projects		{ width: 820px; margin: 30px auto 30px auto; }
	.residential-project		{ width: 820px; margin: 30px auto; }
	.residential-traditional	{ width: 820px; margin: 30px auto; }
	.green-home					{ width: 700px; margin: 30px 0px; }
	.green-glossary				{ width: 700px; margin: 30px 0px; }
	.green-cases				{ width: 820px; margin: 30px auto;}
	.residential-profile		{ width: 820px; margin: 30px auto;}
	.residential-bios			{ width: 500px; margin: 30px auto;}
	.residential-awards			{ width: 600px; margin: 30px auto;}
	.residential-articles		{ width: 600px; margin: 30px auto;}
	.residential-contact		{ width: 600px; margin: 30px auto;}
	.landing-home				{ width: 600px; margin: 0px auto;}
	
/* @end */
	
	
	
/* Team Bio Nav Styles */
#bio { width:auto; height:140px; }
#bio img { float:right;	padding-left:15px; }
#bio a:link,#bio a:visited { color:#666; text-decoration:none; }
#bio a:active,#bio a:hover { color:#333; text-decoration:none; }
#bio a.active { color:#333; }
#bio p { margin: 0; padding: 0 0 5px 0; text-align: right; font-size: 11px; font-weight: bold; }
#bio h2 { text-align: right; }
/* @end */



/* Project page Styles */
#project-info-table { margin: 20px 0 10px 0;}
#project-info-table td.content-pad-right { padding-right: 20px; }
#project-nav p { margin: 0; padding: 0 0 15px 0; text-align:right; color: white; text-shadow: 1px 1px 1px white; line-height: 100%; }
#project-nav p:hover { color: #C90000; text-shadow: 1px 1px 1px #DDD; } 

#project-nav a				{ margin: 0; padding: 0 10px 0 0; }
#project-nav a:hover 		{ background: white url(../img/misc/project-active.png) 100% 80% no-repeat; }

#cp-one #project-nav p.pnav-one a,				
#cp-two #project-nav p.pnav-two a,				
#cp-three #project-nav p.pnav-three a,			
#cp-four #project-nav p.pnav-four a,				
#cp-five #project-nav p.pnav-five a,				
#cp-six #project-nav p.pnav-six a,				
#cp-seven #project-nav p.pnav-seven a,			
#cp-eight #project-nav p.pnav-eight a,			
#cp-nine #project-nav p.pnav-nine a,				
#cp-ten #project-nav p.pnav-ten a,				
#cp-eleven #project-nav p.pnav-eleven a,			
#cp-twelve #project-nav p.pnav-twelve a,
#cp-thirteen #project-nav p.pnav-thirteen a
{ background: white url(../img/misc/project-active.png) 100% 80% no-repeat; text-shadow: 1px 1px 1px #DDD; }


.project-image { padding: 2px 0 0 0; }

.residential-section .project-image { padding: 2px 0 0 0; float: right; }

a.project-small-link {
width: 15px;
height: 15px;
background-image: url(/img/misc/white_block.gif);
padding-right:2px;
cursor:pointer;
}

img.project-small-image {
border:1px solid #999999;
width: 15px;
height: 15px;
}

img.project-small-image-hover {
border:1px solid #C90000;
width: 15px;
height: 15px;
}



#more-link { cursor:pointer; }

/* @end */

/* !Residential Projects Index Page */
a.project-section-title {
	display: block;
	width: 185px; height: 30px; 
	font-size: 11px; line-height: 30px;
	text-align: center; color: #333; 
	/* background-color: #999999; */ 
	margin: 0 0 10px 0;
	text-decoration: none;
	/* border: 1px solid #FFF; */
	font-weight: bold;
	text-transform: lowercase;
	}
	
a.project-section-title:hover { 
	color: #C00; 
	/* border: 1px solid #999999; */
	background-color: #FFF;
	}

.project-section-title-image 		{ border: 1px solid #FFF; }
.project-section-title-image:hover 	{ border: 1px solid #999999; }
		
/* @end */ 

/* !Residential Projects Section Page */
.breadcrumbs 	{ padding: 15px 0; }
.breadcrumbs a 					{ margin: 0 10px; }
.breadcrumbs a:first-child 		{margin: 0 10px 0 0 ; }
.breadcrumbs a.active 			{color: #C90000;}

img.project-thumb-img { float: left; padding: 0 10px 20px 0; border: 0px solid white; }
p.project-thumb-link { margin: 0; padding: 0; font-size: 13px; }
p.project-thumb-link a:link, p.project-thumb-link a:visited { text-decoration: none;  }
p.project-thumb-link a:active, p.project-thumb-link a:hover { text-decoration: none;  }
p.project-thumb-link span { display: block; margin: 0; padding: 0; font-size: 11px; line-height: 11px; color: #666; }
/* @end */

/* !Residential Single Project Page */

.residential-project p.breadcrumbs 	{ padding: 15px 0; text-align:right; }
#content table.residential-project h2 { margin: 0; padding: 0 0 2px 0; }
.residential-project h2+p { margin: 0; padding: 0 0 10px 0; }
 

#accordion 		{ width:330px; }
#accordion h3 	{ font-size: 11px; outline: none; border: 0px solid white; margin: 1px 0 0 0; }
#accordion h3 a { text-decoration: none; width: 300px; text-transform: lowercase; }
#accordion hr	{ color: white; display: none; }

body#rgreen-section #accordion 		{ width:445px; }
body#rgreen-section #accordion h3 a { text-decoration: none; width: 445px; }

.ui-icon-triangle-1-e { background: transparent url(../img/layout-residential/arrow_down.jpg) 100% 50% no-repeat; padding: 0 13px 0 0; cursor: pointer; }
.ui-icon-triangle-1-s { background: transparent url(../img/layout-residential/arrow_right.jpg) 100% 50% no-repeat; padding: 0 13px 0 0; cursor: pointer; }

.nextCaseStudy 			{ float: right; display: block; clear: both; }
a.nextCaseStudyLink 	{ text-decoration: none; text-transform: lowercase; }
.redArrow 				{ color:#C90000; font-weight: bold; }

/*
a.project-small-link {
	padding-right:2px; 
	cursor:pointer; 
	cursor:hand;
}


img.project-small-image {
	border:1px solid #C90000; 
	width: 15px;
	height: 15px;
}

img.project-small-image {
	border:1px solid #C90000; 
	width: 15px;
	height: 15px;
}

img.project-small-image2 {
	border:1px solid #999999; 
	width: 15px;
	height: 15px;
}
*/

#project-thumbs-nav { padding: 40px 0 0 0; }
/* @end */ 


/* Articles */
	.pub_photo { float: left; padding: 0 10px 10px 0; }
/* @end */ 

/* !Footer */
#footer { padding: 0px  0; clear: both; }
#footer p { color: #999; text-align: center; margin: 0; padding: 0; font-size: 11px; text-shadow: 1px 1px 1px #DDD;  }
#footer a { color: #999; }
#footer a:hover { color: #CC0000; }
/* @end */ 



/* !Misc Classes and Styles */
.clear 	{ clear: both; }
.border-top {border-top: 1px solid #C4C4C4; margin-top: 4px; padding-top: 3px;   }
.bold, strong { font-weight: bold; }
/* @end */