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


	*{
		margin:0px;
		padding:0px;
	}
	
	body{
		background-color:#FFFFFF;
	
		}
				
	#bodyDiv{
		margin:0 auto;
		width:900px;
		height:600px;
		}
	
	#header{
		height:160px;
		width:800px;
		}
	
	#logo{
		width:479px;
		}
	
	#navigation{
		height: 100px;
		}
	
	#naviagation ul{
		list-style:none;
		}
	
	#leftColumn{
		float:left;
		width:300px;
		height:440px;
		}
			
	#subcategory{
		height:40px;
		width:300px;
		}
		
	#thumbnails{
		width:300px;
		height:400px;
		background-image:url(../images/thumb_1.jpg);
		background-repeat: no-repeat;
		}
		
	#thumbnails img{
		margin-right:20px;
		margin-bottom:20px;
		}
	
	#rightColumn{
		float:left;
		width:600px;
		height:440px;
		}
		
	#smallThumbs{
		height:20px;
		width:600px;
		}
		
	#information{
		height:20px;
		width:600px;
		}
	
	#information img{
		float: right;
		}
		
	#mainImage{
		height:440px;
		width:600px;
		}
		
	#nav, nav ul{
		list-style:none;
		}
		
	
	#nav li{
		float:left;
		list-stye: none;
		position: relative;
		}
		
	#nav {
		position: relative;
		list-style: none;
		}
	
	#nav #submenu{
		list-style: none;
		position: absolute;
		width:290px;
		}
	
	#nav #submenu li{
		list-style: none;
		/*float:none;*/
		}
				
	#secondaryNav{
		position:relative;
		right:3px;
		/*bottom:1px;*/
		list-style:none;
		width: 200px;
		float: right;
		}
			
	#secondaryNav li{
		float: left;
		}
	
	.menuItemHome{
		opacity: 0;
		}
	
	.menuItemContact{
		opacity: 0;
		}
		
	.menuItemResume{
		opacity: 0;
		}
	
	.menuItemWork{
		opacity: 0;
		}
	
	.menuItemDesign{
		opacity: 0;
		}
		
	.menuItemPhotography{
		opacity: 0;
		}
		
	.menuItemOtherstuff{
		opacity: 0;
		}
		
	.menuItemPrint{
		opacity: 0;
		}
	
	.menuItemWeb{
		opacity: 0;
		}
	
	.menuItemCollaborative{
		opacity: 0;
		}
	
	.thumb1{
		opacity:0;
		}
	
	.thumb2{
		opacity:0;
		}
	
	.thumb3{
		opacity:0;
		}
	
	.thumb4{
		opacity:0;
		}
		
	.thumb5{
		opacity:0;
		}	
	
	.thumb6{
		opacity:0;
		}
		
	.thumb7{
		opacity:0;
		}
		
	.thumb8{
		opacity:0;
		}
		
	.thumb9{
		opacity:0;
		}
		
	.thumb10{
		opacity:0;
		}
		
	.thumb11{
		opacity:0;
		}
		
	.thumb12{
		opacity:0;
		}
		
	.mainImage1{
		}
		
	.mainImage2{
		}
		
	.mainImage3{
		}
		
	.mainImage4{
		}
		
	.mainImage5{
		}
		
	.mainImage6{
		}
		
	.mainImage7{
		}
		
	.mainImage8{
		}
		
	.mainImage9{
		}
		
	.mainImage10{
		}
		
	.mainImage11{
		}
	
	.mainImage12{
		}
	
	#home{
		background-image:url(../images/home.jpg);
		background-repeat: no-repeat;
		}
	
	#contact{
		background-image:url(../images/contact.jpg);
		background-repeat: no-repeat;
		}
		
	#resume{
		background-image:url(../images/resume.jpg);
		background-repeat: no-repeat;
		}
		
	#work{
		background-image:url(../images/work.jpg);
		background-repeat: no-repeat;
		}
	
	#design{
		position:relative;
		left:6px;
		margin-top:3px;
		background-image:url(../images/design.jpg);
		background-repeat: no-repeat;
		width: 300px;
		}
	
	#photography{
		position:relative;
		left:6px;
		background-image:url(../images/photography.jpg);
		background-repeat: no-repeat;
		}
		
	#otherstuff{
		position:relative;
		left:6px;
		background-image:url(../images/otherstuff.jpg);
		background-repeat: no-repeat;
		}
		
	#print{
		position:relative;
		right:14px;
		background-image:url(../images/print.jpg);
		background-repeat: no-repeat;
		
		}
		
	#web{
		position:relative;
		right:14px;
		background-image:url(../images/web.jpg);
		background-repeat: no-repeat;
		}
		
	#collaborative{
		position:relative;
		right:14px;
		background-image:url(../images/collaborative.jpg);
		background-repeat: no-repeat;
		}
		
	#image1{
		position:relative;
		opacity: 0;
		}
	
	#image2{
		position:relative;
		bottom:380px;
		opacity: 0;
		}
	
	#image3{
		position:relative;
		bottom:760px;
		opacity: 0;
		}
	
	#image4{
		position:relative;
		bottom:1140px;
		opacity: 0;
		}
	
	#image5{
		position:relative;
		bottom:1520px;
		opacity: 0;
		}
	
	#image6{
		position:relative;
		bottom:1900px;
		opacity: 0;
		}
	
	#image7{
		position:relative;
		bottom:2280px;
		opacity: 0;
		}
		
	#image8{
		position:relative;
		bottom:2660px;
		opacity: 0;
		}
		
	#image9{
		position:relative;
		bottom:3040px;
		opacity: 0;
		}
	
	#image10{
		position:relative;
		bottom:3420px;
		opacity: 0;
		}
	
	#image11{
		position:relative;
		bottom:3800px;
		opacity: 0;
		}
	
	#image12{
		position:relative;
		bottom:4180px;
		opacity: 0;
		}
	
	
	
	.float{
		float:left
		}