/*

	CSS styles
	Clent: Clustered Consultants
	Website: www.clusteredconsultants.co.uk
	Designer: Marcus Corbridge
	Creation date: 29 Jan 2005
	Updated: 12 Apr 2006
	Filename: layout.css
	
	==============
	
	Branding colours
	
	BLUE
	Dark:    #42425A
	Med:     #74748D
	Light:   #B0B0BE
	Lighter: #E8E8EC

*/

#topshadow { background:url(/images/shadow_top.gif) #42425A; margin:auto; width:820px; height:30px; }
#wrapper { background:url(/images/bg_wrapper.gif) #42425A repeat-y; margin:auto; padding:0 10px 0 10px; width:800px; }
#header { background: #42425A url(/images/logo01.gif) no-repeat; height: 101px; padding:0; margin: 0; }
#logo { width:300px; float: left; background-color: transparent; margin:0; padding: 0; }
#address { width: 775px; margin-right: 25px; background: url(/images/address.gif) no-repeat right; height: 56px; }

/* 
 Note - #address overridden specifically in /contactus/default.htm and /contactus/thankyou.htm to use different image (/images/contactaddress.gif)
*/

#navcontainer { margin: 15px 0 0 138px; padding:0; padding-top: 7px; height: 23px; width: 662px; background: url(/images/curve01.gif) #B0B0BE no-repeat; }
#splash { background-color: #74748D; margin:0; padding: 0; }
#containerhome { margin: 0; padding: 0; }
#container { margin: 0; padding: 0; background-color: #FFF; }
#content { display:block; width:500px; margin:10px 0 0 0; float:left }

#col3_content { width: 700px; position: relative; margin: 0 50px 0 50px; clear: both; }
#col3_left { width: 210px; padding: 0; margin: 0; margin-bottom: -2px; float: left;  position: relative; }
#col3_center { width: 210px; padding: 0; margin: 0 0 0 33px; float: left; position: relative; }
#col3_right { width: 210px; padding: 0; margin: 0 0 0 33px; float: right; position: relative; }

#col2_content { background-color: #FFF; width: 700px; position: relative; margin: 0 50px 0 50px; clear: both; }
#col2_left { width: 230px; padding: 0; margin: 0; float: left; position: relative; }
#col2_right { width: 448px; padding: 0; margin: 0; float: right; position: relative; padding: 0 0 0 20px; border-left: 1px solid #B0B0BE; }

#col2search_left { width: 448px; padding: 0; margin: 0; float: left; position: relative; }
#col2search_right { width: 230px; padding: 0 0 0 20px; margin: 0; float: right; position: relative; }

#form_left { width: 200px; padding: 0; margin: 0; float: left; position: relative; }
#form_right { width: 200px; padding: 0; margin: 0; float: right; position: relative; }

#csbar { display:block; float:left; width:170px; padding: 0 10px 10px 20px; }
#custsol { display:block; float:left; width:190px; padding: 10px; }
#sidebar { display:block; float:right; width:263px; margin: 0; position: relative; }
#maincontent { padding: 15px; background-color:#FFF; }
#home {margin:0 0 0 50px; }

#collaborative { display:block }

#row { border-bottom: 1px dotted #000; margin-bottom: 15px; }
#logo { width: 150px; float: left; }
#summary { width: 341px; float: left; }

div.leftcon { float:left; width:120px; padding:5px }
div.rightcon { float:right; width:350px; padding:5px }
div.row { clear: both; padding-top: 10px }
div.row span.label { float: left; width: 80px; text-align: right }
div.row span.formw { float: right; width: 260px; text-align: left }

#footer { padding:15px; margin:0; background-color:#74748D; clear: both; color: #E8E8EC; cursor: default; }
#footleft { width: 400px; }
#footright { float:right; clear: right; padding: 0; }

#bottomshadow {
	background: url(/images/shadow_bottom.gif) no-repeat;
	margin: auto;
	width: 820px;
	height: 20px;
	clear: both;
	font-size: 0px;
}
#dropshadow1 {
	background: url(/images/dropshadow03.gif) repeat-x;
	width: 800px;
	height: 10px;
	clear: both;
	font-size: 0px;
}
#dropshadow2 {
	background: url(/images/dropshadow04.gif) repeat-x;
	width: 800px;
	height: 10px;
	clear: both;
	font-size: 0px;
}

.clear { clear:both; height:0; font-size: 0px; }