/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6	{ font-weight: bold; color: #1E1B1A; }


blockquote				{ border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }


li { font-family: helvetica, sans-serif; font-size: 12pt; margin-bottom: 9px; text-align: left; list-style: none; }

/* LINKS --------------------------- */
a:link, a:active, a:visited { color: #4499bb; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }


/* needed for IE to make :active state work first time */
a, a:visited {color:#4499bb;} 



body
{ font: 12px 'Helvetica,sans-serif'; height: 100%; min-height: 100%; 
	background: #fff;
	color: #000;
	margin: 0 auto;
}



img { border: 0;}

h1
{
	background: inherit;
	color: #000;
	font: 20px helvetica, sans-serif;
	margin: 30px 0 15px;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: bold;
}

p	{ line-height: 1.5em; 
	clear: both;
	font: 12px helvetica, sans-serif;
	text-align: left;
	background: #FFF;
	color: #000;
}


/* common classes */



.aligncenter			{ display: block; margin: 0 auto; }

.alignright			{ float: right; margin: 0 0 1em 1em; }

.alignleft			{ float: left; margin: 0 1em 1em 0; }

.floatleft			{ float: left; }

.floatright			{ float: right; }

.textright			{ text-align: right; }

.textleft			{ text-align: left; }


.center
{
	text-align: center;
}

.medium {
	text-transform: uppercase;
	font-size: medium;
}

.large {
	text-transform: uppercase;
	font-size: large;
}

.x-large {
	text-transform: uppercase;
	font-size: x-large;
}

.names { color: #4499bb; }


#banner {
	width: 960px;
	margin: 0 auto;
}

#crew li { font-size: 11pt; }

#navcontain {
	background: #000;
	padding: 1px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#nav {
	color: #fff;
	font-family: verdana;
	width: 960px;
	margin: 0 auto;
}

#nav a {
	color: #fff;
	display: block;
	padding: 0 25px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover {
	color: #4499BB;
}

#nav ul { 
	min-height: 40px;
	margin: 10px 0;
	padding: 0;
}

#nav li {
	float: left;
	list-style: none;
	width: 190px;
	padding: 0;
	margin: 0;
}

.title {
	font-size: 22px;
	display: block;
	font-weight: bold;
}

.sub {
	background: none;
	color: #fff;
	font-size: 9px;
	line-height: 3px;
	display: block;
}


p.about {
line-height: 20px;
padding: 10px;}


.buttons img {
padding: 0 8px;}

#content {
	width: 960px;
	margin: 0 auto;
}


#footcontainer {
	background: #000;
	min-height: 100px;
	padding: 10px;
	margin-top: 30px;
}

#footer {
	color: #fff;
	font-family: helvetica;
	width: 960px;
	margin: 0 auto;
}

#footer ul { 
	min-height: 100px;
	margin: 10px 0;
	padding: 0;
}
#footer li {
	float: left;
	list-style: none;
	padding: 0;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

#hoverbox p
{
	clear: both;
	font: 10px verdana, sans-serif;
	text-align: left;
	background: #FFF;
	color: #000;
	margin-top: 200px;
	padding-bottom: 11px;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox .photo_pop
{
	cursor: default;
}

.hoverbox .photo_pop .preview
{
	display: none;
}

.hoverbox .photo_pop:hover .preview
{
	display: block;
	position: absolute;
	top: -50px;
	left: -70px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	vertical-align: top;
	border: 0;
}

ul.hoverbox
{ 	min-height: 640px;
	padding: 0 10px;
	margin-left: 0; }

.hoverbox li
{
	background: #eee;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	padding: 0 10px;
}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox .photo_pop
{
	position: relative;
}

.hoverbox .photo_pop:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox .photo_pop:hover .preview
{
	top: -50px;
	left: -70px;
}

.hoverbox li
{
	position: static;
}