/* ----------------------------------------------- */
/* CSS code generated by Endecom Computer Services */
/* for www.dvdjunique.com                          */
/*                                                 */
/*   Release Date: May 2008                        */
/*   Visit us: www.endecom.com                     */
/*                                                 */
/* ----------------------------------------------- */

@import url("reset.css"); /* import the reset file */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #000;
	color: #999;
	}

p {font-size: 1em;}

a {color: #999;}
a:hover {color: #ccc;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.4em; font-weight: bold;}
/* #videospage h2 {color: #FFD700;} */
h3 {font-size: 1.2em; font-weight: normal;}

.underline {text-decoration: underline; color: #ccc;}
.nounderline {text-decoration: none;}
.clear { height: 1%; clear: both; margin: 0; padding: 0;}

#menu {padding: 0px 0px 10px 0px; margin: 25px 20px 50px 475px; color: #444; border: solid white 0px;}
#menu a {padding: 0px 10px; text-decoration: none;}
#menu a:hover {padding: 0px 10px; text-decoration: underline;}

#outerwrap {
	width: 950px;
	-height: 800px;
	min-height: 800px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background: url(images/bg.jpg) repeat-x #3c3c3c;
	border: solid 1px #000;
	}

#innerwrap {
	-height: 800px;
	min-height: 800px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(images/bgfull.jpg) no-repeat;
	border: solid 1px #000;
	border-bottom: 0px;
	}

#contentwrap {margin-top: 50px; padding: 0px 42px;}

#side-content-content {width: 220px; padding: 0px 30px; border: solid 1px #666; float: left;}

#main-content {margin: 0px 0px 0px 320px; border: solid 0px #666; background: url(images/maincontentbg2.jpg) repeat-y;}
#main-content-content {padding: 10px 30px 0px 30px; background: url(images/maincontentbg.jpg) no-repeat;}
#mc-footer {display: block; height: 15px; background: url(images/maincontentbottombg.jpg) no-repeat;}

#subfooter {
	width: 900px;
	height: 40px;
	color: #4c4c4c;
	padding: 0px;
	margin: 12px auto 10px auto;
	line-height: 1.8em;
	font-size: 10px;
	}

#subfooter a {font-size: 10px; 	color: #4c4c4c;}
#subfooter a:link {text-decoration: underline;}
#subfooter a:visited {text-decoration: underline;}
#subfooter a:hover {color: #999; text-decoration: underline;}

#subfooter #spanright {
	text-align: center;
	float: right;
	padding-right: 10px;
	}

#subfooter #spanleft {
	float: left;
	padding-left: 10px;
	}

DISABLE#menu #homelink span {display: none;}
DISABLE#menu #gallerylink span {display: none;}

#homelink span {display: none;}
a#homelink {display: block; width: 58px; height: 24px; margin: 0px 10px; margin-left: 25px; padding: 0px; background: url(images/home.gif) bottom left; float: left;}
a#homelink:hover {display: block; width: 58px; height: 24px;  margin: 0px 10px; margin-left: 25px; padding: 0px; background: url(images/home.gif) top left;}
#indexpage #homelink {display: block; width: 58px; height: 24px; margin: 0px 10px; margin-left: 25px; padding: 0px;  background: url(images/home.gif) top left;}

#biolink span {display: none;}
a#biolink {display: block; width: 40px; height: 24px; margin:0px 10px; padding: 0px; background: url(images/bio.gif) bottom left; float: left;}
a#biolink:hover {display: block; width: 40px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/bio.gif) top left;}
#biopage #biolink {display: block; width: 40px; height: 24px; margin: 0px 10px; padding: 0px;  background: url(images/bio.gif) top left;}

#videoslink span {display: none;}
a#videoslink {display: block; width: 72px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/videos.gif) bottom left; float: left;}
a#videoslink:hover {display: block; width: 72px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/videos.gif) top left;}
#videospage #videoslink {display: block; width: 72px; height: 24px; margin: 0px 10px; padding: 0px;  background: url(images/videos.gif) top left;}

#presslink span {display: none;}
a#presslink {display: block; width: 69px; height: 24px; margin: 0px 10px; margin-right: 35px; padding: 0px; background: url(images/press.gif) bottom left; float: left;}
a#presslink:hover {display: block; width: 69px; height: 24px;  margin: 0px 10px; margin-right: 35px; padding: 0px; background: url(images/press.gif) top left;}
#presspage #presslink {display: block; width: 69px; height: 24px; margin: 0px 10px; margin-right: 35px; padding: 0px;  background: url(images/press.gif) top left;}


#gallerylink span {display: none;}
a#gallerylink {display: block; width: 89px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/gallery.gif) bottom left; float: left;}
a#gallerylink:hover {display: block; width: 89px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/gallery.gif) top left;}
#gallerypage #gallerylink {display: block; width: 89px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/gallery.gif) top left;}

#linkslink span {display: none;}
a#linkslink {display: block; width: 57px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/links.gif) bottom left; float: left;}
a#linkslink:hover {display: block; width: 57px; height: 24px;   margin: 0px 10px; padding: 0px; background: url(images/links.gif) top left;}
#linkspage #linkslink {display: block; width: 57px; height: 24px;   margin: 0px 10px; padding: 0px; background: url(images/links.gif) top left;}

#eventslink span {display: none;}
a#eventslink {display: block; width: 73px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/events.gif) bottom left; float: left;}
a#eventslink:hover {display: block; width: 73px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/events.gif) top left;}
#eventspage #eventslink {display: block; width: 73px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/events.gif) top left;}

#contactlink span {display: none;}
a#contactlink {display: block; width: 92px; height: 24px; margin: 0px 10px; padding: 0px; background: url(images/contact.gif) bottom left; float: left;}
a#contactlink:hover {display: block; width: 92px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/contact.gif) top left;}
#contactpage #contactlink {display: block; width: 92px; height: 24px;  margin: 0px 10px; padding: 0px; background: url(images/contact.gif) top left;}

#main-content-content img {float: left; margin: 0px 20px 10px 0px;}
#videospage #main-content-content img {float: none; margin: 0px 20px 10px 0px; vertical-align: top;}
#videospage #main-content-content td {vertical-align: top;}

span.pic-holder {float: left; display: block; height: 60px; width: 100px; border: solid white 1px; margin-right: 20px; margin-bottom: 20px;}

input, textarea {background-color: #aaa;}

#contactpage td {padding: 2px 0px;}

table.events {border-spacing:0px; border-collapse: collapse;}
table.events td {border-bottom: dashed 1px #555; padding: 6px;}

table.news {border-spacing:1px; border-collapse: separate;}
table.news td {border: solid 1px #555; padding: 4px; background-color: #333;}

table.photoalbums1 {border-spacing:0px; border-collapse: collapse;}
table.photoalbums1 td {border-bottom: dashed 1px #555; padding: 4px;}

table.photoalbums {border-spacing:0px; border-collapse: collapse;}
table.photoalbums td {border-bottom: dashed 1px #555; padding: 4px;}



#videospage #main-content-content #wrapper {
	height: 465px;
	overflow: auto;
	scrollbar-face-color: #222; 
	scrollbar-highlight-color: #777; 
	scrollbar-shadow-color: #222; 
	scrollbar-3dlight-color: #222; 
	scrollbar-arrow-color: #777; 
	scrollbar-darkshadow-color: #222;
	}

#linkspage #links {margin-bottom: 40px;}

#indexpage img.randompics {width: 100px; height: 100px; border: 0px;}

#gallerypage #side-content-content ul {list-style: none;}
#gallerypage #side-content-content li {margin-left: 10px;}