@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typography
 * 3. Lists
 * 4. Tables
 * 5. Forms
 * 6. Common classes
 * 7. Layout
 * 8. Facebox popup
 * 9. External html file formatting
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #fff;
	color: #a3938a;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

:root { overflow-y: scroll !important; }

img, fieldset { border: 0 none; outline: 0 none; }

form :focus, a:focus { outline: 0 none; }  

a, em, strong, span, acronym, abbr, q, cite {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em { font-style: italic; }

strong { font-weight: bold; }

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { quotes: none; }

a:link, a:active, a:visited, a:hover { 
	color: #f45e00;
	text-decoration: none;
}

a:hover { 
	/* border-bottom: 1px dotted #f45e00; */
	color: #020202;
}

/* ------------------------------------ *
 * --        2. TYPOGRAPHY           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	color: #f45e00;
	font-weight: normal;
	margin-bottom: 18px;
	line-height: 1;
}

h1 { 
	font-size: 24px;
	line-height: 30px;
} 

.teamMember h1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}

h2 { 
	font-size: 18px;
	line-height: 24px;
}

h2.n-title {
	font-size: 14px;
	line-height: 18px;
	/*font-weight: bolder;	*/
	color: #a3938a;
}

h3, h4, h5, h6 {
	font-weight: bolder;
	line-height: 16px;
}

h3 { 
	font-size: 14px;
	line-height: 18px;
}

h4, h5, h6 { 
	font-size: 12px;
	line-height: 16px;
	font-weight: bolder;
}

h5, h6 {
	margin-bottom: 0;	
	color: #020202;
}

h5 {
	
}

h6 { 

}

p, address, ul, ol, dl {
	font-style: normal;
	font-weight: normal;
	padding-bottom: 18px;
}

p sup { line-height: 10px; }

blockquote { color: #666; }

/* ------------------------------------ *
 * --           3. LISTS             -- *
 * ------------------------------------ */

ol, ul { list-style: none; }

ol ul, ul ul { padding-bottom: 0; }

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* list with bulltes 01 */
ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 18px 7px;
	padding-left: 40px;
}

/* list with numbers */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 40px;
}

/* nested */
ol ul.bulleted-01 li, ul ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 2px 8px;
	padding-left: 22px;
}

/* ------------------------------------ *
 * --           4. TABLES            -- *
 * ------------------------------------ */

table { /* 'cellspacing="0"' in html needed */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	background: #ccc;
	border-bottom: 1px solid #6f2b00;
	color: #f1f1f1;
	padding: 6px;
	text-align: left;
	vertical-align: top;	
}

th {
	font-weight: bold;
	background: #bbafa8;
	color: #f3f3f3;
}

.everySecond td { background: #bebebc; }

caption {
	caption-side: top;
	font-weight: bolder;
	padding: 0 0 6px;
	text-align: left;
	color: #010101;
}

/* ------------------------------------ *
 * --           5. FORMS            -- *
 * ------------------------------------ */

/* buttons */
.button {
	background: #666666 url(../img/common/button-01.gif) no-repeat 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: block;
	font: bold 11px/24px Arial, Helvetica, sans-serif;
	height: 24px;
	margin: 0;
	padding: 0 0 3px;
	text-align: center;	
	width: 90px;
}

.button:hover {
	background: #ff8c00 url(../img/common/button-01.gif) no-repeat 0 -24px;
}

/* error and success */
.failure, .success {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 10px 18px; 
	padding: 9px 10px 9px 60px;		
}
.failure { 
	background: #fbe3e4 url(../img/common/error.gif) no-repeat 18px 50%;
	border: 1px solid #dc1919;
	color: #dc1919;
}

.failure a {
	color: #ff7348 !important;
	border: 0 none !important;
}

.failure a:hover { text-decoration: underline; }

.success { 
	background: #e6efc2 url(../img/common/success.gif) no-repeat 18px 50%;
	border: 1px solid #c6d880;
	color: #264409;
}

/* ------------------------------------ *
 * --       6. COMMON CLASSES        -- *
 * ------------------------------------ */

.invisible { display: none; }

.fl_l { float: left !important; }

.fl_r { float: right !important; }

.clear { clear: both; }

.bold { font-weight: bold; }

.block { display: block; }

.noBorder { border: 0 none !important; }

.uppercase { text-transform: uppercase; }

.debug { border: 1px solid red; } /* showing element */

.black, .black * { color: #020202 !important; }

.orange, .orange *, .position { color: #f45e00 !important; }

.teamMember h1 .position {
	color: #a3938a !important;	
}


.wrap { overflow: hidden; }
/* ------------------------------------ *
 * --            7. LAYOUT           -- *
 * ------------------------------------ */

/* common for few blocks */
#wrapper, .wrapper, #footer, #content, #sidebar, #header, #header *, #mainNav *, 
.mainHeading, .sideHeading, .octopusLink, .samps, #works ul, #works li, #works a, .sampleContent, 
.sampPics, .sampPics li, #teamNav, #teamNav li, #teamNav a { overflow: hidden; }

/* main block */
#wrapper, .wrapper {
	background: #eeedeb;
	margin: 72px auto 0;
	width: 1000px;
}

/* columns */

/* left column - content */
#content {
	float: right;
	width: 512px;
}

/* right column */
#sidebar {
	float: left;
	width: 488px;
}

/* header - left rectangles */
#header {
	background: #ccc;
	height: 430px;
	width: 488px;
	position: relative;
}

/* mein navigation */
#mainNav {
	width: 128px;
	height: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: #b1a59c;
	padding: 30px 0 0 218px;
}

#mainNav li, #mainNav a {
	width: 128px;
	height: 22px;
	line-height: 22px;
}

#mainNav li.last { 
	height: 32px !important;
	line-height: 32px !important;	
}

#mainNav a {
	
	display: block;
	text-indent: -9999px;
}

#mainNav .news { background: url(../img/common/nav-news.gif) no-repeat 0 0; height:22px; }
#mainNav .news_active { background: url(../img/common/nav-news.gif) no-repeat 0 -22px; height:22px; }

#mainNav .about { background: url(../img/common/nav-about.gif) no-repeat 0 0; height:22px;}
#mainNav .about_active { background: url(../img/common/nav-about.gif) no-repeat 0 -22px;; height:22px;}

#mainNav .work { background: url(../img/common/nav-work.gif) no-repeat 0 0; height:22px;}
#mainNav .work_active{ background: url(../img/common/nav-work.gif) no-repeat 0 -22px;; height:22px;}

#mainNav .team { background: url(../img/common/nav-team.gif) no-repeat 0 0; height:22px;}
#mainNav .team_active { background: url(../img/common/nav-team.gif) no-repeat 0 -22px;; height:22px;}

#mainNav .services { background: url(../img/common/nav-services.gif) no-repeat 0 0; height:22px;}
#mainNav .services_active { background: url(../img/common/nav-services.gif) no-repeat 0 -22px;; height:22px;}


#mainNav .contact { background: url(../img/common/nav-contact.gif) no-repeat 0 0; height:22px;}
#mainNav .contact_active { background: url(../img/common/nav-contact.gif) no-repeat 0 -22px; height:22px;}


#mainNav .octopus { 
	height: 32px !important;
	line-height: 32px !important;	
	background: url(../img/common/nav-octopus.gif) no-repeat 0 0; 
}
#mainNav .octopus_active { 
	height: 32px !important;
	line-height: 32px !important;	
	background: url(../img/common/nav-octopus.gif) no-repeat 0 -32px;
}


#mainNav a:hover, #mainNav .active {   background-position: 0 -22px !important;  height:22px;}
#mainNav .octopus:hover { background-position: 0 -32px !important; }
#mainNav .octopus_active:hover { background-position: 0 -32px !important; }

/* logo */
.logoWrap {
	width: 360px;
	height: 360px;
	background: #f45e00;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.logo {
	display: block;
	width: 344px;
	height: 68px;
	margin: 150px 2px 0 auto;
	background: url(../img/common/logo.gif) no-repeat 0 0;
	border: 0 none !important;
	text-indent: -99999px;
}

/* footer */
#footer {
	color: #bbafa8;
	margin: 0 auto 18px;	
	width: 1000px;
	
}

#footer address {
	padding: 9px 0 0 488px;
	font-size: 11px;
}

/* page elements */
.inner { padding: 30px 55px 2px; }

.inner table {
	margin: -10px -10px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.inner td {
		background: #eeedeb;
	border: 0 none !important;
	color: #a3938a;
	padding : 0px;
	
}
.inner tr 
{
	border: 0 none !important;
}


#sidebar .inner { padding: 30px 0 18px 160px; }

/* CIR headings */
.mainHeading {
	height: 22px;
	text-indent: -99999px;
}

.sideHeading {
	height: 15px;
	text-indent: -99999px;	
}

h1.octopus { background: url(../img/common/h1-octopus.gif) no-repeat 0 0; }

h1.news { background: url(../img/common/h1-news.gif) no-repeat 0 0; }

h1.about { background: url(../img/common/h1-about.gif) no-repeat 0 0; }

h1.contact { background: url(../img/common/h1-contact.gif) no-repeat 0 0; }

h1.work { background: url(../img/common/h1-work.gif) no-repeat 0 0; }

h1.team { background: url(../img/common/h1-team.gif) no-repeat 0 0; }

h1.services { background: url(../img/common/h1-services.gif) no-repeat 0 0; }

h2.associates { background: url(../img/common/h2-side-associates.gif) no-repeat 0 0; }

h2.experience { background: url(../img/common/h2-side-experience.gif) no-repeat 0 0; }

h2.news { background: url(../img/common/h2-side-news.gif) no-repeat 0 0; }

/* link to octopus */

.octopusLink, .octopusLink a {
	display: block;
	height: 53px;
	width: 398px;
}
.octopusLink {
	margin: 18px auto 0;
	padding: 5px;
	background: url(../img/common/enter-octopus-bg.gif) no-repeat 0 0;
}

.octopusLink a {
	background: url(../img/common/enter-octopus.gif) no-repeat 0 -53px;
	border: 0 none !important;
	text-indent: -9999px;
}

.octopusLink a:hover { background: url(../img/common/enter-octopus.gif) no-repeat 0 0; }

/* contact page elements */
#contact .label {
	float: left;
	display: block;
	
}

#contact .label {
	width: 70px;
	padding-right: 10px;
	position:relative;
}

#contact .data 
{
	float: left;
	display: block;
	position:relative;
	margin-left: 00px;

	width:200px;
}

#contact a.black:hover {
	color: #f45e00 !important;
}

#contact a
{
	color: #020202 !important;
}

#contactLinks span, #contactLinks a, #contactLinks img {
	display: block;
	float: left;	
	height: 60px;
	line-height: 60px;
	margin-top: 6px;
}

#contactLinks span {
	width: 100px;
	padding-right: 5px;
}

#contactLinks a, #contactLinks img {
	width: 60px;
	color: #fff !important;
	border: 0 none !important;
	text-align: center;
	background: #bbafa8;
	margin-right: 15px;
}

#contactLinks a:hover { background: #F45E00; }

#contactLinks img {
	margin-top: 6px;
}

#contactLinks img.ipa { 
	margin-right: 0 !important;
}


/* our work page elements */

.samps {
	width: 512px;
	height: 430px;
}

#works { background: url(../img/common/our-works-bg.jpg) no-repeat 0 0; }

.sampsList {
	margin: 30px 55px;
	padding: 0;
	height: 370px;
	width: 402px;
	border: 0 none !important;
}

.sampsList td
{
padding: 0px 36px 20px 0px;	
background-color:transparent;
border: 0 none !important;
}
.sampsList tr
{
border: none;
}

.sampsList li {
	height: 110px;
	width: 110px;
	margin: 0 36px 20px 0;
	float: left;
	background: #bbafa8;
}

.sampsList li.everyThird { margin-right: 0; }
.sampsList li.everyThird { margin-bottom: 0; }

.sampsList a {
	display: block;
	background: #bbafa8;
	border: 0 none !important;
	color: #fff !important;
	height: 110px;
	line-height: 110px;
	width: 110px;
	text-align: center;
	text-indent: 9999px;
}
.sampsList a:hover { background: #f45e00; }

.sampsList .nestle { background: #bbafa8 url(../img/common/work-nestle.gif) no-repeat 0 0; }
.sampsList .nestle:hover { background: #f45e00 url(../img/common/work-nestle.gif) no-repeat 0 -110px; }

.sampsList .omega { background: #bbafa8 url(../img/common/work-omega.gif) no-repeat 0 0; }
.sampsList .omega:hover { background: #f45e00 url(../img/common/work-omega.gif) no-repeat 0 -110px; }

.sampsList .p-morris { background: #bbafa8 url(../img/common/work-pm.gif) no-repeat 0 0; }
.sampsList .p-morris:hover { background: #f45e00 url(../img/common/work-pm.gif) no-repeat 0 -110px; }

.sampsList .vlm { background: #bbafa8 url(../img/common/work-vlm.gif) no-repeat 0 0; }
.sampsList .vlm:hover { background: #f45e00 url(../img/common/work-vlm.gif) no-repeat 0 -110px; }

.sampsList .merck { background: #bbafa8 url(../img/common/work-merck.gif) no-repeat 0 0; }
.sampsList .merck:hover { background: #f45e00 url(../img/common/work-merck.gif) no-repeat 0 -110px; }

.sampsList .loreal { background: #bbafa8 url(../img/common/work-loreal.gif) no-repeat 0 0; }
.sampsList .loreal:hover { background: #f45e00 url(../img/common/work-loreal.gif) no-repeat 0 -110px; }

.sampsList .bayer { background: #bbafa8 url(../img/common/work-bayer.gif) no-repeat 0 0; }
.sampsList .bayer:hover { background: #f45e00 url(../img/common/work-bayer.gif) no-repeat 0 -110px; }

.sampsList .miller { background: #bbafa8 url(../img/common/work-miller.gif) no-repeat 0 0; }
.sampsList .miller:hover { background: #f45e00 url(../img/common/work-miller.gif) no-repeat 0 -110px; }

.sampsList .roche { background: #bbafa8 url(../img/common/work-roche.gif) no-repeat 0 0; }
.sampsList .roche:hover { background: #f45e00 url(../img/common/work-roche.gif) no-repeat 0 -110px; }

.sampsList .brandidentity { background: #bbafa8 url(../img/common/work-brandidentity.gif) no-repeat 0 0; }
.sampsList .brandidentity:hover { background: #f45e00 url(../img/common/work-brandidentity.gif) no-repeat 0 -110px; }

.sampsList .more { background: #bbafa8 url(../img/common/work-more.gif) no-repeat 0 0; }
.sampsList .more:hover { background: #f45e00 url(../img/common/work-more.gif) no-repeat 0 -110px; }

/* work page - nestle in this case */
.chosenSample { background: url(../img/common/ch-sample-bg.jpg) no-repeat 0 0; }
.nestleWorkBg { background: url(../img/common/ch-nestle-bg.jpg) no-repeat 0 0; }
.omegaWorkBg { background: url(../img/common/ch-omega-bg.jpg) no-repeat 0 0; }
.philipmorrisWorkBg { background: url(../img/common/ch-philipmorris-bg.jpg) no-repeat 0 0; }
.vlmWorkBg { background: url(../img/common/ch-vlm-bg.jpg) no-repeat 0 0; }
.merckWorkBg { background: url(../img/common/ch-merck-bg.jpg) no-repeat 0 0; }
.bayerWorkBg { background: url(../img/common/ch-bayer-bg.jpg) no-repeat 0 0; }
.sabWorkBg { background: url(../img/common/ch-sab-bg.jpg) no-repeat 0 0; }
.rocheWorkBg { background: url(../img/common/ch-roche-bg.jpg) no-repeat 0 0; }
.brandidentityWorkBg { background: url(../img/common/ch-brandidentity-bg.jpg) no-repeat 0 0; }

.sampleContent {
	background: #bbafa8;	
	margin: 30px 55px;
	padding: 15px 15px 0 25px;
	height: 355px;
	width: 362px;
	position: relative;
}
.sampleContent#nestle {
	background-image: url(../img/common/nestle-block-bg.gif);	
}
.sampleContent#omega {
	background-image: url(../img/common/omega-block-bg.gif);	
}
.sampleContent#philipmorris {
	background-image: url(../img/common/philipmorris-block-bg.gif);	
}
.sampleContent#vlm {
	background-image: url(../img/common/vlm-block-bg.gif);	
}
.sampleContent#merck {
	background-image: url(../img/common/merck-block-bg.gif);	
}
.sampleContent#bayer {
	background-image: url(../img/common/bayer-block-bg.gif);	
}
.sampleContent#sab {
	background-image: url(../img/common/sab-block-bg.gif);	
}
.sampleContent#roche {
	background-image: url(../img/common/roche-block-bg.gif);	
}
.sampleContent#brandidentity {
	background-image: url(../img/common/brandidentity-block-bg.gif);	
}

.sampHeadingWrap {
	margin-bottom: 12px;
	min-height: 10px;
	height: 34px;
	overflow: hidden;
	position: relative;
	width: 362px;
	
}

.sampHeadingWrap h1 {
	padding: 0;
	margin: 0 34px 0 0;
	text-indent: -9999px;
}

.sampHeadingWrap .back {
	display: block;
	position: absolute;
	margin-left:208px;
	margin-top:0px;
	top:0;
	right:0;
	text-indent: -9999px;
	width: 34px;
	height: 34px;
	border: 0 none !important;
	background: url(../img/common/samp-back.gif) no-repeat 0 0;
	cursor: pointer;
}

.sampHeadingWrap .back:hover {
	background: url(../img/common/samp-back.gif) no-repeat 0 -34px;
}

#nestle h1 {
	height: 80px;
	width: 180px;
	/* background: url(../img/common/nestle-logo-big.gif) no-repeat 0 0; */
}
#omega h1 {
	height: 88px;
	width: 170px;
	/* background: url(../img/common/omega-logo-big.gif) no-repeat 0 0; */
}
#philipmorris h1 {
	height: 80px;
	width: 333px;
	/* background: url(../img/common/philipmorris-logo-big.gif) no-repeat 0 0; */
}
#vlm h1 {
	height: 80px;
	width: 310px;
	/* background: url(../img/common/vlm-logo-big.gif) no-repeat 0 0; */
}
#merck h1 {
	height: 80px;
	width: 310px;
	 background: url(../img/common/merck-logo-big.gif) no-repeat 0 0; */
}
#bayer h1 {
	height: 80px;
	width: 310px;
	/* background: url(../img/common/bayer-logo-big.gif) no-repeat 0 0; */
}
#sab h1 {
	height: 80px;
	width: 310px;
	/* background: url(../img/common/sab-logo-big.gif) no-repeat 0 0; */
}
#roche h1 {
	height: 80px;
	width: 310px;
	/* background: url(../img/common/roche-logo-big.gif) no-repeat 0 0; */
}
#brandidentity h1 {
	height: 80px;
	width: 310px;
	/* background: url(../img/common/brandidentity-logo-big.gif) no-repeat 0 0; */
}
.txtClipper {
	color: #fefdfd;
	font-size: 11px;
	line-height: 16px;
	min-height: 16px;
	max-height: 114px;
	overflow: hidden;
}

.sampPics {
	height: 116px;
	width: 362px;
	position: absolute;
	bottom: 0;
	left: 25px;
	padding: 0;
}

.sampPics li, .sampPics li a {
	width: 96px;
	height: 116px;
	float: left;
}

.sampPics li { margin-right: 37px; }
.sampPics li.last { margin-right: 0; }

.sampPics li a, .sampPics li img { display: block; }

.sampPics li span {
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	display: none;
	color: #fff !important;
}

.sampPics li a:hover span { display: block; }

/* services */
#servicesList h3 a { cursor: pointer; }

#servicesList h3 {  font-weight:normal; }

#servicesList .visible { display: block !important; }

#servicesList .active { color: #020202 !important; /* border-color: #020202 !important; */ }

#servicesList .active:hover { 	color: #f45e00 !important; /* border-color: #020202 !important; */ }


.trigger_active
{
	color: #020202 !important; 
}
.trigger_active:hover
{
	color: #f45e00 !important; 
}


/* team */

#teamNav {
	width: 500px;
	
	


}

#teamNavMain
{
	width: 500px;
	background: #f36f1b;
	border: 0 none !important;
}

#teamNavMain td  
{
		border: 0 none !important;
	background: #f36f1b;
	padding: 0xp;
/*display: block; 
	width:83px;
	height:83px;
*/
}
#teamNavMain table
{
	padding:0xp;
}
.teamNavBlock
{
 background: #f36f1b;
 overflow: hidden;
	display: block; 
	width:83px;
	height:83px;
	
}

.dlMemberIcons td
{
	padding: 0px 3px 0px 0px;

	
	
	
}

#teamNav li 
{
	
	 float: left;  
	 
	 }

#teamNav tr 
{
	width:500px; 
	 }

#teamNavMain a 
{
	display:block;
	height:83px;
	
	line-height: 83px;
	text-indent: -9999px;
	border: 0 none !important;
	background-color: #f36f1b;
	background-repeat: no-repeat;
	background-position: 0 0;
	
	
}
#teamNavMain .blank
{
	display:none;
}

#teamNav a.rick-rowley { background-image: url(../img/common/nav-rick.jpg); }
#teamNav a.fiona-dow { background-image: url(../img/common/nav-fiona.jpg); }
#teamNav a.james-penlington { background-image: url(../img/common/nav-james.jpg); }
#teamNav a.jennifer-johnstone { background-image: url(../img/common/nav-jen.jpg); }
#teamNav a.jane-williams { background-image: url(../img/common/nav-jane.jpg); }
#teamNav a.dan-gorringe { background-image: url(../img/common/nav-dan.jpg); }
#teamNav a.paul-donnelly { background-image: url(../img/common/nav-paul.jpg); }
#teamNav a.garth-robins { background-image: url(../img/common/nav-garth.jpg); }
#teamNav a.ron-button { background-image: url(../img/common/nav-ron.jpg); }
#teamNav a.jason-willson { background-image: url(../img/common/nav-jason.jpg); }


#teamNavMain a:hover, #teamNavMain a.active {
	background-color: #eeedeb;
	background-position: 0 -83px;
}

.kPeople li { padding-bottom: 6px; }
.kPeople li:last-child { padding-bottom: 0; }

.kPeople a:hover { color: #f45e00 !important; }

.kPeople a:hover span { color: #020202 !important; }

.experienceList { padding-left: 15px; }

.teamMember {	margin-bottom: 24px; height:550px}

#rick-rowley {
	background: url(../img/common/big-rick.jpg) no-repeat 90% 100%;
	min-height: 530px;
}

#fiona-dow {
	background: url(../img/common/big-fiona.jpg) no-repeat 90% 100%;
	min-height: 530px;
}

#james-penlington {
	background: url(../img/common/big-james.jpg) no-repeat 90% 100%;
	min-height: 510px;
}

#paul-donnelly {
	background: url(../img/common/big-paul.jpg) no-repeat 90% 100%;
	min-height: 530px;
}

#jennifer-johnstone {
	background: url(../img/common/big-jen.jpg) no-repeat 90% 100%;
	min-height: 490px;
}

#jane-williams {
	background: url(../img/common/big-jane.jpg) no-repeat 90% 100%;
	min-height: 490px;
}

#dan-gorringe {
	background: url(../img/common/big-dan.jpg) no-repeat 90% 100%;
	min-height: 530px;
}

#garth-robins {
	background: url(../img/common/big-garth.jpg) no-repeat 90% 100%;
	min-height: 490px;
}

#ron-button {
	background: url(../img/common/big-ron.jpg) no-repeat 90% 100%;
	min-height: 490px;
}

#jason-willson {
	background: url(../img/common/big-jason.jpg) no-repeat 90% 100%;
	min-height: 490px;
}

/* ------------------------------------ *
 * --       8. FACEBOX POPUP         -- *
 * ------------------------------------ */

#facebox .b {
  background:url(../img/facebox/b.png);
}

#facebox .t {
  background:url(../img/facebox/t.png) !important;
}

#facebox .ls {
  background:url(../img/facebox/ls.png) !important;
}

#facebox .rs {
  background:url(../img/facebox/rs.png) !important;
}


#facebox .tl {
  background:url(../img/facebox/tl.png);
}

#facebox .tr {
  background:url(../img/facebox/tr.png);
}

#facebox .bl {
  background:url(../img/facebox/bl.png);
}

#facebox .br {
  background:url(../img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
  top: 30px;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background:url(../img/facebox/popup-body.png);
  width: 655px;
  
}
#facebox .footer {
  
  position:absolute;
  top:40px;
  right:40px;
  height:10px;
  width:102px;
  background-color:transparent;
}


#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 30px;
  width: 30px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #ccc;
  z-index: 99;
}

#facebox .close {
	display: block;
	height: 32px;
	width: 32px;
	margin: 0 0 0 auto;
	overflow: hidden;
	text-align: left;
	text-indent: -99999px;
	background-color:transparent;
	
	
	
	
  background:url(../img/facebox/close-bg.png) 100% 0 no-repeat;
}

.descr
{
padding-top:0px;
	
}
.descr p
{
	padding-bottom:18px;
}
.serviceList h3
{
	line-height:10px;
	
}
.serviceList td
{
padding-bottom:4px;	
}
#facebox .close:hover {
  background:url(../img/facebox/close-bg.png) 0 -32px no-repeat;
	width: 74px;
}

#showWrap {
	width: 635px;
	padding: 10px 10px 0;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#loadArea {
	float: left;
	width: 521px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#label {
	text-align:center;
	width:467px;
	font-size:12px;	
	font-family: Verdana;
	color:#ffffff;
	
}

#thumbs {
	position: absolute;
	right: 10px;
	bottom: 0;
	width: 94px;
	overflow: hidden;
}

#thumbs li {
 width: 60px;
 margin: 0 12px 10px 22px;
 overflow: hidden;
}

.legal {
font-size:8px;
}