@charset "utf-8";
@import "reset.css";

/*//////////////////////////

	RENNIE RANDELL
	rennierandell.co.uk
	v1.0
	tom greenhill
	
	GENERAL SETUP

/////////////////////////*/

p.tel {color:#fff; float:left; margin-bottom:16px; font-size:16px; clear:both; margin-left:330px; display:block; padding: 2px}

/*///////////////////
 who we are, serivces & contact styles 
///////////////////*/

#who #content {
	margin: 40px 0 0 0;
}

#who #content.newservices {
	height: 135px;
}

#who #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#who #content p {
	color:#ccc; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

#who #content blockquote {
	color: #cc3399;
	font-size: 1.1em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#who #content cite {
	color: #cc3399;


	font-size: 1.oem;
	line-height: 1.4em;
	font-style: normal;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	display: block;
	text-align: right;
}


#who #lhpanel li a {
	display: block; background: #333; line-height: 1.3em; padding: 3px 0 3px 10px; margin: 3px 0; font-size:1.2em; width: 223px;
}
#who #lhpanel li a:hover, #who #lhpanel li a:focus, #who #lhpanel li.active a {
	background: #666; color: #ff66cc;
}

#contact #content {
	margin: 40px 0 0 0;
}
#contact #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#contact #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}
#services #content {
	margin: 40px 0 0 0;
}
#services #content  blockquote {
	color: #cc3399;
	font-size: 1.1em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
}
#services #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#services #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

/* finished */

body {
	font-family: "Trebuchet MS", "Georgia", "Times New Roman";
	font-size: 62.5%; color: #000;
	line-height: 100%; background: #191919;
}
a {
	color: #fff; font-weight: bold; text-decoration:none;
}
a:hover, a:focus {
	color: #999;
}
hr {
	border: none; background: #666; width:100%; height: 1px; clear:both;
}

#wrapper {	
	margin: 0 auto;	width: 770px;	padding: 0;	background: #191919;  
}	
#lhpanel {	
	float:left;	width: 240px; margin:0 0 0 10px; display:inline;
}	

#rhpanel {
	float:right; width: 520px; margin:62px 0 0 0;
}
#home #rhpanel {
	float:right; width: 520px; margin:32px 0 0 0;
}


/*//////////////////////////

		HEADERS

/////////////////////////*/

h1 {
	background: url(../../images/logo.jpg) no-repeat top left; width:222px; height:78px; text-indent: -9999px;
}
h2 {
	font-size: 2.2em; line-height: 1.3em; padding:20px 0 0 0; color: #e51d9b;font-weight: normal; margin:0 0 6px 0; 
}



/*//////////////////////////

		HOME

/////////////////////////*/
#home #lhpanel h1 {
	margin:0 0 10px;
}
#home #lhpanel h3 {
	font-size: 1.8em; line-height: 1.3em; padding: 4px; margin: 9px 10px 0 0; background: #383838; color: #999;
}
#home #lhpanel p.first {
	font-size: 1.2em; line-height: 1.3em; padding: 6px 15px 0 0; color: #e51d9b; 
}
#home #lhpanel p {
	font-size: 1.1em; font-weight:bold; line-height: 1.3em; color:#fff; padding: 6px 20px 0 0;
}
#home #lhpanel ul {
	background: #383838;  margin: 0 10px 0 0; color: #999;
}
#home #lhpanel li {
	font-size: 1em; line-height: 1.2em; padding: 4px 4px 3px 4px;
}

#home #rhpanel #flash {
	clear:both; min-height: 477px; height: auto !important; height: 477px;
}



/*//////////////////////////

		CLIENTS

/////////////////////////*/

#clients #lhpanel p {
	font-size: 1em; font-weight:bold; line-height: 1.4em; color:#fff; padding: 6px 20px 0 0;
}
#clients #lhpanel img {
	margin: 5px 0 0 0;
}
#clients #rhpanel #content {
	clear:both; min-height: 520px; height: auto !important; height: 520px;
}
#clients #rhpanel dl.client {
	background:#333; clear:both; height: 48px; margin: 0 0 5px 0; color: #fff;
}
#clients #rhpanel dl.last {
	margin: 0;
}
#clients #rhpanel .client img {
	float:left;
	display:block;
	width:160px;
	height:48px;
}
#clients #rhpanel .client dt {
	
}
#clients #rhpanel .client dd {
	line-height:1.5em; 
}
#clients #rhpanel .client dd a {
	color: #cc3399;
}
#clients #rhpanel .client dd a:hover {
	color: #fff;
}



/*//////////////////////////

		PRESS

/////////////////////////*/
	
#press #lhpanel {	
	width: 220px;
}
#press #lhpanel p {
	font-size: 1em; font-weight:bold; line-height: 1.4em; color:#fff; padding: 6px 20px 0 0;
}
#press #lhpanel ul {
	margin: 15px 20px 0 -10px;
}
#press #lhpanel li a {
	display: block; background: #333; line-height: 1.3em; padding: 3px 0 3px 10px; margin: 3px 0; font-size:1.2em; width: 100%;
}
#press #lhpanel li a:hover, #press #lhpanel li a:focus, #press #lhpanel li.active a {
	background: #666; color: #ff66cc;
}

#press #content {
	clear:both; min-height: 520px; height: auto !important; height: 520px;
}
#press #content img.logo {
	margin: 20px 0 0 0;
}
#press #content h2 {
	color: #fff;
}
#press #carousel-wrap {
	color:#cc3399; background: #333; padding: 10px 0 10px 20px;
}
#press #carousel-wrap p {
	color:#fff; margin: 0 0 5px 0;
}

#press #carousel {
	position:relative; height:134px; width:430px; float:left;
}			
#press .images {
	overflow:hidden; width:430px;
}		
#press .images ul {
	width:10000px;
}		
#press .images li {
	float:left; width: 70px; margin:0 20px 0 0;
}		
#press .images li img {
	cursor: pointer; max-width:70px; min-height:70px;
}
#press .images input {
	margin: 5px 0; padding: 0;
}
#press .images li p {
	color:#cc3399; margin: 5px 0 0 0; line-height: 1.2em; width: 70px;
}
#press .carousel-btns {
	width: 60px; float: right;
}
#press .carousel-btns img {
	margin:15px 0 0; padding:0 20px 0 0; cursor:pointer;
}
#press .carousel-btns input {
	background: #fff; border: 1px solid #cc3399; padding: 3px 2px; font-size: 1em; margin: 45px 0 0 0;
}

#press #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#press #content p.date {
	color:#cc3399; font-size: 1.1em; line-height: 1.3em;  margin:0 0 6px 0; 
}
#press #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

#press #pressForm 
{color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

#press #pressForm #pressFormButton input {
	background: #fff; border: 1px solid #cc3399; padding: 3px 2px; font-size: 1em; margin: 45px 0 0 0; float:right;
}

/*//////////////////////////

		NEWS

/////////////////////////*/

#news #content {
	margin: 40px 0 0 0;
}
#news #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#news #content p.date {
	color:#cc3399; font-size: 1.1em; line-height: 1.3em;  margin:0 0 6px 0; 
}
#news #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

#news #content .panImages { text-align:center}
#news #content .panPDF {}

#news #content p img {
display:block;
max-width:350px;
margin:0 auto
	 
}

#news #lhpanel p {
	font-size: 1em; font-weight:bold; line-height: 1.4em; color:#fff; padding: 6px 20px 0 0; margin:0 0 10px 0;
}

/*//////////////////////////

		CLIENT NEWS

/////////////////////////*/



#client_news #content {
	margin: 40px 0 0 0;
}
#client_news #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#client_news #content p.date {
	color:#cc3399; font-size: 1.1em; line-height: 1.3em;  margin:0 0 6px 0; 
}
#client_news #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}

#client_news #content .panImages { text-align:center}
#client_news #content .panPDF {}

#client_news #content p img {
display:block;
max-width:350px;
margin:0 auto
	 
}

#client_news #lhpanel p {
	font-size: 1em; font-weight:bold; line-height: 1.4em; color:#fff; padding: 6px 20px 0 0; margin:0 0 10px 0;
}



/*////////////////////////////////////
/////// PRESS NEWS AND NEWS PAGING //
//////////////////////////////////*/

ul#pages { 
	margin: 8px 0; color: #999; font-size: 1.2em; line-height: 1.3em
}
ul#pages li.page { 
	margin:0 15px 0 0;
}
ul#pages li, ul#pages p { 
	float: left;
}
ul#pages li a { 
	color: #999;
}
ul#pages li a:hover, ul#pages li a:focus, ul#pages li.active a { 
	color: #cc3399;
}
ul#pages li span { 
	margin: 0 4px;
}

/*////////////////////////////////////
/////// SERVICES //
//////////////////////////////////*/

.services ul {
	list-style: none;
	padding-left: 0;
	margin: 8px 0 0 0;
}

.services li {
	margin: 0 0 0 0;
	padding: 0px 0 6px 14px;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	background: url(../../images/icon2.jpg) no-repeat;
}

/*//////////////////////////

		CONTACT

/////////////////////////*/
	
#contact #lhpanel {	
	width: 220px;
}
#contact #lhpanel p {
	font-size: 1.2em; font-weight:bold; line-height: 1.4em; color:#fff; padding: 6px 20px 0 0;
}

/*//////////////////////////

		AUDIT

/////////////////////////*/

#audit #content {
	margin: 40px 0 0 0;
}
#audit #content  blockquote {
	color: #cc3399;
	font-size: 1.1em;
	line-height: 1.4em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0px;
}
#audit #content h3 {
	color:#cc3399; font-size: 1.6em; line-height: 1.3em; font-weight: normal;  
}
#audit #content p {
	color:#999; font-size: 1.1em; line-height: 1.4em;  margin:0 0 6px 0; 
}
.audit { background:#E51D9B; width:210px; padding:10px; margin:15px 0 0 0; display:block}
.audit h2 { color:#fff; padding:0; }
#home #lhpanel .audit p {padding:0; color:#fff}
/*//////////////////////////

		FOOTER

/////////////////////////*/

#footer  {
	margin:10px 0 0 0; font-size: 1em; color:#999; line-height: 1.1em;
}	
#footer ul {
	float:left;	width:50%;
}
#footer li {
	float:left;	
}	
#footer p {
	text-align:right; float:right; /*width:50%;*/ clear: right;
}
#footer p#twitter {
	margin: 15px 0;
	font-size: 12px;
}
#footer p#twitter span {
	padding-right: 3px;
}
#footer a {
	color:#333; text-decoration: none; padding: 0;
}
#footer a:hover, #footer a:focus {
	color: #999;
}

#footer p.member { float:left; text-align:left}
#footer p.member img{ display:block; max-width:150px}

/*//////////////////////////

		CLASSES

/////////////////////////*/

.cboth {clear:both;}
.hide {display: none;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
.pink { color:#cc3399}
.white { color:#fff !important}