@charset "UTF-8";
/* CSS Document */

* {
	margin: 0 px;
	padding: 0px;
}

body {
	background-color: #171717;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

h3 {
	font-size: 65%;
	font-weight: lighter;
	color: #333333;
	padding-top: 5px;
	}


/* ---------------- home page positioning ---------------------*/


#home {
	position: relative;
	width: 770px;
	height: 490px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../_images/homeimage.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	z-index: 1;

}

#homework {
	background-image: url(../_images/homeimage_work.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 770px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 490px;
	z-index: 4;
}

#homenotwork {
	background-image: url(../_images/homeimage_notwork.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 770px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 490px;
	z-index: 3;
}

#homecontact {
	background-image: url(../_images/homeimage_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	width: 770px;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 490px;
	z-index: 2;
}

#homenav {
	float: right;
	width: 400px;
	position: relative;
	right: 0px;
	bottom: 0px;
	margin-top: 430px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	z-index: 5;
}



/* ---------------- work page positioning ---------------------*/



#wrapper {
	position: relative;
	width: 770px;
	min-height: 520px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../_images/bgtexture.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#wrapper h1{
	vertical-align:absbottom;
	margin: 0;
	padding: 0;
	bottom: 0px;
	right: 0px;
}

#clear {
	clear: both;
}

.clear {
	clear: both;
}


#header {
	position: relative;
	height: 30px;
	background: #000000;
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
#left {
	float: left;
	position: relative;
	width: 270px;
	margin: 0px;
	padding: 0px;
	height: 332px;
}
#left #nav {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 105px;
	clear: none;
	float: none;
	padding: 0px;
	margin: 0px;
	}
	
#left p {
	margin-top: 50px;
	margin-left: 23px;
	}

#content {
	float: right;
	width: 480px;
	margin: 0px;
	padding-top: 37px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content p {
	margin: 0px;
	padding: 13px;
	position: relative;
	float: left;
}

#content ul {
	margin: 0px;
	padding: 0px;
	width: 450;
	position: absolute;
	top: 50px;
	list-style: none;
}

#content ul li {
	float: left;
	padding: 25 px, 25px;
	}
	
#homescribble {
	position:absolute;
	z-index: 2;
	width: 100px;
	top: 435px;
	left: 710px;
	}


#drawingnav {
	float: right;
	width: 480px;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#drawingnav p {
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

#footer {
	position: relative;
	background: #000000;
	height: 30px;
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}


/*------------------- detail subpages------------*/

#wrapper_black {
	position: relative;
	width: 990px;
	text-align: left;
	background-color: #000000;
	top: 0px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	left: 0px;
}

#topnav {
	position: relative;
	background-color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 840px;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 45px;
}
#topnav p {
	float: right;
	width: 175px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	height: 43px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#topnav ul {
	float: right;
	width: 450px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	height: 43px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#topnav h1 {
	margin 0;
	position: relative;
	height: 43px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 0px;
	width: 125px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
	
#topnav #detail {
	position:absolute;
	padding: 0px;
	width: 420px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	height: 35px;
	left: 245px;
	top: 17px;
	text-align: center;
	}

#content_black {
	position:relative;
	width: 900px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#content_black h1 {
	position:relative;
	width: 900px;
	height: 550px;
	text-align: center;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	}
	

#content_black p {
	position:relative;
	padding: 0px;
	width: 700px;
	margin-top: 20;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	}
	
#content_black p.bold {
	text-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .85em;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
		}

/*----- drawings pages --------*/

#content_black h2 {
	position:relative;
	width: 900px;
	height: 550px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;	
	padding: 0px;
	}
	

#bottomnav {
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;	
	width: 900px;
	margin-top: 50;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	}

#bottomnav p {
	margin: 0px;
	padding: 0px;
	border: 0;
	width: 45px;
	}
	
#bottomnav p.left {
	text-align: left;
	float: left;
	}
	
/*------------------- notwork pages-----------------------*/
#notwork {
	position: relative;
	width: 770px;
	height: 490px;
	text-align: left;
	background-image: url(../_images/notwork_illus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	visibility: visible;
	z-index: auto;
}

#leftnotwork {
	float: left;
	position: relative;
	width: 280px;
	margin: 0px;
	padding: 0px;
	height: 190px;
}

#leftnotwork p {
	margin-top: 45px;
	margin-left: 20px;
	}

#leftnotwork #nav {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 100px;
	clear: none;
	float: none;
	padding: 0px;
	margin: 0px;
	}


#contentnotwork {
	float: right;
	width: 455px;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	visibility: visible;
	z-index: auto;
	}

#contentnotwork p {
	margin: 0px;
	padding: 13px;
	position: relative;
	float: left;
}

#contentnotwork p.border {
	border-color:#CCCCCC;
	border-width:1px;
}

#homescribble {
	position:absolute;
	z-index: 2;
	width: 40px;
	top: 435px;
	left: 710px;
	}

/*----------- stories_full-----------------*/

#content_stories {
	position:relative;
	width: 700px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	}

#content_stories p {	
	text-align: left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	padding-top: 8px;
	border-bottom:#999999 solid 1px;
	}
	
/*----------- cv & statement----------- */
	
#content_cv {
	position:relative;
	width: 550px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	color:#FFFFFF;
	font-size:.85em;
	line-height:1.5em;
	}

#content_cv h1 {	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top:#999999 solid 1px;
	font-size:1.05em;
	line-height:1.5em;
	font-weight:bold;
	}
	
#content_cv p {	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	padding-bottom: .75em;
	
	}
	
#content_cv a {	

	color:#999999;

	
	}