@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*my styles*/

body{ 
margin:0;
margin-top:20px; 
margin-bottom:20px; 
padding:0;  
background-color:#303030; 
background-image:url(../img/background.png); 
background-repeat:no-repeat; 
background-attachment:fixed;
}

#wrapper{ 
margin: 0 auto; 
padding: 0 ; 
width:960px; 
background-color:#fff; 
background-image:url(../img/wrapper_bg.png); 
background-repeat:repeat;  
}

#topnav{ 
float:right; 
padding-top:45px; 
}
#topnav	ul{ 
list-style-type:none;  
}
#topnav ul li{ 
display:inline; 
padding:0 0 0 40px; 
}
#topnav ul li a{ 
text-decoration:none; 
color:#333333; 
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
font-size:24px; 
}
#topnav ul li a:hover{
color:#F0AAAC;
}

#banner{ 
margin:0 auto; 
padding:0; 
height:110px; width:900px; 
background-repeat:no-repeat;
border-top:2px solid #6e6e6e; 
border-bottom:2px solid #6e6e6e;
}

#title{ 
margin:0 auto; 
position:absolute; 
left:502px; 
top:35px; 
z-index:2; 
}

#mainPlayer{
width:600px; 
height:338px; 
margin:0 auto; 
margin-top:20px; 
background-image:url(../img/loading.gif); 
background-repeat:no-repeat; 
background-position:center; 
}

.container{ 
overflow:visible; 
width: 900px; 
height:200px; 
margin:0 auto;
}
.container > div{ 
display: inline-block; 
}



.img-text{  
margin:0;  
display: none;  
}

.vid_title{ 
cursor: hand; 
cursor: pointer;
width:280px; 
margin-top:10px; 
text-align:center; 
}

.vid_title h2{ 
font-size:20px; 
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
}

#videoTitleMain{ 
width:160px; 
margin:0 auto;
}

#videoTitleMain	h2{ 
text-align:center; 
margin:15px 0 15px 0; 
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:36px;
cursor: pointer;
}

.video-thumbs-wrap{
	width: 900px;
	margin: 0 auto;
	font-size: 0;
}

.video-thumb {
	position: relative;
	display: inline-block;
	width: 200px;
}
.video-thumb + .video-thumb {
	margin-left: 33px;
}

.thumb-img{
	width: 200px;
	height: 150px;
}
.thumb-title{
	width: 200px;
}

.thumb-title p{
	margin-top: 10px;
	font-size: 20px;
	text-align: center;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
}

.thumb-overlay{
	height: 150px;
	width: 200px;
	position: absolute;
	top: 0;
	background-image: url('../img/play_overlay.png');
	opacity: 0;
	cursor: pointer;
}
.thumb-img:hover .thumb-overlay{
	opacity: 1;
}
.thumb-img:hover + .thumb-title p{
	text-decoration: underline;
}

h2				{color:#000;}
h2:hover		{color:#F0AAAC;}

#gallery		{margin:auto; margin-top:20px; width:900px; padding:0 auto;} 
#gal_pic		{width:290px; height:200px; float:left; margin:5px 5px 5px 5px; background-color:#000;}
#gal_pic img	{width:290px; height:200px; margin:0 auto; padding:0 auto; }
#gal_pic img:hover 	{opacity:0.9;}

#list-title		{ font-size:24px; text-decoration:underline;}

.line			{width:900px; margin: 0 auto; margin-top:20px; height:2px; background: #6e6e6e; margin-bottom:20px;}

footer			{margin-top:20px; width:100%; background-color:rgba(0,0,0,0.7); height:85px; text-align:center; padding-top:10px; border-top:2px solid black; }

footer ul li	{ color:#fff; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; }

a	{color:#fff; text-decoration:none;}
a:hover {color:#F0AAAC;}