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

body { 
  background: #fff url(images/red.png) left top fixed no-repeat; 
  font-family:Verdana, Geneva, sans-serif;
  color:#999;
  font-size:12px;
  height:100%;
} 

#top{
	position:relative;
	top:0px;
	left:0px;
	height:275px;
}

#name{
	width:122px;
	height:106px;
	position:relative;
	top:30px;
	left:30px;
	border:solid 1px #999999;
}

#topleft{
	width:122px;
	height:122px;
	position:relative;
	top:40px;
	left:30px;
	border:solid 1px #999999;
}

#nav{
	width:220px;
	height:220px;
	border:solid 1px #999999;
	position:relative;
	top:-202px;
	left:170px;
	padding-top:22px;
	padding-left:10px;
	
}

#hi{
	width:450px;
	height:200px;
	/*background-image:url(images/hi.png);
	background-repeat:no-repeat;*/
	position:relative;
	top:-415px;
	left:420px;

}

#background{
position:fixed;
top:335px;
width:130px;
height:190px;
}


/*Sections*/

#parsonscontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
	width:85%;
}

#designcontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
		margin-bottom:50px;

	width:85%;
	 height:100%;

}

#photocontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
	width:85%;
}


#tradcontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
	width:85%;
}

#linkscontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
	width:85%;
}

#aboutcontent{
	background-image:url(img/white.png);
	position:relative;	
	margin-top:50px;
	width:85%;
}

#parsons{
	background-image:url(img/01parsons.png);
	background-repeat:no-repeat;
	left:15px; height:100%;
	
}

#design{
	background-image:url(img/02graphicdesign.png);
	background-repeat:no-repeat;
	left:15px; height:auto; height:inherit; height:100%;

}

#trad{
	background-image:url(img/03trad.png);
	background-repeat:no-repeat;
	left:15px; height:auto; height:inherit; height:100%;
}

#photo{
	background-image:url(img/04photo.png);
	background-repeat:no-repeat;
	left:15px; height:auto; height:inherit; height:100%;
}

#about{
	height:200px;	
	width:75%;	
	background-image:url(img/05about.png);
	background-repeat:no-repeat;
	left:15px; height:auto; height:inherit; height:100%;
}

#text{
	padding-left:150px;
	padding-top:10px;
}

#textblob{
	padding-top:10px;
	border: 1px solid #CCCCCC; 
}

#links{
	padding-left:175px;

	position:relative;	
	width:650px;
	background-image:url(img/06links.png);
	background-repeat:no-repeat;
	left:15px; height:auto; height:inherit; height:100%;
}



/*--------------------*/


#thumbs{
	padding-left:150px;	
}

#thumbs img{
	border:none;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:15px;
	
}

img{
	border:none;
}


h4{
	text-transform:uppercase;
	font-weight:normal;
}

#topbar {
	position:fixed;
	background-color:#000;
	height:20px;
	width:100%;
	top:0px;
	left:0px;
	color:#666;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

a:link{color:#666; font-size:12px;  text-decoration:none; }
a:visited{color:#666; font-size:12px;  text-decoration:none;}
a:hover{color:#666; font-size:12px;  text-decoration:underline;}
a:active{color:#666; font-size:12px;  text-decoration:none;}

.caption { 
	width:125px;
	border: 1px solid #CCCCCC; 
	padding: 10px 10px 50px 10px; 
	margin:0 0 0 0; float:left; 
	margin-right:10px;margin-bottom:20px;	
	font: 11px/1.4em Arial, sans-serif; 
 }