html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: circle;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #999999;
	padding-left: 45px;
}
.title {
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}

img {
	border: 2px;
	border-color: #000000;
}
a {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

a:hover {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: white;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}

#body {
	
	color: #666666;
	width: 100%;
}
h1 {
	position: absolute;
	top: 177px;
	left: -8px;
	font-size:26px;
	color:#000000;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.navbar a:active a:hover {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: none;
}
.navbar a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
.content {
	padding-right: 10px;
	padding-left: 30px;
	margin-left: 15px;
	font-size: 12px;
	margin-right: 10px;
	text-align: left;
	top: 5px;
}
.content a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.content a:active a:hover {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: underline;
}
.content a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#content {
	float: right;
	width: 80%;
	padding-right: 34px;
	padding-top: 23px;
	color: #666666;
	font-size: 12px;
}
#content .left {
	margin-right: 10px;
}
#content a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#content a:hover {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: underline;
}

#intro {
	margin: 12px;
}

.fineline {
	border-bottom: 1px solid #D3CAA9;
	margin-bottom: 12px;
}

.fineline-flat {
	border-bottom: 1px solid #D3CAA9;
}

.fineborder {
	border: 1px solid #D3CAA9;
	padding: 2px;
	width: 186px;
	margin-bottom: 12px;
}

.clear-flat {
	margin-bottom: 4px;
}
.photogrid {
	text-align: center;
}
.sidebar {
	margin-left: 10px;
	list-style-type: disc;
	padding-left: 5px;
	vertical-align: top;
}
sidebar a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.sidebar a:active a:hover {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: underline;
}
.sidebar a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#bottom  link {
	background-position: right;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#bottom  link  a:hover  a:active {
	font-size: 14px;
	font-weight: bolder;
	color: #666666;
	text-decoration: underline;
}
#footer {
	font: 11px arial, sans-serif;
	color: #4E4A3A;
	text-align: right;
	padding-right: 47px;
}
#footer p {
	margin-top: 0.5em;
}.footer {
	color: #FFFFFF;
	background-color: #666666;
	margin: 5px;
	padding: 5px;
}
.navbar a {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.content .bottom link a {
	text-decoration: none;
}
.pikachoose{width:502px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:502px;height:510px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}