/* RESET */
html, body, div, span, 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, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; /*vertical-align: baseline; */}
table{	border-collapse: collapse;	border-spacing: 0;}
caption, th{	text-align: left;	font-weight: normal;}
td
{

	vertical-align: top;
}

/* BASE */

body{	font-size: 72%;	font-family: Verdana;	color: #333;	text-decoration: none;	word-spacing: normal;	letter-spacing: 0;	height: 100%;	background-image: url(./LCP.jpg);	/** Link to the image you created **/	background-repeat: repeat-y;	background-position: center;	background-color: #e0e0e0;}
strong { font-weight: bold; }
em { font-style: italic; }

/* TYPE */
h1, h2, h3, h4, h5{font-family:Arial, sans-serif;margin-bottom:.2em;}
p, ul, ol, dl, pre { font-size: 1em; margin: 0 0 1em 0; }
ul, ol { margin-left: 1.2em; }
ul ul { margin-bottom: 0; }
h1{	font-size: 1.6em;	line-height: 1.1em;	font-family: Georgia;}
h3 { font-size: 1.2em;line-height: 1.1em;}

/* LINKS */
a { color: #00aeee; text-decoration: none; }
a:hover { color: #cc00aa; text-decoration: underline; }


/*REEL*/

.r_title{	font-size: 1.3em;	line-height: 1.3em;	font-weight: bold;}
.r_com{	font-size: 1.1em;	line-height: 1.3em;	font-style: italic;}
.r_role{ font-size: 1.1em;line-height: 1.3em;	font-weight: bold;}
.r_destx{	margin-top: 4.6px;	font-size: 1em;	line-height: 1.3em;}

/*BOXES   */

#header{	background-repeat: no-repeat;	width: 1000px;	height: 180px;	margin: 0px auto 3px auto;}
#footer{	width: 948px;	height:100px;margin: 0px auto 0 auto;	border-top: 1px #999 solid;	color: #333;	bottom: 4px;	padding-top: 7px;	text-align: center;}
#container{	width: 998px;	margin: 27px auto 0 auto;}
#show_movie{	width: 640px;	margin: 0px auto 5px auto;}
#reel_head{	width: 640px;	margin: 0px auto 27px auto;}
#reel_grid { 	width: 815px;	margin: 0 auto 30px auto;}
#reel_grid1 { 	width: 695px;	margin: 0 auto 30px auto;}
#reel_grid2 { 	width: 550px;	margin: 0 auto 30px auto;}
.reel_cell{	float: left;	width: 250px;	height: 365px;	margin-right: 15px;	margin-bottom: 15px;	background-repeat: repeat-x;	background-position: 0px 80px;font-family: Arial;}
#broad{	background-image: url(http://www.lostcitypictures.com/styles/gboxyell.png);}
#edu{	background-image: url(http://www.lostcitypictures.com/styles/gboxred.png);}
#ind{	background-image: url(http://www.lostcitypictures.com/styles/gboxgreen.png);}
#mus{	background-image: url(http://www.lostcitypictures.com/styles/gboxblue.png);}
.pb{	width: 250px;	height: 200px;	position: absolute;	z-index: 2;	background-repeat: no-repeat;	background-position: 200px 137px;}
.pb:hover{	width: 250px;	height: 200px;	position: absolute;	z-index: 2;	background-image: url(http://www.lostcitypictures.com/video/bigbut.png);	background-repeat: no-repeat;	background-position: 75px 55px;cursor:pointer;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
#jer_photo{	float: left;	width: 235px;	height: 275px;	border: 0px #FFF solid;}
h3.rdes{	margin-bottom: 5px}
.r_des{	margin: 10px;}
.spacer {  clear: both;  }
.reel_player{float:left;width: 500px;height:350px;background-color: #f66;}
#art{width: 466px;float:left;	margin-left: 20px;}#artr{width: 466px;float:right;margin-right: 20px;}
#art3{	width: 466px;	margin-left: 20px;}
#art2{	width: 936px;	margin-left: 20px;float:left;}
.art_border{	border-top: 1px #999999 dotted;	margin-top: 15px;	padding-top: 15px;}

/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/
#logo{	color: #fff;	font-family: Helvetica;	font-size: 35px;	font-variant: small-caps;	font-weight: bold;	text-transform: capitalize;	word-spacing: 2px;	letter-spacing: -1px;	position: relative;	top: 140px;left: 15px;}
a:focus {outline: none;}


/* NAVIGATION  */
#navpd{		width: 998px;	margin: 0px auto 0 auto;}

ul.navigation { 	border-bottom:1px solid #D2D2D2;	padding:0px;	height:1.85em;	position:relative;	top:0px;	left:-13px;	width:998px; }
ul.navigation li {	background:url(../styles/img/tab-left.gif) left top no-repeat;	padding-left:4px;	float:left;	margin:0;	list-style-type:none;}
ul.navigation a{	background: url(../styles/img/tab-right.gif) right top no-repeat;	padding: 3px 12px;	border-bottom: 1px solid #D2D2D2;	text-decoration: none;	display: block;	color: #666;	text-transform: uppercase;}
ul.navigation a:hover {	background-position:100% -150px;	border-bottom:1px solid #D2D2D2;color: #000;}
ul.navigation li.active a {	background-position:100% -150px;	border-bottom:1px solid #fff;color: #000;}
ul.navigation a:focus {	background-position:100% -150px;	border-bottom:1px solid #eee;}
ul.navigation li.active {	background-position:0 -150px;	}