/*	1. Formatting
	2. Structural
	3. Web Parts
		3.1 Slide Show
		3.2 Project Showcase
		3.3 Enquire & Spec buttons
		3.4 Forms
*/
/* 1. Formatting */
body {
	font:85%/1.5 Arial, 'Helvetica Neue',Helvetica, Sans-serif;     
	color:#fff;
	text-align:center;
}
#container{
	font-size:85%;/*Global font size*/
	text-align:left;
}
ul#listMenuRoot{
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	font-size:95%;
}
ul#listMenuRoot ul{
	text-transform:none;
	font-weight:normal;
	letter-spacing:normal;
}
a:link, a:visited {
	color: #a7d59e;
	text-decoration: underline;
}
a:hover {
	color: #a7d59e;
	text-decoration: none;
} 
h1 {
	font-size: 180%;
	color: #50b948;
}
h2 {
   font-size:170%;
   color: #fefefe;
   font-weight:normal;
   font-family:Arial, 'Helvetica Neue',Helvetica, Sans-serif; 
}
h3{
	font-size:120%;
	font-weight:bold;
	color: #fefefe;
	font-family:Arial, 'Helvetica Neue',Helvetica, Sans-serif;
}
h4,h5,h6{
	font-size:100%;
	font-weight:bold;
	color:#fefefe;
}
h4{
	text-transform:uppercase;
}
#footer, #footer a{
	text-decoration:none;
	color:#333;
}
a.button:link, a.button:visited, input.button{
	width:auto;
	height: 1em;
	line-height:1em;
	padding: 5px;
	border: 1px solid #ccc;
	background: #FAFAFA url(/assets/gfx/button.gif) repeat-x;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	cursor:pointer;
	text-decoration:none;
}
input.button{
	height:auto;
	line-height:inherit;
}
blockquote#tagline{
	color:#4eaf44;
	text-align:right;
}
/* 2. Structural */
body{
	background:#c5c2bd url(/assets/gfx/line.gif) repeat-x top;
	color:#474644;
}
#masthead{
	background:#fff url(/assets/gfx/masthead.gif) repeat-x;
	height:70px;
	position:relative;
	z-index:2;
}
h1#logo{
	width:320px;/*wide enough to include space for LHS square*/
	height:135px;/*high enough to include space for LHS square*/
	position:absolute;
	left:-20px;/*position logo container to hang outside masthead*/
	top:0;
	z-index:3;
}
h1#logo a{
	display:block;
	background:url(/assets/gfx/logo.gif) no-repeat;
	width:300px;
	height:115px;
	position:absolute;
	right:0;
	top:0;
}
ul#listMenuRoot{
	position:absolute;
	left:280px;
	top:45px;
	height:24px;
}
#container{
	padding:0 40px 0 30px;
	min-width:910px;
	max-width:1080px;
	margin:0 auto;
	background:url(/assets/gfx/tr.png) no-repeat right 44px;
}
#wrapper{
	background:#2d2d2d;
	color:#fefefe;
	padding-top:40px;
	position:relative;
	z-index:1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.clearer{
	clear:both;
}
#main{/*global main wrapper*/
	width:100%;
	float:right;
	margin-left:-285px;
	background-color:#2d2d2d;
	color:#fefefe;
}
.alternative-background{
	background-image:url(/assets/gfx/sidecontentbackground.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
#content{/*global content wrapper*/
	margin-left:285px;
	min-height:370px;
	padding-right:40px;
}
#sidecontent{/*global side content wrapper*/
	float:left;
	width:230px;
	padding:0 20px;
	position:relative;
	min-height:370px;
}
.projects #main{/*hides the wall graphic on the projects layout*/
	background-image:none;
}
#main.home{/*resets the width of the home layouts main column*/
	margin-left:-145px;
	background-image:none;
}
#main.home #content{/*resets the width of the home layouts content column*/
	margin-left:145px;
}
#sidecontent.home{/*resets the width of the home layouts sidecontent column*/
	width:100px;
}
#footer{
	list-style-type:none;
	text-align:center;
	padding:45px 0 45px 0;
	position:relative;
	top:-40px;
	clear:both;
	overflow:hidden;
	font-size:85%;
}
#footer li{
	display:inline;
	margin:0;
	padding:0 1em;
	border-right:1px solid #7c7b76;
}
#footer li#credits h3{
	display:inline;
	font-size:100%;
	vertical-align:top;
}
/* 3. Web Parts */
/* 3.1 Slide Show*/
#slideshow-container{
	position:relative;
	margin-bottom:1.5em;
	height:450px;
	width:100%;
	overflow:hidden;
}
#slideshow{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	height:450px;
	z-index:0;
	margin-bottom:1.5em;
}
#slideshow img{width:895px; height:450px;}

#slideshow li{
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:100%;
}
#slideshow div{
	position:absolute;
	left:0;
	bottom:0;
	/*background:#000 url(/assets/gfx/transparent.png);*/
	color:#fff;
	font-weight:bold;
	height:45px;
	line-height:45px;
	text-indent:20px;
	width:100%;
}
#playback{
	list-style-type:none;
	margin:0;
	position:absolute;
	bottom:15px;
	right:20px;
}
#playback li{
	margin:0 10px;
	float:left;
}
#playback a{
	text-decoration:none;
	text-indent:-999em;
	background-repeat:no-repeat;
	display:block;
	width:11px;
	height:10px;
}
#next{
	background:url(/assets/gfx/next.gif);
}
#previous{
	background:url(/assets/gfx/previous.gif);
}
#pause{
	background:url(/assets/gfx/pause.gif);
}
#resume{
	background:url(/assets/gfx/play.gif);
}
/* 3.2 Project Showcase*/
#project-showcase{/*project showcase wrapper*/
	overflow:hidden;
	position:relative;
	float:left;
	width:80%;
}
#project-showcase .caption{
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-weight:bold;
	background:url(/assets/gfx/transparent.png);
	width:100%;
	height:5%;
	padding:7px;
	z-index:1;
	display:none; /*hide captions*/
}
ul#thumbnails{/*project thumbnails wrapper*/
	margin:0;
	padding:7px 0 2px 0;
	list-style-type:none;
	clear:both;
	background:url(/assets/gfx/transparent.png);
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}
ul#thumbnails li{/*project thumbnail wrapper*/
	margin:7px 7px 0 7px;
	display:inline;
}
ul#thumbnails a{
	text-decoration:none;	
}
ul#thumbnails img{width:12.5%;}
#project-menu{/*project menu wrapper*/
	float:right;
}
dl#project-description{/*project description wrapper*/
	width: 21em;
	margin: 2em 0;
	overflow:hidden;
}
dl#project-description dt{/*project labels*/
	text-transform:uppercase;
	width: 8.5em;
	float: left;
	padding:0 0 1em 0;
}
dl#project-description dd{/*project definitions*/
	float: left;
	width: 12.5em;
	padding:0 0 1em 0;
}
/* 3.3 Enquire & Spec buttons*/
a.enquire, a.spec{	
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	width:162px;
	float:right;
	display:block;
	text-decoration:none;
	color:#fff;
	clear:both;
}
a.enquire{
	background-image:url(/assets/gfx/enquire.png);	
	padding:0.9em 0 0.8em 0.9em;
	margin-bottom:1.5em;
}
a.spec{
	background-image:url(/assets/gfx/project-sheet.png);
	padding:1em 0 0.8em 1em;
}
/*3.4 Forms*/
.textbox, .textarea{
	background:#C0C0C0 url(/assets/gfx/textbox.gif) no-repeat left top;
	color:#000;
	border:none;
	width:195px;
	height:16px;
	margin:0;
	padding:7px 5px;
}
.textarea{
	background-image:url(/assets/gfx/textarea.gif);
	height:93px;
	overflow:auto;
}
input.button{
	background:#50b948 url(/assets/gfx/button.gif) no-repeat;
	color:#000;
	width:100px;
	height:30px;
	border:none;
}
.checkbox input, .radio input{
	float:left;
	margin-right:5px;
}
.checkbox label, .radio label{width:auto;}
.checkbox input{margin-left:312px;}
.radio input{margin-left:265px;}