/* ---------------
General Tags 
----------------*/

body {
	background-color: #000;
	margin: 0;
	padding: 0;
	height: 100%; 
	color: #FFF;
	font: 80% Verdana, Arial, "MS Trebuchet", sans-serif;
}

a {
	color: #FFF;
}

br.clear {
	clear:both;
}

/* ---------------
Index Page 
----------------*/

#homebackdrop {
	background: url('../images/home_backdrop.gif');
	height: 100%;
	width: 100%;
}

#logo {
	text-indent: -5000px;
	background: url('../images/logo.gif');
	width: 515px;
	height: 155px;
	margin: 0 0 0 50px;
	float: left;
}

#gallery37Logo {
	text-indent: -5000px;
	background: url('../images/gallery37_logo.gif');
	width: 189px;
	height: 89px;
	margin: 10px 0 0 770px;
}

#more_info {
	display: block;
	text-indent: -5000px;
	background: url('../images/home_moreinfo_off.gif');
	width: 175px;
	height: 71px;
	margin: -95px 0 0 770px;
}

#more_info {
	display: block;
	text-indent: -5000px;
	background: url('../images/home_moreinfo_off.gif');
	width: 175px;
	height: 71px;
	margin: -65px 0 0 770px;
}

#opening {
	width: 400px;
	margin: 0 0 0 160px;
}

/* Video Menu */
#videos {
	background: transparent url('../images/home_filmstrips_backdrop.jpg') no-repeat top left;
	width: 803px;
	height: 354px;
	margin: 130px 0 0 130px;
	padding: 55px 0 0 40px;
	clear: both;
	
	list-style-type:none;
}

#videos li {
	float: left;
	margin: 0 8px 0 8px;
}

#videos a {
	display:block; 
	width:120px; 
	height:0; 
	padding-top:96px; 
	overflow:hidden;
}

/* Video Items */
#videos li#video1 {background: transparent url('../images/film_images/film_01.jpg'); margin: 0 17px 0 4px;}
#videos li#video2 {background: transparent url('../images/film_images/film_02.jpg'); margin: 0 17px 0 0;}
#videos li#video3 {background: transparent url('../images/film_images/film_03.jpg'); margin: 0 17px 0 0;}
#videos li#video4 {background: transparent url('../images/film_images/film_04.jpg'); margin: 2px 17px 0 0;}
#videos li#video5 {background: transparent url('../images/film_images/film_05.jpg'); margin: 3px 17px 0 0; }
#videos li#video6 {background: transparent url('../images/film_images/film_06.jpg'); margin: 47px 17px 0 8px;}
#videos li#video7 {background: transparent url('../images/film_images/film_07.jpg'); margin: 49px 17px 0 0;}
#videos li#video8 {background: transparent url('../images/film_images/film_08.jpg'); margin: 50px 17px 0 0;}
#videos li#video9 {background: transparent url('../images/film_images/film_09.jpg'); margin: 52px 17px 0 0;}
#videos li#video10 {background: transparent url('../images/film_images/film_10.jpg');  margin: 54px 17px 0 0;}

#videos a#videoLink1 {background:transparent url('../images/film_images/film_01_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink2 {background:transparent url('../images/film_images/film_02_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink3 {background:transparent url('../images/film_images/film_03_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink4 {background:transparent url('../images/film_images/film_04_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink5 {background:transparent url('../images/film_images/film_05_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink6 {background:transparent url('../images/film_images/film_06_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink7 {background:transparent url('../images/film_images/film_07_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink8 {background:transparent url('../images/film_images/film_08_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink9 {background:transparent url('../images/film_images/film_09_on.jpg') -120px -96px no-repeat;}
#videos a#videoLink10 {background:transparent url('../images/film_images/film_10_on.jpg') -120px -96px no-repeat;}

#videos a#videoLink1:hover {background-position:0 0; z-index:50;}
#videos a#videoLink2:hover {background-position:0 0; z-index:50;}
#videos a#videoLink3:hover {background-position:0 0; z-index:50;}
#videos a#videoLink4:hover {background-position:0 0; z-index:50;}
#videos a#videoLink5:hover {background-position:0 0; z-index:50;}
#videos a#videoLink6:hover {background-position:0 0; z-index:50;}
#videos a#videoLink7:hover {background-position:0 0; z-index:50;}
#videos a#videoLink8:hover {background-position:0 0; z-index:50;}
#videos a#videoLink9:hover {background-position:0 0; z-index:50;}
#videos a#videoLink10:hover {background-position:0 0; z-index:50;}

/* Video Menu Hack */
* html #videos a:link, * html #videos a:visited {height:94px; he\ight:0;}

/* ---------------
Video Pages - all
----------------*/

.videoHolder {
	background: transparent url('../images/video_frame.gif') no-repeat top left;
	width: 488px;
	height: 413px;
	margin: 0 0 0 235px;
	padding: 28px 0 0 35px;
}

.videoHolderLocal {
	background: transparent url('../images/video_frameLocal.gif') no-repeat top left;
	width: 588px;
	height: 482px;
	margin: 0 0 0 235px;
	padding: 55px 0 0 55px;
}

#home {
	display: block;
	text-indent: -5000px;
	background: url('../images/video_home.gif');
	width: 108px;
	height: 100px;
	margin: 0 0 0 50px;
	clear: both;
	float: left;
}

#prev_next {
	position: absolute;
	top:450px
}

#prev {
	display: block;
	text-indent: -5000px;
	background: url('../images/video_prev.gif');
	width: 136px;
	height: 111px;
	margin: 0 0 0 50px;
	float: left;
}

#next {
	display: block;
	text-indent: -5000px;
	background: url('../images/video_next.gif');
	width: 135px;
	height: 93px;
	margin: 0 0 0 750px;
}

#next {
	display: block;
	text-indent: -5000px;
	background: url('../images/video_next.gif');
	width: 135px;
	height: 93px;
	margin: 0 0 0 850px;
}

#content {
	margin: 0 0 0 235px;
	width: 400px;
}

#bio {
	padding: 25px 0 0 0;
}

#bio_image {
	float: left;
}

/* ---------------
Video Pages - specific
----------------*/

#video1_backdrop {
	height: 100%;
	width: 100%;
}

#video1_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_1.gif') no-repeat;
	width: 446px;
	height: 117px;
	margin: 80px 0 0 270px;
}

#video2_backdrop {
	height: 100%;
	width: 100%;
}

#video2_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_2.gif')no-repeat;
	width: 255px;
	height: 133px;
	margin: 80px 0 0 340px;
}

#video3_backdrop {
	height: 100%;
	width: 100%;
}

#video3_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_3.gif')no-repeat;
	width: 237px;
	height: 143px;
	margin: 80px 0 0 360px;
}

#video4_backdrop {
	height: 100%;
	width: 100%;
}

#video4_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_4.gif')no-repeat;
	width: 381px;
	height: 121px;
	margin: 80px 0 0 300px;
}

#video5_backdrop {
	height: 100%;
	width: 100%;
}

#video5_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_5.gif')no-repeat;
	width: 400px;
	height: 133px;
	margin: 80px 0 0 280px;
}

#video6_backdrop {
	height: 100%;
	width: 100%;
}

#video6_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_6.gif')no-repeat;
	width: 189px;
	height: 207px;
	margin: 80px 0 0 370px;
}

#video7_backdrop {
	height: 100%;
	width: 100%;
}

#video7_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_7.gif')no-repeat;
	width: 285px;
	height: 129px;
	margin: 80px 0 0 350px;
}

#video8_backdrop {
	height: 100%;
	width: 100%;
}

#video8_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_8.gif')no-repeat;
	width: 356px;
	height: 83px;
	margin: 80px 0 0 300px;
}

#video9_backdrop {
	height: 100%;
	width: 100%;
}

#video9_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_9.gif')no-repeat;
	width: 269px;
	height: 120px;
	margin: 80px 0 0 330px;
}

#video10_backdrop {
	height: 100%;
	width: 100%;
}

#video10_title {
	text-indent: -5000px;
	background: url('../images/titles/titles_10.gif')no-repeat;
	width: 258px;
	height: 154px;
	margin: 80px 0 0 340px;
}

/* ---------------
Info Page
----------------*/

#info_content {
	clear:both;
	margin: 0 0 0 125px;
	width: 600px;
}

#info_main {
	text-indent: -5000px;
	background: url('../images/info_info.gif')no-repeat;
	width: 96px;
	height: 87px;
	margin: 0 0 0 -50px;
}

#info_blog {
	text-indent: -5000px;
	background: url('../images/info_blog.gif')no-repeat;
	width: 295px;
	height: 75px;
	margin: 0 0 0 -55px;
	clear: both;
}

#info_supported {
	text-indent: -5000px;
	background: url('../images/info_supported.gif')no-repeat;
	width: 220px;
	height: 68px;
	margin: 0 0 0 -45px;
}

p#left {
	float:left;
	width: 45%;
}

p#right {
	float:right;
	text-align:right
	width: 45%
}

#slideshow {
	margin: 0;
}

.bcc {
	display: block;
	text-indent: -5000px;
	background: url('../images/info_logo_bcc.gif');
	width: 157px;
	height: 153px;
	margin: 0 0 0 0;
	float: left;
}

.bm {
	display: block;
	text-indent: -5000px;
	background: url('../images/info_logo_bristolmedia.gif');
	width: 258px;
	height: 83px;
	margin: 0 0 0 0;
	float: left;
}

.g37 {
	display: block;
	text-indent: -5000px;
	background: url('../images/info_logo_gallery37.gif');
	width: 212px;
	height: 128px;
	margin: 0;
	float: left;
}

.cts {
	display: block;
	text-indent: -5000px;
	background: url('../images/info_logo_cts.gif');
	width: 315px;
	height: 93px;
	margin: 0;
	float: left;
}