html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul{list-style:none;}
q:before, q:after, blockquote:before, blockquote:after{content:"";}

/*
	Colours:
	Green - #8BB110
	Brown - #5A5721

*/

/*=General*/
	html{height:100.01%;}
	body{font-size:62.5%; line-height:1em; font-family:Arial,sans-serif; color:#000; text-align:center; padding-bottom:50px;}
	
/*=Typography*/
	a, a:link, a:active, a:visited{color:#5A5721; text-decoration:none;}
	a:hover{color:#000; text-decoration: none;}
	
	h1, h2, h3{font-weight:normal; margin:0;}
	h1{font-size:17px; margin:0;}
	h2{font-size:17px;}
	h3{font-weight:bold; font-size:17px;}
	h4{font-size:12px;}

	p{font-size:12px; margin:0 0 16px 0; padding:0; line-height:16px;}
	p.rockwell{font-size:14px; margin-bottom:14px;}
	p.rockwell-large{font-size:17px;}	
	
	strong, b{font-weight:bold;}
	em, i{font-style:italic; line-height:1.4em;}
	
	/* Lists */
	ul{margin:0 0 1.5em 0; padding:0;}
		ul li{font-size:1.1em;}
	ol{margin:0 0 1.5em 0; padding:0; line-height:1.4em;}
	dl{margin:0 0 1.5em 0; padding:0; line-height:1.4em;}
	
/*=Divider */
	hr{display:none;}
	div.hr {height:1px; line-height:1px; margin:1.5em 10px; border-bottom:1px dotted black;}

/*= Grid */
	div#wrapper{width:866px; margin:0 auto; padding:0; text-align:left;}
	div#content{width:100%;}
	
/*=Positioning*/
	/* header */
		div#header{margin:0; padding:0; text-align:left; border-bottom:1px solid #888; float:left; width:100%; margin-top:30px;}
		
		img#logo{display:block; float:left;}

		ul.navigation{float:right; margin:10px 0 5px 0;}
		ul.navigation li{float:left; margin-left:1em;}
		li.selected a{color:#000;}		
		
	/* Content */
	div#page{clear:both; padding-top:30px; height:530px; position:relative;}
	#col_nav_text{width:100%;}
		#col_nav_text #nav{width:220px; float:left;}
		#col_nav_text #text{width:400px; float:left;}
		#projects #col_nav_text #text{width:645px;}
		
		#nav ul li{margin-bottom:5px; font-size:13px; color:#8BB110;}
			#nav ul li a{color:#5A5721;}
			#nav ul li a:hover{color:#8BB110;}
			#nav ul li a.selected{color:#8BB110;}
			#nav ul ul{margin:5px 0 0 0;}
				#nav ul ul li{background:url('/images/bullet.png') no-repeat left 50%;}
				#nav ul ul li a{color:#5A5721; padding-left:8px;}
	
		#nav dl dt, #nav dl dd{font-size:13px;}
		#nav dl dt{margin-bottom:3px; color:#8BB110;}
		#nav dl dd{margin-bottom:10px;}
		
		div.fact_html{position:absolute; top:50px; left:0; text-indent:-999em; z-index:0;}
			div.fact_html a{display:block; text-indent:-999em;}
    
	/* footer */
		div#footer{margin-top:10px; clear:both;}
		div#footer p{margin:0; padding:0; font-size:1em; display:inline}
		div#footer p a{color:#666;}
		#footer ul.navigation{margin:0; float:none; display:inline;}
			#footer ul.navigation li{display:inline; float:none; margin:0; padding-right:1em; font-size:1em;}
				#footer ul.navigation li a{font-size:10px;}
		
/*=Forms*/
	input.checkbox,input.radio{width:13px; height:13px;}
	input.file{height:auto; width:250px;}
	input.readonly{background-color:transparent; border:none;}
	
	form fieldset{border:none; margin:0px;}
	form fieldset div{position:relative; float:left; margin-bottom:1em; clear:both;}
	form fieldset h3{}
		form fieldset label{position:relative; font-size:1.1em; display:block; text-align:left; cursor:pointer; margin:0 0 1em 0;}
		form fieldset .radios label.option{display:inline; font-size:1.1em; width:auto; float:none; vertical-align:middle;}
		form fieldset label em{color:#ccc; font-size:1em;}
		form p.note{margin:0.5em 0;}
	
    form div.submit {clear:left; margin:1em 0; width:100%;}
	
	button{background:none; border:0px solid transparent; line-height:0px; margin:0; padding:0; display:inline; vertical-align:middle; cursor:pointer;}
	
/* Page Specific */
	/* Clients */
		img#client_logos{position:absolute; top:180px; right:0;}
	
	/* News */
	#news_items{height:435px;}
	#news_items li{margin-bottom:12px; background:url('/images/dotted_line.png') repeat-x left bottom; padding-bottom:16px;}
	#news_items li h1{margin:0;}
	p.news_date{color:#666; margin-top:5px; font-size:11px; margin-bottom:0.5em;}
	div.teaser, div.news_body{margin:10px 0;}
	div.teaser p, .news_body p{line-height:16px;}
	#news_image{position:absolute; top:5.5em; left:415px; width:250px; text-align:right;}

	#news_items li.last{background:none;}
	#news.list #news_items{width:400px;}
	#news.list #text{width:645px;}
	
	#news.show #text{width:645px;}
	#news.show #article{width:400px;}
	
	p.read_more{margin-bottom:0}
	p.read_more a{padding-left:8px; background:url('/images/bullet.png') no-repeat left 50%;}
	#article{position:relative; height:435px; width:100%;}
	
	#projects.index h2, #projects.project h2{margin-bottom:16px !important;}
	
/*=Tools */
	.clear { clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html>body .clearfix { display: inline-block; width: 100%;}
	* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }