﻿html{height:100%;}
body{
	margin: 0;
	padding: 0;
	background: url(images/mbg.gif) top repeat-x #333A3D;
	height: 100%;
	text-align: center;
	color: #778387;
}
table, td{border-collapse:collapse;}
table, td, img{border-style: none;
	border-color: inherit;
	border-width: 0;
	vertical-align:top; text-align:center; 
	margin:0; 	padding:0;
}
}
ul{list-style:none; line-height:0; padding:0; margin:0}
.clear{clear:both;}
.ws{width:100%;}
.hs{height:100%;}
.tac{text-align:center;}
.in3{padding-top:3px;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;
	height: 6px;
}
.in15{
	border: thin;
	padding-top: 15px;
	height: 3px;
}
.in20{padding-top:20px;
	height: 0px;
}
.in25{padding-top:25px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pr10{padding-right:20px;}
a{color:#99A7B1; }
a:hover{text-decoration:none;}
.link_1{color:#778387; text-decoration:none;}
.link_1:hover{text-decoration:underline;}
b a{color:#99A7B1; text-decoration:underline; padding-right:10px; font-weight:normal;
	background:url(images/d_arr.gif) center right no-repeat;}
b a:hover{text-decoration:none;}
li a{color:#99A7B1; padding-left:12px; line-height:18px;
	background:url('images/d_arr.gif') no-repeat left 50%;
}
li a:hover{text-decoration:none;}
.f2{color:#99A7B1;}
.border{width:768px; margin:0 auto; text-align:center; border:1px solid #778387;}
.main{width:766px;}
/*=========header===========*/
.logo{height:193px;}
.logo img{margin:12px 0 0 247px;}
.mp{height:290px; background:url(images/mp_bg1.jpg) top left no-repeat;}
.pd_menu_01{background:url(images/menu_bg.gif) top left no-repeat; padding:13px 0 46px 77px;}  
.pd_menu_01 ul { list-style-type:none;padding:0; margin:3;}
.pd_menu_01 ul li {float:left; position:relative;  
	top: 0px;
	left: 0px;
	width: 103px;
	text-align: center;
	font-size: medium;
}  border-right:solid 1px #B9CEDF;
	top: 0px;
	left: 0px;
	width: 103px;
	text-align: center;
	font-size: medium;
}
; z-index:1000 /*IE6*/; border-right:solid 1px #B9CEDF;
	top: 0px;
	left: 0px;
	width: 103px;
}
.pd_menu_01 ul li a {color: #99A7B1;background: #3B4348;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none;
	text-align: center;
	font-size: medium;
	width: 99px;
}

.pd_menu_01 ul li:hover a {background-color:#3B4348; text-decoration:none; color:#B9CEDF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px;  background-color:#3B4348;  color:#99A7B1;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#3B4348; text-decoration:none;color:#B9CEDF;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #99A7B1;background: #3B4348;}
.pd_menu_01 ul li a:hover {background-color:#3B4348; text-decoration:none;color:#B9CEDF;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px;  background-color:#3B4348;  color:#99A7B1;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#3B4348; text-decoration:none;color:#B9CEDF;} /*Color subcells hovering mode*/  */
/*========//header==========*/
/*========//table_header=======*/
.table_header{width:100%; height:30px; }
.table_header .cnt {padding:0 0 20px 68px;}
.table_header .bnt {padding:0 0 20px 50px;}
/*=========content===========*/
.content{width:100%; height:520px; background:url(images/cnt_top_bg.gif) top left no-repeat;}
.content .cnt{
	background: url(images/bottom_grass.jpg) bottom left no-repeat;
	padding: 0 0 123px 56px;
}
.content .cnt1{background:url(images/bottom_grass.jpg) bottom left no-repeat; padding:0 0 123px 58px;}
.content .bnt{background:url(images/bottom_grass.jpg) bottom left no-repeat; padding:0 0 123px 95px;}
.pic{
	border: thin;
	margin-right: 10px;
	float: left;
	outline-color: #C0C0C0;
}
.prev{color:#99A7B1; text-decoration:underline; padding-left:12px;
	background:url(images/d_arr_2.gif) center left no-repeat;}
.prev:hover{text-decoration:none;}
/*========//content==========*/
/*=========gallery===========*/
.gallery{width:100%;  background:url(images/cnt_top_bg.gif) top left no-repeat;}
.gallery .cnt{background:url(images/bottom_grass.jpg) bottom left no-repeat; padding:0 0 123px 48px;}
/*========//content==========*/
/*=========block===========*/
.block{width:90%;
	height: 323px;
}
.block td{color:#99A7B1;}
.block .top_left{width:6px; height:6px; background:url(images/block_top_left.gif) top left no-repeat;}
.block .top{background:#3B4348; width:100%;}
.block .top_right{width:6px; height:6px; background:url(images/block_top_right.gif) top left no-repeat;}
.block .cnt{padding:2px 2px 2px 3px; background:#3B4348;}
.block .bot_left{width:6px; height:6px; background:url(images/block_bot_left.gif) bottom left no-repeat;}
.block .bot{background:#3B4348;}
.block .bot_right{width:6px; height:6px; background:url(images/block_bot_right.gif) bottom right no-repeat;}
.block .spr{width:6px; height:6px;}
.block a{color:#99A7B1; text-decoration:underline;
	font-size: small;
}
.block a:hover{text-decoration:none;}
/*========//block==========*/
/*=========page_1===========*/
#page_1 .col_1{width:388px;}
#page_1 .mid{width:23px;}
#page_1 .col_2{width:236px;}
#page_1 .col_1 .td_1{width:25px; padding-top:25px;}
#page_1 .col_1 .td_2{width:114px;}
#page_1 .col_1 .td_3{width:115px;}
#page_1 .col_1 .td_4{width:106px;}
#page_1 .col_1 .td_5{width:25px; padding-top:25px;}
#page_1 .col_2 .block .cnt{padding:13px 0 15px 17px;}
#page_1 .col_2 .block .indent{padding:25px 20px 0 11px;}
/*========//page_1==========*/
#page_gallery .col_1{width:260px;}
#page_gallery .mid{width:38px;}
#page_gallery .col_2{width:336px;}
#page_gallery .col_1 .block .cnt{padding:12px 11px 15px 30px;}
#page_gallery .col_2 .td_1{width:180px;}

/*=========page_2===========*/
#page_about .col_1{width:260px;}
#page_about .mid{width:38px;}
#page_about .col_2{width:336px;}
#page_about .col_1 .block .cnt{padding:12px 11px 15px 30px;}
#page_about .col_2 .td_1{width:180px;}
/*========//page_2==========*/
/*=========page_3===========*/
#page_index .col_1{width:635px;}
/*#page_index .col_1 .td_1{width:491px;}
#page_index .col_1 .td_2{width:118px;}
/*========//page_3==========*/
/*=========page_4===========*/
#page_4 .col_1{width:647px;}
#page_4 .col_1 .block .cnt{padding:12px 18px 15px 28px;}
#page_4 .col_1 .td_1{width:300px; padding-right:25px;}
#page_4 .col_1 .td_2{width:310px;}
#page_4 .col_1 .block .td_3{width:208px;}
/*========//page_4==========*/
/*=========page_5===========*/
#page_5 .col_1{width:278px;}
#page_5 .mid{width:20px;}
#page_5 .col_2{width:349px;}
#page_5 .col_2 .block .cnt{padding:12px 10px 15px 28px;}
/*========//page_5==========*/
/*=========page_contact===========*/
#page_contact .col_1{width:391px;}
#page_contact .mid{width:19px;}
#page_contact .col_2{width:237px;}
#form .td_1{width:191px; padding:0;}
#form .td_1 div{height:25px;}
#form input{width:173px; height:21px;}
#form textarea{width:196px; height:95px; overflow:auto; margin-bottom:11px;} */
#page_contact .col_2 .block .cnt{padding:12px 10px 15px 0px;}
/*========//page_6==========*/
/*=========page_7===========*/
#page_7 .content .cnt{padding:0 67px 123px 68px;}
/*========//page_7==========*/
/*=========footer===========*/
.footer{background:#333A3D; height:49px; text-align:center; color:#5E6468; padding-left:23px;}
.footer a{color:#5E6468; text-decoration:underline;}
.footer a:hover{text-decoration:none;}
/*========//footer==========*/

#lightbox{	position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url (images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
