/* OCEANS ALOFT CSS */

@import url( "/css/lightbox.css" ) ; /* lightbox effects */

body {
	top: 0 ;
	left: 0 ;
	background-color: #000 ;
	margin: 0 ;
	padding: 0 ;
	font-size: 12px ;
	font-family: Verdana, Arial, sans-serif ;
	color: #FFF ;
}
div#tight {
	margin: 0 ;
	background: #000 ;
	text-align: center ; /* ie5/windows hack to keep page centered */
}
div#wrap {
	margin: auto ;
	padding: 0 ;
	border: 0 ;
	width: 760px ; /* container table div */
	text-align: left ;
}
div#wrap table {
	margin: 0 ;
	padding: 0 ;
}
div#nav {
	margin-top: 30px ;
	font-family: Verdana, Arial, sans-serif ;
	color: #FFF ;
	text-transform: lowercase ;
}
div#nav ul {
	width: 760px ;
	clear: both ;
	list-style: none ;
	border: 0 ;
	margin: 0 ;
	height: 20px ; 
	padding-left: 0 ; 
	margin-left: 0 ;
	background-color: transparent ;
}
div#nav li {
	display: inline ;
	float:left;  
	border-right: 1px solid #FFF; 
	margin: 0 ;
	padding: 0 6px ;
}
div#nav span.active {
	color: #0376B9 ;
}
div#nav li.last {
	border-right: none ;
}
div#nav li a {
	color: #FFF ;
	font-weight: normal ;
	text-decoration: none ;
}
div#nav li a:hover {
	color: #9CF ;
}
div#content {
	border: 1px solid #000 ;
	border-bottom: none ;
	background: url( /images/layout/invertedwave2.jpg ) top center no-repeat ;
	min-height: 400px ;
	margin: 0 ;
	padding: 0 ;
}
div#content h1 {
	display: none ;
}
div#content img.title {
	text-align: left ;
	padding: 10px ;
	padding-bottom: 0 ;
	margin: 10px 0 0 10px ;
}
div#content div#introtext {
	float: left ;
	width: 350px ;
	margin: 0 ;
	padding: 5px ;
	/* background: url( /images/layout/introtextbkgrd.png ) repeat top left ; */
}
div#content div#randomimage {
	float: right ;
	width: 300px ;
	margin: 0 ;
	padding: 20px 40px 0 0 ;
}
div#content div#randomimage img {
	border: none ;
}
div#content div#introtext div#biglogo {
	padding-left: 90px ;
}
div#content div#introtext p {
	margin: 10px ;
	padding: 0 ;
	color: white ;
	font-family: Verdana, Arial, sans-serif ;
}
div#features {
	width: 760px ;
	clear: both ;
	border: 1px solid #000 ;
	border-bottom: none ;
	border-top: none ;
	background: #000 url( /images/layout/featurebkgrd2.jpg ) repeat-x top left ;
	margin: 0 auto ;
	display: block ;
	min-height: 180px ;
}
div#features p {
	font-family: Verdana, Arial, sans-serif ;
	font-size: 90% ;
	color: #333 ;
}
div#features p a {
	background: url( /images/layout/featurebullet.gif ) center right no-repeat ;
	padding-right: 20px;
}
div#features .featuresteaser {
	float: left ;
	width: 189px ;
	/* border-right: 1px solid #333 ; */
	border: none ;
	margin: 20px auto 20px auto ;
	text-align: center ;
}
div#features a, div#features a:visited, div#iframecontainer a, div#iframecontainer a:visited {
	text-decoration: underline ;
	color: #FFF ;
}
div#features a:hover, div#iframecontainer a:hover {
	color: #9CF ;
}
div#mainwindow {
	width: 700px ;
	margin: 0 auto ;
	padding: 10px ;
	padding-top: 0 ;
}
div#mainwindow h2 {
	font-family: Georgia, Times, serif ;
	font-size: 140% ;
	font-weight: normal ;
	letter-spacing: 2px ;
	color: #CCE6FF ;
	border-bottom: 1px solid #CCE6FF ;
	margin-top: 0 ;
}
div#mainwindow h3 {
	font-family: Georgia, Times, serif ;
	font-size: 120% ;
	font-weight: normal ;
	font-style: italic ;
	letter-spacing: 1px ;
	color: #CCFFE6 ;
}
div#mainwindow p {
	font-family: Verdana, Arial, sans-serif ;
	color: #FFF ;
	font-size: 100% ;
}
div#mainwindow ul li, div#mainwindow ol li {
	list-style-image: url(/images/layout/bullet.gif) ;
	line-height: 1.4em ;
}
div#mainwindow li em {
	color: #0394E8 ;
	font-style: italic ;
}
div#mainwindow ul.gaplist li {
	padding: 5px 0 ;
}
div#mainwindow a {
	color: #CCC ;
}
div#mainwindow a:hover {
	color: #9CF ;
}
div#mainwindow .imagebox {
	float: right ;
	padding: 0 ;
	margin: 0 0 30px 10px ;
}
div#mainwindow .imagebox p, div#imagesAndCaptions p {
	font-family: Georgia, Times, serif ;
	font-weight: normal ;
	font-style: italic ;
	letter-spacing: 1px ;
	color: #CCFFE6 ;
}
div#mainwindow .imagerow {
	padding: 0 ;
	margin: 0 auto ;
	text-align: center ;
}
div#mainwindow img.trim, div#iframecontainer img.trim {
	border: 1px solid #FFF ;
}
div#logo {
	width: 760px ;
	clear: both ;
	margin: 0 ;
	padding: 0 ;
	display: block ;
	background-color: #014C85 ;
	border: 1px solid #000 ;
	border-top: none ;
	border-bottom: none ;
}
div#logo img {
	padding: 10px ;
	margin: 0 ;
}
div#logo p {
	display: none ;
}
div#footer {
	width: 760px ;
	background-color: transparent ;
	color: #000 ;
	font-size: 80% ;
	font-weight: normal ;
	font-family: Verdana, Arial, sans-serif ;
}
div#footer div#footerleft {
	float: left ;
	width: 50% ;
	padding: 0 ;
	margin: 0 ;
	text-align: left ;
	text-transform: lowercase ;
}
div#footer div#footerright {
	float: right ;
	width: 50% ;
	padding: 0 ;
	margin: 0 ;
	text-align: right ;
}
div#footer a {
	color: #666 ;
}
div#footer div#footerleft ul {
	list-style: none ;
	padding: 0 ;
	margin: 0 ;
}
div#footer div#footerleft ul li {
	float: left ;
	display: inline ;
	padding: 0 4px ;
	margin: 0 ;
	border-right: 1px solid #666 ;
}
div#footer div#footerleft li.last {
	border-right: none ;
}
div#footer div#footerleft a:hover {
	color: #9CF ;
	text-decoration: underline ;
}
div#footer div#footerright p {
	margin: 0 ;
	padding: 0 ;
}