/*
www.g-b-p.co.uk
Core Style
Author Rob W @ Oyster Creative
Main Style
=Structure
	
	Font/Text
	Frame
	Header
	Content
	Footer
	
-------------------------------------------------------------
*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	background:#3F3F3F; 
}

p {	line-height: 1.6em;}
p, li {	font-size:1.1em; }

a { color:#356186;  text-decoration:none;}
a:hover {color:#5f8db4; }

img {border:none; }
h2, h3, h3, p, ul, ol, dl {	}

/* Frame
------------------------------------------------
*/
#frame {
	width:781px;
	margin:5px auto;
	position:relative;
	background:url(../images/layout/frame_background.png) repeat-y;
}

/* Header
------------------------------------------------
*/
#header {
	height:167px;
	background:url(../images/layout/header-background.png) no-repeat;
	position:relative;
}
#header #logo{
	width:197px;
	height:114px;
	display:block;
	top:50px;
	position:absolute;
	left:40px;
}
#header h1{
	margin:0px;
	padding:0px;
	background:url(../images/layout/logo.jpg) no-repeat;
	text-indent:-9000px;
	overflow:hidden;
}
#header ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#header  #nav {	width:334px;	height:49px; padding:0px 5px 5px 0px; border-bottom:1px solid #6f6f6f;	position:absolute; top:113px; right:150px;}
#nav a{
	display:block;
	width:51px;
	height:49px;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../images/layout/nav.png) no-repeat;
}
#current a, #nav a:hover{	background-position: 0px -75px;}
#nav li {	float:left;	margin:0px;	padding:0px;}

#nav #consultancy { background-position: -118px 0px; width:92px;}
#nav #research { background-position: -52px 0px; width:66px;}
#nav #news { background-position: -210px 0px; width:51px;}
#nav #contact { background-position: -262px 0px; width:73px;}

#current #consultancy, #nav #consultancy:hover { background-position: -118px -75px; }
#current  #research, #nav #research:hover { background-position: -52px  -75px;}
#current #news, #nav #news:hover { background-position: -210px  -75px;}
#current #contact, #nav #contact:hover { background-position: -262px -75px; }
#secondary_navigation {
	width:174px;
	position:absolute;
	color:#FFF;
	top:430px;
	left:50px;
}
#secondary_navigation a{
	color:#FFF;
	display:block;
	text-align:right;
	margin-bottom:5px;
	font-size:12px;
}

/* Content
------------------------------------------------
*/
#content {	padding:250px 50px 20px 270px;	min-height:600px; }
.home {	background:  url(../images/layout/home-content-background.jpg) no-repeat;} 
.consultancy {	background:  url(../images/layout/consultancy-content-background.jpg) no-repeat;} 
.research {	background:  url(../images/layout/research-content-background.jpg) no-repeat;} 
.news {	background:  url(../images/layout/news-content-background.jpg) no-repeat;}
.contact {	background:  url(../images/layout/contact-content-background.jpg) no-repeat;}
h1, h2 { font-size:1.3em; color:#AC1B22;}
.error {color:#CC0000;}
p, ul {	font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px;  }
#what-we-do, #making-it-happen { list-style:none; padding:0px;  font-size:12px; margin-left:0px;}
#what-we-do li,  #making-it-happen li { margin-bottom:4px;}

#methods {list-style:none; height:120px; padding:0px;  margin:20px 0px;}
#methods li {width:210px; float:left; margin-bottom:4px;}

form label { font-size:11px;}
form label input,  form label textarea {
	display:block;
	margin:5px 0px 0px;
	background:#FFF;
	border:1px solid #999999;
	width:370px;
	padding: 5px;
	font-size:11px;
	line-height:17px;
}

/* Consultation
------------------------------------------------
*/

#consultation {
	width:188px;
	position:absolute;
	left:34px;
	top:420px;
	color:#FFF;
	font-size:1.7em;
	text-align:right;
	line-height:1.3em;
}
#consultation span{	font-weight:bold;}
#consultation strong{ margin-top:7px; font-size:1.2em; display:block;}
#cima { position:absolute; display:block; top:600px; left:70px; }

/* Secondary Content
------------------------------------------------
*/
#secondary_content {
	width:188px;
	position:absolute;
	left:34px;
	top:600px;
	text-align:right;
}
#experience {
	width:188px;
	height:350px;
	overflow:hidden;
	position:absolute;
	left:34px;
	top:680px;
	text-align:right;
}
#experience-list{
	list-style:none;
	font-size:10px;
	margin:0px;
	padding:0px;
}
#experience-list li{ margin-bottom:3px;}

/* Footer
------------------------------------------------
*/
#footer {
	height:99px;
	background:url(../images/layout/footer-background.png) no-repeat;
	position:relative;
}
#footer p{
	position:absolute;
	margin:0px;
	right:40px;
	color:#999999;
	font-size:11px;
	top:37px;
	padding:4px 80px 0px 0px;
	background:url(../images/layout/oyster-logo.gif) no-repeat right -5px ;
	height:30px;
}
#footer a{ color: #8AA1B5; font-size:0.9em;}
#footer a:hover{ color:#FFF; }