/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	padding: 0px;
	width: 300px;
	font-family: Verdana;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:0px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin-right: 1px;
	border: none;
	float:left;
	color: #000;
	text-indent: -999em;
}

#navfilmb a {
	background-image: url(../images/mb1_films1a.jpg);
	background-position: left top;
	height: 39px;
	width: 68px;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navabout a {
	background-image: ;
	background-position: left top;
	padding: 0px;
	display: block;
	background-image: url(../images/mb2_about1a.jpg);
	height: 39px;
	width: 79px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navcontact a {
	background-image: ;
	background-position: left top;
	height: 39px;
	padding: 0px;
	display: block;
	background-image: url(../images/mb3_contact1a.jpg);
	background-repeat: no-repeat;
	width: 87px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navlinks a {
	background-image: ;
	background-position: left top;
	height: 39px;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 63px;
	background-image: url(../images/mb4_links1a.jpg);
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

#navfilmb a.selected, #navfilmb a:hover {
	background-image: url(../images/mb1_films1b.jpg);
}

#navabout a.selected, #navabout a:hover {
	background-image: url(../images/mb2_about1b.jpg);
}

#navcontact a.selected, #navcontact a:hover {
	background-image: url(../images/mb3_contact1b.jpg);
}

#navlinks a.selected, #navlinks a:hover {
	background-image: url(../images/mb4_links1b.jpg);
}


.shadetabs li a.selected:hover{}

.tabcontent{
display:none;
}

div#tabcontentholder {
	width:280px;
	height:335px;
	background-image:url(../images/bg_sideblock.jpg);
	margin-bottom: 1em;
	margin-top:1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div#tabcontentholder h2 {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -999em;
	display: block;
	padding: 0px;
	height: 19px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#tabcontentholder p {
	font-size: 0.9em;
	line-height: 1.5em;
}
div#tabcontentholder ul {
	margin-left: 0px;
	list-style-type: square;
	font-size: .9em;
	padding-left: 15px;
}
div#tabcontentholder ul li {
	margin-bottom: 8px;
	line-height:1.5em;
}
div#tabcontentholder a {
	color: #73A5D0;
	text-decoration: none;
}
div#tabcontentholder a:hover {
	text-decoration: underline;
}

div#film h2 {
	background-image: url(../images/h2_films.gif);
	width: 48px;
}
div#about h2 {
	background-image: url(../images/h2_about.gif);
	width: 62px;
}
div#contact h2 {
	background-image: url(../images/h2_contact.gif);
	width: 80px;
}
div#links h2 {
	background-image: url(../images/h2_links.gif);
	width: 46px;
}


@media print {
.tabcontent {
display:block !important;
}
}

div#tabdiv {height:39px;}

