/*************************************************
	Site:			www.gabrieleskelton.co.uk
	Client:		GABRIELE SKELTON LTD
	Created:	Jul 2006
	Agency:		Orangutan Studio (www.orangutanstudio.com)
	Contact: 	Emma Verity (info@angelfishstudio.com)

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


body {
	font-family: Arial, Helvetica, sans-serif ;
	font-size:100%;	
	color:#888;
	text-align:center;
	margin-top:20px;
	background: #fff url(../images/bg.gif) repeat-x bottom fixed;
	}
#skipnav, .print_only {
	display:none
	}

div.hide ul li {
	display: none;
	}
div.show ul li {
	display: block;
	}	
#footer-links a:link, 
#footer-links a:active, 
#footer-links a:visited {
	color:#EA9EC5;
	text-decoration:none;
	padding:0 2px;
	}
#footer-links a:hover {
	text-decoration:underline;
	color: #fff;
	}	
#footer-links span {
	color:#fff;
	}	

ul.crosses {
	margin-left:20px;
	padding:0;
	margin-top:1em;
	}
ul.crosses li {
	list-style:url(../images/bullet.gif); 
	padding:0.3em 0;
	}

/************* TOP NAV BAR **************/
	
ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	}	
#nav a {
	color: #fff;
	text-decoration: none;
	padding:2.1em 0.6em 0.2em 0.6em;
	display:block;
	font-size:0.9em;
	font-weight:bold;	/**/
	margin-right:1px;
	}
#nav li {
	float: left;
	position: relative;
	text-align: center;
/*	background:url(../images/div_topnav.gif) no-repeat right 88%;
*/background:url(../images/div_topnav.gif) no-repeat right 100%;
	}
ul#nav li.on a {
	background-color:#860C53;
	}
ul#nav li.on {
	background-image:none;
	}
ul#nav li.nodivider {
	background-image:none;/**/
	}
ul#nav a:hover {
	background-color:#B90E68;
	}	


/************** BOX STYLES **************/

.content-box {
	background: url(../images/box_corner.gif) no-repeat 100% 100%;
	padding-bottom:39px;
	margin-bottom:1.5em;
	}

.content-box div.inner {	
	position:relative;
	background-color:#FBF4F8;
	padding:1.3em 1.5em 1px 1.5em;	
	border-right:1px solid #C80E6A;
	overflow : hidden;
	_height : 1%;
	}
.pagetype-home .content-box div.inner {	
	padding:1.3em 1em 1px 1em;	
	}	
.pagetype-3 #col-B .content-box div.inner {	
	padding:1.3em 0.5em 1px 0.5em;	
	}		
.pagetype-3 #col-B .content-box div.title {	
	padding:0.5em 1em 0.3em 1em;
	}			
.content-box div.inner p {
	margin-right:0.7em;
}

.pagetype-home .content-box div.inner p {
	margin-right:0.2em;
}
.content-box .title h3 {
	color:#fff !important;
	font-weight:normal;
	}

.content-box div.title {
	padding:0.5em 1.5em 0.3em 1.5em;
	background: #860C53;
	border-right:1px solid #D4488E;
	height:1%; /* ie6 bug - seems to need a height setting*/
	}
.content-box.standard {
	}
.content-box.standard p {
	margin:0 0 2em 0;
	}

.content-box.nocurve {
	background: url(../images/bg_box_horiz.gif) repeat-x bottom;	
	border-right:1px solid #D4488E;
	padding-bottom:3px;
	}		
.content-box.nocurve div.title {
	border:none;
	}
.content-box.nocurve div.title, .content-box.endcurve div.title {
	padding-left:10px;
	}	
.content-box.nocurve div.inner {
	background:#fff url(../images/bg_box_fade.gif) repeat-y right;
	border:none;
	padding:1.5em 10px 1px 10px;	
	height:15em;
	}	
.content-box.endcurve div.inner {	
	background:#fff url(../images/bg_box_fade.gif) repeat-y right;
	padding:1.5em 10px 1px 10px;	
	height:12em;
	}	
.navbox {
	background: url(../images/navbox_corner.gif) no-repeat 100% 100%;
	padding-bottom:39px;
	margin-bottom:1.5em;
	}
.navbox div.inner {	
	background-color:#D80F75;
	padding:1.5em 1.5em 1px 1.5em;	
	border-right:1px solid #C80E6A;
	}

/************** LEFT NAV **************/
#col-nav h4 {
	color:#7A0A4B;
	margin:0.3em 0 0.2em 17px;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.9em;
	}
#col-nav h4 a {
	text-decoration:none;
	color:#7A0A4B
	}
#col-nav h4 a:hover {
/*	background: url(../images/arrow_nav.gif) no-repeat left;
	padding-left:7px;
	color:#fff*/
	}
#col-nav h4:hover {
/*	background: url(../images/arrow_nav.gif) no-repeat left;
	padding-left:7px;
	color:#fff;*/
	}
/* main nav items*/
#col-nav ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
	border-top:1px solid #881355;
	}
#col-nav li  {
	margin:0;
	padding:0;
	width:100%;
	border-bottom:1px solid #C6247B;
	}
	
#col-nav li a {
	display:block;
	padding:4px 0.4em 4px 17px;
	margin:0;
	text-decoration:none;
	color:#F9CBE3;
	font-weight:bold;
	font-size:0.9em;
	}
#col-nav li a:hover, #col-nav li.on {
	color:#fff !important;
	}	
#col-nav li.on a {
	background: url(../images/arrow_nav.gif) no-repeat 96%;
	}
#col-nav li.on a, #col-nav li a:hover {
	background-color:#D92282;
	color:#fff;
	}

/* subnav items*/	
#col-nav li ul {
	margin-bottom:0 !important;
	border-top:1px solid #C6247B
}
#col-nav li ul li a, #col-nav li.on ul li a {
	display:inline;
	margin:0;
	padding-right:10px;
	padding-left:22px;
	font-weight:normal;
	color:#F9CBE3;
	background-color:transparent;
	}		
#col-nav li li, #col-nav li.on li {
/*	background: url(../images/bg_subnav.jpg) repeat-y top left;*/
	background:none;
	padding-top:2px;
	padding-bottom:2px;
	}
	
#col-nav li.on ul li.on a {
	background: url(../images/arrow_nav.gif) no-repeat right;
	color:#fff;
	}	
#col-nav li.on ul li.on a, #col-nav li.on ul li a {
	background-color:transparent !important
	}	
/*div, img, h1 {border:1px solid blue}*/
/************** ELEMENT STYLES **************/

p {
	margin:0 0 1em 0;
}
p.right-indent {
	padding-right:30px;
}
em {
	font-style:normal;
	font-weight: bold;
	color:#6D6D6D;
	}
em.alt {
	color:#860C53
}
h1 {
	color:#fff;
	font-size:2.2em;
	font-weight:normal;
	margin:0 0 22px 0;
	padding:0;
	}
h1 span {
	color:#000;
	}

h2 {
	color:#860C53;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0.4em 0;
	padding:0;
	}
	
h3 {
	color:#6D6D6D;
	font-size:1em;
	margin:0 0 5px 0;
	padding:0;
	}
	
h4 {
	color:#860C53;
	margin:1em 0 0.5em 0;
	padding:0;
	font-size: 1.1em;
	}
h4 span {
	color:#888;
	font-size:0.9em;
}
h5 {}

a, 
a:active, 
a:link, 
a:visited {
	color:#B90E68;
	}
a:hover {
	color:#7A0A4B;
	}
a img {
	border:none;
	}

form {
	margin:0; 
	padding:0;
	display:inline
	}
input, textarea, select {
	font-size:0.9em;
	font-weight:normal;
	}
input {
	border:1px solid #CCC;
	}

input.submit {
	font-weight:bold;
	color:#7A0A4B;
	background:url(../images/arrow_link.gif) no-repeat right;
	border:none;
	padding:0 6px 1px 5px;
	margin:0
	}
optgroup { /* Normal, bold text */
	font-style:normal;
	font-weight:bold;
	margin:0.5em auto;
}

a.action-link, 
a.action-link:active, 
a.action-link:link, 
a.action-link:visited {
	font-weight:bold;
	color:#B90E68;
	text-decoration:none !important;	
	padding-right:10px;
	background:url(../images/arrow_link.gif) no-repeat right;
	font-size:0.9em;
	}
a.action-link:hover {
	text-decoration:none;
	color:#7A0A4B;
	background:url(../images/arrow_link_on.gif) no-repeat right;
	}
a.bio-link, 
a.bio-link:active, 
a.bio-link:link, 
a.bio-link:visited {
	font-weight:bold;
	color:#888;
	text-decoration:none !important;	
	padding-left:2px;
	padding-right:10px;
	background:url(../images/arrow_link.gif) no-repeat right;
	font-size:0.9em;
	}
a.bio-link:hover {
	text-decoration:none;
	color:#6D6D6D;
	background:url(../images/arrow_link_on.gif) no-repeat right;
	}	
a.download-link:link,
a.download-link:active,
a.download-link:visited {
	font-weight:bold;
	color:#888888;
	font-size:0.9em;
	text-decoration:none;
	padding-right:10px;
	background:url(../images/arrow_download.gif) no-repeat right;
}

a.download-link:hover {
	text-decoration:none;
	background:url(../images/arrow_download_on.gif) no-repeat right;
	color:#666
	}

div.download {
	position:absolute;
	left:339px;
	top:52px;
	width: 124px;
}

.strapline {
	color:#7A0A4B;
	font-size:1em;
	font-weight:normal;
	margin:0 0 1.5em 0;
	padding:0;
	}

.cols {
	float:left;
	width:48%;
	margin-bottom:2.5em;
	}	
.cols.right {
	float:right;
	}
.list-item .cols, .address .cols {
	margin-bottom:1em;
}
	
ul#section-links {
	list-style:none;
	margin:0;
	padding:0;
	width:90%;
	background:url(../images/div_sectionlinks.gif) repeat-x top;
}
#section-links li {
	background:url(../images/div_sectionlinks.gif) repeat-x bottom;
	padding:0.4em 0;
}
#section-links li a:link,
#section-links li a:active,
#section-links li a:visited {
	font-weight:bold;
	color:#888888;
	font-size:0.9em;
	text-decoration:none;
	padding-right:10px;
	background:url(../images/arrow_link.gif) no-repeat right;
}
#section-links li a:hover {
	text-decoration:none;
	background:url(../images/arrow_link_on.gif) no-repeat right;
	color:#666
}



.pic-left {
	float:left;
	margin-right:7px;
}

.introtext {
	font-weight:bold;
}
.no-box-text p {
	margin-right:5em;
	color:#fff;
}
.no-box-text {
	margin-bottom:22px;
}

.consultant img {
	float:left;
	margin-right:10px;
	display:none; /*					NOTE: remove when photos are available*/
}
.consultant p {
	/*padding-left:101px;			NOTE: put back when photos are available*/
	margin-left:40px;/*				NOTE: remove when photos are available*/
	padding-left:5px;/*				NOTE: remove when photos are available*/
	/*margin-top:30px;				NOTE: put back when photos are available*/
	margin-bottom:0;/*				NOTE: remove when photos are available*/
	padding-bottom:1em;/*			NOTE: remove this and the bg image when photos are available*/
	background:url(../images/div_sectionlinks.gif) repeat-x bottom;
}
.consultant {
	overflow : hidden;
	_height : 1%;
	margin-bottom:1em;
	margin-right:30px;
}
.cols.right h4.indent {
	padding-left:45px;
	margin-bottom:1em;
}

.consultant.bio  {
	margin-right:1em;
}
.consultant.bio em {
	color:#860C53;
}
.consultant.bio .sector-title {
	color: #606060;/**/
	font-size:0.9em;
}
.consultant.bio .perm_temp {
		/*color:#333;*/
		color:#860C53;
	font-size:0.9em;
}
.consultant.bio  p {
	background:url(../images/div_grey.gif) repeat-x bottom;
	margin-left:0;
	line-height:1.2em;
}

.consultant.bio .spacer {
	display:block;
	height:7px;	
}
.list-item {
	padding:1em 0 1em 0;
	background:url(../images/div_sectionlinks.gif) repeat-x bottom;
	margin-right:1em;
	}

.list-item p {
	margin-right:3.5em;
	margin-bottom:0.7em !important;
	}

.key-contacts .list-item {
	background:url(../images/div_grey.gif) repeat-x bottom;
	}
	
.key-contacts 	{
	background:url(../images/div_grey.gif) repeat-x top;
	margin-top:1em;
}
.key-contacts a, a.mail-link  {
	color:#888;
}
.key-contacts a:hover, a.mail-link:hover {
	color:#6D6D6D;
}

p.pages {
	padding-top:2em;
	}

.clear {
	overflow : hidden;
	_height : 1%;
	margin:0;
	padding:0;
}
/********* sIFR STYLES SECTION *******	
	THESE ARE THE STANDARD sIFR STYLES
		**** DO NOT MODIFY ****
*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/*
	These "decoy" styles are used to hide the browser text before 
	it is replaced...
	the negative-letter spacing can be used to make the browser
	text metrics match up with the sIFR text metrics if the sIFR text
	is much narrower...
	any weird sizing issues you may run into are usually fixed by
	tweaking these decoy styles
*/
.sIFR-hasFlash h1 {
	visibility: hidden;
	}
.sIFR-hasFlash h2 {
	visibility: hidden;
	}
.sIFR-hasFlash .title h3 {
	visibility: hidden;
	font-size:1em;
	line-height:1.2em;
	}
/*.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size:0.8em !important;
	}	*/
/* END sIFR STYLES SECTION */