body {
    font-family: verdana,Arial, sans-serif;
		background-color: #FFF;
		background-image: url(images/main_bg.gif);

}

.outerWhiteBG {
		width: 815px;
        margin-left:20px;
        margin-right:20px;
        padding: 5px;
		background-color: #FFF;
}
.outerNoBG {
		width: 815px;
        margin-left:20px;
        margin-right:20px;
        padding: 5px;
}

.login {
		font-size: 14px;
		color: #999999;
}
.login a{
		text-decoration: none;
}
.login a:hover{
		text-decoration: underline;
}
.pager {
		font-size: 14px;
		color: #999999;
		width: 100%;
		text-align: center;
}
.pager a{
		font-size: 14px;
		color: #999999;
		text-decoration:none;
}
.pager a:hover{
		text-decoration:underline;
}

.header{
        margin: 0px;
        padding: 0px;
		background-color: #FFF;
}

.topmenu {
        font-size: 15px;
		color: #000000;
		
}

.topmenu a{

        text-decoration: none;
		color: #000000;

}

.topmenu a:hover{
        text-decoration:none;
		background-image: url(images/80pc_trans.png);
		color: #ffffff;
}

.topmenu a.current {
        color: #FFF;
    	background-image: url(images/80pc_trans.png);
        text-decoration: none;

}

.topmenu a.current:hover {
        color: #FFF;
    	background-image: url(images/80pc_trans.png);
        text-decoration: none;
}

.genresMenu {
    font-size: 15px;
		color: #FFF;
 		 /* background-color: black; */
		background-image: url(images/80pc_trans.png);
		display:none;
		position:absolute;
		float:left;
		text-transform:lowercase;
}

.genresMenu ul{
	list-style:none inside none;
	padding: 10px;
	margin: 0px;
}

.genresMenu a{
        text-decoration: none;
		color: #FFF;
}

.genresMenu a:hover{
        text-decoration: underline;
}

.genresMenu a.current {
		color: #FFF;
        text-decoration: underline;
}

.content{
        margin:5px;
        padding: 5px;
		background-color: #FFFFFF;
}

.footer{
        margin:5px;
        padding: 5px;
        height: 20px;
}

.bottommenu {
        background-color:#F0F0F0;
        float:left;
		font-size: 10px;
		color: #333333;
}

.bottommenu a{
        color: #333333;
        text-decoration:none;
}

.bottommenu a:hover{
        text-decoration:underline;
}


.copyright{
        background-color:#F0F0F0;
        float:right;
		color: #333333;
		font-size: 10px;
}
.copyright a{
        background-color:#F0F0F0;
		color: #333333;
		text-decoration: none;
}
.copyright a:hover{
		text-decoration: underline;
}

.about_years {
        font-weight: normal;
}

.about_years a {
        text-decoration: none;
        color:#999999;
		font-size: 14px;
}
.about_years a:hover {
        text-decoration: underline;
        color:#333333;
}

.about_years a.current {
        text-decoration: underline;
        color:#333333;
}

.aboutMainText {
		text-align: justify;
		color: #999999;
		font-size: 14px;
}

.aboutTitles {
		font-size: 21px;
		color: #333333;
}

.error_message {
        color:red;
        font-weight: normal;
}

.work_list_item, .work_list_empty_item{
        margin: 0px;
        padding: 0px;
        width: 260px;
        font-size: 14px;
		color: #999999;
		text-align: left;
}

.work_list_item a.title {
        font-weight: normal;
        text-decoration:none;
		font-size: 21px;
		color: #333333;
}
.work_list_item a.title:hover {
        text-decoration: underline;
}
.work_list_item a.watch_now {
        font-weight: normal;
        text-decoration:none;
		font-size: 14px;
		color: #333333;
}
.work_list_item a.watch_now:hover {
        text-decoration: underline;
}

.workSingle {
		text-align: justify;
		font-size: 14px;
		color: #999999;
}

.workSingle a{
		color: #999999;
		text-decoration: none;
}
.workSingle a:hover{
		color: #333333;
		text-decoration: underline;
}

.workSingle .title{
		font-size: 21px;
		color: #333333;
}

.video_title_main {
  /* background-color: black; */
  background-image: url(images/80pc_trans.png);
  color: white;
  width: 759px;
  text-align: left;
  height: 25px;
  padding-top: 7px;
  padding-left: 15px;
}
.video_title {
   /* background-color: black; */
  background-image: url(images/80pc_trans.png);
  color: white;
  height: 25px;
  width: 242px;
  padding-top: 5px;
  padding-left: 8px;
  text-align: left;
}


director_main_holder {
	/* nothing at the moment */
}

.director_main_image {
	z-index: 50;
}

.directorPhotographerContainerWrapper {
	float: left;
	position:absolute;
	top: 431px;
}


.director_title {
  /* background-color: black; */
  background-image: url(images/80pc_trans.png);
  color: white;
  width: 502px;
  text-align: left;
  padding-left: 7px;
  padding-top: 8px;
  height: 92px;
  float: left;
  font-size: 16px;
}
.director_title_proj_info {
   /* background-color: black; */
  background-image: url(images/80pc_trans.png);
  color: white;
  width: 248px;
  text-align: left;
  padding-left: 7px;
  padding-top: 8px;
  height: 92px;
  float: left;
  font-size: 14px;
}

.director_title_proj_info .smalltext {
	padding-right: 5px;
}
.directorPhotographerContainer {
	float: left;
}

#file_select {
        padding: 20px;
        text-align:center;
        background-color:silver;
        border: solid 2px black;
}
#file_upload {
        padding: 20px;
        text-align:center;
        background-color:silver;
        border: solid 2px black;
}
#waiter {
        padding: 20px;
        text-align:center;
        border: solid 1px black;
}

.blog_item {
        margin: 0px;
        padding: 0px;
        width: 500px;
        font-size: 12px;
        min-height: 200px;
}


.blog_item .title {
        padding: 5px;
        font-size: 14px;
        font-weight: normal;
         /* background-color: black; */
		background-image: url(images/80pc_trans.png);
        color: white;
        width: 459px;
}

.blog_item .text{
        width: 469px;
}

.blog_item .date{
        font-weight: normal;
        padding: 5px;
         /* background-color: black; */
		background-image: url(images/80pc_trans.png);
        color: white;
        width: 459px;
}

.prev_next {
        color: #ccc;
}

.prev_next a {
  color: #333333;
  text-decoration: none;
}

.prev_next a:hover {
  color: #333333;
  text-decoration: underline;
}

.subscribe {
        margin: 5px;
        padding: 5px;
        font-size: 12px;
}

.subscribe .title {
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 10px;
		color: #333333;
		font-size: 21px;
}

.blog_right {
        margin: 5px;
        padding: 5px;
        font-size: 14px;
		color: #999999;
}

.blog_right .toptitle {
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 10px;
		color: #333333;
		font-size: 21px;
		margin-left: 8px;
}

.blog_right a {
        text-decoration: none;
		font-size: 14px;
		color: #999999;
}

.blog_right a:hover {
        text-decoration: underline;
		color: #333333;
}

.blog_right a.current {
        text-decoration: none;
        font-weight: normal;
		color: #333333;
}

.blog_left .toptitle {
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 10px;
		color: #333333;
		font-size: 21px;
}

.news_archive {
  width: 480px;
	font-size: 12px;
  font-weight: bold;
}

.news_archive a {
        text-decoration: none;
		font-size: 14px;
		color: #333333;
}

.news_archive a:hover {
        text-decoration: underline;
		color: #333333;
}

.homeBottomText {
		text-align: justify;
        margin: 10px;
        font-size: 14px;
		color: #393939;
		line-height: 18px;
}

.homeBottomText .title {
		text-align: justify;
        font-weight: normal;
        margin-top: 12px;
        margin-bottom: 10px;
        font-size: 21px;
		color: #333333;
}

.home_news {
        margin: 10px;
        font-size: 10px;
		color: #999999;
		line-height: 24px;
}
.home_news a {
        text-decoration:none;
		color: #999999;
}
.home_news a:hover {
        text-decoration: none;
		color: #333333;
}
.home_news .item_title{
		font-size: 12px;
}
.home_news .item_details {
        font-size: 12px;
}
.home_news .title {
		text-align: justify;
        font-weight: normal;
        margin-top: 12px;
        margin-bottom: 10px;
        font-size: 21px;
		color: #333333;
		margin-left: 8px;
}

.home_right {
		margin-left: 10px;
		margin-top: 0px;
        font-size: 12px;
		color: #999999;
}
.home_right .title {
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 10px;
        font-size: 21px;
		color: #333333;
}
.home_rightMore{
        font-size: 12px;
		color: #333333;
		text-decoration: none;
}
.home_rightMore a{
		text-decoration: none;
}
.home_rightMore a:hover{
        text-decoration: underline;
}
.contact {
		text-align: justify;
		font-size: 14px;
		color: #999999;
}

.contact .title {
		font-weight: normal;
		font-size: 21px;
		color: #333333;
}

.contact a {
		color: #999999;
		text-decoration: none;
}
.contact a:hover {
		text-decoration: underline;
}


/* player */

#div_dimmer {
  position:absolute;
  background-color: black;
  top:0px;
  margin: 0px;
  padding: 0px;
  width: 796px;
  height: 800px;
}
#div_waiter {
  position:fixed;
 
   /* background-color: black; */
 
  top:0px;
  margin: 0px;
  padding: 0px;
  width:796px;
  height:434px;


}

#div_waiter a {
  color:white;
  text-decoration: none;
}

#playerTop {
  color:white;
   /* background-color: black; */
  background-image: url(images/60pc_trans.png);
  text-align: right;
  vertical-align:middle;
  padding: 2px;
  width: 796px;
}
#playerBottom {
  color:white;
   /* background-color: black; */
  background-image: url(images/60pc_trans.png);
  text-align: center;
  vertical-align:middle;
  padding: 2px;
  width: 796px;
}
#playerBody {
  color:white;
   /* background-color: black; */
  background-image: url(images/60pc_trans.png);
  text-align: center;
  vertical-align:middle;
  padding: 2px;
  min-height:434px;
  width: 796px;
}

#playerBody .title {
	font-size: 14px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 90%;
	text-align: center;
}

#playerBody .content {
	font-size: 14px;
   background: transparent;
	margin-left: auto;
    margin-right: auto;
    width: 70%;
	text-align: justify;
}
.player_html {
  min-height:434px;
  width: 796px;
}

.twitter_button {
  height:35px; 
  vertical-align:middle;
  text-align:right;
  
}

.facebook_button {
  height:35px; 
  vertical-align:middle;
  text-align: left;
}

.horizSpace {
	height: 11px;
}

.verticalSpace {
	height: 100px;
	width: 10px;
	float: left;
}

.horizSpaceLarge {
	height: 100px;
}

#div_tip {
  display:none;
  position:absolute;
  background-color:transparent;
  border:none;
  width:250px;
  min-height:40px;
  color: white;
}

#div_tip .tip_title {
  font-size:18px;
  font-weight:bold;
	padding-bottom:12px;
}

#div_tip .tip_text {
  font-size:14px;
  font-weight:normal;
	padding-bottom:12px;
}

/* Hide twitter logo and title etc  */
.twtr-hd, .twtr-ft{display: none;}

/* GALLER STUFF */

#gallery {
	list-style:none;
	margin:0;
	padding:0;

	z-index:0;

	/* width = total items multiply with #mask gallery width */
	width:3000px;
	overflow:hidden;
}

#work_gallery {
	list-style:none;
	margin:0;
	padding:0;
	z-index:0;
}


#gallery li, #work_gallery li {
	/*border: 1px solid yellow;*/
  float: left;
	width:262px;
	height:167px;
	float:left; /* important */
	position:relative;
}

#work_gallery li {
	height:150px;
}

div.video_title{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom: 27px; /* position will be on bottom */
	left:0px;
	width:242px;
	height: 18px;
	/* styling bellow */
	/*  background-color:black; */
	background-image: url(images/80pc_trans.png);
	margin-left: 5px;
}
div.video_title_work{
	color: white;
	height: 25px;
	width: 250px;
	padding-top: 5px;
	padding-left: 0px;
	text-align: left;
	position:absolute; 
	bottom:10px; /* position will be on bottom */
	left:0px;
	height: 18px;
	/* styling bellow */
	/*  background-color:black; */
	background-image: url(images/80pc_trans.png);
	margin-left: 0px;
}
p.video_title_content{
	color:white;
	padding:0px;
	margin:0px;
	text-align: center;
	font-size: 12px;
}
/* END GALLERY STUFF */

.smalltext {
	font-size: 14px;
}
#prevbutton {
	float: left;
	margin-left: 15px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#nextbutton {
	float: right;
	margin-right: 15px;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#slideShowToggler {
	width:100%; 
	text-align:center; 
	margin-top:10px;
}

#slideShowToggler .prev {
	float: left;
}
	
#slideShowToggler .next {
	float: right;
}