/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #666666;
	text-align				: center;
	margin					: 10px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #EDE9E4;
}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 780px;
	min-height				: 580px;
	margin					: 0px auto 0px auto;
	padding					: 10px 10px 10px 10px;
	text-align				: left;
	border					: 1px solid #CCCCCC;
	display					: block;
}

*html #container{
	height					: 580px;
}


/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 11px;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 16px;
	font-weight				: bold;
	color					: #666666;
}


h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 12px;
	font-weight				: bold;
	color					: #666666;	
}


#content ul {
	margin					: 10px 0px 10px 5px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
	font-size				: 11px;
	clear					: both;	
}

#content ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 5px 15px;
	line-height				: 1.4em;
	background				: url('../images/bullet.gif') top left no-repeat;
}

a{
	color					: #666666;
	text-decoration			: underline;
}

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



/*##################
#### NAVIGATION ####
##################*/ 

#navigation{
	width					: 780px;
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: block;
}

ul#navMain{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 780px;
	height					: 35px;
}

ul#navMain li{
	display 				: inline;
}

ul#navMain li a{
	margin					: 1px 0px 0px 0px;
	padding					: 0px 23px 0px 23px;
	display 				: block;
	float 					: left;
	color					: #A8A8A8;
	text-decoration 		: none;
	font-size 				: 13px;
	line-height				: 2.6em;
	text-align				: center;
	height 					: 33px;
	font-weight				: normal;
	border-right			: 1px solid #E0E2E4;
}


#navMain li a:hover{
	text-decoration 		: none;
	color					: #FFFFFF;
	background-color		: #D1CCE1
}

#navMain li a.selected{
	text-decoration 		: none;
	color					: #FFFFFF;
	background-color		: #BDB5D5
}



/*###############
#### CONTENT ####
###############*/ 

#contentHome{
	display 				: block;
	width					: 390px;	
	height					: 140px;
	margin					: 400px 0px 0px 345px;
	padding					: 0px 20px 0px 20px;
}

#content{
	display 				: block;
	width					: 380px;	
	height					: 420px;
	margin					: 70px 10px 15px 0px;
	padding					: 0px 20px 0px 20px;
	float					: right;
}


/* ---- gallery ---- */
#gallery{
	display 				: block;
	width					: 320px;	
	height					: 420px;
	margin					: 22px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	float					: left;
}

*html #gallery{
	width					: 310px;	
	margin					: 22px 0px 0px 3px;
}



/* ---- print button ---- */
.print a{
	margin					: -35px 0px 0px 0px;
	padding					: 0px 35px 0px 0px;
	float					: right;
	height					: 30px;
	line-height				: 2.5em;
	font-size				: 90%;
	background				: url('../images/print.gif') top right no-repeat;
	text-decoration			: none !important;
}

.print a:hover{
	text-decoration			: underline !important;
}


.teaserVideo{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 70px;
	float					: left;
	height					: 53px;
	line-height				: 4.5em;
	font-size				: 90%;
	background				: url('../images/film.gif') center left no-repeat;
	text-decoration			: none !important;
}

.teaserVideo:hover{
	text-decoration			: underline !important;
}



/*################
##### FOOTER #####
################*/ 

#footer{
	display 				: block;
	width					: 380px;	
	height					: 35px;
	margin					: 0px 10px 0px 0px;
	padding					: 0px 20px 0px 20px;
	float					: right;
}

#tblFooter{
	width					: 380px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#tblFooter td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


/* ---- footer prev/next buttons ---- */
.footerPrevNone, .footerNextNone{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 30px;
	background				: url('../images/prevArrow1.gif') left no-repeat;
	color					: #999
}

.footerNextNone{
	padding					: 0px 30px 0px 0px;
	background				: url('../images/nextArrow1.gif') right no-repeat;
}

.footerPrev a, .footerNext a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 30px;
	background				: url('../images/prevArrow.gif') left no-repeat;
	text-decoration			: none !important;
}

.footerNext a{
	padding					: 0px 30px 0px 0px;
	background				: url('../images/nextArrow.gif') right no-repeat;
}

.footerPrev a:hover, .footerNext a:hover{
	text-decoration			: underline !important;
}



/*##############
##### MISC #####
##############*/ 

.lang{
	display 				: block;
	width					: 90px;	
	height					: auto;
	margin					: 350px 10px 0px 0px;
	padding					: 0px;
	float					: right;
	text-align				: center;
}


.lang a{
	display 				: block;
	width					: 63px;	
	height					: 13px;
	margin					: 2px 0px 0px 0px;
	padding					: 3px 10px 3px 10px;
	border					: 1px solid #999;
	background-color		: #CCC;
	text-align				: center;
	text-decoration			: none !important;
}

.lang a:hover{
	background-color		: #999999;
	border					: 1px solid #666;
	color					: #FFFFFF;
	cursor					: pointer;
	text-decoration			: none !important;
}