@charset "utf-8";
/*
Wharf Research
Title: Default CSS
Date: June 2009
Author:  Pasquale Scerbo (pasquale@waveactive.com)

Wharf Research
revised ccs
date: nov/dec 2010
author: eyeflow designs - william bowen
*/

/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/
div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-wei/hr-gray.gifght:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:0px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft    { float: left; }
.floatRight { float: right; }
.png    { _behavior: url(/common/css/iepngfix.htc); }
.cleaner    { clear: both; }
.clear1    { clear: both; height: 1px; font-size: 1%; _height: 0; }
.clear5    { clear: both; height: 5px; }
.clear10    { clear: both; height: 10px; }
.clear20    { clear: both; height: 20px; }
a     { outline: none; }
label { cursor: pointer; }

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; padding: 0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; }

a		{ color: #ccffff; text-decoration: none; }
a:hover	{ text-decoration: underline; }


/*----------------- CONTAINERS -----------------*/
#mainContainer	{ width: 1024px; position: relative; margin: auto; }

/*----------------- HEADER -----------------*/
#header	{ background: #FFF; width: 1025px; height: 84px; position: relative; z-index: 80; margin-left: 0px; }
#header.contentpage	{ height: 120px; position: relative; z-index: 100; }
#logo	{ position: absolute; top: 25px; left: 35px; width: 134px; height: 69px; }
#logo2	{
	position: absolute;
	top: 55;
	left: 20;
	width: 180px;
	height: 55;
}
#logo.contentpage	{ width: 209px; height: 111px; left: 37px; height: 35px; }

/*----------------- MENU -----------------*/
#menu		{ position: absolute; top: 30px; left: 395px; width: 850px; height: 16px; }
#menu li 	{ float: left; list-style: none; margin-right: 0px; }
#menu li a  { display: block; float: left; height: 16px; color: #000; text-decoration: none; font-size: 11px; font-weight: normal; margin-right: 47px;  }

#menu li a#home			{ background: url(img/menu-home.gif) 0 0 no-repeat; width: 54px; height: 12px; text-indent: -9999px; overflow: hidden; }
#menu li a#services		{ background: url(img/menu-services1024.gif) 0 0 no-repeat; width: 116px; height: 12px; text-indent: -9999px; overflow: hidden; }
#menu li a#facility		{ background: url(img/menu-facility1024.gif) 0 0 no-repeat; width: 73px; height: 12px; text-indent: -9999px; overflow: hidden; }
#menu li a#about		{ background: url(img/menu-about1024.gif) 0 0 no-repeat; width: 115px; height: 12px; text-indent: -9999px; overflow: hidden; }
#menu li a#contact		{ margin-right: 0; background: url(img/menu-contact1024.gif) 0 0 no-repeat; width: 80px; height: 12px; text-indent: -9999px; overflow: hidden; }

#menu li a#home:hover, #menu li a#home.on	{ background: url(img/menu-home.gif) 0 -13px no-repeat; width: 54px; height: 12px; text-indent: -9999px; }
#menu li a#services:hover, #menu li a#services.on	{ background: url(img/menu-services1024.gif) 0 -13px no-repeat; width: 116px; height: 12px; text-indent: -9999px; }
#menu li a#facility:hover, #menu li a#facility.on	{ background: url(img/menu-facility1024.gif) 0 -13px no-repeat; width: 73px; height: 12px; text-indent: -9999px; }
#menu li a#about:hover, #menu li a#about.on			{ background: url(img/menu-about1024.gif) 0 -13px no-repeat; width: 115px; height: 12px; text-indent: -9999px; }
#menu li a#contact:hover, #menu li a#contact.on		{ background: url(img/menu-contact1024.gif) 0 -13px no-repeat; width: 80px; height: 12px; text-indent: -9999px; margin-right: 0; }

/*----------------- COLUMNS -----------------*/
#columnWrapper				{ float: left; width: 1024px; position: relative; min-height: 500px; _height: 500px; }
#columnWrapper.home			{ background: url(img/bg_homepage.gif) repeat-y; }
#columnWrapper.contentpage	{ background: #6699cc; position: relative; background: url(img/bg_contentpage.gif) repeat-y; }
#columnWrapper.contentpage1	{ background: #112243; position: relative; background: url(img/bg_contentpage.gif) repeat-y; }

#leftCol			{ float: left; width: 216px; }
#leftCol .colorBar	{ background: #112243; height: 51px; margin: 54px 0 15px 0; }
#leftCol .content				{ margin: 0; width: 190px; float: left; padding: 0 12px 25px 12px; clear: both; }
#leftCol .content .title		{ color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-bottom: 20px; }
#leftCol .content ul			{ margin: 0; padding: 0; list-style: none; }
#leftCol .content li, #leftCol .content li a			{ color: #ccffff; font-size: 11px; line-height: 22px; display: block; text-decoration: none; }
#leftCol .content li a:hover	{ text-decoration: underline; }

#rightCol	{ float: left; width: 808px; }

/*Content Page Columns*/
#columnWrapper.contentpage .leftCol				{ float: left; width: 586px; color: #FFF; padding: 27px 37px; }
#columnWrapper.contentpage .leftCol h1			{ font-size: 19px; margin-bottom: 15px; }
#columnWrapper.contentpage .leftCol h2			{ text-transform: uppercase; font-size: 14px; margin-bottom: 15px; }
#columnWrapper.contentpage .leftCol h2 a		{ color: #ccffff; text-decoration: none; }
#columnWrapper.contentpage .leftCol h2 a:hover	{ text-decoration: underline; }

#columnWrapper.contentpage .leftCol h3			{ text-transform: uppercase; font-size: 13px; margin-bottom: 15px; margin-top: 20px; margin-bottom: -10px; }

#columnWrapper.contentpage .leftCol p	{ line-height: 18px; }
#columnWrapper.contentpage .leftCol p span	{ font-size: 14px; }
#columnWrapper.contentpage .leftCol ul	{ margin: 5px 0 0 0; padding: 0; list-style: none; }
#columnWrapper.contentpage .leftCol li	{ padding-left: 25px; background: url(img/bullet-white.gif) 3px 6px no-repeat; padding-bottom: 5px; }


#columnWrapper.contentpage .rightCol 			{ float: left; width: 364px; padding-top: 0px; position: relative; }
#columnWrapper.contentpage .rightCol.services, #columnWrapper.contentpage .rightCol.contact	{ padding-top: 0; }
#columnWrapper.contentpage .rightCol .img		{ margin-bottom: 0px; }

/*----------------- BANNER -----------------*/
#banner	{ float: left; width: 808px; height: 357px; background: #FFF; }

/*Comment to display banner controls for home page*/
.navpanellayer	{ display: none; }

#banner.contentpage			{ width: 1024px; height: 285px; position: relative; background: #FFF; clear: both; }
#banner.contentpage a		{ text-decoration: none; color: #FFF; }
#banner.contentpage .title	{
	position: absolute;
	top: 250px;
	font-weight: normal;
	left: 37px;
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	width: 950px;
}
#banner.contentpage .slide	{
	position: absolute;
	top: 335px;
	right: 844px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
} 

/*----------------- CONTENT NAVIGATION -----------------*/
#contentNav					{ width: 1024px; height: 80px; background: #330000; float: left; }
#contentNav.contact		    { height: 20px; }
#contentNav .left			{ width: 617px; padding: 12px 10px 13px 37px; float: left; }
#contentNav .left .title	{ color: #FFF; font-size: 14px; text-transform: uppercase; margin-bottom: 21px; }

#contentNav .left ul			{ margin: 0; padding: 0; list-style: none; }
#contentNav .left li			{ color: #ccffff; line-height: 18px; }
#contentNav .left li a			{ color: #ccffff; text-decoration: none; font-size: 12px; }
#contentNav .left li a:hover	{ text-decoration: underline; }

#contentNav .right	{ width: 290px;  float: left; padding: 98px 0 0 11px; }
#contentNav.contact .right	{ padding-top: 30px; }


#contentNav table				{ width: 1024px; height: 175px; }
#contentNav table.contact		{ height: 112px; }
#contentNav table tr.bottom td	{ vertical-align: bottom; padding: 0 15px 15px 37px; }
#contentNav table tr.top td		{
	vertical-align: top;
	padding: 0 15px 15px 37px;
	color: #ccffff;
}

#contentNav table ul			{ margin: 0; padding: 0; list-style: none; }
#contentNav table li			{
	color: #FFF;
	line-height: 18px;
	font-weight: bold;
}
#contentNav table li a			{ color: #ccffff; text-decoration: none; font-size: 12px; }
#contentNav table li a:hover	{ text-decoration: underline; }

#contentNav table td.title		{ color: #FFF; font-size: 14px; text-transform: uppercase; margin-bottom: 21px; padding: 12px 0 8px 37px; }

#contentNav td.right			{ vertical-align: bottom; }
#contentNav td.right ul			{
	margin: 0;
	padding: 0;
	list-style: none;
	font-style: normal;
	font-weight: normal;
}
#contentNav td.right li			{ color: #ccffff; text-transform: uppercase; line-height: 20px; }
#contentNav td.right li a		{ color: #ccffff; text-decoration: none; font-size: 12px; }
#contentNav td.right li a:hover	{
	text-decoration: underline;
	font-weight: normal;
}


/*----------------- HOME PAGE INTRO TEXT -----------------*/
.intro			{ color: #FFF; float: left; margin: 33px 65px 30px 34px; }
.intro p 		{
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 30px 0;
}
.intro p span	{ font-size: 13px; font-weight: bold; }

/*----------------- HOME PAGE KWICKS ANIMATION -----------------*/
#banner ul.kwicks 	{ float: left; margin: 0; padding: 0; list-style: none; position: relative; }
#banner .kwicks li 	{ float: left; position: relative; width: 339px; height: 446px; margin-right: 5px; overflow: hidden; }
#banner #kwick1 	{ background-image: url("img/wi-banner1.jpg"); }
#banner #kwick2 	{ background-image: url("img/wi-banner2.jpg"); }
#banner #kwick3 	{ background-image: url("img/wi-banner3.jpg"); }

#banner .kwicks2 li 	{ float: left; position: relative; width: 964px; height: 446px; margin-right: 5px; overflow: hidden; }

/*----------------- IMAGE GALLERY -----------------*/
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
overflow: hidden; }

#simplegallery1 .gallerydesctext{ 
text-align: left; padding: 2px 5px; }

/*----------------- ADDRESS -----------------*/
#address			{
	position: absolute;
	top: 130px;
	left: 14px;
	width: 170px;
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
	_visibility: invisible;
	height: 164px;
}
#address a			{ color: #FFF; text-decoration: none; }
#address a:hover	{ text-decoration: underline; }

#address2			{ padding: 20px 0 20px 87px; color: #330000; font-size: 11px; line-hegiht: 18px; }
#address2 a			{ color: #330000; text-decoration: none; }
#address2 a:hover	{ text-decoration: underline; }

/*----------------- CONTACT INFO -----------------*/
#contactInfo	{ float: left; width: 318px; padding: 0 23px 21px 23px; color: #330000; }
#contactInfo h2 { font-size: 15px; }
#contactInfo a	{ color: #330000; }

/*----------------- jQuery lightBox plugin - Gallery Style -----------------*/
#gallery { }
#gallery ul 	{ list-style: none; }
#gallery ul li 	{ display: inline; }
#gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; }
#gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; }
#gallery ul a:hover { color: #fff; }

/*----------------- MISC -----------------*/
.spacer	    { background: #fff; clear: both; height: 40px; width: 808px; font-size: 11px; color: #330000; text-align:center; padding-top:10px;}
.spacer1	{ background: #fff; clear: both; height: 40px; width: 1024px; font-size: 11px; color: #330000; text-align:center; padding-top:10px; margin-top:100px;}
.spacer2	{ background: #fff; clear: both; height: 40px; width: 1024px; font-size: 11px; color: #330000; text-align:left; text-indent:10px; padding-top:10px; margin-top:86px;}
.spacer3	{ background: #fff; clear: both; height: 40px; width: 1024px; font-size: 11px; color: #330000; position: relative; text-align:center; padding-top:10px; margin-top:100px; margin-left:163px;}
.facilitynavboxleft {
	color: #FFF;
}