/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;line-height:1.8em;}
body {font-size: 62.5%;font-family: "Trebuchet MS",Helvetica, Arial, sans-serif;color:#373636;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:none;} 
ins {text-decoration:overline;} 
del {text-decoration:line-through;}
table {border-spacing:0;}
.content h2, .content p, .content dl, .content ul, .content ol {
	margin-bottom:10px;
}
address{
	font-style: normal;
}
h1{
	font-size: 1.8em;
}
h1,h3,h4,h5,h6{
	font-weight: normal;
}
h4{
	font-weight: bold;
}
/* Centers The Page Content */
.pageframe{
	width:970px;
	margin: 0 auto;
	font-size: 1.4em;
	position: relative;
}
a{color: #5a7bb5;text-decoration: none;}
	a:hover{text-decoration: underline;}
/* Header */
#headerWrap{
	background: url(/img/bg-dotted.gif) top left repeat-x;
}
	#inside #headerWrap{
		background: url(/img/bg-dotted-inside.gif) top left repeat-x;
	}
	#header{
		background: url(/img/bg-rocks.jpg) bottom left repeat-x;
		padding-top: 26px;
		position: relative;
		min-height:283px;
		height:auto !important;
		height:283px;
	}
		#inside.noBanner #header{
			min-height:172px;
			height:auto !important;
			height:172px;
		}
		#inside #header{
			min-height:251px;
			height:auto !important;
			height:251px;
			background: url(/img/bg-rocks-inside.jpg) 0 68px repeat-x;
		}
		#header span.account{
			display:block;
			font-size:0.8em;
			margin-left:210px;
			padding-top:17px;
		}
			#header span.account a{
				text-decoration: underline;
			}
				#header span.account a:hover{
					text-decoration: none;
				}
		#mainNav{
			float: right;
			clear: right;
			margin-top:-45px;
		}
			#mainNav li{
				list-style: none;
				float: left;
				padding: 15px 15px 10px 15px;
			}
				#mainNav li.active{
					background: url(/img/bg-hover.png) bottom left no-repeat;
				}	
				#mainNav li a{
					color: #373636;
					font-weight: bold;
					text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
					-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0 , 0.3);
					-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0 , 0.3);
				}
					#mainNav li.active a{
						color: #fff;
					}
		#logo{
			background: url(/img/bg-curve.png) top left no-repeat;
			padding-top: 33px;
			position: absolute;
			top: 2px;
			width: 189px;
			left: 0;
		}
			.logoArea{
				background: #fff;
				height: 248px;
				text-align: center;
			}
				#inside .logoArea{
					height: 160px;
				}
		.tabbedBox{
			float: left;
			width: 250px;
			margin: 39px 0 0 7px;
		}
			#inside .tabbedBox{
				width: 243px;
			}
			.tabbedBox.first{
				margin: 44px 0 0 199px;
				_margin: 44px 0 0 100px;
			}
			#inside .tabbedBox{
				margin: 58px 0 0 15px;
				height:52px;
			}
				#inside .tabbedBox.active{
					background: url(/img/bg-activeBar.gif) bottom right no-repeat;
				}
				#inside .tabbedBox.first{
					margin: 63px 0 0 199px;
					_margin: 63px 0 0 100px;
				}
			.tabTop h2{
				background: url(/img/bg-focus-Top.png) top left repeat;
				font-size: 2.3em;
				padding:0 0 12px 15px;
				text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
				-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
				-webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
			}
				.tabTop h2 a{
					color: #fff;
				}
					.tabTop h2 a:hover{
						text-decoration: underline;
					}
		.tabContent{
			background: url(/img/bg-focus-Repeat.png) top left repeat-y;
			margin-top:-15px;
		}
			#inside .tabContent{
				background: url(/img/bg-focus-inside.png) bottom right no-repeat;
				padding-bottom: 4px;
				position: absolute;
				width: 243px;
				*padding-top: 1px;
			}
			.tabContent div{
				background: #000;
				min-height:139px;
				height:auto !important;
				height:139px;
			}
				#inside .tabContent div{
					min-height:52px;
					height:auto !important;
					height:152x;
				}
				.tabContent h2{
					color: #000;
					margin-left: 56px;
					font-size: 2em;
					text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
					-moz-text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
					-webkit-text-shadow: 2px 2px 5px rgba(0, 0, 0 , 0.8);
				}
					.tabContent h2 a{
						color: #000;
					}
				.tabContent.box1 div{
					background: url(/img/img-company.jpg) 1px 1px no-repeat;
				}
				.tabContent.box2 div{
					background: url(/img/img-people.jpg) 1px 1px no-repeat;
				}
				.tabContent.box3 div{
					background: url(/img/img-lighthouse.jpg) 1px 1px no-repeat;
				}
					#inside .tabContent.box1 div,#inside .tabContent.box2 div,#inside .tabContent.box3 div{
						border-top: 1px solid white;
						width: 240px;
					}
					#inside .tabContent.box1 div{
						background: url(/img/img-company-inside.jpg) 1px -99px no-repeat;
					}
					#inside .tabContent.box2 div{
						background: url(/img/img-people-inside.jpg) 1px -89px no-repeat;
					}
					#inside .tabContent.box3 div{
						/* background: url(/img/img-lighthouse-inside.jpg) 1px -112px no-repeat; */
						background: url(/img/img-lighthouse.jpg) no-repeat scroll 1px 0px
					}
			.tabContent img{
				float: left;
				margin: 1px 13px 1px 1px;
			}
			.tabContent p{
				padding: 6px 25px 6px 56px;
				font-size: .9em;
			}
				.tabContent span{
					background: url(/img/bg-arrow-blue.gif) right center no-repeat;
					font-size: .8em;
					padding:0 16px 0 56px;
					margin-right:27px;
					text-align: right;
					display: block;
				}
					.tabContent span a{
						text-decoration: underline;
					}
						.tabContent span a:hover{
							text-decoration: none;
						}
		.tabBtm{
			background: url(/img/bg-focus-Btm.png) top left no-repeat;
			height: 1px;
			width:250px;
		}
		/* Banner Area */
		#banner{
			width: 758px;
			height: 82px;
			left:200px;
			position:relative;
			top:117px;
			*top:10px;
		}
/*
**** This was added inline due to IE6 not reading anything past the first class
			#banner.bannerSustainability{
				background: url(/img/bg-banner-sustainability.jpg) top left no-repeat;
			}

			#banner.bannerCompany{
				background: url(/img/bg-banner-company.jpg) top left no-repeat;
			}
			#banner.bannerPeople{
				background: url(/img/bg-banner-people.jpg) top left no-repeat;
			}
*/
			#banner h2,#banner p{
				display: none;
			}
		.breadCrumb{
			margin-left: 195px;
			position: relative;
			top:88px;
			*top:10px;
			_top:263px;
			_position:absolute;
			_left:0;
		}
			.noBanner .breadCrumb{
				top:10px;
				_top:163px;
			}
			.breadCrumb li{
				list-style-type: none;
				float: left;
				margin-left: 5px;
				font-size: .8em;
				color: #000;
			}
				.breadCrumb li a{
					color: #000;
					text-decoration: underline;
					background: url(/img/bg-arrow-black.gif) 100% 6px no-repeat;
					padding-right: 10px;
				}
					.breadCrumb li a:hover{
						text-decoration: none;
					}
/* Footer */
#footer{
	background:#990007 url(/img/bg-footerBar.gif) top left repeat-x;
	padding-top: 20px;
	color: #fff;
	min-height:80px;
	height:auto !important;
	height:80px;
	margin-top: 50px;
}
	#footer span,#footer address{
		font-size: .8em;
		font-style: normal;
		width: 200px;
		float: left;
		clear: left;
	}
	#footer ul{
		float: right;
		clear: right;
		width: 490px;
	}
		#footer li{
			list-style: none;
			float: left;
			margin: 0 5px;
		}
			#footer li a{
				color: #fff;
				font-size: .8em;
				text-decoration: underline;
			}
				#footer li a:hover{
					text-decoration: none;
				}