@charset "utf-8";

/*  Reset Styles */

body, html, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, input, a, blockquote, img {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
ul, ol, li{
	list-style:none;  /*remove bullet from lists*/
	font-size: 12px;
}
body{
	line-height:#999;
}


/* end reset */

body{
	background-color:#000;
}


#container {
	width: 950px;
	margin: 0 auto;
	font-family:"Century Gothic", Verdana, Tahoma, sans-serif;
	color:#666;
	font-size:10px;
}



#header{
	width:950px;
	height:300px;
}

#headerindex{
	width:950px;
	height:190px;
	background-image:url(images/index_header_background.jpg);
	background-repeat:no-repeat;
}

#header3d{
	width:950px;
	height:190px;
	background-image:url(images/3d_header_background.jpg);
	background-repeat:no-repeat;
}

#headerartwork{
	width:950px;
	height:190px;
	background-image:url(images/artwork_header_background.jpg);
	background-repeat:no-repeat;
}

#headercontact{
	width:950px;
	height:190px;
	background-image:url(images/contact_header_background.jpg);
	background-repeat:no-repeat;
}

#maincol {
	width:950px;
	clear: both;
}

#maincolartwork{
	width:950px;
	background-image:url(images/artwork_maincol_background.jpg);
	background-repeat:no-repeat;
	
}
#maincolcontact{
	width:950px;
	background-image:url(images/contact_maincol_background.jpg);
	background-repeat:no-repeat;
	
}

#illustrationtraditional{
	padding:45px 0 0 50px;
}
#illustrationsci{
	margin:0px 0 50px 50px;
}


#contact{
	margin: 20px 0 0 50px;
}

#videoedit{
	padding:45px 0 0px 50px;
	
}

#videoedit .videoedit{
	margin-right:80px;
	margin-bottom:50px;
	margin-left: 50px;
}

.title{
	margin-bottom:25px;	
}





#topnav {
	height:55px;
	width:790px;
	float:right;
	margin-top:190px;
	clear:both;
}


#topnav .nav li a{
	display: block;
	background-image:url(images/nav_spry.gif);
	background-repeat: no-repeat;
	height: 55px;
}

.nav li{
	float:left;
}
.nav li{
	float:left;
}
.nav a span{
	color:#F00;
}


.index{
    width:130px;
}
.demo{
	width:200px;
}
.artwork{
    width:160px;
}

.contact{
	width:160px;
}


.nav a span{
	color:#F00;
}	

.resumelist{
	margin-bottom:10px;
}
.email{
	margin-left:85px;
}

/*														Default Spry Nav */							

.nav .index a{
    background-position:0px 0px;
}
.nav .demo a{
    background-position:-130px 0;
}
.nav .artwork a{
    background-position:-330px 0;
}
.nav .contact a{
    background-position:-490px 0;
}

/*														hover Spry Nav */	
					
.nav .index a:hover{
    background-position:0px -55px;	
}					
.nav .demo a:hover{
    background-position:-130px -55px;
}
.nav .artwork a:hover{
    background-position:-330px -55px;
}
.nav .contact a:hover{
    background-position:-490px -55px;
}

						

/*														current Spry Nav */	
					
.nav .index.current a{
    background-position:0px -110px;	
}					
.nav .demo.current a{
    background-position:-130px -110px;
}
.nav .artwork.current a{
    background-position:-330px -110px;
}
.nav .contact.current a{
    background-position:-490px -110px;
}









h3 a{
	color: #0066cc;
	text-decoration: underline;
	margin-left: 155px;
}

.btmnav a:link {
	color:#333;
}
a:visited {
	color:#333;
}
.btmnav a:hover {
	color:#FFF;
}

.btmnav li.current {
	text-decoration:underline;	
}
h2 {
	font-size:16px;
	color:#488BDF;
}
h3 {
	font-size:12px;
	color:#FFF;
}
p {
	font-size:12px;
	line-height: 20px;
}
#contentabout {
	width:475px;
	padding:50px 20px 0 50px;
	margin-bottom: 10px;
}
#contentabout p{
	padding-bottom: 20px;	
}

#contentsocialnetworks {
	width: 330px;
	display:block;
	float: right;
	padding-top: 40px;
	padding-right: 70px;
}

.socialicons{
	margin:0px 0px 15px 0px;
	display:block;
	float:right;
	clear:both;
}
.tweet{
	margin-top:100px;
	float: right;
	margin-right: 30px;
}

#twitter{
	width:200px;
	float:right;
	clear:both;
}

#mailbox{
	width:372px;
	background-image:url(images/contact_email.jpg);
	background-repeat:no-repeat;
	padding-top: 165px;
	padding-bottom: 75px;
}

#email{
	width:225px;
	height:100px;
	float: right;
	margin-top: 100px;
}



.hidden{
	display:none;	
}
#btmlogo{
	
	background-image:url(images/nav_bottom_logo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	clear:both;
}
#btmlogo p{
	text-align:center;	
	color:#999;
	font-size:12px;
	padding:70px 60px 30px 60px;
	
}

.btmnav{
	width: 780px;
	padding-bottom:25px;
	float:right;
	clear:both;
	margin-top:25px;
}	

.btmnav ul li{
	font-size:12px;
	display:inline;
	padding-left:65px;
}	

.navlist{
	color:#999;
}


a span{
	display:none;
}

h1 a{
	display:block;
	font-size:20px;
	height: 50px;
	width: 200px;
}