﻿body {
	background-color:#aec8c9;
	background-image:url('../images/bodybg.jpg');
	background-repeat:repeat-x;
	font-family:Century Gothic, Verdana, Arial, Sans-Serif;
}

body.window { 
	background-image: none;
	background-color: #fff; 
}

*{
	margin:0;
	padding:0;
	border:none;
}

img { border:none; }


div#mainContainer {
	width:950px;
	margin-left:auto;
	margin-right:auto;	
}

div#container {
	width:950px;
	margin-left:auto;
	margin-right:auto;	
	background-image:url('../images/pageContent_body.gif');
	background-repeat:repeat-y;
	background-position:center;
	background-color:#fff;
}

div#masthead {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

div#window {
	height:273px;
	width:950px;
	display:block;
	/*background-image:url('../images/window_bg.gif');*/
	background-image:url('../images/bg02.jpg');
	background-repeat:repeat-x;	
	clear:both;
}

div#nav {
	width:190px;
	background-position:left;
	margin: 20px 0 0 32px;
	float:left;
}

div#navImageTop { float:left; }

div#navImageBottom { background-color:#FFF; }

div#nav ul{
	background-image:url('../images/nav_gradient_bg.jpg');
	background-repeat:repeat;
	background-position:right;
	clear:both;
	list-style:none;
}

div#nav ul li{ 
	line-height:35px;
	border-bottom:1px solid #444; 
	margin-left:2px;
}

div#nav ul li a{ 
	text-decoration:none;
	margin-left:4px;
	color:#0e6873;
	font-size:13px;
}

div#nav ul li a:hover{ color:#00a0ac; }

div#nav ul li img{ margin-left:2px; }


div#nav ul li#lastItem { border:none; }

div#imagePlaceholder {
	width: 708px;
	height: 273px;
	float: left;
}

div#homeImage {
	margin-left:auto;
	margin-right:auto;
	width:455px;
	height:273px;
}

div#pageContent { width:950px; }

div#pageContent a {
	color:#0e6873;
	text-decoration:none;
}

div#pageText {
	margin-left:250px;
	margin-top:25px;
	width:660px;
	min-height:200px;
}

div#pageText h1, div#contentPeople h1 { 
	font-weight:normal;
	padding-bottom:10px;
	font-size:24px;
}

div#pageText h2, div#contentPeople h2 { 
	font-weight:normal;
	padding-bottom:10px;
	font-size:18px;
}

div#pageText p, div.listGroup, div#contentPeople p {
	font-size:14px;
	line-height:18px;
	margin-bottom:10px;
}

p.last { margin-bottom: 0px; }

div#pageText ul, div#pageText div.listGroup ul {
	list-style-type:square;
	margin-left:15px;
	margin-top:-5px;
	margin-bottom:10px;
}

div#pageText div.listGroup ul { margin-top:5px; }

div#pageText ul li{
	font-size:12px;
	margin-left:14px;
	line-height:16px;
}

div#leftColumn {
	width: 440px;
	margin-right: 20px;
	float: left;
}

div#rightColumn {
	width: 200px;
	padding-top: 40px;
	float: left;
}

div.peopleInfo {
	width:660px;
	margin-bottom:15px;
	clear:both;
}

div.peopleInfo div.peopleImage{
	width:150px;
	height:185px;
	border:1px solid #00a0ac;
	float:left;
	text-align:center;
	font-size:12px;
}

div.peopleInfo div.peopleImage img{ 
	border: 1px #ccc solid; 
	margin-top:5px;
}

div.peopleInfo div.peopleData {
	width:490px;
	float:right;
}

span#contactUsTitle {
	font-weight:bold;
	color:#0e6873;
	font-size:22px;
}

div.contactAddress { 
	padding: 10px 0 10px 0; 
	font-size:14px;
}	

span.contactDetails { 
	line-height:17px; 
	font-size:14px;
}

div#innerFooter {
	width:910px;
	height:50px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
}

div#footer {
	width:950px;
	height:30px;
	background-color:#0e6873;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:10px;
	line-height:30px;
}

div#footer span#copyright { 
	float:left;
	margin-left:15px;
}

div#footer span#developed {
	float:right;
	margin-right:15px;
}

div#footer span#developed a{
	color:#ccc;
	text-decoration:none;
}

div#footer span#developed a:hover{ color:#00a0ac; }

span.linkLabel { 
	display:block; 
	line-height:15px;
}

span.smallText { 
	font-size:10px; 
	line-height:12px;
}

div.person {
	border-bottom: 1px solid #ccc;
}

div.personImage {
	width: 130px;
	padding-top: 65px;
	padding-right: 30px;
	float: left;
}

div.personDetails {
	width: 650px;
	float: left;
}

div#peopleBlock {
	position: relative;
	width: 650px;
	height: 390px;
	margin-bottom: 25px;
	background-color:#666;
}

div#person1 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 130px;
}

div#person2 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 520px;
}

div#person3 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 130px;
	left: 0px;
}

div#person4 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 130px;
	left: 130px;
}

div#person5 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 130px;
	left: 390px;
}

div#person6 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 260px;
	left: 0px;
}

div#person7 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 260px;
	left: 260px;
}

div#person8 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 260px;
	left: 520px;
}

div#person9 {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 260px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */
