@charset "UTF-8";
/* Belmont Ecobuild - CSS by Octopus Creative Design  */


/* Global styles */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	background-color: #74ba1c;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #999;
}

em {
	font-style: normal;
	font-weight: 700;
}




/* Global positions */

#container_nav {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

#nav {
	width: 870px;
	height: 54px;
	margin: 0 auto;
	padding: 6px 0 0 0;
}

#nav_arrow {
	width: 870px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#container_main {
	text-align: left;
	width: 100%;
	min-height: 400px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/grass_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#main_content {
	width: 870px;
	margin: 0 auto;
	padding: 0;
}

#bespoke_content {
	width: 870px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

#col_left {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}

#col_right {
	width: 30%;
	float: right;
	margin: 0;
	padding: 0;
}

.clearer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
}

#container_links {
	text-align: left;
	font-size: 100%;
	width: 100%;
	min-height: 226px;
	color: #5b822c;
	background-color: #c9df9e;
	background-image: url(../images/bg_container_links.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0 auto;
	padding: 0;
}

#links_content {
	width: 870px;
	margin: 0 auto;
	padding: 0;
}

#container_octopus {
	text-align: left;
	color: #fff;
	width: 100%;
	min-height: 85px;
	background-color: #74ba1c;
	background-image: url(../images/bg_container_octopus.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

#octopus_content {
	color: #fff;
	width: 870px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
}





/* Nav styles */

#nav ul {
	list-style: none;
}

#nav ul li {
	float: left;
}

#nav ul li a:link, #nav ul li a:visited {
	height: 44px;
	padding-top: 17px;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	float: left;
	margin-right: 1px;
}

#nav ul li a:hover {
	color: #fff;
	background-image: url(../images/bg_nav_on.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#nav li a#over, #nav li a:hover#over {
	color: #fff;
	background: url(../images/bg_nav.jpg) no-repeat center top;
}




/* Nav 'over' styles */

#belmont_ecobuild #belmont_ecobuild a, #eco_friendly_build #eco_friendly_build a, #previous_projects #previous_projects a, #contact_belmont #contact_belmont a {
	background-color: #74ba1c;
}

/*	background-image: url(../images/bg_nav_arrow.gif);
	background-position: bottom center;
	background-repeat: no-repeat;  */
	
	
	
	
/* Main content left styles */
	
#col_left h1 {
	font-size: 210%;
	font-weight: 200;
	color: #74ba1c;
	text-transform: uppercase;
	padding-bottom: 0.6em;
}

#col_left h2 {
	font-size: 165%;
	font-weight: 200;
	color: #74ba1c;
	text-transform: uppercase;
	padding-bottom: 1em;
}

#col_left p {
	font-size: 130%;
	color: #666;
	padding-bottom: 0.6em;
	line-height: 1.2em;
}

#col_left img.main {
	padding: 0 0 20px 0;
}

#feature_01 {
	background-color: #fff;
	background-image: url(../images/bg_project_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 75px;
	margin: 0;
	padding: 50px 0;
}

#feature_02 {
	background-color: #fff;
	background-image: none;
	margin: 0;
	padding: 0;
}

#feature_01 p, #feature_02 p {
	font-size: 110%;
	color: #999;
	padding-bottom: 0.8em;
}

#feature_01 ul, #feature_02 ul {
	margin-left: 15px;
	padding-bottom: 0.8em;
}

#feature_01 li, #feature_02 li {
	font-size: 110%;
	line-height: 1.1em;
	padding-bottom: 0.8em;
}


#feature_01 img, #feature_02 img {
	float: left;
	padding-right: 20px;
}

#feature_01 img.more, #feature_02 img.more {
	padding-top: 10px;
}

#feature_01 h1, #feature_02 h1 {
	font-size: 130%;
	color: #74ba1c;
	text-transform: none;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
}

.field {
	width: 300px;
	border: 1px solid #dedede;
	margin: 0;
	padding: 0;	
}

.field_short {
	width: 40px;
	border: 1px solid #dedede;
	margin: 0;
	padding: 0;	
}

.buttonOver {
	font-size: 100%;
	color: #fff; 
	background-color: #999; 
	border-right: 1px solid #1c1208;
	border-bottom: 1px solid #1c1208;
	border-top: 1px solid #6c655d;
	border-left: 1px solid #6c655d;	
	margin: 2px 0 0 0;
	padding: 2px 2px 1px 2px;
}

.button {
	font-size: 100%;
	color: #fff; 
	background-color: #c9c9c9; 
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;	
	margin: 2px 0 0 0;
	padding: 2px 2px 1px 2px;
}




/* Bespoke styles */

#bespoke_content h1 {
	font-size: 210%;
	font-weight: 200;
	color: #74ba1c;
	text-transform: uppercase;
	padding-bottom: 0.6em;
}

#bespoke_content p {
	font-size: 130%;
	color: #666;
	padding-bottom: 0.6em;
	line-height: 1.2em;
}

#bespoke_content p.error {
	color: #f00;
}





/* Lightbox styles */

#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}
	
#lightboxCaption {
	float: left;
}

#keyboardMsg {
	float: right;
}

#closeButton {
	top: 5px;
	right: 5px;
}

#lightbox img {
	border: none;
	clear: both;
}
 
#overlay img {
	border: none;
}

#overlay {
	background-image: url(../images/overlay.png);
}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}




/* Main content right styles */
	
#col_right h1 {
	font-size: 125%;
	font-weight: 200;
	color: #74ba1c;
	text-transform: uppercase;
	padding-top: 3em;
	padding-bottom: 0.7em;
}

#col_right p {
	padding-bottom: 0.6em;
	line-height: 1.2em;
}

#col_right ul {
	list-style: none;
}

#col_right li a:link, #col_right li a:visited {
	display: block;
	height: 14px;
	padding: 4px;
	color: #00acef;
	background-color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #f0fafe;
}

#col_right li a:link.top {
	border-top: 1px solid #f0fafe;
}

#col_right li a:hover {
	display: block;
	padding: 4px;
	color: #217291;
	background-color: #e3f6fd;
	text-decoration: none;
	border-bottom: 1px solid #f0fafe;
}

#col_right img.logo {
	padding-bottom: 70px;
}

#col_right img.activair {
	padding: 0 10px 6px 0;
	float: left;
}

#col_right a:link.normal {
	color: #00acef;
}

#col_right a:hover.normal {
	color: #217291;
}

#col_right a:visited.normal {
	color: #666;
}

#col_right #knauf, #col_right #activair,  #col_right #schuco {
	margin: 0;
	padding: 0 0 30px 0;
	background-image: url(../images/bg_project_01.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}







/* Page base links */

#container_links p {
	line-height: 1.1em;
}

#container_links h1 {
	font-size: 135%;
	font-weight: 200;
	color: #74ba1c;
	text-transform: uppercase;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
}

#container_links ul {
	list-style-image: url(../images/li_arrow.gif);
	margin: 0 0 0 20px;
	padding: 0;
}

#container_links li {
	margin: 0;
	padding: 0 0 4px 0;
}

#links_intro {
	width: 500px;
	margin: 0;
	padding: 0;
}

#links_left {
	float: left;
	width: 250px;
	margin: 0;
	padding: 16px 0 0 0;
}

#links_right {
	float: left;
	width: 250px;
	margin: 0;
	padding: 16px 0 0 0;
}

#container_links a:link, #container_links a:visited {
	color: #5b822c;
}

#container_links a:hover {
	color: #21300f;
}




/* Octopus container links */

#container_octopus p {
	padding-bottom: 1em;
}

#container_octopus a:link, #container_octopus a:visited {
	color: #fff;
}

#container_octopus img.grass {
	float: right;
}