/* @override 
	http://reachdev.reachdigital.co.uk/css/styles.css
	http://www.reachmarketing.co.uk/css/styles.css
*/

#accessability {background:#4f5647; color:#fff; height:27px; text-align:right; padding-right:5px; padding-top:3px;}
#accessability a {color:#fff; padding:0 3px;}

/* --------- General Styles ---------- */

body,td,th {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #666666;
}
body {
	margin: 0px;
	padding: 0px;
	/*background-color: #88967a;*/
	background: url(../images/bg.jpg) repeat-x #768568;
	/*background-repeat: repeat-x;*/
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:7px;
}
img{display:block;}

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

/*-------------------------------------*/



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

#feature {
	width: 740px;
	text-align: left;
	position: relative;
	background:#67735b;
	padding-top:10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float:left;
	clear:both;
}
#feature2 {
	clear:both;
	margin:0 auto;
	width: 720px;
	background:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	#darkgreen_bar{background-color:#58644c; width:740px; height:10px;}
	

/* ---------- Case Study --------*/

#feature2 h3{text-align:center; vertical-align:bottom; color:#fff; font:bold 0.8em "Lucida Grande", Arial, Helvetica, sans-serif; padding:0; margin:0;}
#feature2 .display{float: left;border-right:1px solid #fff;background: #738f66 url(images/bar.jpg) no-repeat;padding:0;height:400px;
}
#feature2 .stretcher{float: left;}
#feature2 h3 a{width:15px; color:#fff;margin:0;padding-top:10px; display:block; height:390px; text-decoration:none; font:bold 1.6em Helvetica, Arial, sans-serif;}
#feature2 h3 a:hover{background-color:#666; padding-top:10px;}
#feature2 img{margin:0;padding:0;}
#feature2 .noflow{overflow: hidden;width: 610px; height:400px;}
#feature2 #portfolio-images{}

/* -----------------------------*/

#logo {	margin-bottom: 15px;
	border-top-style: solid;
	border-top-color: #a3a60f;
	border-top-width: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

/*--------- Navigation -----------*/

#menu{float: right; width:475px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0; font:normal 1.1em Arial, Helvetica, sans-serif;}
ul#nav{ float:right;background: url(../images/nav-bg.jpg) repeat-x top; height:38px;}
ul#nav li{float:left;text-align: center;}
ul#nav a{float:left;padding:9px 5px 10px 5px;*padding:9px 5px 9px 5px;text-decoration:none;color: #bbb;  border-right:1px solid #949d8c;}
ul#nav #contact a { border:none; }
ul#nav #contact{background:url(../images/nav-right.jpg) no-repeat top right;padding-right:10px; padding-bottom:13px;*padding-bottom:12px;}
ul#nav #home {background:url(../images/nav-left.jpg) no-repeat top left; padding-left:10px; padding-bottom:13px;*padding-bottom:12px;}
ul#nav a:hover, ul#nav .active{color: #FFF;}

/*-------------------------------*/

#content{background-color:#FFFFFF; float:left; border-top:13px solid #67735b; clear:both; }

#content #breadcrumbs{ width:740px; border-bottom:1px dotted #333; float:left; }
#content #breadcrumbs ul{margin:8px 0 8px 5px; padding:0; float:left; font:bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;}
#content #breadcrumbs ul li{float:left; list-style:none; background:url(../images/crumb-arrow.gif) right no-repeat; padding-right:13px; padding-left:3px;}
#content #breadcrumbs ul li a{ color:#546049; text-decoration:none;}
#content #breadcrumbs ul li a:hover{text-decoration:underline;}
#content #breadcrumbs ul#section{float:right;}
#content #breadcrumbs ul#section li{ background:none; color:#546049;}

#content #col01{float:left;width:270px; margin-left:10px; margin-top:10px; margin-right:20px;}
#content #col01 h2{margin:0; color:#67735b; padding:8px 5px 8px 5px; font:bold 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; border-top:1px dotted #333; border-bottom:1px dotted #333; background-color:#f7f8f7;}
#content #col01 p{margin-left:8px; margin-right:25px; color:#000; line-height:1.8em; margin-top:6px; margin-bottom:16px;}
#content #col01 ul{margin:10px 0 10px 0; padding:0; border-bottom:1px dotted #ccc;}
#content #col01 ul li{list-style:none; border-top:1px dotted #ccc; margin:0; padding:0; float:none; clear:both; }
#content #col01 ul li a{background:url(../images/sector-cursor-arrow.gif) right no-repeat; font:normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif; padding:2px 15px 2px 3px; text-decoration:none; color:#67735b;display:block;margin:0; width:250px;}
#content #col01 ul li a:hover{background-color:#f1f1f1;}
#content #col01-2{ clear:both;float:left; width:463px; margin-left:10px; *margin-left:5px; padding:3px 3px 3px 0;padding-bottom: 60px;}
#content #col01-2 h1{ font:normal 2em "Lucida Grande", Helvetica, Arial, sans-serif;}
#content #col01-2 h2{ font:normal 1.8em "Lucida Grande", Helvetica, Arial, sans-serif;}
#content #col01-2 p{margin-top:8px; padding:0; color:#67735b;}

#content #col02{ float:left; width:410px; margin-left:10px; padding-bottom:10px;}
#content #col02 p, #content #col02 ul li{margin-top:5px; padding-bottom:0; padding-top:0; color:#67735b;}
#content #col02 ul li{line-height:1.4em;}

#content #col02-1{float:left;width:240px; margin-left:18px; margin-top:10px; margin-bottom:40px;}
#content #col02-1 h2{margin: 0 5px 0 0; color:#546049; font:bold 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; border-top:1px dotted #333; border-bottom:1px dotted #333;
	padding: 5px;
}

#content #col02-1 #related h2 {
	margin-top: 1.5em;
	margin-right: 5px;
}

#content #col02-1 ul{
	padding: 0;
	margin: 5px 0 5px 3px;
}
#content #col02-1 ul li{list-style:none;font:normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif; padding:2px 15px 2px 3px;color:#b3b9ad;
	
}
#content #col02-1 ul li a{list-style:none;color:#47503f;text-decoration:none;
	
}
#content #col02-1 ul li a:hover {
	color: #b3b9ad;
}

#col02-1 ul li {
	
	margin-left: 0;
}


#related h2 {
}
/* ----- Footer Contact ---- */

#contact-details{width:740px;float:left; background:url(../images/footer.jpg) no-repeat bottom #67735b; padding-bottom:20px; position:relative; color:#FFFFFF;}
#contact-details h3{ float:left; color:#fff; font:normal 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; margin-left:10px; margin-right:10px;margin-top:0; padding-top:18px;}
#contact-details address{float:left; font:1em/1.4em normal "Lucida Grande", Arial, Helvetica, sans-serif; color:#c1cab7; margin-left:10px; padding:20px 0 20px 0;}
#contact-details address a{color:#d0d8c8; text-decoration:none;}
#contact-details address a:hover{text-decoration:underline;}

#contact-details p {font-size:11px; margin:0; padding:0; line-height:normal; color:#FFFFFF;}

#col01-2 p a {
	text-decoration: underline;
	color: #67735b;
}
#col01-2 p a:hover {
	color: black;
}

/*-------------------------------*/

ul#downloads { list-style: none;
margin: 0;
padding: 0;
	
}

li.pdf {background-image: url(/images/doc_types/icon_pdf.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .5em 0;
	
}

#downloads li.pdf a {
	text-decoration: none;
	color: black;
}
#downloads li.pdf a:hover {
	text-decoration: underline;
}
/* @group Case Studies */



#cs1 h1, #cs2 h1, #cs3 h1   {
	background-color: #67735b;
	color: white;
	font-size: 1.2em;
	min-height:30px;
	*height:30px;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 5px;
	
}


div#cs1, div#cs2, div#cs3 { width: 240px; float: left;border-right:1px solid #fff;
	
}

div#casestudy { float: left;
	margin-left: 10px;
	*margin:5px;
	margin-top: 10px;
}

div#casestudy img { width: 240px;
	
}

div#casestudy a {
	text-decoration: none;
}

div#casestudy h1:hover {
	background-color: #58624e;
}



/* @end */

/* @group headersubnav */

div#hsnav { float: right; width: 450px;
	
}

#hsnav ul { list-style-type: none; margin: 0; padding: 0; text-align: right;}
#hsnav ul li {
	display: inline;
}



/* @end */

/* @group Sub Menu */
div#subnav { float: right;
	padding-right: 12px;
	padding-top: 7px;
}

#subnav ul { list-style-type: none; margin: 0; padding: 0;
	
}

#subnav ul li {display: inline;
	
}
#subnav ul li a { text-decoration: none;
	margin-left: 1em;
	color: #bbb;
	font-size: 1.2em;
}
#subnav ul li a:hover {
	color: white;
}

#submenu ul {list-style-type: none; margin: 0;
	height: 2em;
	padding-left: 0;
	padding-top: 1em;
	padding-bottom: 0.5em;
}


#submenu ul li {display: inline;
	
}

#submenu ul li a {text-decoration:  none;
padding: .2em 1em;
	font-size: 1.3em;
	color: #67735b;
}

div#submenu {
	margin-top: 0.5em;
	background-color: #e1e1e1;
}

/* @end */

/* @group Latest News */

#col02-1 ul li h5 {
	margin-top: 5px;
	color: #333;
	font-size: 10px;
	margin-bottom: 3px;
}



/* @end */

/* @group Recuitment */

#col02 div.job { border: 1px solid #b6ba5d; margin-bottom: 10px; }

#col02 div.job h2 { margin-left: 10px; margin-top: 10px; margin-bottom: 0; color: #000; }

#col02 div.job p a { font-size: 12px; font-weight: bold; }

#col02 div.job h3 { margin-left: 10px; margin-top: 0; font-size: 12px; font-weight: normal; font-style: normal; }

#col02 div.job p { padding-top: 10px; padding-left: 10px; padding-right: 10px; }



/* @end */


/*=============== Adam Updates Aug 2008 (reach arts) ============*/

.reach_arts
{
float:right;
width:240px;
padding-top:20px;
padding-right:4px;
}
/*=============== Adam Updates April 2009 (Digital Footer) ============*/
#createdby
{text-align:right; padding:100px 0 0 0;}

/*============================= END ============================*/