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

img {border:0;}
html { 
	scrollbar-face-color:#9ab7bf;
	scrollbar-highlight-color:#dfe8ec;
	scrollbar-3dlight-color:#9ab7bf;
	scrollbar-darkshadow-color:#194f51;
	scrollbar-shadow-color:#90b0b9;
	scrollbar-arrow-color:#194f51;
	scrollbar-track-color:#b8c8d0;
	/*scrollbar-arrow-color: #a5bcc7;
	scrollbar-3dlight-color: #b8c8d0;
	scrollbar-darkshadow-color: #b8c8d0;
	scrollbar-face-color: #b8c8d0;
	scrollbar-highlight-color: #b8c8d0;
	scrollbar-shadow-color: #b8c8d0;
	scrollbar-track-color: #a5bcc7;*/
}
body { 
	margin: 0; padding: 0; border: 0;
	height: 100%; 
	max-height: 100%;
	background-color:#c7d2d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	background-attachment:fixed;
	overflow:auto;
}
#main { margin:0; padding:0;}
#main .body { width:961px; height:100%;}

#frame{
	position:relative; top:0; left:auto; right:auto;
	width:961px;
	height: 100%;
}
.inner-right{ margin:0; overflow:auto; }
/*---------------- Style for inner-left ---------------------*/
.inner-right #corner-left { 
	float:left;
	position:relative; top:0; left:0;
	z-index:1;
	background-image:url(../images/bg-bar-menu.png);
	background-position:left top;
	background-repeat:repeat-y;
	width:215px;
	height:auto;
	overflow:hidden;
}
#bar-menu { margin:0; padding:0; }
#logo {
	float:left;
	margin:0; padding:0 0 22px 0;
	width:215px;
}
#menu {
	float:left;
	margin:0; padding:0;
	width:215px;
	height:305px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#menu ul { margin:0; padding:0; list-style:none; }
#menu ul li{ margin:0; padding:0;}
#menu li:hover { background-color:#c7d2d8; color:#333333; text-decoration:none;}
#menu li a:link, #menu li a:visited { display:block; padding:5px 7px; color:#FFFFFF; text-decoration:none;}
#menu li a:hover { display:block; color:#333333; text-decoration:none;}

#menu ul li.active{ display:block; text-decoration:none; background-color:#c7d2d8; color:#333333;}
#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover{ display:block; text-decoration:none; background-color:#c7d2d8; color:#333333;}

#footer {
	float:left;
	margin:60 0 0 0; padding:0;
	width:215px;
	height:123px;
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
}
#footer p { margin:2px 0 0 0; padding:3px 7px;}
#footer p.bgwhite { background-color:#84a7a9;}
#footer a:link { color:#FFFFFF; text-decoration:none;}
#footer a:visited { color:#FFFFFF; text-decoration:none;}
#footer a:hover { color:#333333; text-decoration: underline;}

#footer p.active { background-color:#84a7a9;}
#footer p.active a:link, #footer p.active a:visited, #footer p.active a:hover { color:#333333; text-decoration:underline;}
#footer p.active:hover { color:#333333; text-decoration: underline;}
#footer p a.active { color:#333333; text-decoration: underline;}

#menu-gallery {
	float:left;
	margin:0 0 0 0; padding:25px 0 0px 0px;
	width:215px;
	height:36px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#menu-galeery p { margin:0 0 0 0; padding:0px 0px;}
#menu-gallery p.bgwhite { background-color:#84a7a9; margin:0; padding:0;}
#menu-gallery a:link { color:#FFFFFF; text-decoration:none;}
#menu-gallery a:visited { color:#FFFFFF; text-decoration:none;}
#menu-gallery a:hover { color:#002625; text-decoration: underline;}

#menu-gallery p.active { background-color:#84a7a9;}
#menu-gallery p.active a:link, #menu-gallery p.active a:visited, #menu-gallery p.active a:hover { color:#002625; text-decoration:underline;}
#menu-gallery p.active:hover { color:#002625; text-decoration: underline;}
#menu-gallery p a.active { color:#002625; text-decoration: underline;}

/*---------------- Style for inner-right ---------------------*/
.inner-right #corner-right { 
	float:left;
	position: relative;
	margin:0;
	padding:0;
	width:736px;
	background-color:#c7d2d8;
}
#top { margin:5px 0 5px 10px; padding:0; width:726px; height:30px}
#top .bg-head {
	float:left;
	margin:0; padding:5px;
	background-image:url(../images/bg-head.gif);
	background-position: right;
	background-repeat:repeat-x;
	width:598px;
}
#top .btn {
	float:right;
	width:112px;
	
}
#picture {
	margin:10px 0 0 10px;
	width:726px;
}
#submenu {
	float:left;
	margin:10px 0 0 10px; padding:0;
	background-image:url(../images/bg-green.gif);
	background-position:right top; 
	background-repeat:repeat-x;
	width:726px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
#submenu .bg-head {
	float:left;
	margin:0; padding:5px;
	background-image:url(../images/bg-head.gif);
	background-position: right;
	background-repeat:repeat-x;
	width:598px;
}
/*----submenu-ul-left------*/
#submenu ul { margin:0; padding:0; list-style:none; float:left; }
#submenu ul li{ margin:0; padding:0; float:left; }
#submenu li:hover { background-color:#c7d2d8; color:#333333; text-decoration:none;}
#submenu li a:link, #submenu li a:visited { display:block; float:left; padding:7px 10px; color:#FFFFFF; text-decoration:none;}
#submenu li a:hover { display:block; color:#333333; text-decoration:none;}

#submenu ul li.active { display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}
#submenu li.active a:link, #submenu li.active a:visited, #submenu li.active a:hover{ display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}
/*----submenu-ul-right------*/
#submenu ul.right { margin:0; padding:0; list-style:none; float:right; }
#submenu ul.right li, #submenu ul.right li:hover{ margin:0 5px; padding:0; float:left; }
#submenu ul.right li a:link, #submenu ul.right li a:visited, #submenu ul.right li a:hover  { display:block; padding:0;}

/*------end---------------*/

#submenu-gallery {
	float:left;
	margin:10px 0 0 10px; padding:0;
	background-image:url(../images/bg-green.gif);
	background-position:right top; 
	background-repeat:repeat-x;
	width:726px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
#submenu-gallery .bg-head {
	float:left;
	margin:0; padding:5px;
	background-image:url(../images/bg-head.gif);
	background-position: right;
	background-repeat:repeat-x;
	width:598px;
}
#submenu-gallery ul { margin:0; padding:0; list-style:none; float:left; }
#submenu-gallery ul li{ margin:0; padding:0; float:left; }
#submenu-gallery li:hover { background-color:#c7d2d8; color:#333333; text-decoration:none;}
#submenu-gallery li a:link, #submenu-gallery li a:visited { display:block; float:left; padding:7px 10px; color:#FFFFFF; text-decoration:none;}
#submenu-gallery li a:hover { display:block; color:#333333; text-decoration:none;}

#submenu-gallery ul li.active { display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}
#submenu-gallery li.active a:link, #submenu-gallery li.active a:visited, #submenu-gallery li.active a:hover{ display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}


#submenu-gallery2 {
	float:left;
	margin:10px 0 0 10px; padding:0;
	background-image:url(../images/bg-green.gif);
	background-position:right top; 
	background-repeat:repeat-x;
	width:726px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
#submenu-gallery2 .bg-head {
	float:left;
	margin:0; padding:5px;
	background-image:url(../images/bg-head.gif);
	background-position: right;
	background-repeat:repeat-x;
	width:598px;
}
#submenu-gallery2 ul { margin:0; padding:0; list-style:none; float:left; }
#submenu-gallery2 ul li{ margin:0; padding:0; float:left; }
#submenu-gallery2 li:hover { background-color:#c7d2d8; color:#333333; text-decoration:none;}
#submenu-gallery2 li a:link, #submenu-gallery2 li a:visited { display:block; float:left; padding:5px 10px; color:#FFFFFF; text-decoration:none;}
#submenu-gallery2 li a:hover { display:block; color:#333333; text-decoration:none;}

#submenu-gallery2 ul li.active { display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}
#submenu-gallery2 li.active a:link, #submenu-gallery2 li.active a:visited, #submenu-gallery2 li.active a:hover{ display:block; float:left; text-decoration:none; background-color:#c7d2d8; color:#333333;}

/*----submenu-ul-right------*/
#submenu-gallery ul.right { margin:0; padding:5px 7px; list-style:none; float:right; }
#submenu-gallery ul.right li, #submenu-gallery ul.right li:hover{ margin:0 0px; padding:5px 5px; float:left; }
#submenu-gallery ul.right li a:link, #submenu-gallery ul.right li a:visited, #submenu-gallery ul.right li a:hover  { display:block; padding:0;}

/*--------------end----------*/

#content {
	float:left;
	margin:5px 0 0 10px;
	width:726px;
}
#content p {
	margin:0 10px; padding:5px 0;
}
#content #pic {
	float:left;
	margin:0px; padding:0;
	width:160px;
}
#content #detail {
	float:left;
	margin:0px; padding:0; 
	width:550px;
}
#content #form {
	float:left;
	margin:5px 0 0 10px; padding:0; 
	width:716px;
}
#content #contact form{
	float:left;
	margin:0; padding:0; 
	width:726px;
}
input.btn-calendar
{ 	background-image:url(../images/calendar.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:14px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	border:0;
}
.btn-submit
{
	background-image:url(../images/btn-submit.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:74px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	border:0;
	cursor:pointer;
}
/*---------------------------------Gallery page----------------------------------------------------*/
#image { 
	position:relative; 
	width:726px; height:408px; 
	padding:0; 
	border:1px solid #c7d2d8; 
	background:#FFF url(../images/loading.gif) center center no-repeat; 
}
#image img { position:absolute; top:0; left:0; }
#thumbwrapper { float:left; margin:15px 10px 0 10px; padding:5px 0; width:726px; height:100px; }
#thumbwrapper-sub { float:left; margin:5px 10px 0 10px; padding:5px 0; width:726px; height:100px; }
#thumbwrapper-sub p { margin:0; padding:0 0 15px 0;}
#thumbwrapper-sub a:link, #thumbwrapper-sub a:visited {
	font-size:12px;
	color:#1a4d51;
	font-weight:normal;
	text-decoration: none;
}
#thumbwrapper-sub a:hover {
	font-size:12px;
	color:#1a4d51;
	font-weight:normal;
	text-decoration: underline;
}
#thumbwrapper-sub a.active {
	font-size:12px;
	color:#1a4d51;
	font-weight:bold;
	text-decoration: underline;
}

#thumbarea { position:relative; overflow:hidden; height:83px; width:726px; }
#thumbs { position:absolute; list-style:none; margin:0; height:83px; }
#thumbs li { float:left; margin:0 5px 0 0; cursor:pointer; }

#thumbarea-floor {position:relative; overflow:hidden; height:120px; width:726px;}

.youtube-icon {position:absolute; left:495; top:500px; margin:0; padding:0; width:30px; height:30px;}
/*--------------------------------- climate page ----------------------------------------------------*/
.bg-weather {
	background-image:url(../images/bg-weather.gif);
	background-position:left top; background-repeat:no-repeat;
	width:255px; height:87px;	
}
.bg-localtime {
	background-image:url(../images/bg-local-time.gif);
	background-position:left top; background-repeat:no-repeat;
	/*width:255px; height:87px;*/
	padding:15px 25px 10px 75px;
}



/*-------------------------------- Style for text -------------------------------------------------*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	margin:0; padding:5px 0 5px 10px;
}
.txtwhite17 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	margin:0; padding:5px 0 5px 10px;
}
.txtblack14b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin:0px;
}
.txtblack12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	margin:0px;
}
.txtblack11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
}
a.linkgreen12:link, a.linkgreen12:visited, a.linkgreen12:hover {
	font-size:12px;
	color:#1a4d51;
	font-weight:normal;
	text-decoration:underline;
}
a.linkblack12:link, a.linkblack12:visited {
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}
a.linkblack12:hover {
	font-size:12px;
	color:#333333;
	font-weight:normal;
	text-decoration:underline;
}
a.linkgreen14:link, a.linkgreen14:visited, a.linkgreen14:hover {
	font-size:14px;
	color:#1a4d51;
	font-weight:normal;
	text-decoration:underline;
}
a.linkblack11n:link, a.linkgreen11n:visited {
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}
a.linkgreen11n:hover {
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-decoration:underline;
}
a.linkblack12n:link, a.linkgreen12n:visited {
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}
a.linkgreen12n:hover {
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-decoration:underline;
}
.divsend {POSITION:relative; width:250px; TOP:0px;}

.divsendbutton {width:54px; z-index:1;}

input.submit {

	background-image:url(../images/btn-submit.jpg);
	
	background-position:bottom;

	background-repeat:no-repeat;

	width:72px;

	height:21px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#ffffff;

	font-weight:bold;

	border:0;

}