/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
body {text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #999999;}

h1 {color: #ffff00;}
h5 {color: #CCCC99; font-size: 12px; text-align: left;}
a {color:#CCCC99;}
a:hover {text-decoration:none; color: #ff6666; }
a:visited {color:#CCCC99;}

#container {
	margin: auto;
	width: 800px;
	height: auto;
	background-color: #FFF;
	text-align: center;
	background-image: url(bg2.jpg);
	border-color: #FFFF99;
	border-style: groove;
	border-width: thick;
	color: #000000;
}

/* slides styling */

.photo {padding:20px; background:#222; width:600px; height:330px; text-align:left;}
.photo h1 {font-size:10px; font-weight:normal; color:#CCCC66; margin:0 0 0 5px; padding:3px;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#333; border:1px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(pics/arrow.gif) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#ffff00;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#ffff00;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:260px; top:0; width:240px; height:320px; border:1px solid #ffff00; padding:5px 45px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:260px; top:0; width:320px; height:240px; border:1px solid #ffff00; padding:45px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:150px; border:1px solid #ffff00; top:165px; left:0; color:#ddd; font-weight:normal; padding:6px;}


#showcase {clear:both; width:1000px; background:#bc8f8f; height:auto; border:1px solid #aaa; border-width:1px 0;}

#info {background-color: #999999; 
	background-repeat: repeat; padding:60px;}

#info_right {display:block; float:right; width:230px; padding:10px; color:#fff;}

#info_right p {margin:0 0 10px 0;}

#info_right form fieldset {padding:0; border:0; margin:0 0 0 5px;}

#info_right ol {margin-top:40px;}

#info_right ol li {margin-bottom:5px;}

#info_right li a, #info_right li a:visited {color:#fff; font-size:11px; text-decoration:none;}

#info_right li a:hover {text-decoration:underline;}



#info h2 {font-family:"times new roman", serif; font-size:2em; margin:0; text-align:left; margin:15px 0 10px 0; color:#FFFF00;}

#info h6 {font-family:"times new roman", serif; font-size:1em; margin:0; text-align:left; margin:15px 0 10px 0; color:#000;}

#info h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0 0 0 0; color:#ffff00; text-align:left; margin-bottom:10px;}

#info_right h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#fff;}

#info_right_home {float:left; width:250px; overflow:hidden;}

#info_right_home a img {border:0; display:block;}

.news {
	width: 400px;
	height: auto;
	border: 0px;
	border-color: Gray;
	
	clear: right;
	float: right;
	text-align: left;
	border-style: solid;
	color: #000;
	font-size: 12px;
	padding: 2px;
}
.news h4 {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;	
}
.news a {
	color: #00f;	
	text-decoration: none;
}
.news a:hover {
	color:#6B78A9;
	text-decoration: underline;
}
.a-imdb a:hover {
	color:#fff;
	text-decoration: underline;
}
.a-imdb a {
	color: #ffff00;	
	text-decoration: underline;
}
.ok a:hover {
	color:#fff;
	text-decoration: underline;
}
.ok a {
	color: #ffff00;	
	text-decoration: underline;
}

.ok {font-family:"times new roman", serif; font-size:1em; margin:0; text-align:left; margin:15px 0 10px 0; color:#000;}