/* CSS Document */

/* layout */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #fff;
}

li {
	list-style-type: disc;
	line-height: 15px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: 600;
}

.back {
	height: 50px;
	width: 650px;
	padding-top: 10px;
	text-align: left;
}

a img {
	border: none;
}

a {
	text-decoration: underline;
	color: #666666;
	border: none;
}

a:hover {
	color: #990000;
	text-decoration: none;
}

#blogbox {
	position: relative;
	float: left;
	top: 55px;
	left: 75px;
}

#navigationBox{
	position:absolute;
	float: left;
	height: 600px;
	width: 250px;
}

#navBox{
	position: absolute;
	float: left;
	top: 150px;
	left: 0px;

}

#navBox a:active {
	outline:none;
	border:none;
}

#navBox a:visited {
	outline:none;
	border:none;
} 

#navBox a:focus {
	outline:none;
	border:none;
} 

#contentBox{
	position: absolute;
	width: 350px;
	float: left;
	top: 250px;
	left: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom: 75px;
}

#portBox{
	position: absolute;
	width: 500px;
	float: left;
	top: 250px;
	left: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom: 75px;
}

#portBox h1 {
	font-weight: bold;
	font-size: 14px;
	padding-top: 0px;
}

#portBox th {
	height: 30px;
	text-align: left;
	padding-left: 30px;
	font-size: 17px;
	padding-bottom: 30px;
	font-weight: bolder;
}

#portBox td {
	text-align: left;
	font-size: 11px;	
	width: 150px;
	vertical-align: top;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 80px;
}

#resuBox {
	position: absolute;
	width: 450px;
	float: left;
	top: 155px;
	padding-bottom: 100px;
	left: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

/* tabs image stuff */

a.blogsel {
	position:relative;
	left: 0px;
	background: url(home-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}
	a.blognavi {
				position:relative;
				left: 0px;
				background: url(blog-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.blognavi:hover {
				left: 3px;
				background: url(blog-nav.jpg) no-repeat bottom left;
			}

a.homesel {
	position:relative;
	left: 0px;
	background: url(home-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}
	a.homenavi {
				position:relative;
				left: 0px;
				background: url(home-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.homenavi:hover {
				left: 3px;
				background: url(home-nav.jpg) no-repeat bottom left;
			}

a.portsel {
	position:relative;
	left: 30px;
	background: url(port-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.portnavi {
				position:relative;
				left: 30px;
				background: url(port-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.portnavi:hover {
				left: 33px;
				background: url(port-nav.jpg) no-repeat bottom left;
			}

a.expersel {

	position:relative;
	left: 40px;
	background: url(exper-sel.jpg) no-repeat bottom left;
	width:120px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.expernavi {
				position:relative;
				left: 40px;
				background: url(exper-nav.jpg) no-repeat top left;
				width:120px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.expernavi:hover {
				left: 43px;
				background: url(exper-nav.jpg) no-repeat bottom left;
			}

a.aboutsel {
	position:relative;
	left: 50px;
	background: url(about-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.aboutnavi {
				position:relative;
				left: 50px;
				background: url(about-nav.jpg) no-repeat top left;
				width:120px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.aboutnavi:hover {
				left: 53px;
				background: url(about-nav.jpg) no-repeat bottom left;
			}

a.contsel{
	position:relative;
	left: 0px;
	background: url(cont-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.contnavi {
				position:relative;
				left: 0px;
				background: url(cont-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.contnavi:hover {
				left: 3px;
				background: url(cont-nav.jpg) no-repeat bottom left;
			}
			
a.printsel{
	position:relative;
	left: 60px;
	background: url(print-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.printnavi {
				position:relative;
				left: 60px;
				background: url(print-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.printnavi:hover {
				left: 63px;
				background: url(print-nav.jpg) no-repeat bottom left;
			}
			
a.videosel{
	position:relative;
	left: 60px;
	background: url(video-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.videonavi {
				position:relative;
				left: 60px;
				background: url(video-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.videonavi:hover {
				left: 63px;
				background: url(video-nav.jpg) no-repeat bottom left;
			}
			
a.websel{
	position:relative;
	left: 57px;
	background: url(web-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.webnavi {
				position:relative;
				left: 57px;
				background: url(web-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.webnavi:hover {
				left: 60px;
				background: url(web-nav.jpg) no-repeat bottom left;
			}
			
a.artsel{
	position:relative;
	left: 60px;
	background: url(art-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.artnavi {
				position:relative;
				left: 60px;
				background: url(art-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.artnavi:hover {
				left: 63px;
				background: url(art-nav.jpg) no-repeat bottom left;
			}
			
a.paintsel{
	position:relative;
	left: 90px;
	background: url(paint-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.paintnavi {
				position:relative;
				left: 90px;
				background: url(paint-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.paintnavi:hover {
				left: 93px;
				background: url(paint-nav.jpg) no-repeat bottom left;
			}
			
a.drawsel{
	position:relative;
	left: 85px;
	background: url(draw-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.drawnavi {
				position:relative;
				left: 85px;
				background: url(draw-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.drawnavi:hover {
				left: 88px;
				background: url(draw-nav.jpg) no-repeat bottom left;
			}
			
a.othersel{
	position:relative;
	left: 77px;
	background: url(other-sel.jpg) no-repeat bottom left;
	width:95px;
	height:30px;
	display:block;
	text-decoration:none;
	}

	a.othernavi {
				position:relative;
				left: 77px;
				background: url(other-nav.jpg) no-repeat top left;
				width:95px;
				height:30px;
				display:block;
				text-decoration:none;
			}
	a.othernavi:hover {
				left: 80px;
				background: url(other-nav.jpg) no-repeat bottom left;
			}
			
			
/* photo gallery stuff */
			
.photos {
	overflow: hidden;
	border: none;
	padding: 0px;
	width: 550px;
	margin: 0 auto;
}

img { border: none;}

.photos img.logo {margin: 0 auto; display:block;}

.photos div img {
	padding: 0px 0;
	margin: 0px 0;
	float: left;
	border-bottom: 0px solid #ddd;
	border: 1px solid #666;
	
}
.photos ul.thumbs {
	margin: 30px 20px 20px 0;
	padding: 0 0 0 5px;
	list-style: none;
	width: 22px;
	float: left;
	
}
.photos ul.thumbs li{
	font-size: 14px;
	margin: 0 6px 6px 0;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;

}
.photos ul.thumbs li:hover {
	border: 0px solid #666;
		-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}
.photos ul.thumbs li img {
	position: absolute;
	top: -100px;
	left: -110px;
}