/********************************************

BASIC CSS
This Page is For All HTML pages
Contains layout and header/footer

********************************************/



/********************************************
BASIC LAYOUT
********************************************/

* {margin: 0; padding: 0}
img {border:none;}

body {

	font: 11px Lucida Grande, Verdana, Helvetica, sans-serif; 
	color: #333333;
	background:#263741 url(../images/bg_body.gif) repeat-x 0 0;
	padding:0px 0px;
	}
	
a, a:link, a:visited {color:#0099CC;text-decoration: none;}


#thePage{
	position: relative;
	width: 770px; 
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto; 
	margin-right: auto;
	display:block;
	background: transparent url(../images/bg_border.gif) repeat 0px 0px;

	}



#primarySection{width:420px;background-color:#ffffff;vertical-align:top;}
#secondarySection {width:320px;vertical-align:top;background: #0e1f23 url(../images/bg_stars.jpg) no-repeat 0px 274px;vertical-align:top;}

#home #secondarySection {width:320px;vertical-align:top;background: transparent url(../images/bg_stars_hm.jpg) no-repeat 0px 290px;}

#primarySection .content{padding:20px;}
#secondarySection .content{padding:0px 0px;}

/* BASIC STYLES */

p{
	margin:0px;
	padding:0px 0px 10px 0px;
	font: 12px/18px Lucida Grande, Verdana, Helvetica, sans-serif;
}

h1{
font: 11px Lucida Grande, Verdana, Helvetica, sans-serif;
display:none;
}

h2 {
	font: 18px/22px Lucida Grande, Verdana, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	padding-bottom:10px;
	margin-top:0px;
	font-weight: bold;
	}
#home h2 {
	padding-bottom:20px;
	}

h3 {
	font: 14px/16px Lucida Grande, Verdana, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	padding-bottom:5px;
	margin-top:0px;
	}
	
.info{padding:10px;padding-top:20px;}
.info p{padding-top:10px;font: 10px/13px Lucida Grande, Verdana, Helvetica, sans-serif;color:#99CCFF;}

#photos .info{padding-top:10px;}

ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	background-image:none;
	margin:0px;
}

ul li{
	list-style: none;
	padding: 0px;
	background: transparent url(../images/nav_bg.gif) repeat 0px 0px;
	display:block;
	margin-bottom:2px;
	height:24px;
}

ul li a{display:block;}
ul li a span{
	padding: 0px 0px 0px 20px;
	color:#ffffff;
	font: bold 11px/24px Lucida Grande, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	
	background:transparent url(../images/bullet.gif) no-repeat 7px 7px;
}

ul li a:hover{
text-decoration:none;
background: transparent url(../images/nav_bg_ro.gif) repeat 0px 0px;

}
ul li.sel a,
ul li.sel a:hover{
background-image: none;
background-color:#FAA819;
}
ul li.sel a span{background:transparent url(../images/bullet_sel.gif) no-repeat 7px 7px;}



.download ul{
	list-style: none;
	padding: 0px;
	background-image:none;
	margin-bottom:20px;
}

.download ul li{
	list-style: none;
	
	background:none;
	background-color:#daf0f8;
	display:block;
	margin-bottom:2px;
	height:auto;
}

.download ul li a{display:block; padding: 5px;}
.download ul li a span{
	font: bold 11px/13px Lucida Grande, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	display: block;
	
}

.download ul li a:hover{
background-image:none;
background-color: #c0e6f2;

}


/* home page logos */
#home #logos{ text-align: center; }
#home #logos a { margin: 0 25px;}


/* movie */
 body#theMovie {

	font: 11px Lucida Grande, Verdana, Helvetica, sans-serif; 
	color: #333333;
	background:transparent url(../images/bg_movie.png) repeat-x 0 0;
	padding-bottom:0px;
	}
/*
.vid_thumbs{margin-top:10px;margin-bottom:10px;height:75px;background: transparent url(../images/bg_vid_sel.png) no-repeat 0px 0px;}
.vid_thumb{float:left;margin-right:10px;}
.vid_thumb.last{margin-right:0px;}
.vid_thumb, .vid_thumb a{display:block;width:155px; height:75px;}
.vid_thumb a{background: transparent url(../images/bg_vid_play.png) no-repeat 0px 0px;}
.vid_thumb a:hover{background: transparent url(../images/bg_vid_ro.png) no-repeat 0px 0px;}
.vid_thumb.sel span,.vid_thumb.sel span{display:block;width:155px; height:75px;background: transparent url(../images/bg_vid_sel.png) no-repeat 0px 0px;}
*/

.vid_thumbs{margin-top:10px;margin-bottom:10px;height:75px;}
.vid_thumb1, .vid_thumb1_sel,.vid_thumb2, .vid_thumb2_sel {float:left;margin-right:10px;}
.vid_thumb2, .vid_thumb2_sel{margin-right:0px;}
.vid_thumb1, .vid_thumb1_sel, .vid_thumb2, .vid_thumb2_sel{display:block;width:155px; height:75px;}
.vid_thumb1 a{background: transparent url(../images/vid_thumb1.jpg) no-repeat 0px 0px;display:block;}
.vid_thumb2 a{background: transparent url(../images/vid_thumb2.jpg) no-repeat 0px 0px;display:block;}
.vid_thumb1 a:hover, .vid_thumb1_sel{background: transparent url(../images/vid_thumb1_sel.jpg) no-repeat 0px 0px;}
.vid_thumb2 a:hover, .vid_thumb2_sel{background: transparent url(../images/vid_thumb2_sel.jpg) no-repeat 0px 0px;}
.vid_thumb1 a, .vid_thumb2 a{display:block;width:155px; height:75px;}
/*.vid_thumb2 a:hover, .vid_thumb2_sel{background: transparent url(../images/vid_thumb2_sel.jpg) no-repeat 0px 0px;}*/


/* photo gallery */
#photos{}
.photo_gallery td{padding-right:10px;vertical-align:top;padding-bottom:10px;}
.photo_gallery td.last{padding-right:0px;}
.photo_gallery td img{padding-bottom:3px; display:block;}
.photo_gallery td a:hover span{text-decoration: underline;}
.photo_gallery td a:hover img{text-decoration: none;}

#photos #primarySection p{
	margin:0px;
	padding:0px 0px 20px 0px;
	font: 12px/15px Lucida Grande, Verdana, Helvetica, sans-serif;
}

#photos #primarySection .photo_gallery p{font: 10px/11px Lucida Grande, Verdana, Helvetica, sans-serif; color: #7a7a7a; padding-bottom:20px;}

.photo_gallery td span{clear:both;}

#footer{position: relative;
	width: 770px; 
	margin-left: auto; 
	margin-right: auto;
	display:block;
	margin-bottom:10px;
	font: 10px/13px Lucida Grande, Verdana, Helvetica, sans-serif;
	color:#99CCFF;}