@charset "utf-8";
html,body{
	margin:0;
	padding:0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background:url(../img/background.jpg) no-repeat center top;
	text-align: center;
	color: #000000;
	min-width:862px;  
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#fff;
	text-decoration:none;
}
img{
	border:0;
}

.hidden{
	display:none;
}

#container {
	background:url(../img/bodyshade-trans.png) no-repeat top left;
	padding:0;
	width: 856px;  
	margin: 0 auto; 
	text-align:left;
	position:relative;
	height:876px;
	padding:0 16px;
}
#containerBg{
	width:856px;
	height:857px;
	background:url(../img/body.jpg) no-repeat top left;
}

#header {
	color:#fff;
	width:100%;
	height:248px;
}
#shuttleBanner{
	height:221px;
}
#shuttleBanner p{
	display:none;
}

/* ******************************* navigation ************************************* */

.mainNav,
.mainNav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.mainNav{
	height:27px;
}
.mainNav{
	border-left:360px solid black;
	text-align:center;
	width:497px;
}
.mainNav li{
	display:block;
	float:left;
	margin:0 0 1px 1px;
}
.mainNav li a{
	color:#fff;
	position:relative;
	background-color:#000;
	line-height:27px;
	display:block;
	width:123px;
	z-index:1000;
}
.mainNav li.current > a{
	color:#666;
}
.mainNav li li:hover > a{
	text-decoration:none;
	background-color:transparent;
	color:#fff;
}

.mainNav > li:hover > a{
	color:#666;
}

.mainNav li span{
	position:absolute;
	z-index:50;
	width:123px;
	height:27px;
	display:block;
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50)
}

.mainNav .unhover ul,
{
	left:-999em !important;

}
.mainNav li ul{
	position:absolute;
	left:-999em;
	width:123px;
	border-top:1px solid transparent;
	z-index:1000;
}
.mainNav .hover ul,
.mainNav li:hover ul{
	left:auto;
}

#pageNav,
#subMenu{
	text-align:right;
	margin-right:26px;
	line-height:28px;
}

#pageNav a,
#videoList a,
#subKey a,
#subMenu a{
	color:#000;
	cursor:pointer;
	cursor:hand;
	white-space:nowrap;
	padding-right:1em;
}
#pageNav a:hover,
#videoList a:hover,
#subKey a:hover,
#subMenu a:hover{
	color:#fff;
}
#pageNav a.current,
#videoList a.current,
#subKey a.current,
#subMenu a.current{
	color:#fff;
}
/* ******************************* content ************************************* */

#themeImage{
	position:absolute;
	top:183px;
	left:16px;
	width:287px;
	height:491px;
	background-position:top left;
	background-repeat:no-repeat;
}

#mainContent {
	clear:left;
	margin:100px 0 0 287px;
	text-align:left;
	color:#000;
}

#mainContent p{
	margin:0;
	padding:0;
	line-height:21pt;
}

#mainContent .rightCol li{
	text-align:left;
}
#mainContent .leftCol{
	width:234px;
	float:left;
	text-align:right;
}
#mainContent .leftCol ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainContent .rightCol{
	border-left:1px solid #fff;
	padding-left:16px;
	margin:0 40px 0 244px;
	text-align:justify;
	line-height:28px;
}
#mainContent .oneCol{
	border-left:1px solid #fff;
	padding-left:16px;
	margin:0 40px 0 140px;
	text-align:justify;
	line-height:28px;
}
#mainContent .fullCol{
	border-left:1px solid #fff;
	padding-left:16px;
	margin-bottom:20px;
}

#mainContent .mainKey,
#mainContent .subKey{
	line-height:36px;
	margin:0;
	padding:0;
	font-size:14px;
	}
#mainContent .mainKey{
	font-size:19px;
}
#mainContent .subKey{
}

#videoWrapper{
	border:1px solid #fff;
}
#videoReplacement{
	display:block;
	height:200px;
}
#videoContainer{
	display:block;
	padding:50px 0 0 0;
	height:420px;
}
p#videoReplacement{
	text-align:center;
	padding-top:80px;
	height:120px;
}
.videoComment{
	display:none;
	padding-bottom:64px;
}
.videoComment h3{
	font-size:10pt;
	margin-bottom:0;
	padding-bottom:0;
}
ul.simple{
margin:0 2em 0 0;
padding:0;
}
ul.simple li{
list-style:none;
}
/* ******************************* gallery ************************************* */

#pageNav{
	text-align:center;
}
#galleryContainer{
	width:570px;
	height:420px;
	overflow:hidden;
	position:relative;
}
#galleryImages{
	position:relative;
}
.galleryImage{
	float:left;
	margin:0 5px 5px 0;
	height:135px;
	position:relative;
	width:180px;
}
.galleryImage img{
	border:1px solid #fff;
	cursor:pointer;
	cursor:hand;
	position:relative;
	display:block;
}
.galleryImage img:hover{
	border:1px solid #000;
}
#galleryFullImageContainer{
	cursor:pointer;
	cursor:hand;
}
.ui-dialog-container{
	border:3px solid #666;
	background-color:#000;
}
.ui-dialog-titlebar,
.ui-dialog-buttonpane,
.ui-dialog-titlebar-close-hover,
.ui-dialog-titlebar-close{
	display:none;
}
.ui-dialog-content{
}
	

/* ******************************* form ************************************* */

form,
fieldset{
	border:0;
	margin:0;
	padding:0 20px 0 0;
}
fieldset .full{
	width:533px;
}
p.error{
	color:#F00;
}
input.error,
textArea.error{
	border:1px solid #f00;
}

form .submit,
label{
	color:#FFF;
}
textarea,
input{
	padding:1px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}
form .formField{
	padding-bottom:5px;
}

form .submit{
	text-align:right;
}
form .submit a{
	color:#fff;
	cursor:pointer;
	cursor:hand;
}
form .submit a:hover{
color:#000;
}
#address{
padding-top:20px;
line-height:20px;
}
address{
font-style:normal;
float:left;
padding-right:25px;
}

.underConstruction{
	background:url(../img/under-construcion-trans.png) no-repeat;
	width:380px;
	height:401px; 
	text-align:center;
	color:#FFF;
 }
/* ******************************* footer ************************************* */

#footer {
	width:858px;
	height:27px;
	background:#000;
	position:absolute;
	bottom:9px;
	color:#fff;
	clear:both;
}
#footer ul{
	margin:0;
	padding:0;
	height:27px;
	list-style:none;
}
#footer .listSeparator{
	height:27px;
	background:url(../img/listSeparator.jpg) center left no-repeat;
}
#footer ul li{
	display:block;
	float:left;
	height:27px;
	background:url(../img/listSeparator.jpg) center left no-repeat;
}
#footer ul li.first{
background:none;
}
#footer a{
	color:#fff;
	padding:0 0.5em 0 1em;
	line-height:27px;
}
#footer a:hover{
	color:#666;
}
#footer span{
	float:right;
	line-height:27px;
	padding-right:1em;
}
