html, body {
	margin: 0;
	padding: 0;
	text-align:center;
}
html, body, td, th, p, li, span, div {
	font: 12px "Trebuchet MS", sans-serif;
	color: #777;
}
/* override inline styles */ 
span[style] {
	color: inherit !important;
	font-size: inherit !important;
}
body {
}
body#homepage {
	background: url("../images/home_bg.jpg") no-repeat top center;
}
#body_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: url("../images/body_bg.gif") no-repeat top center;
}
#lpc_news {
	margin: 240px 0 0 20px;
	width: 550px;
}
.bodyContainer {
	margin: 0 auto;
	width:920px;
	text-align:left;
}
.bodyContainer2 {
	margin: 0 auto;
	width:940px;
	text-align:left;
}
.menuContainer {
	margin: 0 auto;
	width:920px;
	padding-top:30px;
}
.contentContainer {
	padding: 15px 25px;
	width: 870px;
	position: relative;
	z-index: 20;
}
.footerContainer {
	clear: both;
	margin: 10px;
	position:relative;
	width: 870px;
	height:166px;
	text-align:right;
	z-index: 19;
	float:left;
	overflow:hidden;
	border-top: 1px solid #d3f4ff;
	padding: 10px;
}
/*** NEWS ***/
.newsTitle {
	font-size:16px;
	font-weight:bold;
	color:#0093c3;
}
.newsDate {
	font-size:16px;
	color:#0093c3;
}
.newsContent {
	padding-top:25px;
}
a {
	color:#0093c3;
}
a:hover {
	color:#CC3300;
}
/*--------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a:hover, .crew h3 a:hover {
	color: #ff983c;
}
.clr {
	display: block;
	clear: both;
	margin: 10px 0;
}
.divider {
	display: block;
	margin: 15px 0;
	clear: both;
	border-top: 1px solid #d3f4ff;
	padding: 0 0 15px 0;
}
.center {
	text-align: center;
}
h2 {
	font: 30px arial, sans-serif;
	color: #0091c1;
	margin: 60px 0 20px 0;
}
h3 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #0091c1;
}
h4 {
	font-weight: bold;
	color: #555;
	margin: 5px 0;
}
img.title {
	margin: 48px 0 20px 0;
}
strong {
	color: #555;
}
.staff, .service, .news, .crew {
	display: block;
	margin: 15px 0;
	clear: both;
	border-top: 1px solid #d3f4ff;
	padding: 0 0 15px 0;
}
.staff h3, .service h3, .news h3, .crew h3, .crew h3 a {
	font: bold 12px arial, sans-serif;
	color: #8cd0e7;
	display: block;
	float: left;
	width: 200px;
}
.staff .bio, .service .details, .news .teaser, .crew .body {
	width: 670px;
	display: block;
	float: right;
}
.crew .crew_info {
	width: 175px;
	display: block;
	float: right;
	padding: 0 15px 15px 15px;
	background: transparent url("../images/crew_bg.gif") no-repeat;
	margin: 0 0 2px 25px;
}
.service .details ul {
	margin: 0 25px 25px 25px;
	padding: 0;
}
.service .details ul li {
	margin: 10px 0;
}
.contentContainer {
	margin: 0 0 60px 0;
}
.large_btns {
	list-style: none;
	display: block;
	width: 880px;
	margin: 25px auto;
	padding: 0;
}
.large_btns li {
	display: inline;
	margin: 0;
	padding: 0;
}
.large_btns li a {
	display: block;
	width: 286px;
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	padding: 20px 0;
	margin: 0 2px;
	color: #0099cc;
}
.large_btns li a:hover {
	color: #000;
	border-color: #0099cc;
}
fieldset {
	margin: 15px 0;
	clear: both;
	border: 1px solid #fff;
	border-top: 1px solid #d3f4ff;
	padding: 15px;
}
legend {
	color: #0091c1;
	font-size: 18px;
	padding: 5px;
}
.clickable {
	cursor: pointer;
}
fieldset.open {
	border: 1px solid #fff;
	border-top: 1px solid #d3f4ff;
	padding: 15px;
}
fieldset.open legend {
	padding: 5px 5px 5px 20px;
	background: url("../images/down_arrow.gif") no-repeat 5px 50%;
}
fieldset.open .fs_content {
	display: block;
}
fieldset.closed {
	border: 1px solid #fff;
	border-top: 1px solid #d3f4ff;
	padding: 15px;
}
fieldset.closed legend {
	padding: 5px 5px 5px 20px;
	background: url("../images/right_arrow.gif") no-repeat 5px 50%;
}
fieldset.closed .fs_content {
	display: none;
}
.menu {
	margin: 25px 0 0 0;
	position: relative;
	z-index: 1000;
}
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	width: 920px;
	height: 22px;
	background: transparent url("../images/menu.gif") no-repeat;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li {
	float:left;
	position:relative;
	z-index:100;
}
/* use the table to position the dropdown list */
.menu table {
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:22px;
}
.menu a {
	display: block;
	height: 22px;
	background: transparent url("../images/menu.gif") no-repeat 0 22px;
	text-indent: -9999px;
}
.menu ul ul a {
	text-indent: 0px;
}
.menu a#menu_home {
	width: 74px;
}
.menu a#menu_home:hover {
	background-position: 0 -22px;
}
.menu a#menu_who-we-are {
	width: 116px;
}
.menu a#menu_who-we-are:hover {
	background-position: -74px -22px;
}
.menu a#menu_who-we-work-with {
	width: 164px;
}
.menu a#menu_who-we-work-with:hover {
	background-position: -190px -22px;
}
.menu a#menu_what-we-do {
	width: 116px;
}
.menu a#menu_what-we-do:hover {
	background-position: -354px -22px;
}
.menu a#menu_what-we-offer {
	width: 138px;
}
.menu a#menu_what-we-offer:hover {
	background-position: -470px -22px;
}
.menu a#menu_whats-news {
	width: 123px;
}
.menu a#menu_whats-news:hover {
	background-position: -608px -22px;
}
.menu a#menu_where-yat {
	width: 113px;
}
.menu a#menu_where-yat:hover {
	background-position: -731px -22px;
}
.menu a#menu_login {
	width: 73px;
}
.menu a#menu_login:hover {
	background-position: -844px -22px;
}
.menu a#menu_logout {
	background: transparent url("../images/menu2.gif") no-repeat -844px 0;
	width: 73px;
}
.menu a#menu_logout:hover {
	background-position: -844px -22px;
}
#home a#menu_home {
	background-position: 0 -22px;
}
#who-we-are .menu a#menu_who-we-are {
	background-position: -74px -22px;
}
#who-we-work-with .menu a#menu_who-we-work-with {
	background-position: -190px -22px;
}
#what-we-do .menu a#menu_what-we-do {
	background-position: -354px -22px;
}
#what-we-offer .menu a#menu_what-we-offer {
	background-position: -470px -22px;
}
#whats-news .menu a#menu_whats-news {
	background-position: -608px -22px;
}
#where-yat .menu a#menu_where-yat {
	background-position: -731px -22px;
}
#login .menu a#menu_login {
	background-position: -844px -22px;
}
/* style all the links */
.menu ul ul a, .menu ul ul :visited {
	display:block;
	font-size:10px;
	width:149px;
	height: 22px;
	line-height: 22px;
	color:#0093c3;
	background:#fff;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	margin-top: -1px;
	border: 1px solid #d3f4ff;
}
/* style the links hover */
.menu ul ul :hover {
	color:#000;
	background:#eefbff;
}
/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* Set up the list items */
.menu ul ul li {
	float:left;
}
.menu ul ul li:hover {
	position:relative;
}
/* Make the hovered list color persist */
.menu ul ul li:hover > a {
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.menu ul ul li ul {
	display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.menu ul ul li:hover > ul {
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:10px 30px 30px 30px;
	background:transparent url(transparent.gif);
	width:149px;
}
/* Position the first sub level beneath the top level liinks */
.menu ul ul > li:hover > ul {
	left:120px;
	top:-10px;
}
.menu2 {
	margin: 25px 0 0 0;
}
.menu2 ul {
	list-style-type:none;
	padding:0;
	margin:0;
	width: 920px;
	height: 22px;
	background: transparent url("../images/menu2.gif") no-repeat;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu2 li {
	float:left;
	position:relative;
	z-index:100;
}
/* use the table to position the dropdown list */
.menu2 table {
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:22px;
}
.menu2 a {
	display: block;
	height: 22px;
	background: transparent url("../images/menu2.gif") no-repeat 0 22px;
	text-indent: -9999px;
}
.menu2 ul ul a {
	text-indent: 0px;
}
.menu2 a#menu_home {
	width: 74px;
}
.menu2 a#menu_home:hover {
	background-position: 0 -22px;
}
.menu2 a#menu_who-we-are {
	width: 116px;
}
.menu2 a#menu_who-we-are:hover {
	background-position: -74px -22px;
}
.menu2 a#menu_who-we-work-with {
	width: 164px;
}
.menu2 a#menu_who-we-work-with:hover {
	background-position: -190px -22px;
}
.menu2 a#menu_what-we-do {
	width: 116px;
}
.menu2 a#menu_what-we-do:hover {
	background-position: -354px -22px;
}
.menu2 a#menu_what-we-offer {
	width: 138px;
}
.menu2 a#menu_what-we-offer:hover {
	background-position: -470px -22px;
}
.menu2 a#menu_whats-news {
	width: 123px;
}
.menu2 a#menu_whats-news:hover {
	background-position: -608px -22px;
}
.menu2 a#menu_where-yat {
	width: 113px;
}
.menu2 a#menu_where-yat:hover {
	background-position: -731px -22px;
}
.menu2 a#menu_login {
	width: 73px;
}
.menu2 a#menu_login:hover {
	background-position: -844px -22px;
}
#home a#menu_home {
	background-position: 0 -22px;
}
#who-we-are .menu2 a#menu_who-we-are {
	background-position: -74px -22px;
}
#who-we-work-with .menu2 a#menu_who-we-work-with {
	background-position: -190px -22px;
}
#what-we-do .menu2 a#menu_what-we-do {
	background-position: -354px -22px;
}
#what-we-offer .menu2 a#menu_what-we-offer {
	background-position: -470px -22px;
}
#whats-news .menu2 a#menu_whats-news {
	background-position: -608px -22px;
}
#where-yat .menu2 a#menu_where-yat {
	background-position: -731px -22px;
}
#login .menu2 a#menu_login {
	background-position: -844px -22px;
}
/* style all the links */
.menu2 ul ul a, .menu2 ul ul :visited {
	display:block;
	font-size:10px;
	width:149px;
	height: 22px;
	line-height: 22px;
	color:#0093c3;
	background:#fff;
	text-decoration:none;
	margin-right:1px;
	text-align:center;
	margin-top: -1px;
	border: 1px solid #d3f4ff;
}
/* style the links hover */
.menu2 ul ul :hover {
	color:#000;
	background:#eefbff;
}
/* hide the sub level links */
.menu2 ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
}
/* make the sub level visible on hover list or link */
.menu2 ul li:hover ul, .menu2 ul a:hover ul {
	visibility:visible;
}
/* Set up the list items */
.menu2 ul ul li {
	float:left;
}
.menu2 ul ul li:hover {
	position:relative;
}
/* Make the hovered list color persist */
.menu2 ul ul li:hover > a {
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.menu2 ul ul li ul {
	display:none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.menu2 ul ul li:hover > ul {
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:10px 30px 30px 30px;
	background:transparent url(transparent.gif);
	width:149px;
}
/* Position the first sub level beneath the top level liinks */
.menu2 ul ul > li:hover > ul {
	left:120px;
	top:-10px;
}
#layer1 {
	position: relative;
	z-index: 50;
}