/* Handy Limited CSS Document */
html, body	{height: 100%; margin: 0 0 1px 0;}
body {margin:0; padding:0; font: 11px/18px Verdana, Arial, Helvetica, sans-serif normal; color:#000; background:#fff url(../_images/main-bg.jpg) repeat-x top;}
li {list-style:none;}
* {margin:0;  padding:0; }
#logo {margin: 30px 0 0 30px; float:left;}
#wrapper{margin:0 auto; min-height: 100%; }
p {margin:0px 0;}
h2 {font-size:18px; font-weight:normal; color:#076EA9; margin:15px 0 10px 0;}
#maincontainer {width:960px; margin:0 auto; overflow:hidden; height:100%;  background: url(../_images/header-bg.jpg) no-repeat; padding:0 0 51px 0;  _padding: 0 0 77px 0;}
#maincontainer-pro {width:960px; margin:0 auto; overflow: hidden; height:100%;  background: url(../_images/pro-header-bg.jpg) no-repeat; padding:0 0 51px 0; _padding: 0 0 77px 0; }
#menu {width:200px; height:236px; background:url(../_images/menu-bg.jpg) no-repeat; font-size:14px; color:#fff; margin:0 0 0 502px; padding:5px 0 0 10px;}
#menu li {list-style:none; height:43px; vertical-align:middle; width:180px;}
#menu li a { text-decoration:none; color:#fff; display:block; padding:10px 11px;}
#menu li a:hover{ background:#616161;}
#content1 {width:320px; overflow:hidden; height:100%; float:left; margin:0 20px 0 0;}
#content1 a {color:#333; text-decoration:none;}
#content1 b {color:#333;}

.to-page {font-weight:bold; color:#33CCFF; margin:20px 0 3px 0; border-bottom:1px solid #E0E0E0; padding: 0 0 15px 0;}
.to-page-noborder {font-weight:bold; color:#33CCFF; margin:22px 0 0 0; padding: 0 0 15px 0;}
.to-page a {color:#33CCFF!important; text-decoration:none;}
.to-page a:hover {color:#086FAA!important; text-decoration:none;}
.to-page2 a {color:#076EA9!important; text-decoration:none; font-weight:bold;}
.to-page-noborder a {color:#33CCFF!important; text-decoration:none;}
.to-page-noborder a:hover {color:#086FAA!important; text-decoration:none;}

#content2 {width:590px; overflow:hidden; height:100%; float:left; border-left:1px dotted #086FAA; padding:0 0 0 20px;}
#content2 ul li {list-style:none;}
.welcome {width:285px; float:left; padding: 0 30px 0 0;}
.to-mail {width:270px; float:left; color:#086FAA;}
.to-mail-form { background:url(../_images/form-bg.jpg) no-repeat; width:146px; height:18px; float:left; border:none; padding:6px 0 5px 8px; font-size:11px;}
.to-mail-but {width:70px!important; height:28px!important; float:left;  border:none; background: url(../_images/but-bg.jpg) no-repeat top!important;}
.to-mail-but:hover {background: url(../_images/but-bg.jpg) no-repeat bottom!important;}
#photo-gal {width:580px; float:left;}
#photo-gal ul li {list-style:none; float:left; width:120px; height:83px; margin:10px 20px 10px 0;}

#footer {width:100%; background:#f4f4f4; border-top:1px dotted #086FAA; border-bottom:1px dotted #086FAA; margin:-50px auto; height:79px; bottom:0;}
#footer-inside {width:960px; margin:0 auto; font-size:9px;}

#copy {width:340px; color:#999; padding:30px 0 0 0; float:left;}
#menu2 {width:480px; color:#086FAA9; padding:30px 0 0 130px; border-left:1px dotted #086FAA; height:49px; float:left; }
#menu2 a {color:#086FAA; text-decoration:none; padding:5px;}

/* subpages */

#subpage-cont2 {width:450px; float:left; border-left:1px dotted #086FAA; overflow:hidden; height:100%; padding: 0 10px 10px 30px;}
#subpage-cont1 {width:450px; float:left; overflow:hidden; height:100%; overflow:hidden; padding: 0 10px 10px 0px; }
h1 {font-size:20px; color:#999; font-weight:normal; margin:0 0 30px 0;}
h3 {font-size:15px; color:#065686; font-weight:bold;}
h4 {font-size:11px; color:#076EA9; font-weight:bold; margin:10px 0 0px 0;}

#subpage-cont1 ul li, #subpage-cont2 ul li{list-style:none; margin:5px 10px 0px 0; float:left; display:inline; width:280px;}
#subpage-cont1 img, #subpage-cont2 img {float:left; margin:5px 10px 0 0;}

/* contact us */

#contact input { background:url(../_images/contact-form-bg.jpg) no-repeat; width:195px; height:20px;  border:none; padding:6px 5px 5px 8px; font-size:11px;}

#nature {background:url(../_images/contact-sele-bg.jpg) no-repeat; width:500px; height:205px;  border:none; padding:6px 5px 5px 8px; font-size:11px;}
#contact p {float:left; width:250px; }
#contact .submit-but{width:500px; float:left; height:35px; }
.about {width:570px; float:left; padding: 0 10px 67px 0; }
*:first-child+html .about { padding: 0 10px 47px 0;}
#asso-logo {float:left; width:165px; padding:5px 0;}
#asso-data {float:left; padding:0 10px; width:320px;}
.bottom-border {border-bottom:1px dotted #086FAA; width:520px; float:left; padding: 5px 0 10px 0;}
.bottom-border-no {border:none; }