/* --------------- About */

body#about #wrapper-content{
	margin: 0 auto; width: 1030px;
	height: 161px;
	background-image: url(../images/starsandmoon/stars-moon-about.png);
	background-repeat: no-repeat;
	background-position: 100px 0;
	padding-left: 100px;
}

/* Content */
#about-flash-artwork{
	width: 463px;
	height: 921px;
	position: relative;
	right: 28px;
	top: 24px;
	float: left;
}

#content-about{
	float: left;
}

#clearing{
	clear: both;
}

#content-about p.info{
	width: 500px;
	position: relative;
	top: 65px;
}

body#about #title-info{
	background-image: url(../images/about/about-shemrajoon.png);
	background-repeat: no-repeat;
	width: 199px;
	height: 61px;
	position: relative;
	top: 50px;
	text-indent: -9999px;
}



/* PDF, Resume and Signature */
p.about-pdf{
	top: 55px;
	text-indent: -9999px;
	padding-right: 15px;
	background-image: url(../images/about/about-pdf.png);
	background-repeat: no-repeat;
	position: relative;
}

p.about-pdf a{
	display: block;
	width: 41px;
	height: 48px;
}

p.about-resume{
	top: 8px;
	text-indent: -9999px;
	background-image: url(../images/about/about-resume.png);
	background-repeat: no-repeat;
	position: relative;
	left: 52px;
}

p.about-resume a{
	display: block;
	width: 34px;
	height: 48px;
}

p.about-signature{
	background-image: url(../images/about/about-signature.png);
	width: 170px;
	height: 115px;
	text-indent: -9999px;
	position: relative;
	left: 329px;
	bottom: 47px;
}

/* Twitter */
body#about #tweet {
	background-image: url(../images/twitter.png); 
	background-repeat: no-repeat;
	width: 474px;
	height: 331px;
	left: 527px;
}


/* --------------- Portfolio */	
body#portfolio #wrapper #wrapper-content{
	margin: 0 auto; width: 1030px;
	height: 161px;
	background-image: url(../images/starsandmoon/stars-moon-portfolio.png);
	background-repeat: no-repeat;
	background-position: 100px 0;
	padding-left: 100px;
	
}
	
/* Easy Slider */
	#content-slideshow{
	width: 850px;
	height: 750px;
	position: relative;
	bottom: 93px;
	left: 0;
	overflow:hidden; 
}
	
	#slider{
	width: 850px;
	height: 750px;
	overflow:hidden; 
	}	
	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden; 
		}
		
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 850px;
		height: 750px;
		overflow:hidden; 
		}					
		
/* // Thumbnails */			
	img.slideshow-thumb1{
	margin-bottom: 264px;
	margin-left: -52px;
}	

	img.slideshow-thumb2{
	margin-bottom: 154px;
	margin-left: -115px;
}	

	img.slideshow-thumb3{
	margin-bottom: 45px;
	margin-left: -115px;
}	

/* // Controls */	
	p#controls{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:49px;
		height:75px;
		position: absolute;
		left: 6px;
		top: -443px;
		}	
	#nextBtn{ 
		left: 797px;
		}														
	#prevBtn a, #nextBtn a{
		display:block;
		width:49px;
		height:75px;
		background-image:url(../images/slideshow/arrow_left.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		}	
		
	#prevBtn>a:hover, #nextBtn>a:hover{
		text-indent:-8000px;	
		}

	#nextBtn a{ 
		background-image:url(../images/slideshow/arrow_right.png);
		background-repeat: no-repeat;
		background-position: 0 0;	
		}												

/* // Title and Description */	
	#slider li h2.slideshow-title{
	font: 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	width: 500px;
	margin: -50px 20px 0 138px;
	}	
	
	#slider li p.slideshow-desc{ 
	text-align: right;
	width: 500px;
	margin: 0 20px 0 138px;
	}		

/* // Preview and Launch Buttons */	
	p.slideshow-preview{
	margin-top: -42px;
	margin-left: 80px;
	background: url(../images/slideshow/magnifyingglass.png) no-repeat;
	padding-left: 20px;
}

	p.slideshow-preview>a{
	width: 60px;
	height: 19px;
	display: block;
}
	
	p.slideshow-launch{
	margin-top: -19px;
	margin-left: 153px;
	background: url(../images/slideshow/globe.png) no-repeat;
	padding-left: 22px;

	}

	p.slideshow-launch>a{
	width: 60px;
	height: 19px;
	display: block;
}

/* // Info - Project Types, Roles and Producer */	
	div.slideshow-info1{
	width: 150px;
	height: 150px;
	margin-top: 97px;
	margin-left: 66px;
}

	h3#slideshow-projecttypes{
	background-image: url(../images/slideshow/title-projecttype.png);
	background-repeat: no-repeat;
	width: 212px;
	height: 28px;
	text-indent: -9999px;
	padding-bottom: 10px;
	margin-left: 1px;
}

	div.slideshow-info2{
	width: 150px;
	height: 150px;
	margin-left: 347px;
	margin-top: -148px;
}

	h3#slideshow-roles{
	background-image: url(../images/slideshow/title-role.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	text-indent: -9999px;
	padding-bottom: 10px;
}

	div.slideshow-info3{
	width: 150px;
	height: 150px;
	margin-left: 525px;
	margin-top: -149px;
}

	h3#slideshow-producer{
	background-image: url(../images/slideshow/title-producer.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	text-indent: -9999px;
	padding-top: 10px;
}

div.slideshow-info1 p, div.slideshow-info2 p, div.slideshow-info3 p {
	padding-bottom: 2px;
	padding-left: 2px;
}
	
/* // Easy Slider */

/* --------------- Contact */
body#contact{
	background-image: url(../images/bg-contact.jpg);
	background-repeat: repeat-x;
	background-position: 10% 0;
	background-color: #000;
	font: 12px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #cececd; 
}


body#contact #wrapper #wrapper-content{
	margin: 0 auto; width: 1030px;
	height: 161px;
	background-image: url(../images/starsandmoon/stars-moon-contact.png);
	background-repeat: no-repeat;
	background-position: 100px 0;
	padding-left: 100px;
}
	
body#contact p.info{
	width: 521px;
}

/*form - Form Style*/
/*Defaults Styling*/
fieldset { border: 1px none #fff; margin-bottom:36px; width:650px;
}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action { margin-top:-20px;
	width: 200px;
	padding-left: 112px;
}
label {font-size: 15px; color: #c0c0c0;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:left; width: 104px; line-height:25px;
	margin: 0 10px 10px 0;
}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;
}
#footer {font-size:11px;}

#container-form {width: 650px;
	margin-top: 110px;
}

/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(../images/form/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background: url(../images/form/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(../images/form/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(../images/form/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(../images/form/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(../images/form/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(../images/form/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../images/form/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font: 12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(../images/form/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(../images/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background: #000 url(../images/form/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#000 url(../images/form/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(../images/form/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(../images/form/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(../images/form/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(../images/form/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(../images/form/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(../images/form/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(../images/form/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(../images/form/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(../images/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(../images/form/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(../images/form/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(../images/form/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(../images/form/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(../images/form/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(../images/form/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}