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

body{
	margin:0px;
	padding:0px;
	margin:0 0 0 0;
	height:823px;
}

#wrapper{
	width:1024px;
	height:823px;
	position:absolute;
	top:0px;
	left:0px;
	margin:0 0 0 0;
	background:#ffffff;
	padding:0px;
}

#header{
	margin:0px;
	padding:0px;
	height:142px;
	width:1024px;
	float:left;
	clear:both;
	position:relative;
}

#header ul{
	display:block;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

#header ul li{
	display:block;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}


#logo1-button{
	width:216px;
	height:142px;
	diaplay:block;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	text-indent:-9000px;
	background-image:url(logo1.jpg);
	position:relative;
	}
	
#banner{
	width:809px;
	height:142px;
	display:block;
	position:relative;
	float:left;
	top:-142px;
	left:216px;
	background-image:url(mainheader.jpg);
	}	
	
	
	/*  START NAVIGATION  */

#navigation{
	width:1024px;
	height:67px;
	top:0px;
	left:-40px;
	position:relative;
	margin:0 0 0 0;
}


#logo2-button{
	width:216px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	background:url(logo2.jpg) left top no-repeat;
	text-indent:-9000px;
}

#home-button{
	width:164px;
	height:67px;
	display:block;
	position: relative;
	float:left;
	background-image:url(home.jpg);
	text-indent:-9000px;
}

a:hover#home-button{
	width:164px;
	height:67px;
	display:block;
	position: relative;
	float:left;
	background-image:url(homeover.jpg);
	text-indent:-9000px;
}

#portfolio-button{
	width:171px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(portfolio.jpg);
	text-indent:-9000px;
}

a:hover#portfolio-button{
	width:171px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(portfilioover.jpg);
	text-indent:-9000px;
}

#services-button{
	width:187px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(services.jpg);
	text-indent:-9000px;
	}
	
a:hover#services-button{
	width:187px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(servicesover.jpg);
	text-indent:-9000px;
	}
	
#contact-button{
	width:159px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(contact.jpg);
	text-indent:-9000px;
	}
	
a:hover#contact-button{
	width:159px;
	height:67px;
	display:block;
	position:relative;
	float:left;
	background-image:url(contactover.jpg);
	text-indent:-9000px;
	}
	
		/*  main body */

#sidebar{
	width:216px;
	height:561px;
	display:block;
	position:relative;
	float:left;
	background-image:url(sidebar.jpg);
	}
	
#content{
	width:809px;
	height:561px;
	display:block;
	position:relative;
	float:left;
	left:216px;
	margin:0 0 0 0;
	top:-561px;
	background-image:url(mainbg.jpg);
	}
	
#footer{
	width:1024px;
	height:53px;
	display:block;
	position:relative;
	float:left;
	background-image:url(footer.jpg);
	text-indent:-9000px;
	top:-561px;
	}
	
	/* portfolio links */

#print{
	top:25px;
	width:356px;
	height:101px;
	display:block;
	position:relative;
	float:left;
	background-image:url(printbutton.gif);
	}
	
#web{
	top:50px;
	left:0px;
	width:356px;
	height:101px;
	display:block;
	position:relative;
	float:left;
	background-image:url(webbutton.jpg);
	text-indent:-9000px;
	}
	
#traditional{
	top:75px;
	width:356px;
	height:101px;
	display:block;
	position:relative;
	float:left;
	background-image:url(traditionalbutton.jpg);
	}
ul{
list-style-type:none;
}

li{
list-style-type:none;
}

#portfoliolink{
	width:356px;
	}

#portfoliotext{
	width:356px;
	height:356px;
	display:block;
	position:relative;
	float:left;
	left:40px;
	top:-100px;
	}

/* contact page  */

#contactcontent{
	left:70px;
	top:70px;
	display:block;
	position:relative;
	}
#thankyou{
	display:block;
	position:relative;
	float:left;
	left:100px;
	top:100px;
	}
	
/* services page */

#servicestext{
	display:block;
	position:relative;
	top:20px;
	}
	
#servicescontent{
	display:block;
	position:relative;
	top:20px;
	}
	
/* portfolio print */

#printgallery{
	display:block;
	position:relative;
	width:650px;
	top:50px;
	left:30px
	}

#print1{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	background-image: url(incubusthumb.jpg);
	}
#print2{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:25px;
	background:url(robothumb.jpg);
	}
#print3{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:50px;
	background:url(mumfordsthumb.jpg);
	}
#print4{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	top:213px;
	left:-90px;
	float:left;
	background:url(goodguythumb.jpg);
	}
#print5{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	top:25px;
	background:url(hellcitythumb.jpg);
	}
#print6{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	top:25px;
	left:25px;
	background:url(zacbrownthumb.jpg);
	}
#back{
	width:182px;
	height:61px;
	dsiplay:block;
	position:relative;
	float:left;
	background:url(backbutton.jpg);
	}
#printback{
	display:block;
	position:relative;
	float:left;
	top:240px;
	left:-165px;
	}
#incubus{
	width:619px;
	height:400px;
	position:relative;
	display:block;
	float:left;
	background:url(incubus.jpg);
	}
#incubusgallery{
	width:620px;
	display:block;
	position:relative;
	float:left;
	top:20px;
	left:10px;
	}
#incubusback{
	display:block;
	position:relative;
	float:left;
	top:10px;
	left:200px;
	}
#robo{
	display:block;
	position:relative;
	float:left;
	width:251px;
	height:400px;
	background:url(robo.jpg);
	}
#robotext{
	display:block;
	position:relative;
	float:left;
	width:250px;
	left:30px;
	top:30px;
	}
#roboback{
	dsiplay:block;
	position:relative;
	top:320px;
	}
#mumfords{
	width:619px;
	height:400px;
	position:relative;
	display:block;
	float:left;
	background-image:url(mumfords.jpg);
	}
#goodguy{
	width:619px;
	height:309px;
	position:relative;
	display:block;
	float:left;
	background-image:url(goodguy.jpg);
	}
#goodguyback{
	display:block;
	position:relative;
	float:left;
	top:100px;
	left:200px;
	}
#hellcity{
	display:block;
	position:relative;
	float:left;
	width:262px;
	height:400px;
	background:url(hellcity.jpg);
	}
#zacbrown{
	width:619px;
	height:400px;
	position:relative;
	display:block;
	float:left;
	background:url(zacbrown.jpg);
	}
#zacfooter{
	width:1024px;
	height:53px;
	display:block;
	position:relative;
	float:left;
	background-image:url(footer.jpg);
	text-indent:-9000px;
	top:-511px;
	}
/* web gallery*/

#web1{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	background-image: url(industrial.jpg);
	}
#web2{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:25px;
	background:url(moviemonsters.jpg);
	}
#web3{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:50px;
	background:url(javx.jpg);
	}
#webback{
	display:block;
	position:relative;
	float:left;
	top:350px;
	left:-100px;
	}
#industrial{
	width:619px;
	height:394px;
	position:relative;
	display:block;
	float:left;
	background:url(industrialbig.jpg);
	}
#movie{
	width:619px;
	height:400px;
	position:relative;
	display:block;
	float:left;
	background:url(movie.jpg);
	}
#javx{
	width:619px;
	height:944px;
	position:relative;
	display:block;
	float:left;
	background:url(javxbig.jpg);
	}
#javxfooter{
	width:1024px;
	height:53px;
	display:block;
	position:relative;
	float:left;
	background-image:url(footer.jpg);
	text-indent:-9000px;
	top:15px;
	}
/*traditional gallery*/

#traditional1{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	background-image: url(breastthumb.jpg);
	}
#traditional2{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:25px;
	background:url(eyethumb.jpg);
	}
#traditional3{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:50px;
	background:url(logothumb.jpg);
	}
#traditional4{
	width:141px;
	height:188px;
	display:block;
	position:relative;
	float:left;
	left:-423px;
	top:213px;
	background:url(eyetattoothumb.jpg);
	}
#traditionalback{
	display:block;
	position:relative;
	float:left;
	top:200px;
	left:300px;
	}
#breast{
	width:619px;
	height:572px;
	position:relative;
	display:block;
	float:left;
	background:url(breastcancer.jpg);
	}
#breastfooter{
	width:1024px;
	height:53px;
	display:block;
	position:relative;
	float:left;
	background-image:url(footer.jpg);
	text-indent:-9000px;
	top:-330px;
	}
#eye{
	width:619px;
	height:394px;
	position:relative;
	display:block;
	float:left;
	background:url(eye.jpg);
	}
#logo{
	width:619px;
	height:394px;
	position:relative;
	display:block;
	float:left;
	background:url(logo.jpg);
	}
#eyetattoo{
	width:619px;
	height:325px;
	position:relative;
	display:block;
	float:left;
	background:url(eyetattoo.jpg);
	}
#tattooback{
	display:block;
	position:relative;
	float:left;
	top:50px;
	left:250px;
	}
	
#intro{
	width:619px;
	height:400px;
	position:relative;
	display:block;
	float:left;
	background:url(intropage.jpg);
	}