@charset "utf-8";

h1 {display:none;}

/* Video gallery */

#video, #photo {
	background: #2d2d2d url(../gfx/video-background.jpg) no-repeat center bottom;
	margin: 0px auto;
	width: 920px;
	height:670px; height:auto!important; min-height:670px;
	position:relative;
}

#video h2, #photo h2 {	color:#FFF; padding:20px; text-shadow:0 1px 2px #000; font-size:32px; margin:0;}
	
	#vimeo {width:660px;  padding:50px 0 130px 0; margin:0 auto;/*position:absolute; bottom:140px; left:130px; text-align:center;*/}
	#vimeo * {display:block;}
	#vimeo .bar { background:url(../gfx/vimeo-bars.png) no-repeat center center; height:10px; width:100%;}
	#vimeo .bar.top {background-position:top;} #vimeo .bar.bottom {background-position:bottom;}
	#vimeo .middle {width:100%; background:#000;}
	#vimeo .middle object {margin:0; margin-left:10px; display:block;}


#video-list { background:#4f4f4f; padding:0 20px 20px 20px;}
	#video-list h2 {color:#FFF; padding:0; text-shadow:0 1px 1px #000; font-size:36px; margin:0px 0 20px 0;}
	#video-list ul { list-style:none; display:block; width:285px; margin:0; float:left; padding:0;}
	#video-list ul.middle { margin:0 10px; }
	#video-list ul li {margin:3px 0; padding:0;}
	#video-list ul li.head {color:#fff; font-size:14px; font-weight:900; text-decoration:none; text-shadow: 0 1px 0 #333; padding:2px; }
	#video-list ul li a {color:#d6d6d6; font-size:11px; text-decoration:none; text-shadow: 0 1px 0 #333; padding:2px; }
	#video-list ul li a:hover {color:#fff; text-shadow: 0 0 5px #fff;}
	#video-list ul li a.it {color:#fff; font-weight:900; text-shadow: 0 0 5px #fff;}

/* Photo Gallery */

#photo { height:400px; height:auto!important; min-height:400px; }
#photo h2 { font-size:24px}

#photo-gal {width:840px; padding:0 0 130px 0; margin:0 auto;}
	#photo-gal a, #photo-gal a:visited { width:140px; height:140px; background:url(../gfx/gal-thumb-back.png) center left no-repeat; float:left; margin: 35px 35px 0 0;}
	#photo-gal a.last {margin-right:0;}
		#photo-gal a img {margin:10px 0 0 10px}
	#photo-gal a:hover { background-position:center right; }
	
#photo-list { background:#4f4f4f; padding:0 20px 20px 20px;}
	#photo-list h2 {color:#FFF; padding:0; text-shadow:0 1px 1px #000; font-size:36px; margin:0px 0 20px 0;}
	#photo-list ul { list-style:none; display:block; width:430px; margin:0 0 0 20px; float:left; padding:0;}
	#photo-list ul.first {margin:0;}
	#photo-list ul li {margin:3px 0; padding:0;}
	#photo-list ul li.head {color:#fff; font-size:20px; font-weight:900; text-decoration:none; text-shadow: 0 1px 0 #333; padding:2px; }
	#photo-list ul li a {color:#d6d6d6; font-size:11px; text-decoration:none; text-shadow: 0 1px 0 #333; padding:2px; }
	#photo-list ul li a:hover {color:#fff; text-shadow: 0 0 5px #fff;}
	#photo-list ul li a.it {color:#fff; font-weight:900; text-shadow: 0 0 5px #fff;}



/* stuff on the dark bit */

.stripbox { float:left; width: 32%; margin-right:2%; }
.stripbox.last {margin:0;}
.stripbox h2 {font-size:2.2em; text-align:left; text-shadow:0 1px 1px #036;}
.stripbox a, .stripbox a:visited {font-size:1.2em; color:#CAF0FF; text-decoration:none; margin:0; line-height:1.5em; display:block; letter-spacing:0;}
.stripbox a:hover, .stripbox a:active {color:#fff; text-decoration:underline;}