body {
	background-color: #0f0f0f;
	margin: 0 0 0 0; /* Top, Right, Bottom, Left */
}

img {
	border: none;
}

/* Text Styles */

a {color: #FFF;text-decoration: none;}
a:hover {color: #b8b308;text-decoration: none;}

p {
	margin: 0 0 8px 0;
	color: #808080;
	font: normal 9pt/16pt Georgia, Times New Roman sans-serif;
}

.white {padding-left: 1px; color: #FFF;}

.hover_caption_caption {
	font-family: Georgia, Times New Roman sans-serif;
	font-weight: normal;
	line-height: 16px;
}

.highlight {color: #b8b308;}

h1 {
	margin: 0 0 10px 0;
	color: #b8b308;
	font: normal 11pt/18pt 'Cardo', Georgia, Times New Roman sans-serif;
}

h2 {
	margin: 0 0 8px 0;
	color: #b8b308;
	font: normal 11pt/18pt 'Cardo', Georgia, Times New Roman sans-serif;
}

ul { margin: 0 0 10px 0;}

li { color: #0072bb; font: normal 11pt/20pt Arial, Helvetica, sans-serif; }

/* Containers */

#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 900px;
	height: auto;
	overflow-y: visible;
}

/* Image Area */

#header {
	position: relative;
	height: 85px;
	width: 900px;
}

#logo a {
	float: left;
	display: block;
	margin: 25px 0 0 0;
	width: 188px;
	height: 29px;
	background: url(../images/root_logo.gif) 0 0 no-repeat;
}

#logo a:hover {background: url(../images/root_logo.gif) 0 -29px no-repeat;}

#strapline {
	float: right;
	margin: 35px 0 0 0;
	width: auto;
	height: auto;
	color: #808080;
	font: normal 10.5pt/16pt Georgia, Times New Roman sans-serif;
}

/* Image Area */

#image_block {
	position: relative;
	height: 416px;
	width: 900px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.map {float: left; margin-right: 35px;}

.directions_left, .directions_right {
	height: 416px;
	width: 227px;
	float: left;
	margin-right: 35px;
}

.directions_right {margin: 0;}

.press, .press_end {
	float: left;
	width: 222px;
	height: auto;
	margin: 0 4px 0 0;
}

.press_end {margin: 0;}

.tab {display: block; float: left; width: 70px; color: #b8b308;}

#block1, #block2, #block3, #block4, #block5, #block6, #block7, #block8 {
	float: left;
	width: 222px;
	height: 206px;
	margin: 0 4px 0 0;
}

#block4 {margin: 0;}
#block5, #block6, #block7, #block8 {margin: 4px 4px 0 0;}
#block8 {margin: 4px 0 0 0;}

#blank, #approach, #about, #services, #environment, #clients, #vacancies, #four {
	position: relative;
	min-height: 415px;
	height: auto !important;
	height: 415px;
	width: 900px;
}

#about {background: url(../images/banner_home.gif) 0 0 no-repeat;}
#approach {background: url(../images/banner_approach.gif) 0 0 no-repeat;}
#services {background: url(../images/banner_services.gif) 0 0 no-repeat;}
#environment {background: url(../images/banner_env.gif) 0 0 no-repeat;}
#clients {background: url(../images/banner_clients.gif) 0 0 no-repeat;}
#vacancies {background: url(../images/banner_vacancies.gif) 0 0 no-repeat;}
#four {background: url(../images/banner_404.gif) 0 0 no-repeat;}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6, #thumb7, #thumb8, #thumb9, #thumb10, #thumb11, #thumb12, #thumb13, #thumb14, #thumb15, #thumb16, #thumb17, #thumb18, #thumb19, #thumb20, #thumb21, #thumb22, #thumb23, #thumb24, #thumb25, #thumb26, #thumb27, #thumb28, #thumb29, #thumb30, #thumb31, #thumb32 {
	float: left;
	width: 109px;
	height: 100px;
	margin: 0 4px 4px 0;
}

#thumb8, #thumb16, #thumb24, #thumb32 {margin-right: 0;}

/* Team Blocks */

#tom_block, #lyd_block, #lea_block {
	float: left;
	margin: 0 6px 0 0;
	width: 296px; 
	height: 415px;
}

#lea_block {margin: 0;}

#tom, #lyd, #lea {
	float: left;
	margin: 0;
	background-color: #FFF;
	display: block;
	height: 296px;
	width: 296px;
	overflow: hidden;
	position: relative;
}

#tom img, #lyd img, #lea img {position: absolute;}

.biog {
	float: left;
	margin: 10px 0 20px 0;
	padding: 10px 10px 0 0;
	height: auto;
	width: 286px;
	border-top: 1px solid #2c2c2c;
}

/* Testimonial */

.test_half {
	float: left;
	width: 450px;
	height: auto;
	min-height: 415px;
}

.test_logo {
	float: left;
	width: 150px;
	padding-top: 4px;
}

.testimonial {
	float: left;
	width: 280px;
	padding-right: 20px;
}

/* Content Area */

#content {
	position: relative;
	border-top: 1px solid #2c2c2c;
	margin: 20px 0 15px 0;
	padding-top: 5px;
	min-height: 150px;
	overflow-y: auto;
	height: auto;
	width: 900px;
}

#nav, #sub_nav {
	float: left;
	width: 110px;
	margin: 10px 10px 0 0;
	padding: 0;
}

#nav li, #sub_nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 27px;
}

#nav li a {
	color: #808080;
	display: block;
	font: normal 11pt/19pt 'Cardo', Georgia, Times New Roman sans-serif;
}

#sub_nav li a {
	color: #505050;
	display: block;
	font: normal 11pt/19pt 'Cardo', Georgia, Times New Roman sans-serif;
}

#nav li a:hover, #sub_nav li a:hover {
	color: #FFF;
	text-decoration: none;
}

#nav .current, #sub_nav .current {color: #b8b308;}

#content h1 {
	margin: 11px 0 14px 0;
	width: 100%;
}

#copy {
	float: right;
	width: 520px;
	height: auto;
	min-height: 150px;
}

.column1, column2 {
	float: left;
	height: 100%;
	width: 240px;
	margin: 0 40px 0 0;
}

.column2 {margin: 0;}

/* Footer */

#footer {
	position: relative;
	border-top: 1px solid #2c2c2c;
	margin: 0 0 40px 0;
	padding-top: 8px;
	height: auto;
	width: 900px;
}

#footer p {float: left; color: #505050; text-decoration: none; width: 50%;}

#footer p a {color: #505050; text-decoration: none;}

#footer p a:hover {color: #FFF;}

.spacer {padding: 0 8px 0 9px;}

.twitter {float: right; clear: none; text-align: right;}

/* Hover Caption */

.hover_caption { 
		background-image: url(../images/hover_caption_bg.png); 
		/* NOTE: if you're img elements have paddings or 
		or margins you'll need to match them here to 
		get things lined up properly. */
}

/* Cycle */

.slideshow {
	position: relative;
	width: 900px;
	height: 415px;
}