* {
	margin:0;
	padding:0;
}

caption{color:#CCCCCC; }

img {border-style: none;}

body {
	font-size:92.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#676768;
}
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}


#page-wrap{
	width:800px;
	margin:0 auto;
}

#header{
	margin:0 auto;
	background: url(../images/header.gif) no-repeat;
	height: 190px;
}

#main{
	margin:0 auto;
	background:url(../images/geoff_leighly_main.gif) no-repeat;
	height:126px;
	width:504px;
}
	#main span{display: none;}
	
#back{
	display:block;
	float:right;
	height:24px;
	width:229px;
	margin:50px 50px 0 0;
	background:url(../images/back.gif) no-repeat;
}
	#back:hover{background-position:0 -24px;}
	

	
	
#gal-wrap{
	width:800px;
	height:415px;

}



#gallery_main{
	float:left;
	height:460px;
	width:825;
	
}
	#gallery_main ul{
		list-style:none;
		width:395px;
	}
	#gallery_main li{
	}
	
#gallery_main a .icon{
	display:none;}
	
	#gallery_main a:hover .icon{
	display:block;
	position:absolute;
	top:90px;
	left:-380px;
	width:317px;
	height:317px;}

					#nav_golf{
  						display: block;
 						width: 423px;
						height: 38px;
						margin-top:50px;
 						background: url(../images/anav_golf.gif) no-repeat 0 0;}
					#nav_golf:hover{background-position: 0 -38px;}
					
					#nav_comic{
  						display: block;
 						width: 423px;
						height: 38px;
						background: url(../images/anav_comic.gif) no-repeat 0 0;}
					#nav_comic:hover{background-position: 0 -38px;}
					
					#nav_vector{
  						display: block;
 						width: 423px;
						height: 38px;
						background: url(../images/anav_vector.gif) no-repeat 0 0;}
					#nav_vector:hover{background-position: 0 -38px;}
					
					#nav_pc{
  						display: block;
 						width: 423px;
						height: 38px;
						background: url(../images/anav_pc.gif) no-repeat 0 0;}
					#nav_pc:hover{background-position: 0 -38px;}
					
					#nav_bc{
  						display: block;
 						width: 423px;
						height: 38px;
 						background: url(../images/anav_bc.gif) no-repeat 0 0;}
					#nav_bc:hover{background-position: 0 -38px;}
					
					#nav_3d{
  						display: block;
 						width: 423px;
						height: 38px;
 						background: url(../images/anav_3d.gif) no-repeat 0 0;}
					#nav_3d:hover{background-position: 0 -38px;}
					
					#nav_web{
  						display: block;
 						width: 423px;
						height: 38px;
 						background: url(../images/anav_web.gif) no-repeat 0 0;}
					#nav_web:hover{background-position: 0 -38px;}
					
					#nav_ps{
  						display: block;
 						width: 423px;
						height:38px;
						background: url(../images/anav_ps.gif) no-repeat 0 0;}
					#nav_ps:hover{background-position: 0 -38px;}
					
					#nav_paint{
  						display: block;
 						width: 423px;
						height: 38px;
						background: url(../images/anav_paint.gif) no-repeat 0 0;}
					#nav_paint:hover{background-position: 0 -38px;}
					
					#nav_draw{
  						display: block;
 						width: 423px;
						height: 38px;
						background: url(../images/anav_draw.gif) no-repeat 0 0;}
					#nav_draw:hover{background-position: 0 -38px;}


#galmainright{
position:absolute;
left:700px;
width:395px;
}

#galmainleft{
width:423px;
}

#nav-wrap{
	height:19px;
	margin-top:50px;
}

	#gallery_but{
		display:block;
		width:138px;
		height:19px;
		background:url(../images/gallery_but.gif) no-repeat 0 0;
		float:left;
		margin-left:230px;
		}		
	#gallery_but:hover{background-position:0 -19px;}
	#gallery_but span{display: none;}
	
	#bio_but{
		display:block;
		width:58px;
		height:19px;
		background:url(../images/bio_but.gif) no-repeat 0 0;
		float:left;
		margin-left:70px;
		}		
	#bio_but:hover{background-position:0 -19px;}
	#bio_but span{display: none;}

	#contact_but{
		display:block;
		width:141px;
		height:19px;
		background:url(../images/contact_but.gif) no-repeat 0 0;
		float:left;
		margin-left:66px;
		}		
	#contact_but:hover{background-position:0 -19px;}
	#contact_but span{display: none;}
#bio-content{
	background:url(../images/geoff.jpg) no-repeat;
	float:left;
	width:279px;
	height:338px;
}
#bio-text{
	float:left;
	width:480px;
	padding-left:20px;
	margin:25px 0 15px 0;
	color:#CCCCCC;	
	}
		#bio-text h1{color:#e77b23;font:"Palatino Linotype";}
		#bio-text ul{margin-left:20px; color:#e77b23;}


div.box {
margin:0 auto;
margin-bottom:80px;
width:500px;
background:#5f5f61;
position:relative;
top:50px;
border:1px solid #262626;
}

div.box h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label {
width:100%;
display: block;
background:#505050;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#bbbbbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:10px 10px;
width:200px;
background:#5f5f61;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box .message{
padding:7px 7px;
width:350px;
background:#5f5f61;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#e77b23;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #bc5807;
border-top: 1px double #bc5807;
border-left:1px double #f5903e;
border-right:1px double #f5903e;
}

#form{
	line-height:5px;
	text-align:top;
	margin:25px 0 0 50px;
}
#footer{
clear:both;
margin:0 auto;
height:73px;
width:800px;
background:url(../images/footer.gif);

}

#gal-footer{
width:800px;
margin:0 auto;
height:73px;
background:url(../images/footer.gif);
margin-top:15px;
}
	#copyright {
	padding-top:47px;
	margin-left:10px;
	}

	#copyright p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#999999;
	}

.ial{font-style:italic;}

.bot_link{color:#7e7e7e; font-size:12px;}
.bot_link a{color:#7e7e7e;}
.bot_link a:hover{color:#999999;}
.orange_link a{color:#e77b23;}
.orange_link a:hover{color:#CC9900;}
.list_text{color:#CCCCCC;}
