@CHARSET "UTF-8";

*, body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;;
}
body{
	overflow:hidden;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
a{
	color:black;
	text-decoration:none;
}
img{
	border:none;
	vertical-align:middle;
}

/*Template*/
#template_top{
	position:absolute;
	top:18px;
	left:95px;
	right:0;
	height:30px;
}

#template_top,#template_top a,#template_top span{
	color:#9b9ca0;/*light grey*/
	font-size:14px;	
	text-decoration:none;
}
#template_top span.artist, #template_top a:hover, #template_top a.active
{
	color:#58585a;/*dark grey*/	
	text-decoration:none;
}

#footer{
	position:absolute;
	bottom:83px;
	width:1167px;
	left:0;
	overflow:hidden;
	text-align:right;
}
#footer.portfolio{
	position:absolute;
	height: 80px;
	bottom:0;
	left:40px;
	right:0;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
}
#footer,#footer a,#footer a:hover,#footer span,#footer span a,#footer span a:hover{
	white-space:nowrap;
	color:#7F7F7F;
	font-size:12px;
}
#footer span{
	cursor:default;
}
#footer img{
	vertical-align:bottom;
	margin:0 10px 0 0;
}

/*HOME*/

.home_page{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#home_list{
	left:103px;
	top:84px;
	bottom:84px;
	right:0;
	position:absolute;
	background-image:url(img/logohomepage106px.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#roster_box{
	top:0px;
	position:absolute;
	left:160px;
	width:905px;
	height:500px;
	overflow:hidden;
}
#home_list ul{
	margin:0;padding:0;
	list-style-type:none;
}
#home_list li,
#home_list li a,
#home_list h1{
	font-size:14px;
	font-weight:normal;
	line-height:17px;
	color:#7F7F7F;
}
#home_list h1{
	margin-top:0px;
	cursor:default;
}


#artist_bio,#contact-box{
	position:absolute;
	width:850px;
	padding:20px 60px 20px 0;
	overflow-y:auto;
	overflow-x:hidden;
}

#artist_bio,#contact-box{
	width:750px;
}
#artist_bio, #artist_bio div,#contact-box,#contact-box div{
	line-height:17px;
	font-size:14px;
	color:#58585A;
}

/*Portfolios*/

#film{
	position:absolute;
	left:0;
	right:0;
	height:300px;
	top:240px;
	width:100%;
	overflow:visible;
}
#film .wrapper .item img{
	position:relative;
}
.item h3{
	display:none;
}
img.small, .preview{
	cursor:pointer;
}
#film .wrapper .item.loading{
	background-image:url('img/loader.gif');
	background-repeat:no-repeat;
	background-position:center center;
}
#film .wrapper .item{
	width:144px;
	height:300px;
	margin:0px 10px;
	position:relative;
	overflow:visible;
	float:left;
}
#film .wrapper{
	background:#FFFFFF;
	position:absolute;
	top:0px;
	left:0;
	height:332px;
	right:0px;
	overflow:visible;
}


.view .title, .view .client, .view .subtitle{
	font-size:10px;
	line-height:15px;
}

.view .client{
	color:black;
}
.view .title, .view .subtitle{
	color:#636466;
}

.test{color:red;}


#lightbox .top{
	top:0;
	bottom:auto;
	left:0;
	right:0;
	position:absolute;
	height:30px;
	background-image:url(img/light-top.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
#lightbox .bottom .scroll{
	background-image:url(img/down-scroll.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	height:13px;
	width:26px;
	margin:8px auto;
	}
#lightbox .top .scroll{
	background-image:url(img/up-scroll.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	height:13px;
	width:26px;
	margin:8px auto;
	}
#lightbox .bottom{
	
	top:auto;
	bottom:0px;
	height:40px;
	right:0;
	left:0;
	position:absolute;
	background-image:url(img/light-bottom.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	}
#lightbox .middle{
	top:30px;
	bottom:40px;
	right:0;
	left:0;
	position:absolute;
	overflow:hidden;
	background-image:url(img/light-middle.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	}

#lightbox .container{
	position:relative;
	top:0;
	left:0;
	float:left;
	}

#lightbox{
	width:100px;
	top:90px;
	bottom:90px;
	right:0;
	left:auto;
	position:absolute;
}

#lightbox .lbox_item .remover{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

#lightbox .lbox_item{
	position:relative;
	float:left;
	margin:5px 0 5px 28px;
}

#lightbox .actions{
	position:absolute;
	bottom:0;
}

#lightbox .actions span{
	background-color:#b2b3b7;
	margin:0 3px 0 15px;
	color:white;
	cursor:pointer;
	padding:2px 3px 0;
}


#slider_wrapper{
	position:absolute;
	bottom:130px;
	left:680px;
}


#slider{
	width:500px;
	height:10px;
	border:none;
	background:none;
	background-color:#DDDDDD;
	margin:0 5px;
	
}
.ui-slider .ui-slider-handle.ui-state-hover,.ui-slider .ui-slider-handle.ui-state-focus,.ui-slider .ui-slider-handle.ui-state-active {
	border:none;
	background:none;
	background-color:#949597;
	margin-left:-5px;
}
.ui-slider .ui-slider-handle {
	width:10px;
	height:10px;
	font-size:8px;
	margin:0;
	margin-left:-5px;
	top:0;
	padding:0;
	border:none;
	cursor:url(admin/cursor-move.png), -moz-grab;
}
