@charset "utf-8";

body  {
	background: #261E1E;
	margin:0; 
	text-align: center; 
}

* {

padding:0;
margin:0;
border:0;

}
#container { 
	width:607px;  
	background: #261E1E;
	background-image:url(../images/16x16_red.);
	margin: 0 auto; 
	text-align: left; 
}

#header { 
	height:45px;
	background: #261E1E;
	padding:0; 
	margin:0;
	border-top:0;
	border-right:0;
	border-bottom:3px;
	border-left:0;
	border-bottom-style:solid;
	border-color:#392d2d;
} 
#header h1 {
	padding-top:16px;
	
}



	
#mainContent { 
	margin: 16px 0px 0 0; 
	padding:0;
	border:0; 
	
}

.editorialContent {
	width: 416px;
	height: 416px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: none;
	
	
	
}
#home_mainPic {
	width: 607px;
	height: 416px;
	background-image:url(../images/home.jpg);
	background-color: #261E1E;

}
#resume_mainPic {
	width: 416px;
	height: 416px;
	background-image:url(../images/panels/resume_01.jpg);
	background-color: #261E1E;
	
	
}
#douggie_mainPIc {
	width: 416px;
	height: 416px;
	background-image:url(../images/panels/thousandwords_01.jpg);
	background-color: #261E1E;
} 
#footer { 
	margin-top:16px;
	padding:0 0 32px 0; 
	text-align:right;
	width:607px;
	border-top:3px;
	border-right:0;
	border-bottom:0;
	border-left:0;
	border-top-style:solid;
	border-color:#392d2d;

} 
#footer p {
	margin:0; 
	padding:0; 

	
}
#slideNav {
	padding-top:3px;

}
#slideNav_top {
	padding-top:3px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}
.captions {
	width: 144px;
	padding-top:16px;
	padding-left:444px;
	margin:0;

}
.captions p {	
	padding-top:8px;
	margin:0;

	
}
#sidebar_thumbs {
	position:relative;
	float: right;
	width: 175px;
	height:416px; 	
	background: #392d2d;
	margin:16px 0 16px 0;
	padding:0;

}

/* Thumbnails */

.thumbnailGroup {
	position: relative;
	width: 416px;
	margin:0;
	padding:0;
	border: none;
	
	
	
}
#right {
	float:right;
	width:128px;
	

	
}
#left {
	float:left;
	width:128px;
	margin-right:16px;

	
}
#centre {
	position:absolute;	
	width:128px;
	margin-left:144px;
	left: 0;
}
#right li, #left li, #centre li {
	list-style: none;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;

}
.thumbnailGroup li a {
	display:block;
	width:128px;
	height:128px;
	text-indent:4px;
	line-height:240px;
	overflow:hidden;
	outline:none;

	
}
.thousandWords {
	padding-right:192px;

}
li#thumbnail_01 a:link, li#thumbnail_01 a:visited {
	background:url(../images/present_thumb.jpg) 0 -128px;
	
}
li#thumbnail_01 a:hover {
	background:url(../images/present_thumb.jpg)  ;
	


}	
li#thumbnail_02 a:link, li#thumbnail_02 a:visited {
	margin-top:16px;
	background:url(../images/culture_thumb.jpg) 0 -128px;
}
li#thumbnail_02 a:hover {
	background:url(../images/culture_thumb.jpg)  ;



}
li#thumbnail_03 a:link, li#thumbnail_03 a:visited {
	margin-top:16px;	
	background:url(../images/pinhole_thumb.jpg)  0 -128px;
}
li#thumbnail_03 a:hover {
	background:url(../images/pinhole_thumb.jpg) ;


}

li#thumbnail_07 a:link, li#thumbnail_07 a:visited {
	background:url(../images/coast_thumb.jpg) 0 -128px;
}
li#thumbnail_07 a:hover {
	background:url(../images/coast_thumb.jpg)  ;



}
li#thumbnail_08 a:link, li#thumbnail_08 a:visited {
	margin-top:16px;
	background:url(../images/fauna_thumb.jpg)  0 -128px;
}
li#thumbnail_08 a:hover {
	background:url(../images/fauna_thumb.jpg) ;



}
li#thumbnail_09 a:link, li#thumbnail_09 a:visited {
	margin-top:16px;
	background:url(../images/saltpic_thumb.jpg)  0 -128px;
}
li#thumbnail_09 a:hover {
	background:url(../images/saltpic_thumb.jpg) ;


	
}
li#thumbnail_04 a:link, li#thumbnail_04 a:visited {
	background:url(../images/flora_thumb.jpg)  0 -128px;
}
li#thumbnail_04 a:hover {
	background:url(../images/flora_thumb.jpg) ;



}
li#thumbnail_05 a:link, li#thumbnail_05 a:visited {
	margin-top:16px;
	background:url(../images/portraits_thumb.jpg) 0 -128px;
}
li#thumbnail_05 a:hover {
	background:url(../images/portraits_thumb.jpg)  ;
	


}
li#thumbnail_06 a:link, li#thumbnail_06 a:visited {
	margin-top:16px;
	background:url(../images/thousand_thumb.jpg)  0 -128px;
}
li#thumbnail_06 a:hover {
	background:url(../images/thousand_thumb.jpg) ;
	
}