@import url('reset.css');
@import url('960.css');
@import url('text.css');
@import url('prettyPhoto.css');
/* HTML 5 code */
header, nav, article, footer, address, section{
	display:							block;
}
/****************************************/
/*            GLOBAL STYLING            */
/****************************************/
div#load{
	background: 						#fff url('../images-newsite/loading.gif') no-repeat center center;
	width:								590px;
	height:								474px;
	position: 							absolute;
	right: 								0;
	margin-right: 						12px;
	z-index: 							9999;
	display: 							none;
}
#bckgrnd{
	position: 							fixed;
	background: 						#fff url('../images-newsite/bckgrnd.png') repeat-x;
	width: 								100%;
	height: 							100%;
	z-index: 							-2;
}
body{
	background: 						#fff;
	font-family:						Georgia, Utopia, Palatino, 'Palatino Linotype', serif;
	font-family: 						"Neutra Display";
	font-weight: 						bold;
	font-size:							14px;
	overflow-y: 						scroll;
}
h1,h2,h3,h4,h5,h6{
	font-family:						Verdana, Geneva, sans-serif;
	font-weight:						bold;
	letter-spacing:						-1px;
}
small{
	font-size:							10px;
}
a{
	color: 								#72c2c4;
	text-decoration: 					none;
}
a:hover{
	color: 								#f9c1a0;
}

/****************************************/
/*            HEADER STYLING            */
/****************************************/
header{
	position: 							absolute;
	height: 							0px;
}
h1{
	height: 							92px;
	width: 								333px;
	text-indent: 						-9999px;
	position: 							relative;
	top: 								-95px;
	left: 								-60px;
}
	h1 a{
		display: 						block;
		height: 						92px;
		width: 							333px;
		background: 					url('../images-newsite/logo.png') no-repeat;
	}

/****************************************/
/*           CONTENT STYLING            */
/****************************************/
#wrapper{
	background-color: 					#259d9f;
	height:								474px;
	width: 								720px;
	position: 							relative;
	top: 								200px;
	margin: 							0 auto;
	padding: 							12px;
	-webkit-box-shadow: 				5px 5px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 					5px 5px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 						5px 5px 10px 0px rgba(0,0,0,0.6);
}
#inner-box{
	background-color: 					#fff;
	height: 							100%;
	-webkit-box-shadow: 				3px 3px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 					3px 3px 5px 0px rgba(0,0,0,1);
	box-shadow: 						3px 3px 5px 0px rgba(0,0,0,1);
	z-index: 							1;
}
#content{
	width: 								590px;
	height: 							100%; /* delete after actual images included */
	float: 								right;
	position: 							relative;
	/*overflow:   						hidden;*/
	/*background: 						url('../images/loading.gif') no-repeat center center;*/
}
/*         NAVIGATION STYLING           */
/* NO-SPRITE NAVIGATION */
/*nav{
	width: 								105px;
	padding: 							50px 10px 0 0;
	text-align: 						right;
	float: 								left;
}
	nav ul{
		list-style: 					none;
		margin: 						0;
		font-size: 						23px;
		line-height: 					23px;
	}
		nav ul li{
			 margin-left: 				0;
		}
		nav ul > li{
			margin-top: 				10px;
		}
	nav ul li > ul{
		font-size: 						20px;
		line-height: 					20px;
		margin-top: 					10px;
	}
		nav ul li > ul li{
			margin-top: 				7px;
		}
	nav a.current{
		color:   						#f9c1a0;
	}*/
/* SPRITE NAVIGATION */
nav{
	width: 								117px;
	padding: 							74px 13px 0 0;
	float: 								left;
	z-index: 							1;
}
	.sub-nav li:last-child{
		margin-bottom: 				8px;
	}
	nav ul{
		list-style: 					none;
		margin: 						0;
	}
		nav ul li{
			margin-left: 				0;
			text-indent: 				-9999px;
			width: 						65px;
			float: 						right;
		}
		nav li a{
			background: 				url('../images-newsite/sprite-navigation.png') no-repeat -5px -5px;
			display: 					block;
			width: 						65px;
		}
		nav li#fashion a{
			background-position: 		-5px -35px;
		}
		nav li#beauty a{
			background-position: 		-5px -61px;
		}
		nav li#fine-art a{
			background-position: 		-5px -87px;
		}
		nav li#spaces a{
			background-position: 		-5px -120px;
			height: 					12px;
			margin-top: 				4px;


		}
		nav li#cuisine a{
			background-position: 		-5px -138px;
		}
		nav li#motion a{
			background-position: 		-5px -173px;
		}
		nav li#in-print a{
			background-position: 		-5px -204px;
		}
		nav li#skills a{
			background-position: 		-5px -232px;
		}
		nav li#clients a{
			background-position: 		-5px -262px;
		}
		nav li#contact a{
			background-position: 		-5px -297px;
		}
		nav li#images a:hover,
		nav li#images a.current{
			background-position: 		-71px -5px;
		}
		nav li#fashion a:hover,
		nav li#fashion a.current{
			background-position: 		-71px -35px;
		}
		nav li#beauty a:hover,
		nav li#beauty a.current{
			background-position: 		-71px -61px;
		}
		nav li#fine-art a:hover,
		nav li#fine-art a.current{
			background-position: 		-71px -87px;
		}
		nav li#spaces a:hover,
		nav li#spaces a.current{
			background-position: 		-71px -120px;
		}
		nav li#cuisine a:hover,
		nav li#cuisine a.current{
			background-position: 		-71px -138px;
		}
		nav li#motion a:hover,
		nav li#motion a.current{
			background-position: 		-71px -173px;
		}
		nav li#in-print a:hover,
		nav li#in-print a.current{
			background-position: 		-71px -204px;
		}
		nav li#skills a:hover,
		nav li#skills a.current{
			background-position: 		-71px -232px;
		}
		nav li#clients a:hover,
		nav li#clients a.current{
			background-position: 		-71px -262px;
		}
		nav li#contact a:hover,
		nav li#contact a.current{
			background-position: 		-71px -297px;
		}
		nav ul > li{
			margin-top: 				10px;
		}
	nav ul li > ul{
		margin-top: 					10px;
	}
		nav ul li > ul li{
			margin-top: 				7px;
		}
/*            SKILLS STYLING            */
#skills-list{
	background: 						rgba(255,255,255,0.8);
	position: 							absolute;
	right: 								0;
	padding-top: 						22.5%;
	width: 								215px;
	height: 72%;
}
	#skills-list img{
		display: 						block;
	}
/*            CLIENTS STYLING            */
#clients-list{
	position: 							absolute;
	top: 								405px;
	left: 								25px;
}
#clients-list1{
	position: 							absolute;
	top: 								405px;
	display: 							block!important;
}
#clients-list1 img{
	display: 							block;
	float: 								left;
	position:   						relative;
}
#clients-page #content{
	overflow-y: 							hidden;
}
/*           CONTACT STYLING            */
#contact-phone,
#contact-email{
	position: 							absolute;
}
#contact-phone{
	top: 								140px;
	left: 								127px;
}
#contact-email{
	top: 								202px;
	left: 								22px;
}
#social-icons{
	width: 								23px;
	position: 							absolute;
	right: 								-45px;
	top: 								3px;
}
/*            MOTION STYLING            */
#motion-page #content{
	background-color: 					#e8f2f3;
}
.vid{
	float: 								left;
	margin: 							36px 25px 37px 56px;
}
#vid-slider{
	display:block !important;
	overflow-y:hidden;
}
#vid-slider,
#vid-slider > div{
	width:590px;
	height:474px;
}
.vid-frame{
	background: 						#fff;
	display: 							block;
	height: 							120px;
	width:   							200px;
	position: 							relative;
	border-radius: 						8px;

}
	.vid-frame a:before{
	    content:'';
	    position:absolute;
	    width:100%;
	    height:100%;
		-moz-box-shadow:    			inset 5px 5px 8px #a7abae;
		-webkit-box-shadow: 			inset 5px 5px 8px #a7abae;
		box-shadow:         			inset 5px 5px 8px #a7abae;
		border-radius: 					8px;
	}
	.vid-frame img{
		border-radius: 					8px;
		display: 						block;
		width: 							200px;
		height: 						120px;
	}
.vid-name{
	color: 								#259d9f;
	font: 								25px 'Neutra Display', Georgia, Utopia, Palatino, 'Palatino Linotype', serif;
	letter-spacing: 					0.025em;
	margin: 							5px 0 0;
	text-align: 						center;
}
.vid-home{
	position: 							absolute;
	bottom: 							10px;
	left: 								-75px;
	/*font-size: 							18px;
	line-height: 						24px;
	padding-left: 						24px;*/
	vertical-align: 					middle;
	background: 						url('../images-newsite/bttn-back.png') no-repeat center left;
	font-weight: 						bold;
	text-indent:   						-9999px;
	width: 								62px;
	height: 							16px;
	z-index: 							99999;
}
/*.js #content video{
	display: 							none;
}*/
.pp_social{
	display:none;
}
.video-js{
	margin:20px auto 0;
}
video{
	margin: 0 auto 0;
	width:590px !important;
	display: block;
	z-index:0;
}
embed{
	z-index:0;
}
video:before{
	    content:'';
	    position:absolute;
	    width:100%;
	    height:100%;
		-moz-box-shadow:    			inset 5px 5px 8px #a7abae;
		-webkit-box-shadow: 			inset 5px 5px 8px #a7abae;
		box-shadow:         			inset 5px 5px 8px #a7abae;
		border-radius: 					8px;
}
#pp_full_res .pp_inline{text-align:center;}
/* titles */
p#title-art-to-wear{
	background: url('../images-newsite/pages/motion/title-art-to-wear.jpg') no-repeat;
	height:24px;
	width:141px;
	margin:5px auto 0;
	text-indent:-9999px;
}
p#title-underwater-fashion{
	background: url('../images-newsite/pages/motion/title-underwater-fashion.jpg') no-repeat;
	height:24x;
	width:146px;
	margin:5px auto 0;
	text-indent:-9999px;
}
p#title-behind-the-scenes{
	background: url('../images-newsite/pages/motion/title-behind-the-scenes.jpg') no-repeat;
	height:24px;
	width:141px;
	margin:5px auto 0;
	text-indent:-9999px;
}
p#title-johnny-dread{
	background: url('../images-newsite/pages/motion/title-johnny-dread.jpg') no-repeat;
	height:24px;
	width:146px;
	margin:5px auto 0;
	text-indent:-9999px;
}
/****************************************/
/*            MISC. STYLING             */
/****************************************/
.js .hide{display:none;}
.js #bckgrnd{display:none;}
.slider > img,
.slider > div,
#content .page-bckgrnd{
	width: 								591px;
	height: 							474px;
}
.bx-next{
	background: 						url('../images-newsite/arrow-right.png') no-repeat;
	position: 							absolute;
	bottom: 							75px;
	right: 								-55px;
	height: 							23px;
	width: 								23px;
	text-indent: 						-9999px;
}
.bx-prev{
	background: 						url('../images-newsite/arrow-left.png') no-repeat;
	position: 							absolute;
	bottom: 							75px;
	left: 								-180px;
	height: 							23px;
	width: 								23px;
	text-indent: 						-9999px;
}
/*.dbl-image img.left-slider-img{
	margin-right: 						0px;
}*/
.dbl-image img.right-slider-img{
	float:right;
}
.dbl-image img{display:inline;}
.js #social-icons{
	display: 							none;
}
.slider{display:block!important}
.bx-window{
	overflow:visible !important;
	position:static !important;
}
/****************************************/
/*            INTRO STYLING             */
/****************************************/
#cover{
	background: 						#fff url('../images-newsite/loading.gif') no-repeat center center;
	display: 							none;
	height: 							100%;
	width: 								100%;
	position: 							absolute;
	z-index: 							9999;
}
#stage{
	background: 						#fff;
	display: 							none;
	height:								474px;
	width: 								720px;
	margin: 							200px auto 0;
	padding: 							12px;
	position: 							relative;
}
#ani-logo{
	position: 							absolute;
	bottom: 							15px;
}
#ani-girl,
#still-girl{
	position: 							absolute;
	right: 								0;
}
#wrapper, nav, h1, .bx-next, .bx-prev{
	display: 							none;
}