/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

:focus { -moz-outline-style: none; }

:focus { 
outline-style: none; }

body {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	background: #fff;
	

}

.conbox p {
line-height: 15px;
	color: #000;
}

.visualbg {
display: none;
	
}


div.newsletter {
	width: 740px;
	margin: 20px auto 20px auto;
	text-align:center;
}

.newsletter a {
	font-size: 12px;
}

.newsletter a:hover {
	color: black;
}

.photocredit {
		color:#ccc;
		font-size: 10px;

	height: 11px;
	width: 300px;
	padding-right: 330px;

	padding-top: 3px;
	margin-bottom: -14px;
	display: block;
	text-align: right;
	

}

a:link { text-decoration: none; color: #666; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }


a img { border: none; }

#menu {
width: 940px;
background-color: #fff;
margin: 20px auto 8px auto;
border-bottom: thin solid #ccc;
}

.thumbpage {
	border-bottom: thin solid #ccc;
	width: 780px;
	height: 25px;
	padding-left: 160px;

	
}/* blue#316e80    purple#530495    green#74b000    yellow#d6ab07*/



#errorbox {
	position: absolute;
	z-index: 3;
	top:0px;
	left: 0px;
	width: 400px;
	height: 800px;
	overflow: scroll;
	border: thin solid #ccc;
}

/* Profile navigation - begin*/
.profilenav {
	width: 140px;
	height: 450px;
	
	float: left;
}

.profilenav div {
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 10px;
}

.profilenav .button.active, .profilenav .button:hover {
	color: #000;
}

.profilenav .button {
	color: #777;
}

/* Profile navigation - end*/

.profileimg, .newsimg {
	margin: 0;
	width: 300px;
	float: left;
	text-align: right;
}

.profileimg img{
	margin-bottom: 4px;
}

.placeholder {
	margin: 0;
	width: 300px;
	height: 450px;
	float: left;
	text-align: right;
	
}

.profiledesc, .newsdesc {
	margin: 0;
	width: 300px;
	height: 450px;
		float: left;
		margin-left: 20px;


}

.pictures.conbox, .profile.conbox, .news.conbox, .cv.conbox, .allnews.conbox, .showreel.conbox  {
	width: 630px;
	height: 450px;
	max-height: 450px;
	overflow: hidden;

	position: relative;
			background-color: #fff;
	

}
.pictures.conbox, .news.conbox, .cv.conbox, .showreel.conbox, .allnews.conbox {
	display: none;
}

#showreel {
	border-top: thin solid #ccc;
	border-bottom: thin solid #ccc;
	height: 448px;
	margin-bottom: -2px;
}

#showreel .videowrapper {
	margin-left: 65px;
	margin-top: 30px;
	position: relative;
	background-color: black;
}


.news.conbox, .profile.conbox {

}

.cv.conbox {
	max-height: 450px;
}

.illu {
	position: absolute;
	margin-left: 50px;
	display: none;
}

.pictures a img {
	padding: 0px 15px 15px 0px;
}

#menu ul li {

	display: inline;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;

}





#submenuwrap {

	height: 30px;
	width: 940px;
	margin: 0px auto 20px auto;
}


	

.sublist li {
		#zoom: 1;
	display: inline-block;
	*display: inline;
	text-decoration: none;
	margin-right: 25px;
	color: #777;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	padding-bottom: 6px;
}

#menu .container ul {
	
	
}

.sublist li a:hover {

	color: #000;
}

.sublist li a {
	 color: #777;

}

.sublist li.active a {
	color: #000;
}

#menu ul li {
	display: none;
}



#menu ul li.section-title, #menu ul li.section-titlelogo {
	#zoom: 1;
	display: inline-block;
	*display: inline;
	margin-right: 30px; 
	cursor: pointer;
	color: #777;
	padding: 3px 3px 2px 3px;}
	
	
	#menu ul {
		list-style: none;
		#zoom:1;

	display: inline-block;
		*display: inline;
		margin: 0 0 5px 0;
	}	
	
	
	
#menu ul li.section-title.active {
		border-top: thin dotted #530495;
		border-bottom: thin dotted #530495;
		color: #000;
			margin-bottom: -1px;
			margin-top: -1px;
			#padding: 2px 3px 0px 3px;
			
	}
	
	
	
	#menu ul li.section-title:hover, #menu ul li.section-title.active:hover {
			color: #000;
			border-left: none;
			border-right: none;
			margin-bottom: -1px;
			margin-top: -1px;
			#padding: 2px 3px 0px 3px;
		
			background-color: #fff;
		
		}	
		
		#menu ul li.section-title.active:hover {
			#padding: 2px 3px 0px 3px;
		}
		
		#menu ul li.section-title.Actresses.active, #menu ul li.section-title.Actresses:hover, #menu ul li.section-title.Actresses.active:hover {
				border-top: thin dotted #d6ab07;
				border-bottom: thin dotted #d6ab07;

			}
			
				#menu ul li.section-title.Actors.active, #menu ul li.section-title.Actors:hover, #menu ul li.section-title.Actors.active:hover {
						border-top: thin dotted #530495;
						border-bottom: thin dotted #530495;

					}
			
			#menu ul li.section-title.Photography.active, #menu ul li.section-title.Photography:hover, #menu ul li.section-title.Photography.active:hover {
					border-top: thin dotted #316e80 ;
					border-bottom: thin dotted #316e80 ;

				}
				
					#menu ul li.section-title.Hair.active, #menu ul li.section-title.Hair:hover, #menu ul li.section-title.Hair.active:hover {
							border-top: thin dotted #74b000;
							border-bottom: thin dotted #74b000;

						}
		

	
	/* blue#316e80    purple#530495    green#74b000    yellow#d6ab07*/

#content {
	width: 940px;
    height: 100%;
   margin: 20px auto 0px auto;
font-size: 12px;


}

.container {
    padding: 0px;

}

#content .container {
	background-image: url(../img/visualbg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	z-index: 0;
	margin-left: 160px;
	height: 460px;
	
}

.section-1 #content .container {
	background-image: none;
	
}


.clear {
	width: 780px;
	height: 10px;
	clear: both;


}





.secmenu, .secmenu li {
	display: inline;
}

.secmenu li.active a {
color: #000;
}

a.news, a.about {
	margin-right: 5px;
	
}



	a.news:hover, a.contact:hover, a.about:hover, .profile.conbox a:hover, .news.conbox a:hover {
		color: black;
	} 

.secmenu a,  {
	color: #666;
}

a.contact, a.about {
	margin-left: 3px;

}

.secmenu {
	float: right;
	clear: both;
	margin-top: 7px;
}

.thumbpage span {
	position: relative;

	margin-top: -10px;
	padding-top: 15px;
	display: none;
	margin-right: 10px;
	cursor: pointer;
	
}

.thumbpage span.catspan {
	position: relative;

	display: none;
	margin-top: 0px;
	padding-top: 0px;
	
}

/*  Thumbpage makeup styling */
.thumbpage.Hair span {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image:url(../img/makeup.gif);

	background-position: -44px 10px;
}

.thumbpage.Hair span:hover {
	background-position: -24px 10px;
	
}


.thumbpage.Hair span.active, .thumbpage.Hair span.active:hover {
	display: inline-block;
	background-position: -4px 10px;
}

/*  Thumbpage Actors styling */
.thumbpage.Actors span {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image:url(../img/actors.gif);
	background-position: -44px 10px;
}

.thumbpage.Actors span:hover {
	background-position: -24px 10px;
	}


.thumbpage.Actors span.active, .thumbpage.Actors span.active:hover {
	background-position: -4px 10px;
}

/*  Thumbpage Actors styling */
.thumbpage.Actresses span {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image:url(../img/actresses.gif);
	background-position: -44px 10px;
}
/*59 32*/
.thumbpage.Actresses span:hover {
	background-position: -24px 10px;
	}


.thumbpage.Actresses span.active, .thumbpage.Actresses span.active:hover {
	background-position: -4px 10px;
}

/*  Thumbpage Photography styling */
.thumbpage.Photography span span {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	background-image:url(../img/photography.gif);
	background-position: -44px 10px;
}

.thumbpage.Photography span span:hover {
	background-position: -24px 10px;
	}


.thumbpage.Photography span span.active, .thumbpage.Photography span span.active:hover {
	background-position: -4px 10px;
}



.copy {
	color: #ccc;
	padding-top: 9px;
	font-size: 10px;
}



/* TABLE CV STYLING - begin  */

.cvlink {


	

	width: 110px;




}

.profiledesc strong {
	zoom: 1;
	display: inline-block;
	*display: inline;
	min-width: 60px;
	margin-right: 8px;

}

.cvlink a:link, .cvlink a:visited {
		border: thin solid #ccc;
		color: #000;
		text-decoration: none;

			padding: 3px 5px 1px 5px;
			text-align: center;
			
}

.cvlink a:hover {
	color: #fff;
	background-color: #777;
}

.cv table {
	font: 12px "Helvetica", Arial, sans-serif;
	width: 630px;
	border-collapse:collapse;
	max-height: 440px;
	overflow: hidden;



}

.cv table tbody {
	max-height: 440px;
	overflow: hidden;
	
}

.cv table td {
	vertical-align: top;
	height: 10px;
	max-height: 12px;
	min-width: 40px;
	padding: 0;
	padding-right: 10px;
	padding-bottom: 2px;
	#padding-bottom: 0px;

}

.cv table tr {
	
	height: 12px;
	max-height: 12px;
}

.cv table tbody tr.headrow {
	font-weight: bold;

	margin-bottom: 10px;

}

.cv table tbody tr.headrow td {

	border-bottom: thin solid black;

	
}

.nojava {
	width: 100%;
	height: 100%;
	background-color: white;
	position: absolute;
	z-index: 10;
	padding-top: 100px;
}

.nojava p {
	text-align: center;
	
}

.left {
	display: block;
	text-align: left;
}

.right {
	display: block;
	text-align: left;
}

.ullogo {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 14px;

	
	float: right;

	padding-left: 10px;
	
}



#menu .container .ullogo a {

color: #530495;

}


#menu div p.section-titlelogo {
margin-top: -5p;
	cursor: pointer;
	color: #666;
	margin-top: 3px;}

.cv tr:hover {
	background-color: #ededed;
}
/* TABLE CV STYLING - end  */

p {
    margin: 9px 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px;
	 }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }