@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
ol, ul { list-style:none;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}
a { outline: none;}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:black;
}

#container  {
	max-width:1200px;
}

#home {
	height:600px;
	width:685px;
	position:relative;
	z-index:3;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#contacttab {
	height:29px;
	width:210px;
	position:fixed;
	z-index:4;
	bottom:0px;
	right:125px;
}

.emailtab {
	height:29px;
	width:167px;
	display:block;
	background:url(images/mail.png) no-repeat;
	float:left;
	position:relative;
	bottom:-3px;
}

.emailtab:hover {
	bottom:0px;
}

.twittertab {
	display:block;
	height:29px;
	width:29px;
	background:url(images/twitter.png) no-repeat;
	margin:0 0 0 10px;
	float:left;
	position:relative;
	bottom:-3px;
}

.twittertab:hover {
	bottom:0px;
}

#logo {
	width:686px;
	height:83px;
	margin-top:-117px;
}

#navigation {
	position:absolute;
	top:-13px;
	left: 240px;
	width:450px;
	height:13px;
}

#navigation li {
	float:left;
	list-style:none;
	height:13px;
	margin-right:10px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#topnav_web a {
	background:url(images/topnav.png) -5px -6px;
	width:61px;
	height:13px;	
	display:block;
}

#topnav_web a:hover {
	background-position:-5px 18px;
}

#topnav_mot a {
	background:url(images/topnav.png) -75px -6px;
	width:93px;
	height:13px;	
	display:block;
}

#topnav_mot a:hover {
	background-position:-75px 18px;
}

#topnav_anim a {
	background:url(images/topnav.png) -177px -6px;
	width:97px;
	height:13px;	
	display:block;
}

#topnav_anim a:hover {
	background-position:-177px 18px;
}

#topnav_imag a {
	background:url(images/topnav.png) -284px -6px;
	width:45px;
	height:13px;	
	display:block;
}

#topnav_imag a:hover {
	background-position:-284px 18px;
}

#topnav_mus a {
	background:url(images/topnav.png) -338px -6px;
	width:34px;
	height:13px;	
	display:block;
}

#topnav_mus a:hover {
	background-position:-338px 18px;
}

#topnav_about a {
	background:url(images/topnav.png) -382px -6px;
	width:52px;
	height:13px;	
	display:block;
}

#topnav_about a:hover {
	background-position:-382px 18px;
}

#feature_cycles a {
	background:url(images/cyclesthumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_cycles a:hover {
	background-position: -200px 0px;
}

#feature_valor a {
	background:url(images/valorthumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_valor a:hover {
	background-position: -200px 0px;
}

#feature_yoga a {
	background:url(images/yogathumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_yoga a:hover {
	background-position: -200px 0px;
}

#feature_roots a {
	background:url(images/rootsthumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_roots a:hover {
	background-position: -200px 0px;
}

#feature_ppp a {
	background:url(images/pppthumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_ppp a:hover {
	background-position: -200px 0px;
}

#feature_2010 a {
	background:url(images/2010thumbroll.jpg) 0px 0px no-repeat;
	width:200px;
	height:150px;	
	display:block;
	margin-bottom:10px;
}

#feature_2010 a:hover {
	background-position: -200px 0px;
}

.totop a {
	background:url(images/top.png) 0px 0px;
	width:50px;
	height:24px;
	float:right;
	margin-top:-34px;
	margin-right:10px;
}

.totop a:hover {
	background-position:50px 0px;
}

#contentbg {
	background:url(images/bg.jpg) no-repeat;
	margin-left:-346px;
	height:1029px;
	width:2430px;
}

#homelink {
	position:relative;
	margin-top:-50px;
	margin-left: 0px;
}

#nav {
	width: 245px;
	height: 221px;
	position:absolute;
	top:230px;
	left:0px;
}

#nav li {
	list-style: none;
}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav_features {
	display: block;
	width: 295px;
	height: 37px;
	margin: 0px 0px 7px 6px;
	background: url(images/features.png) 0px 0px no-repeat;
}

#nav_web a {
	display: block;
	width: 240px;
	height: 37px;
	margin: 0px 0px 5px 0px;
	background: url(images/nav.png) 0px -5px;
}

#nav_web a:hover { background-position: 0 212px;}

#nav_mograph a {
	display: block;
	width: 315px;
	height: 35px;
	margin: 0px 0px 4px 0px;
	background: url(images/nav.png) 0px -41px;
}

#nav_mograph a:hover { background-position: 0px 176px;}

#nav_film a {
	display: block;
	width: 325px;
	height: 35px;
	margin: 0px 0px 5px 0px;
	background: url(images/nav.png) 0px -77px;
}

#nav_film a:hover { background-position: 0px 140px;}

#nav_photo a {
	display: block;
	width: 195px;
	height: 34px;
	margin: 0px 0px 5px 0px;
	background: url(images/nav.png) 0px -112px;
}

#nav_photo a:hover { background-position: 0px 105px;}

#nav_music a {
	display: block;
	width: 170px;
	height: 35px;
	margin: 0px 0px 5px 0px;
	background: url(images/nav.png) 0px -146px;
}

#nav_music a:hover { background-position: 0px 71px;}

#nav_bio a {
	display: block;
	width: 213px;
	height: 35px;
	margin: 0px 0px 5px 0px;
	background: url(images/nav.png) 0px -180px;
}

#nav_bio a:hover { background-position: 0px 37px;}


#pagenav {
	width: 132px;
	height: 40px;
	position:absolute;
	top:130px;
	left:687px;
}

#pagenav li {
	float: left;
	height: 40px;
	text-indent: -999em;
	list-style: none;
}

#pagenav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav_prev a {
	display: block;
	width: 39px;
	height: 40px;
	margin: 0 0 0px 0;
	background: url(images/pagenav.png) -3px -8px;
}

#nav_prev a:hover { background-position: -3px 38px;}

#nav_home a {
	display: block;
	width: 50px;
	height: 40px;
	margin: 0 0 0px 0;
	background: url(images/pagenav.png) -42px -8px;
}

#nav_home a:hover { background-position: -42px 38px;}

#nav_next a {
	display: block;
	width: 39px;
	height: 40px;
	margin: 0 0 0px 0;
	background: url(images/pagenav.png) 40px -8px;
}

#nav_next a:hover { background-position: 40px 38px;}


#break1 {
	height:100%;
	width:100%;
	background:url(images/bg2.jpg);
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
}

a {
	text-decoration:none;
	color: #D6C66B;
}

a:hover {
	text-decoration:underline;
}

* {
	margin:0;
	padding:0;
	list-style:none;
}

#section{
	padding:5px 0px 5px 0px;
	width:686px;
	position:absolute;
	left:173px;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.features{
	top:100px;	
}

.webdesign{
	top:495px;
}

.webdesign a {
	color:#6cdc91;
}

.motiongraphics{
	top:837px;
}

.motiongraphics a {
	color:#68cddd;
}

.animsound{
	top:1213px;
}

.animsound a {
	color:#7e75e2;
}

.imagery{
	top:1577px;
}

.imagery a {
	color:#da69a4;
}

.musicsec{
	top:2013px;
}

.aboutme{
	top:2350px;
}

.foots{
	top:2670px;
}

.header_highlight{
	background:url(images/highlight.jpg);
	padding:5px 0px 1px 0px;
}

.header_highlight2{
	background:url(images/highlight2.png) no-repeat;
	margin-left:-24px;
	padding:5px 0px 1px 32px;
	width:732px;
}

.leftcol {
	float:left;
	margin-left:10px;
	width:340px;
	margin-bottom:20px;
	color:white;
	margin-top: 8px;
}

.rightcol {
	float:right;
	width:290px;
	margin-bottom:20px;
	background:url(images/verticalspacer.jpg);
	background-repeat: repeat-y;
	text-indent:0em;
	margin-top:8px;
}

#thumbs {
	display:block;
	margin-left:28px;
	margin-bottom:15px;
	margin-top:10px;
	clear:both;
}

#thumbs li {
	float: left;
	margin-right:15px;
}

#thumbs img {
	margin: 0px 5px 0px 5px;
}

.link {
	list-style-position:outside;
	list-style-type: none;
	display:block;
	margin-bottom:0px;
	padding-left:12px;
	margin-left:15px;
	background:url(images/bullet.png);
	background-repeat:no-repeat;
	color: #FFF;
}

.description {
	color: #999;
	margin-left:35px;
	margin-bottom:10px;
	background:none;
}

.music {
	color: #bc5556;
	margin-left:30px;
	margin-bottom:0px;
	background:none;
}

.descripheader {
	background-color: #CCC;
	background-repeat:no-repeat;
	color:black;
	width: 120px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:7px;
}

.descripheader p {
	padding-left: 15px;
}

.bio {
	margin-left:10px;
	margin-bottom:7px;
	text-indent:15px;
	color:white;
}

.email {
	margin-left:10px;
	margin-bottom:7px;
	text-indent:15px;
	color:white;
	font-size:2.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ddbc6f;
}

.email a {
	color:#ddbc6f;
}

#footer {
	background:url(images/footerbg.jpg) no-repeat;
	width:883px;
	height:268px;
	margin-left:-93px;
	display:block;
}

#dld2thumb a {
	background:url(images/dld2thumb.jpg) no-repeat;
	width:346px;
	height:188px;
	margin-top:15px;
	display:block;
}

#valorthumb a {
	background:url(images/showreelthumb.jpg) no-repeat;
	width:347px;
	height:187px;
	margin-top:10px;
	display: block;
}

#excursusthumb a {
	background:url(images/excursusthumb.jpg) no-repeat;
	width:346px;
	height:187px;
	margin-top:20px;
	display: block;
}

#albumthumb a {
	background:url(images/albumthumb.jpg) no-repeat;
	width:346px;
	height:188px;
	margin-top:20px;
	display: block;
}

#resume a {
	background:url(images/resume.png) 0px 0px;
	display:block;
	width:262px;
	height:67px;
	margin-left:15px;
	margin-bottom:25px;
	margin-top:25px;
}