@charset "utf-8";
/* CSS Screen Document */

* {
font-family: Tahoma, Geneva, sans-serif;
	padding: 0;
	margin: 0;
}
body  {
	font: 100% Tahoma, Geneva, sans-serif;
	margin: 0; 
	padding: 0;
	background: #FaFaFa;
	color: #00284a;
	text-align: center; 
}

#container { 
	width: 755px; 
	background: url(../images/bg.gif) repeat-y top left  #fff;
	margin: 0 auto; 
	text-align: left;
	padding: 0 80px 0 125px;
	border: 1px solid #f3f3f3;
	border-top: 0 none;
} 
#header { 
	height: 245px;
	padding: 50px 0 25px 0 ;	
	border-bottom: 2px dotted #a6bda9;
} 
#header ul{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 15px 0px; 
	border-bottom: 2px dotted #a6bda9;
}
#footer ul{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 15px 0px; 
}
#header ul li, #footer ul li{
display: inline;
margin: 0 15px 0 0px; 
}
#header ul li a, #footer ul li a{
font-size: 1em;
text-decoration: none;
text-transform: lowercase;
color: #00284a;
padding: 0 ; 
}
#header ul li a:hover, #footer ul li a:hover{
text-decoration: underline;
}
#header ul li.active a, #footer ul li.active a{
color:#99A9B7;
}
#header h1 {
	margin: 0;
	font-size: 1.5em;
	padding: 0;
	color:#a6bda9;
	width: 420px;
	font-weight: normal;
}
#header img{
	float: right;
}
#header a img {
	border: none;
	padding: 40px 20px 50px 0px; 
	float: none;
}
#header p {
float: right;
margin: 0 ; 
font-size: 1.1em;
color: #a6bda9;
}
#right {
	float: right;
	width: 280px;
	margin: 30px 0px 0px 0px;
	text-transform: uppercase;
}
#right h2{
font-size: 1em;
margin: 0px 0px 20px 0px; 
}
#right h3{
font-size: .8em;
margin: 0px 0px 15px 0px;
color: #a6bda9;
}
#right p{
	font-size: .7em;
	margin: 0px 0px 6px 0px; 
	text-align: right;
}
#right img{
	border: 2px solid #99a9b7;
}
#right p em{
	float: left;
	font-style: normal;
}
#right p a{
	float: none;
	text-align: center;
	color: #00284a;
}
#right ul{
	list-style: none;
}
#right ul li{
width: 91px;
float: left;
text-align: center;
margin: 0px 22px 22px 0px;
padding: 2px 2px 5px 2px;
}
#right ul li img{	
display: block;
border: none;
border:2px solid #a6bda9;
}
#right ul li strong{
font-weight: normal;
font-size: .8em;
}
#main { 
	margin: 20px 350px 40px 0px; 
	padding: 0 ; 
} 
.wide{ 
	margin: 20px 0px 40px 0px !important ; 
} 
#main p{ 
padding: 0px; 
margin: 0 0 10px 0; 
line-height: 1.7em;
font-size: .8em;
} 

#main ul{ 
	margin: 10px 10px 20px 20px; 
} 

#main ul li{ 
list-style: square;
margin: 0px 0px 5px 0px; 
font-size: .8em;
color: #000;
} 

#main h1, #main h2, #main h3, #main h4 {
margin:20px 0 5px 0;
font-weight: normal;
}
#main h1 {
font-size:1.4em;
}
#main h2 {
font-size:1.3em;
color: #a6bda9;
}
#main h3 {
font-size:1.2em;
}
#main h4 {
font-size:1.1em;
}
#main a {
font-weight: bold;
color: #00284a;
}#main img{
	border:2px solid #a6bda9;
	margin: 15px 0 15px 0 ;
}
#footer { 
	padding: 40px 0px 40px 0px; 
		border-top: 2px dotted #a6bda9;
} 
#footer p {
	margin: 0 0 0 0; 
	padding: 2px; 
	color:#99A9B7;
	font-size: .7em;
}
#gallery {
position:relative;
margin:2px 0 0 0; 
}
#gallery ul{
	margin: 5px 0 0 0;
}
#images {
height:auto;
margin-bottom:10px;
}
#image {
position:relative;
width:398px;
height:250px;
background:#FFF url(../images/loading.gif) center center no-repeat;
}
#image img {
position:absolute;
top:0px;
left:0px;
}
#thumbwrapper {
padding:0;
width:405px;
height:82px;
}
#thumbarea {
position:relative;
overflow:hidden;
height:102px;
width:405px;
}
#thumbs {
position:absolute;
height:82px;
width:10000px;
}
#thumbs li {
float:left; 
list-style: none !important ;
cursor:pointer;
padding-right: 3px;
}
#thumbs li img{
border: 2px solid #a6bda9;
}
#thumbs li img:hover{
opacity:.8; 
filter:alpha(opacity=80);
}
.imgnav {
position:absolute; 
width:20%; 
z-index:100; 
height:250px;
cursor:pointer;
}
#previmg {
left:2; 
opacity:.3; 
filter:alpha(opacity=30);
background:url(../images/left.gif) left center no-repeat; 
}
#previmg:hover {
opacity:1; 
filter:alpha(opacity=100);
}
#nextimg {
right:0; 
opacity:.3; 
filter:alpha(opacity=30);
background:url(../images/right.gif) right center no-repeat; 
}
#nextimg:hover {
opacity:1; 
filter:alpha(opacity=100);
}