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

/*----------------- 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:1px 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: -1px; }
#header.contentpage	{ height: 120px; position: relative; z-index: 100; }
#logo	{ position: absolute; top: 25px; left: 35px; width: 134px; height: 69px; }
#logo.contentpage	{ width: 209px; height: 111px; left: 37px; height: 35px; }

/*----------------- MENU -----------------*/
#menu		{ position: absolute; top: 25px; left: 455px; width: 515px; height: 8px; }
#menu li 	{ float: left; list-style: none; /*margin-right: 1px;*/ }
#menu li a  { display: block; float: left; height: 8px; color: #ccc; text-decoration: none; font-size: 11px; font-weight: normal; margin-right: 57px;  }

#menu li a#home			{ background: url(img/menu-home.gif) 0 0 no-repeat; width: 35px; height: 8px; text-indent: -9999px; overflow: hidden; }
#menu li a#services		{ background: url(img/menu-services1024.gif) 0 0 no-repeat; width: 58px; height: 8px; text-indent: -9999px; overflow: hidden; }
#menu li a#facility		{ background: url(img/menu-facility1024.gif) 0 0 no-repeat; width: 53px; height: 8px; text-indent: -9999px; overflow: hidden; }
#menu li a#about		{ background: url(img/menu-about1024.gif) 0 0 no-repeat; width: 62px; height: 8px; text-indent: -9999px; overflow: hidden; }
#menu li a#contact		{ margin-right: 0; background: url(img/menu-contact1024.gif) 0 0 no-repeat; width: 75px; height: 8px; text-indent: -9999px; overflow: hidden; }

#menu li a#home:hover, #menu li a#home.on	{ background: url(img/menu-home.gif) 0 -9px no-repeat; width: 35px; height: 8px; text-indent: -9999px; }
#menu li a#services:hover, #menu li a#services.on	{ background: url(img/menu-services1024.gif) 0 -9px no-repeat; width: 58px; height: 8px; text-indent: -9999px; }
#menu li a#facility:hover, #menu li a#facility.on	{ background: url(img/menu-facility1024.gif) 0 -9px no-repeat; width: 53px; height: 8px; text-indent: -9999px; }
#menu li a#about:hover, #menu li a#about.on			{ background: url(img/menu-about1024.gif) 0 -9px no-repeat; width: 62px; height: 8px; text-indent: -9999px; }
#menu li a#contact:hover, #menu li a#contact.on		{ background: url(img/menu-contact1024.gif) 0 -9px no-repeat; width: 75px; height: 8px; 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; }

#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: 31px; }
#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: 117px; position: relative; }
#columnWrapper.contentpage .rightCol.services, #columnWrapper.contentpage .rightCol.contact	{ padding-top: 0; }
#columnWrapper.contentpage .rightCol .img		{ margin-bottom: 38px; }

/*----------------- 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; }
#banner.contentpage .slide	{ position: absolute; top: 258px; right: 200px; font-weight: bold; color: #FFF; font-size: 14px; text-transform: uppercase; } 

/*----------------- CONTENT NAVIGATION -----------------*/
#contentNav					{ width: 1024px; /*height: 175px;*/ background: #330000; float: left; }
#contentNav.contact		    { height: 112px; }
#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; }

#contentNav table ul			{ margin: 0; padding: 0; list-style: none; }
#contentNav table li			{ color: #ccffff; line-height: 18px; }
#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; }
#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; }


/*----------------- HOME PAGE INTRO TEXT -----------------*/
.intro			{ color: #FFF; float: left; margin: 33px 65px 30px 34px; }
.intro p 		{ font-size: 12px; line-height: 25px; margin: 0 0 30px 0; }
.intro p span	{ font-size: 12px; 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;
	bottom: 152px;
	left: 14px;
	width: 170px;
	color: #FFF;
	font-size: 11px;
	line-height: 18px;
	_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	{ clear: both; height: 50px; width: 807px; }