/* CSS wrappers for vericle centre within browser*/
* {margin:0; padding:0}
/* mac hide \*/
html,body{height:100%; width:100%; }
/* end hide */
body {
	text-align:center;
	min-height:568px;
	min-width:1000px;
	background-color: #000;
	background-image: url(images/chair-animation.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 568px;
}	
/* Site content container */ 
#xinner {
	width: 1000px;
	background:#000;
	height: 568px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px; /* to move everything up */
	margin-top: 5px; /* to allow for space at top */
	padding: 0;
	position: relative;
	}
/* Banner area */
#banner {
	overflow: hidden;
	z-index: 90;
	width: 968px;
	height: 6em;
	border: 1px solid #FFF;
	padding: 15px;
	background-color: #000;
	color: #FFF;
	text-transform: uppercase;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
/* Banner area - main navigation */
#banner ul {padding: 0; margin: 60px 0;}
#banner ul li {display: inline; list-style: none; margin: 0; padding: 3px 7px 3px 10px; border-left: 1px solid #666; letter-spacing: 2px; font-weight: lighter; font-size: 0.8em;}
#banner ul li.first {padding-left: 30px; border-left: none;}
#banner a:link, #footer a:link, #banner a:visited, #footer a:visited {text-decoration: none; color: #666;}
#banner li a.current {color: #FFF;}
#banner a:hover, #footer a:hover {text-decoration: none; color: #FFF;}
h2#logotype {font-size: 2px; margin-left: 30px;}
h2#logotype span {background: url(images/combridge-international-log.gif) no-repeat; width: 390px; height: 24px; display: block; position: absolute; z-index: 99; left: 35px; top: -2px;}

/* Content area */
#content {background-color: #FFF; line-height: 1.4em; margin: 0; padding: 0; width: 1000px; position: relative; font-size: 0.9em; color: #666; position: relative; font-family: Arial, Helvetica, sans-serif; min-height: 458px;}
#coreContent {position: absolute; top: 0; left: 0; z-index: 90; display: block; height: 458px;}
#content div.textContent {height: 258px;}
#content div.textContentFullHeight {height: 458px;}

/* Flash Content */
#flashContent {position: absolute; z-index: 100; top: 0px; left: 0px; height: 459px;}


/* Content navigation styles */
#content a:link, #content a:visited {color: #333; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content h2 {font-size: 1.2em; color: #333; padding: 0 0 10px 0; text-transform: uppercase; letterspacing: 1px;}
#content h3 {padding: 5px 0 5px 0; font-size: 1em; color: #666;}
#content h3.standfirst {text-transform: uppercase; font-weight: lighter;}
#content h4 {padding: 5px 0 5px 0; color: #666; font-size: 1em;}
#content h4.marginTop {margin-top: 10px;}
#content h5 {font-size: 1em;}
#content div.landscapePhoto {width: 998px; height: 170px; background-color: #FFF; clear: both; border: 1px solid #fff;}
#content p {margin: 0 0 10px 0; line-height: 1.3em; text-align: justify;}
#content p span {color: #666; }
#content ul {padding: 0 0 0 8px; margin: 0 0 10px 8px;}

/* main text columns */
div.columnOne, div.columnTwo, div.columnTwoTeam, div.columnTwoHome {margin: 40px 0 20px 45px; width: 430px; float: left; position: relative; min-height: 227px; background-color: #FFF;}
div.columnOneFullHeight, div.columnTwoFullHeight {margin: 40px 0 20px 45px; width: 430px; float: left; position: relative; min-height: 397px; background-color: #FFF;}
div.columnTwoFullHeight {margin: 65px 0 20px 45px; width: 430px; float: left; position: relative; min-height: 372px; background-color: #FFF;}
div.columnTwo, div.columnTwoTeam, div.columnTwoHome {clear: right;}
div.columnTwoHome {padding-top: 25px; min-height: 202px;}
div.columnOneWide {margin: 40px 0 20px 45px; width: 600px; float: left; position: relative; min-height: 227px; background-color: #FFF;}
div.columnTwoImg {margin: 1px 1px 0px 45px; width: 309px; float: left; position: relative; height: 457px; background-color: #CCC;}
div.textContent2 {background-color: #000; height: 456px;}

/* Projects 5 columns */
div.colOneOfFive, div.colOneOfFive-sodom, div.colOneOfFive-sex, div.colOneOfFive-inspector, div.colOneOfFive-tow, div.colOneOfFive-desire, div.colTwoForm {width: 157px; margin: 0 30px 0 0; float: left; border-top: 1px solid #CCC; padding: 5px 0 0 0;}
div a.imgLink {height: 65px; display: block; text-decoration: none;}
div.colOneOfFive-sodom {background: url(images/projects-sodom-and-tomorrow.gif) no-repeat;}
div:hover.colOneOfFive-sodom {background: url(images/projects-sodom-and-tomorrow.gif) no-repeat -159px 0;}
div.colOneOfFive-sex {background: url(images/projects-sex.gif) no-repeat;}
div:hover.colOneOfFive-sex {background: url(images/projects-sex.gif) no-repeat -159px 0;}
div.colOneOfFive-inspector {background: url(images/projects-inspector.gif) no-repeat;}
div:hover.colOneOfFive-inspector {background: url(images/projects-inspector.gif) no-repeat -159px 0;}
div.colOneOfFive-tow {background: url(images/projects-top-of-world.gif) no-repeat;}
div:hover.colOneOfFive-tow {background: url(images/projects-top-of-world.gif) no-repeat -159px 0;}
div.colOneOfFive-desire {background: url(images/projects-desire.gif) no-repeat;}
div:hover.colOneOfFive-desire {background: url(images/projects-desire.gif) no-repeat -159px 0;}
#content div.fiveColWrapper h4 {line-height: 1.2em; color: #333; padding-bottom: 8px; padding-top: 15px;}
#content div.colOneOfFive p, #content div.colOneOfFive-sodom p, #content div.colOneOfFive-sex p, #content div.colOneOfFive-inspector p, #content div.colOneOfFive-tow p, #content div.colOneOfFive-desire p, #content div.colTwoForm {text-align: left; margin: 0 0 5px 0;}
div.fiveColWrapper {margin: 40px 0 20px 45px; width: 950px; float: left; position: relative; min-height: 397px; background-color: #FFF;}
div.fiveColWrapper#two {margin: 40px 0 20px 45px; width: 600px; float: left; position: relative; min-height: 397px; background-color: #FFF;}
div.fiveColWrapper#two div.colTwoForm, div.fiveColWrapper#two div.colTwoForm h4 {margin-top: 0; padding-top: 0; border: none; width: 347px;}
div.fiveColWrapper#two div.colOneOfFive-sodom, div.fiveColWrapper#two div.colOneOfFive-sex,div.fiveColWrapper#two div.colOneOfFive-inspector, div.fiveColWrapper#two div.colOneOfFive-tow, div.fiveColWrapper#two div.colOneOfFive-desire, div.fiveColWrapper#two div.colTwoForm {margin-top: 25px; height: 270px;}

/* Project Nav */
#projectNav {width: 590px; clear: left; padding-top: 8px;}
div.marginTop#projectNav {margin-top: 43px;}
#projectNav h5 {width: 100%; border-bottom: 1px solid #CCC; padding: 0 0 1px 0; color: #B4B4B4;}
#projectNav ul {margin: 8px 0 0 0; padding: 0;}
#projectNav ul li {list-style: none; display: inline; padding: 0; margin: 0;  }
#projectNav ul li a {display: block; float: left; width: 118px; height: 35px; background: url(images/project-nav-logos.gif) no-repeat 2px -35px;}
#projectNav ul li a:hover { background: url(images/project-nav-logos.gif) no-repeat 2px 0;}
#projectNav ul li a.sex {background: url(images/project-nav-logos.gif) no-repeat -115px 0;}
#projectNav ul li a:hover.sex {background: url(images/project-nav-logos.gif) no-repeat -115px -35px;}
#projectNav ul li a.inspector {background: url(images/project-nav-logos.gif) no-repeat -231px 0;}
#projectNav ul li a:hover.inspector {background: url(images/project-nav-logos.gif) no-repeat -231px -35px;}
#projectNav ul li a.top {background: url(images/project-nav-logos.gif) no-repeat -346px 0;}
#projectNav ul li a:hover.top {background: url(images/project-nav-logos.gif) no-repeat -346px -35px;}
#projectNav ul li a.desire {background: url(images/project-nav-logos.gif) no-repeat -461px 0;}
#projectNav ul li a:hover.desire {background: url(images/project-nav-logos.gif) no-repeat -461px -35px;}
#projectNav ul li a span {margin-left: -9999px; position: absolute;}

/* Projects form */
#two div.colTwoForm {margin-left: 50px;}

/* Team pages */
#teamThumbNav div {float: left; width: 95px; margin: -25px 16px 0 0; padding: 0; position: relative;}
 div.noMargin#teamThumbNav {margin-top: 25px;}
#teamThumbNav div.geoffrey {background: url(images/team-geffrey-brown-thumb.jpg) no-repeat; float: left; width: 95px; margin: -25px 16px 0 0; padding: 0; position: relative;}
#teamThumbNav div.gordon {background: url(images/team-gordon-bobbin-thumb.jpg) no-repeat;}
#teamThumbNav div.derek {background: url(images/team-derek-strahan-thumb.jpg) no-repeat;}
#teamThumbNav div.tim {background: url(images/team-tim-elston-thumb.jpg) no-repeat; margin-right: 0;}
#teamThumbNav div:hover {text-decoration: underline;}
#teamThumbNav div a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
#teamThumbNav div p {text-align: left;}
#teamThumbNav div h5, #teamThumbNav div h4 {font-size: 0.9em; line-height: 1.3em;}
#teamThumbNav div h4 {color: #000; padding-top: 50px; text-transform: uppercase; }
#teamThumbNav div h5 {font-weight: lighter; }


#content div.columnTwoTeam {margin: 34px 0 20px 45px;}
#content div.columnTwoTeam p.first {margin-top: 55px;}
#teamNav {border-bottom: 1px solid #CCC; margin: 0 0 32px 160px; position: absolute; top: 0; right: 0; }
ul#teamNavList {text-transform: uppercase; margin: 0; padding: 0; float: right; clear: right;}
#teamNavList li {display: inline; margin: 0; padding: 0;}
#teamNavList li h4 {width: 4em; text-transform: uppercase; padding: 5px 0 3px 0; font-weight: bolder; float: left; text-align: left;}
#teamNavList li a {display: block; float: right; padding: 5px 8px 2px 8px;}
#teamNavList li.last a {padding-right: 0;}
#teamNavList li a:link, #teamNavList li a:hover, #teamNavList li a:visited {text-decoration: none;}
#teamNavList li a:hover, #teamNavList li a.current {color: #999;}
#teamNavList li h4 a {margin: 0; padding: 0; display: block; float: left; }

/* GB Biog pages */
#geoffreyBiogNav {position: relative;}
#geoffreyBiogNav ul {margin: 0; padding: 5px 0 0 0; border-top: 1px solid #CCC; text-transform: uppercase; position: absolute; top: 33em;}
#geoffreyBiogNav ul li {list-style: none; display: inline; float: left;}
#geoffreyBiogNav ul li.label {padding-top: 2px; color: #000; font-weight: bolder;}
#geoffreyBiogNav ul li a {display: block; float: left; padding: 2px 11px 2px 12px; border-right: 1px solid #CCC;}
#geoffreyBiogNav ul li a.last {border: none;}
#geoffreyBiogNav ul li a:link, #geoffreyBiogNav ul li a:hover, #geoffreyBiogNav ul li a:visited {text-decoration: none;}
#geoffreyBiogNav ul li a:hover, #geoffreyBiogNav ul li.current a {color: #999;}

/* The studio pages */
div.textContent2 div {color: #FFF; width: 250px; margin: 60px auto;}
div.textContent2 div h3 {color: #FFF!important;}
div.textContent2 #theStudio {color: #FFF!important; text-decoration: none!important;}
div.textContent2 a:hover#theStudio {color: #FFF; text-decoration: underline;}
div.textContent2 #theStudio span {display: block; color: #FFF;}
div.textContent2 div ul {line-height: 2.5em; list-style: none;}

div.textContent2 div li {padding-left: 20px;}
div.textContent2 div li.first {background: url(images/the-studio-bullets.png) no-repeat 0 8px;}
div.textContent2 div li.second {background: url(images/the-studio-bullets.png) no-repeat 0 -22px;}
div.textContent2 div li.third{background: url(images/the-studio-bullets.png) no-repeat 0 -50px;}
div.textContent2 div li.fourth {background: url(images/the-studio-bullets.png) no-repeat 0 -82px;}
div.textContent2 div li.fifth {background: url(images/the-studio-bullets.png) no-repeat 0 -113px;}

div.columnOneWide ul {list-style: none; margin-left: 0px; line-height: 1.75em;}
div.columnOneWide ul li {margin-left: 0px; padding-left: 15px;}
div.columnOneWide ul li.first {background: url(images/the-studio-bullets.png) no-repeat 0px 4px;}

div.columnOneWide ul li.second {background: url(images/the-studio-bullets.png) no-repeat 0px -26px;}
div.columnOneWide ul li.third {background: url(images/the-studio-bullets.png) no-repeat 0px -56px;}
div.columnOneWide ul li.fourth {background: url(images/the-studio-bullets.png) no-repeat 0px -86px;}
div.columnOneWide ul li.fifth {background: url(images/the-studio-bullets.png) no-repeat 0px -116px;}

h2.theStudioLogo {height: 25px; width: 430px; position: relative; margin: 5px 0 0 0;}
h2.theStudioLogo span {height: 25px; width: 430px; position: absolute; top: 0; left: 0; z-index: 90; display: block; background: #FFF url(images/the-studio-logo.png) no-repeat 0 0;}

/* Hidden main heading for SEO keywords */
#content h1 {position: absolute; margin: 0 0 0 -9999px; height: 1px; font-size: 1px;}

/* Footer */
ul#footer {margin-bottom: 75px; margin-top: 10px; text-align: left;  color: #CCC; list-style: none; font-size: 0.85em; letter-spacing: 0.1em; font-weight: lighter; line-height: 1.5em;/* to allow space for foot bg img */}
ul#footer li {display: inline; margin-right: 10px;}
ul#footer li.withDivider {border-left: 1px solid #666; padding-left: 10px;}
ul#footer li.hide {position: absolute; margin-left: -9999px;}

/* Contact page specific */
form {margin: 0; padding: 0;}
fieldset {width: 330px; border: none;  margin: 10px 0 0 0; padding: 0;}
label {display: block; width: 300px; margin: 10px 0 2px 0;}
label span, p span {color: #CC0000;}
input, select, textarea {display: block; margin: 0;  width: 300px; border: 1px solid #666; padding: 3px; background-color: #F3F3F3; font-family: Arial, Helvetica, sans-serif;}
input#contact {width: auto; border: none; background-color: #FFF;}
textarea {font-size: 1em;}
input:focus, select:focus, textarea:focus {background-color: #FFF; border: 1px solid #999;}
input#hideRequired {display: none;}
input#sendBtn {width: 4em; margin: 20px 0 0 0; background-color: #F3F3F3; border-color: #666; color: #333;}
input#sendBtnProject {width: 12em; margin: 20px 0 0 0; background-color: #F3F3F3; border-color: #666; color: #333;}

/* Misc */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#forIe {background-color: #000;}