/* @override http://oneill/css/screen.css */

/* Colours

Background:	#dcdcdc
Text:		#566d79
Links:		#666666

ID Light:	#83aebe
ID Dark:	#022662

Dark Box:	#dcdcdc
Light Box:	#eaeaea

 */

/* @group Global */

html, body {
	height: 100%;
}

html {
	font-size: 16px;
	min-height: 100%; 
	margin-bottom: 1px; 
overflow-y: scroll;
}

body {
	background: #dcdcdc url(../images/global/loader_bg.gif) no-repeat center top;
	font: .75em/1.5em Arial, Helvetica, Geneva, sans-serif;
	color: #566d79;
}

#container {
	width: 100%;
	background: #dcdcdc url(../images/global/background.gif) repeat-y center;
}

#content {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px 20px;
}

/* @group Header
 */

#header {
	width: 940px;
	height: 140px;
	margin-bottom: 2px;
}

#header #logo {
	width: 170px;
	height: 140px;
	float: left;
	padding-right: 20px;
}

#header #banner {
	background-image: url(../images/global/banner.gif);
	width: 750px;
	height: 140px;
	float: left;
}

#header #banner p {
	display: none;
}

.last {
	margin-bottom: 0;
}

/* @end */

/* @group Main */

#main {
	overflow: hidden;
	position: relative;
}

/* @group Sidebar */

#sidebar {
	width: 170px;
	float: left;
	margin-right: 20px;
	padding-bottom: 13em;
}

#navigation {
	width: 170px;
}

#navigation li {
	border-top: 1px solid #cddfe5;
	text-indent: 20px;
	position: relative;
	overflow: hidden;
}

#navigation li a {
	padding: .5em 0;
	display: block;
	position: relative;
	background: url(../images/global/nav_arrow.gif) no-repeat 5px 10px;
}

#navigation li span.shutter {
	background: #CDDFE5;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 0;
}

#navigation li ul {
	display: none;
}

#navigation li ul li {	
	border: none;
	background: none;
	font-size: .9em;	
}

#navigation li#nav_projects.selected a,
#navigation li#nav_people.selected a {
	background: url(../images/global/nav_arrow_down.gif) no-repeat 5px 10px;
}

#navigation li.selected a {
	color: #022662;
	font-weight: bold;
}

#navigation li.selected ul {
	display: block;
}

#navigation li.selected ul li a,
#navigation li ul li a {
	font-weight: normal;
	font-style: normal;
	color: #7298a5;
}

#navigation li.selected ul li a:hover {
	/*text-indent: 23px;*/
	color: #022662;
}

#navigation li li a,
#navigation li.selected li a,
#navigation li#nav_services.selected li a,
#navigation li#nav_projects.selected li a,
#navigation li#nav_people.selected li a {
	background: none;
	padding: .4em 0;
}

/* Pages */
body#services_pta #nav_services_pta a,
body#services_adp #nav_services_adp a,
body#services_pa #nav_services_pa a,
body#services_lbc #nav_services_lbc a,
body#services_dpa #nav_services_dpa a,
body#services_pappeals #nav_services_pappeals a,
body#services_ansa #nav_services_ansa a,
body#services_tpr #nav_services_tpr a,
body.projects_education #nav_projects #nav_projects_education a,
body.projects_residential #nav_projects #nav_projects_residential a,
body.projects_conservation #nav_projects #nav_projects_conservation a,
body.projects_commercial #nav_projects #nav_projects_commercial a,
body.projects_rural #nav_projects #nav_projects_rural a,
body.projects_telecoms #nav_projects #nav_projects_telecoms a,
body#people_joneill #nav_people_joneill a,
body#people_ccarruthers #nav_people_ccarruthers a,
body#people_djohnson #nav_people_djohnson a,
body#people_pholmes #nav_people_pholmes a,
body#people_gholbeck #nav_people_gholbeck a,
body#people_jdeptfordwright #nav_people_jdeptfordwright a,
body#people_dkopczak #nav_people_dkopczak a,
body#people_prose #nav_people_prose a {
	font-weight: bold;
	color: #022662;
}

#navigation li.last {
	padding-bottom: 1em;
}

#contact_details {
	height: 140px;
	font-size: .9em;
	position: absolute;
	bottom: 0;
}

#contact_details p {
	margin: 0;
}

#contact_details #number {
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 1em;
}

/* @end */

/* @group Master Content */

#master_content {
	float: left;
}

#primary_section {
	height: 420px;
	width: 750px;
	background: #eaeaea;
	position: relative;
	color: #333333;
}

#primary_section div.half_split {
	width: 374px;
	height: 348px;
	left: 0px;
	top: 72px;
	position: absolute;
	padding: 0;
}

#primary_section div.half_split.left_panel {
	border-right: 2px solid #fff;
}

#primary_section div.half_split.right_panel {
	width: 374px;
	height: 308px;
	padding: 0px;
	overflow: none;
	position: absolute;
	top: 72px;
	right: 0px;
	left: auto;
	bottom: auto;
}

#primary_section div.scroll_pane {
	padding: 20px;
	width: 334px;
	height: 308px;
	overflow: auto;
}

/*#primary_section div.hidden_jscrollbar {
	width: 318px;
	height: 308px;
}*/

#primary_section div.quarter_split {
	height: 308px;
	float: left;
	margin-top: 72px;
}

#primary_section div.quarter_split.left_panel {
	width: 562px;
	height: 308px;
	border-right: 2px solid #fff;
}

#primary_section div.quarter_split.right_panel {
	width: 146px;
	height: 308px;
	padding: 20px;
	margin: 0;
	border-left: 2px solid #fff;
	position: absolute;
	top: 72px;
	right: 0px;
	background-image: url(../images/global/light_overlay_bg.png);
}

#primary_section div.full_panel.trans {
	width: 710px;
	height: 308px;
	padding: 20px;
	position: absolute;
	top: 72px;
	left: 0;
	background-image: url(../images/global/light_overlay_bg.png);
}

#primary_section div.full_panel.trans p {
	width: 50%;
}

#primary_section ul li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: .7em;
}

/* @group Base Section */

#base_section {
	width: 750px;
	height: 140px;
	margin-top: 20px;
	position: relative;
}

#bigbox_head {
	width: 186px;
	height: 25px;
	margin: 0 2px 2px 0;
	background: #83aebe url(../images/global/success_stories_head.gif) no-repeat;
}

#bigbox {
	top: 0px;
	left: 0px;
	width: 186px;
	height: 113px;
	background: #eaeaea;
	position: absolute;
}

#base_section div.minibox {
	width: 186px;
	height: 69px;
	padding: 0px 0px 0px;
	background: #dcdcdc;
	position: absolute;
	font-size: 1em;
	line-height: 1.5em;
}

#base_section div.minibox a {
	width: 162px;
	height: 52px;
	padding: 7px 12px 10px;
	display: block;
}

#base_section div.minibox a:hover {
	background: #e9e9e9;
}

#base_section div.minibox.highlighted {
	font-weight: bold;
	background: #eaeaea;
}

#minibox_1 {	
	top: 0;
	left: 188px;
}

#minibox_2 {
	top: 0;
	left: 376px;
}

#minibox_3 {
	top: 0;
	left: 564px;
}

#minibox_4 {
	top: 71px;
	left: 188px;
}

#minibox_5 {
	top: 71px;
	left: 376px;
}

#minibox_6 {
	top: 71px;
	left: 564px;
}

#base_section div.project_mini {
	width: 365px;
	height: 140px;
	float: left;
	margin: 0 20px 0px 0;
}

#base_section div.project_mini.last {
	width: 365px;
	height: 140px;
	float: left;
	margin: 0;
}

/* @end */


/* @end */

/* @end */

/* @group Footer */

#footer {
	width: 100%;
	padding: 0 0 20px 0;
	font-size: .9em;
}

#footer_content {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
	overflow: hidden;
}

#footer_content p {
	float:left;
}

#footer_links {
	float: right;
}

#footer_links li {
	float: left;
	margin-left: 10px;
}

#content_shadow {
	margin: 0 auto;
	overflow: hidden;
	height: 20px;
	background: url(../images/global/footer_background.png) no-repeat center top;
}

/* @end */

/* @end */

/* @group Typography */

p {
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #022662;
}

h1 {
	display: none;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 1em;
}

h3 {
	font-weight: bold;
}

p.legal {
	font-size: 0.9em;
}

/* @end */

/* @group Overlays */

#overlay_slideshow {
	height: 70px;
	width: 750px;
	overflow: hidden;
}

#section_overlay {
	z-index: 100;
}

body#home #section_overlay {
	height: 70px;
	overflow: hidden;
	width: 750px;
	position: absolute;
	top: 280px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

body#approach #section_overlay,
body.services #section_overlay {
	height: 70px;
	width: 750px;
	position: absolute;
	top: -2px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	overflow: hidden;
}

body.projects #section_overlay {
	height: 70px;
	width: 750px;
	overflow: hidden;
	position: absolute;
	top: -2px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

body.people #section_overlay {
	height: 70px;
	width: 750px;
	position: absolute;
	overflow: hidden;
	top: -2px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 1000;
}

/* @end */

/* @group Section Content */

#section_content {
	position: absolute;
	top: 90px;
	overflow: hidden;
}

/* @end */



/* @group Projects */

body#projects #primary_section,
body#projects_commercial #primary_section,
body#projects_residential #primary_section,
body#projects_education #primary_section,
body#projects_conservation #primary_section,
body#projects_rural #primary_section
 {
	background: #fff;
	position: relative;
	color: #fff;
	height: 580px;
}

div.project_mini {
	width: 365px;
	height: 140px;
	float: left;
	margin: 0 20px 20px 0;
}

div.project_mini.last {
	margin-right: 0;
}

div.project_mini div {
	float: left;
}

div.project_mini a {
	display: block;
	overflow: hidden;
}

div.project_image {
	width: 177px;
	height: 140px;
	margin-right: 2px;
	overflow: hidden;
}

div.project_text {
	width: 146px;
	height: 100px;
	padding: 20px;
	background-color: #dcdcdc;
}

div.project_mini a:hover .project_text {
	background-color: #e9e9e9;
}

div.project_text p.description {
	font-weight: bold;
}

#project_nav {
	width: 186px;
	height: 20px;
	right: 0;
	bottom: 0;
	position: absolute;
	border-top: 2px solid #fff;
	text-align: center;
}

#project_nav #previous {
	width: 40px;
	height: 20px;
	float: left;
	border-right: 2px solid #fff;
}

#project_nav #next {
	width: 40px;
	height: 20px;
	float: left;
	border-left: 2px solid #fff;
}

#project_nav #count {
	width: 102px;
	height: 40px;
	float: left;
}

#project_nav #next a {
	width: 40px;
	height: 20px;
	display: block;
}

#project_nav #previous a {
	width: 40px;
	height: 20px;
	display: block;
}

#project_nav a:hover {
	background: #d0e0e7;
}

#project_nav #count p{
	margin-bottom: 0;
	font-size: .9em;
	color: #7e7e7e;
}

#project_slideshow {
	overflow: hidden;
	width: 374px;
	height: 348px;
}

/* @end */

/* @group Home */

body#home #section_overlay {
	top: -2px;
}

body#home #primary_section {
	background: white;
}


#approach #image_slideshow, #services #image_slideshow {
	height: 348px;
	width: 374px;
	overflow: hidden;	
}

#image_slideshow {
	height: 420px;
	width: 750px;
	overflow: hidden;	
}

/* @end */

/* @group Services */

body#services #section_text ul {
	margin-bottom: 20px;
}

body#services #section_text a#next_button,
body#services #section_text a#prev_button {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/global/next_arrow.gif) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 20px;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	cursor: default;
}

body#services #section_text a#next_button.active,
body#services #section_text a#prev_button.active {
	cursor: pointer;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity = 100);
}

body#services #section_text a#prev_button {
	background: url(../images/global/prev_arrow.gif) no-repeat;
	right: 40px;
}

body#services #section_text a#prev_button.active:hover {
	background: url(../images/global/prev_arrow_hover.gif) no-repeat;
}
body#services #section_text a#next_button.active:hover {
	background: url(../images/global/next_arrow_hover.gif) no-repeat;
}

/* @end */

/* @group Contact */

#map {
	width: 374px;
	height: 348px;
}

/* @end */

div#call {
	float: left;
}

div#fax {
	margin-left: 187px;
}

/* @group People */

body.people #image_slideshow {
	overflow: hidden;
	width: 750px;
	height: 420px;
}

body.people #section_content {
	position: absolute;
	top: 0px;
	overflow: hidden;
}

body.people #master_content h2 {
	margin-bottom: 0;
}

body.people #section_image {
	display: block;
}

body.people #master_content #section_text {
	position: absolute;
}

body.people .jScrollPaneContainer {
	position: absolute;
	left: 0px;
	right: auto;
	top: 0px;
	bottom: auto;
}

body.people #section_text.right .jScrollPaneContainer {
	left: auto;
	right: 0px;
}

body.people #master_content #primary_section #section_text .scroll_pane {
	margin: 0;
	padding: 20px;
	height: 268px;
	width: 342px;
}

body.people #master_content .scroll_pane p {
	width: auto;
}

/* @end */

/* @group Custom Project Widths */

/*body#project_com_3 #primary_section div.left_panel,
body#project_com_4 #primary_section div.left_panel {
	width: 280px;
	overflow: hidden;
}

body#project_com_3 #primary_section div.right_panel,
body#project_com_4 #primary_section div.right_panel {
	width: 468px;
}

body#project_com_3 #primary_section div.scroll_pane,
body#project_com_4 #primary_section div.scroll_pane {
	width: 428px;
}*/

/* @end */