/* CSS Document */

a:link { color: #336600; text-decoration: none}
a:visited { color: #669900; text-decoration: none}
a:hover { color: #ff9933; text-decoration: none}
a:active { color: #ccff66; text-decoration: none}

body { 
	background: #fff url(photos/bg_4.jpg) no-repeat fixed; 
	font: 12px normal verdana, Arial, Helvetica, sans-serif;
	margin: 10px; 
	padding: 0; 
}

h1 { 
	color: #003300;
	font: 24px bold Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-shadow: #336600 5px 5px 5px;
}

.main {
	filter: Shadow(Color=#336600, Direction=135, Strength=5);
	font: 36px bold Tahoma, Arial, Verdana, Helvetica, sans-serif;
	height: 1em;
	text-shadow: #336600 5px 5px 5px;
}

h2 {
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
}

li { 
	list-style-type: none; 
	margin-left: -10px;
}

.wrapper {
	background-color: #fff; 
	height: auto;
	margin-top: 160px; 
	min-height: 200px;
	-moz-opacity: .85; 
	opacity: .85; 
	overflow: auto;
	top: 65px; 
	width: 1280px;
}

.left { 
	border: 1px dashed #669900;
	float: left;
	font-size: 11px;
	height: 280px; 
	margin: 20px 10px; 
	padding: 2px; 
	width: 220px; 
} 

.middle { 
	float: left;
	font-size: 10px;
	height: auto;
	min-height: 400px;
	overflow: auto; 
	padding: 20px;
	width: 800px; 
} 

#main_image {
	background-color: #fff; 
	border: 4px solid #336600;
	float: left;
	height: 768px;
	margin: 0 5px 0 0;
	width: 556px; 
}

.caption {
	color: #000; 
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px; 
}

.demo {
	margin-top: 2em;
	position: relative;
}

.gallery_demo{
	float: left;
	margin: 0 auto; 
	padding-left: 0; 
	width: 480px;
}
.gallery_demo ul { 
	height: 600px;
	width: 480px;  
}
.gallery_demo li {
	border: none;
	float: left;
	height: 100px;
	margin: 10px 2px;
	width: 100px;
}

.gallery_demo li div .caption {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

.nav {
	clear: both; 
	padding-top: 15px; 
}