/* 

Main CSS Document for Green Building Solutions Ltd.
Author: Adam Collison [adam.collison@digitaloverload.co.uk]
Agency: http://www.digitaloverload.co.uk

Contents:
  a) HTML Styles
  b) Layout Styles
  c) Main Nav Styles (topnav)
  d) Content Styles
  e) Default Styles
  f) Photo Album Styles
  g) Photo Album Detail Styles
  h) Footer Styles

*/

body {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					small;
	background:					#333;
	text-align:					center;
}

* {
	padding:					0;
	margin:						0;
}

a img {
	border:						0;
}

a {
	color:						#879D5F;
	text-decoration:			none;
}

a:hover {
	color:						#333;
	text-decoration:			underline;
}


/**********************************************************/
/* Layout Styles */
/**********************************************************/

#layout {
	width:						752px;
	margin:						0 auto;
	text-align:					left;
	position:					relative;
}


/**********************************************************/
/* Main Nav Styles (topnav) */
/**********************************************************/

#main_nav {
	min-height:					35px;
	background:					url(/media/images/bg_header.jpg) 0 0 no-repeat;
	padding-top:				142px;
	position:					absolute;
	top:						0;
	width:						752px;
}

* html #main_nav {
	height:						35px;
}

#main_nav ul {
	list-style:					none;
	background:					url(/media/images/bg_main_nav.jpg) 0 0 repeat-x;
	min-height:					35px;
	padding-left:				15px;
}

* html #main_nav ul {
	height:						35px;
}

#main_nav ul li {
	float:						left;
}

#main_nav ul li a {
	float:						left;
	display:					block;
	text-decoration:			none;
	color:						#7a7a7a;
	height:						35px;
	margin-left:				14px;
}

* html #main_nav ul li a {
	margin-left:				7px;
}

#main_nav ul li a:hover,
#main_nav ul li.selected a {
	background-position:		bottom left!important;
}

#main_nav ul li a span {
	visibility:					hidden;
}

#main_nav ul li.home a {
	background:					url(/media/images/btn_main_nav_home.gif) 0 0 no-repeat;
	width:						47px;
}

#main_nav ul li.aboutus a {
	background:					url(/media/images/btn_main_nav_about_us.gif) 0 0 no-repeat;
	width:						64px;
}

#main_nav ul li.sustainability a {
	background:					url(/media/images/btn_main_nav_sustainability_policy.gif) 0 0 no-repeat;
	width:						122px;
}

#main_nav ul li.photoalbum a {
	background:					url(/media/images/btn_main_nav_photo_album.gif) 0 0 no-repeat;
	width:						84px;
}

#main_nav ul li.contactus a {
	background:					url(/media/images/btn_main_nav_contact_us.gif) 0 0 no-repeat;
	width:						72px;
}


/**********************************************************/
/* Content Styles */
/**********************************************************/

#content {
	background:					#fff;
	padding:					204px 33px 33px;
}

#content:after {
	content:					".";
	clear:						both;
	display:					block;
	height:						0;
	line-height:				0;
	visibility:					hidden;
} * html #content { height: 1%; }

#content h1 {
	color:						#999999;
	font-size:					280%;
	margin-bottom:				0.2em;
	font-weight:				normal;
}

#content h2 {
	font-size:					90%;
	font-weight:				bold;
	color:						#879D5F;
	margin:						1.4em 0 0.3em;
}

#content h3 {
    font-size:                    100%;
    color:                        #666;
    margin:                       0 0 0.9em;
}

#content p {
	font-size:					90%;
	color:						#666;
	margin:						0 0 0.9em;
}

#content ul {
	font-size:					90%;
	color:						#666;
	list-style:					none;
}

#content ul li {
	background:					url(/media/images/bg_content_li.gif) 0 50% no-repeat;
	padding:					0 0 0 6px;
	margin:						1px 0;
}


/**********************************************************/
/* Homepage Styles */
/**********************************************************/

#content.homepage {
	position:					relative;
	padding-bottom:				55px;
	min-height:					325px;
}

#content.homepage .editorial {
	padding-right:				260px;
	float:						left;
}

#content.homepage .editorial ol#trade_links {
	background:					none;
	padding-top:				30px;
	vertical-align:				middle;
}

#content.homepage .editorial ol#trade_links li {
	display: 					inline;
	list-style:					none;
	padding-right: 				16px;
	vertical-align:				middle;
}


#content.homepage .blueprint {
	position:					absolute;
	top:						165px;
	right:						0px;
}


/**********************************************************/
/* Default Styles */
/**********************************************************/

#content.default {
	padding-bottom:				55px;
}

#content.default .editorial {
	width:						465px;
	float:						left;
}

#content.default .sub_content {
	float:						right;
	padding-right:				20px;
}

#content.default .sub_content ul li {
	background:					none;
	padding-top:				8px;
}

#content.default .sub_content ul li p {
	font-size:					100%;
	margin:						0.2em 0 0.6em;
}


/**********************************************************/
/* Photo Album Styles */
/**********************************************************/

#album {
	width: 700px;
}

#content .slide {
	height: 230px;
	width: 230px;
	background:					url(/media/images/bg_slide.gif) 0 0 no-repeat;
	float:						left;
}
#content .slide img {
	margin:						20px 26px 5px 14px;	
}
#content .slide h2, #content .slide p {
	width:						190px;
	margin: 					0 0 0 14px;
}


#content.photos .sub_nav {
	float:						left;
	width:						238px;
}

#content.photos ul li {
	background:					none;
	padding:					0 0 0 1px;
}

#content.photos .sub_nav ul li a {
	color:						#666;
}

#content.photos .sub_nav ul li.selected a {
	color:						#879D5F;
	font-weight:				bold;
}

#content.photos .editorial {
	width:						424px;
	float:						right;
}

#content.photos .editorial ol {
	list-style:					none;
}

#content.photos .editorial ol li {
	background:					none;
	padding-left:				0;
	font-size:					small;
	padding-bottom:				20px;
	clear:						both;
}

#content.photos .editorial ol li:after {
	content:					".";
	clear:						both;
	display:					block;
	height:						0;
	line-height:				0;
	visibility:					hidden;
} * html #content.photos .editorial ul li { height: 1%; }

#content.photos .editorial ol li img {
	float:						left;
}

#content.photos .editorial ol li h2,
#content.photos .editorial ol li p {
	margin:						0 0 0 110px;
}

#content.photos .editorial ol li p {
	font-size:					85%;
}

#content.photos .editorial ol li p em {
	font-weight:				normal;
	color:						#666;
	display:					block;
	margin-bottom:				4px;
}

#content.photos p.pager {
	margin:						30px 10px 0 0;
	float:						left;
}

#content.photos ul.pager {
	margin:						29px 0 0;
	float:						left;
}

#content.photos ul.pager li {
	float:						left;
	padding:					0 2px;
}

#content.photos ul.pager li a {
	padding:					0 4px 0 0;
}

#content.photos ul.pager li.selected a {
	color:						#333333;
	font-weight:				bold;
}


/**********************************************************/
/* Photo Album Detail Styles */
/**********************************************************/

#content.photo_details .sub_nav {
	float:						left;
	width:						238px;
}

#content.photo_details ul li {
	background:					none;
	padding:					0 0 0 1px;
}

#content.photo_details .sub_nav ul li a {
	color:						#666;
}

#content.photo_details .sub_nav ul li.selected a {
	color:						#879D5F;
	font-weight:				bold;
}

#content.photo_details .sub_nav p {
	margin-top:					4px;
    font-size: 120%;
    font-weight: bold;
}

#content.photo_details .editorial {
	width:						420px;
	float:						right;
}

table#project-images {
	width:						420px;
}
table#project-images td {
	text-align:					center;
	vertical-align:				middle;
}
table#project-images td img {
	margin-top:					2px;
}
table#project-images td input {
	font-size:					9px;
}
table#project-images td#main img {
	margin-top:					0;
}

table#gallery-cms {
	width:						420px;
	margin:						8px 0;
	font-size:					12px;
	border:						1px solid #999;
}
table#gallery-cms td {
	background:					#ccc;
	border:						1px solid #999;
}
table#gallery-cms td input {
	font-size:					9px;
}

#content .editorial .red-bold-txt {
	font-weight: bold;
	color: #CC0000;
}

#content .editorial .green-bold-txt {
	font-weight:				bold;
	color:						#879D5F;
	font-style:					normal;
}


input.addProject {
   float: right;
}
input.deleteProject {
    margin-left: 10px;
}
/**********************************************************/
/* Footer Styles */
/**********************************************************/

#footer {
	text-align:					right;
	color:						#fff;
	padding:					10px;
	font-size:					85%;
}

.w3c {
	position:					absolute;
	top:						-1000px;
	left:						-1000px;
}

/**********************************************************/
/* CMS Styles */
/**********************************************************/
.success {
	color: green;
}

.failure {
	color: red;
}

td.cms_form_label {
	font-size: 85%;
	color: black;
}