@charset "utf-8";
/* Wildlife Sri Lanka*/
#ieoxAdTag{ display: none;} #conash3D0{ display: none;}
img, div { behavior: url(images/iepngfix.htc) }
body{ margin: 0; padding: 0; font-family: Tahoma, Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: 100; font-style: normal; color: #000000;  background:#0a3e00 url(../images/ie-background.jpg) no-repeat top left fixed; text-align: center;}
h1{ width: auto; float: left; height: auto; margin: 50px 0px 0px 10px; font-size: 40px; display: block;}
h2{ font-size: 20px;  padding: 0 0 10px 0; margin: 10px 0 10px 0; border-bottom: #2f0f10 1px solid;}
h3{font-size: 16px; padding: 0; margin: 0;}
h4{ font-size: 11px;}
h5{ font-size: 11px; width: 100%; float: right; font-weight: 100; margin:0;  padding: 3px 0 5px 0; text-align: right; color: #CCCCCC; background: #000000}
p{ padding: 10px 0px 0px 0px; text-align: justify;}
#contaner{ width: 1000px; height: auto; margin: auto; text-align: left;}

#bg {position: fixed;  top: 0; left: 0; overflow: hidden; width: 100%; min-width: 1000px;z-index:-1;}

a { text-decoration: none;}
strong { font-weight: bold;}

.code{ width: auto; float: left; display: none;}
/* header */
#header{ width: 100%; height: auto; float: left; }
.logo{ width: auto; float: left; height: auto; margin: 50px 0px 0px 10px;}
#header img{ float: left; padding: 0px 10px 0px 0px; text-align: right;}
.banner{ width: 980px; min-width: 980px; height: 150px; float: left;  font-size: 24px; padding: 0px 0px 0px 0px; color:#ffffff; /*border-left: #003300 1px solid; border-right: #003300 1px solid;*/}
.banner .log{ width: 200px;  float: right; padding: 120px 5px 0px 0px; color:#ffffff; font-size: 11px; font-weight: bold;}
.linkArea{ width: 100%; height: 30px; float: left; text-align: left; background-color:#ffc028;}
.links{ width: 100%; height: auto; float: left;}
.linkArea-li{ width: auto; height: 16px; float: left; padding: 12px 10px 0px 10px; border-right: #666666 1px dotted; color:#000000;}
.linkArea-li a{ font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;}
.linkArea-li a:hover{ font-size: 11px; font-weight: bold; color: #990000; text-decoration: none;}

.facebook{ background: #3b5998; width: auto; height: 25px; float: right; padding: 5px 10px 0px 10px;}
.facebook a{ color:#ffffff; font-weight: bold; margin: 0 0 0 0;}
.facebook a:hover{ color:#ffffff;}

.loginaria{ width: 790px; height: auto; float: left;}
.loginariaStr{ width: 790px; height: auto; float: left;}
.loginariaStr2{ width: 790px; height: auto; float: left; margin: 10px 0 0 0; color: #000000; font-size: 12px; font-weight: bold;}
.loginariaStr2 a{ color: #990000; font-size: 12px; font-weight: bold; text-decoration:none;}
.loginariaStr2 a:hover{ color: #ffffff; font-size: 12px; font-weight: bold; text-decoration:none;}
.user-loginHed{ width: 130px; height: 16px; float: left; padding: 5px 5px 5px 5px; font-weight: bold; font-size:11px;}
.user-login{ width: auto; height: 18px; float: left; padding: 5px 5px 5px 5px;}

.userStyle{ width: 250px; height:16px; background:#666666; font-size: 11px; border: #333333 solid 1px; color: #CCCCCC}
.BtnuserStyle{ width: 50px; height:16px; background:#666666; font-size: 11px; border: #333333 solid 1px; color: #CCCCCC; font-weight: bold;}
/* Footer */
#footer{ width: 100%; min-width: 980px; height: auto; float: left; background: #160b07; color: #CCCCCC; text-align: center;}
.footelink{ width: 980px; height: 16px; float: left; padding: 20px 0px 10px 0px;}
.footelink a { font-family: Tahoma, Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: 100; font-style: normal; color: #FFFFFF; } 
.footelink a:hover { font-family: Tahoma, Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: 100; font-style: normal; color: #FF9900; } 
.footecopy{ width: 980px; height: 16px; float: left;padding: 0px 0px 20px 0px;}

/* wrapper contant */
#wrapper{ width: 100%; height: auto; float: left; padding: 0px; color:#000000; background: url(../images/backcol.png);}
.wrapperCon{ float: left; height: auto; width: 980px;}
.left{ width: 180px; height: auto; float: left; margin:0px; padding: 15px 0px 15px 0px; }
.mid{ width: 790px; height: auto; float: right; margin:0px; padding: 15px 0px 15px 0px;}
.right{ width: 200px; height: 400px; float: left; margin: 0px; padding: 15px 0px 15px 0px; background-color: #FF99CC; display: none;}
.mid .hed{ width: 100%; height: auto; float: left; margin: 0px 0px 5px 0px; border-bottom: #000000 solid 1px; padding: 0 0 5px 0}
.mid .hed a{ float: right; margin: 0px 0px 0px 10px; }
.mid .contant{ width: 790px; height: auto; float: left; margin: 0px; }
.mid .contant p{ margin: 10px 0 0 0; padding: 0px; text-align: justify; }
.HcontantList{ width: 790px; height: auto; float: left; margin:  0 0 15px 0; }

.mid .contantDis{ width: 630px; height: auto; float: right; margin: 5px 0 0 0; }
.mid .contantDis p{margin: 0px; padding: 3px 0 0 0;}
.mid .contantHimg{ width: 150px; height: auto; float: left; margin: 0px; border: #333333 solid 1px; }

.Hotelcontant { width: 380px; height: auto; float: left; text-align: left; color: #000000;}
.HotelMainImg { width: auto; height: auto; float: right; text-align: left; border: #333333 1px solid; background:#003300}
.Hotelcontant p{ margin: 10px 0px 0px 0px; text-align: justify;}

.hotelGallery{ width: 100%; height: auto; float: left; margin: 15px 0 0 0; padding: 10px 0 0 0;}

.mid .contant .imgeArea{ width: 300px; height: auto; float: left; margin: 15px 0 0 0; border: #003300 1px solid; }
.mid .contant .imgeArea2{ width: 300px; height: auto; float: right; margin: 15px 0 0 0; border: #003300 1px solid; }
.mid .contant .TxtArea{ width: 480px; height: auto; float: left; margin: 0px; }
.mid .contant .TxtAreaR{ width: 480px; height: auto; float: right; margin: 0px; }
/*side link */

.ad{ width: 180px; height: auto; float:left; text-align: center; padding: 10px 0 0 0;}
.side-link{ width: 180px; height: auto; float:left;}
.side-linkBul{ width: 170px; float: left; height: 16px; margin: 0px 0px 2px 5px; padding: 5px 0px 5px 0px; border-bottom: #666666 dotted 1px; text-align: center;} 

/*Articles*/

.Articontant{ width: 100%; height: auto; float: left; margin: 0px; }
.Articontant p{ margin: 10px 0px 0px 0px; text-align: justify;}
.Articontant p img{ float: right; margin:0 0 10px 10px; border: #666666 solid 1px}

/*photo Gallery*/

.images{ width: 172px; height: auto; float: left; padding: 10px 0 15px 0;}
.images img{ width: 150px; height: auto; float: left; border: #660000 1px solid; margin: 0 20px 0 0 }
.images p{ width: 150px; height: auto; float: left; display: block; padding: 5px 0 0 0; margin: 0 }
.gsend img{ width: 62px; height: 20px; float: right; border: none; padding: 10px 0 0 0}

.HotelHed{ width: 780px; float: left; height: auto; text-align: left; padding: 5px 0px 5px 10px; background: #006600; color: #FFCC00; margin: 5px 0 5px 0;}
.HotelHed a { color: #FFFFFF; margin: 0 5px 0 5px; }
.photo{ width: 100px; height: 75px; float: left; overflow: hidden; border: 1px #000000 solid; background:#006600; margin: 0 10px 10px 0 ;} 
.msg{ padding: 3px; border: #FF0000 1px solid; background: #FFFFCC; color: #000000; font-size: 12px; font-weight: 100;}
.magcell{ float: left; height: 10px; width: 760px;}
.photoCell{ width: 385px; height: 125px; float: left; margin: 10px 5px 10px 0; border-bottom: #666666 dotted 1px;}
.photoDis{ width: 265px; height: auto; float: right; margin: 0 0 0 0; }
.photoDis p{ width: 265px; height: auto; margin: 10px 0 0 0; }
.photo_Gthumb{ width: 80px; height: 60px; float: left; overflow: hidden; border: 1px #000000 solid; background:#006600; margin: 0 0 0 0 ;}

/* Owner*/

.ownwerinfoDisplay{ width: 790px; float: left; height: auto; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: #000000 dotted 1px; font-size: 12px; color: #000000; font-weight: bold;}
.ownwerinfoDisplay a{ font-size: 12px; color: #666666; font-weight: bold; text-decoration: none;}
.ownwerinfoDisplay a:hover{ font-size: 12px; color: #993333; font-weight: bold; text-decoration: none;}

.commentDisplay{ width: 790px; float: left; height: auto; padding: 0px; margin: 10px 0 0 0; font-size: 11px; color: #000000; font-weight: 100; }
.commentadd{ width: 770px; float: left; height: auto; margin: 10px 0 0 0; padding: 10px 0 0 10px; border-top: #000000 dotted 1px; font-size: 11px; color: #000000; font-weight: 100; background: #92be69;}
.comarea{ color:#003366; width: 760px; float: left; height: auto; padding: 5px;}
.comname{ font-weight: bold; color:#003366;}
.commment{ font-size: 11px; }
.commentSty{ border: #996600 1px solid; background: #FFFFCC; width: 600px; height: 30px;}

/*Loging top*/
.toplogArea{ width: 450px; height: auto; float:right; margin: 40px 0 0 0;}
.toplog{ width: 230px; height: 20px; float:right; font-size: 11px; color: #000000;}
.topnewuser{ width: 230px; height: 20px; float:right; font-size: 11px; color: #FFFF66; font-weight: bold; text-align: right; margin: 10px 0 0 0;}
.topnewuser a{ color: #FFFFCC; font-weight: bold; text-decoration: none; }
.topnewuser a:hover{ color: #FF9933; font-weight: bold; text-decoration: none; }
.uname{ width: 60px; height:20px; float: left; font-size: 11px; color: #CCCCCC; font-weight: 100;}
.unameI{ width: 165px; height:20px; float: left; text-align:right;}
.hedLogStyle{ width: 160px; height: 16px; background: none; font-size: 11px; border: 1px #FF9900 solid; color: #CCCCCC}
.toplogout{ width: auto; height: 20px; float:right; margin: 60px 0 0 0; font-size: 11px; text-align: right; font-weight: bold;}
.toplogOut a{ font-size: 11px; text-decoration: none; color: #FFFF99;}
.toplogOut a:hover{ font-size: 11px; text-decoration: none; color: #ff0000;}

/*Article*/
.ArticleArea{ width: 790px; height: auto; float: left; margin:  0 0 15px 0; border-bottom: #666666 dotted 1px; padding: 0 0 10px 0;}
.thumb{ width: 75px; height: 50px; float: left; overflow: hidden; border: 1px #000000 solid; background:#006600; margin: 0 10px 10px 0 ;} 
.more{width: auto; height: auto; color: #000000; font-weight: bold; text-decoration: none; font-size: 11px; float: right;}
.more:hover{width: auto; height: auto; color: #FF0000; font-weight: bold; text-decoration: none; font-size: 11px; }

.moreLeft{width: auto; height: auto; color: #000000; font-weight: bold; text-decoration: none; font-size: 11px;}
.moreLeft:hover{width: auto; height: auto; color: #FF0000; font-weight: bold; text-decoration: none; font-size: 11px; }

.greetstrp{ width: 600px; height: auto; text-align: right; padding: 5px 0px 5px 0px; margin: auto; float: left;}
.greetstrppre{ width: 600px; height: auto; text-align: left; padding: 5px 0px 5px 0px; margin: auto; float: left;}
.greetimge{ width: 152px; float: left; height: 110px; overflow: hidden; background-color:#000000; border: #000000 2px solid;}
.greetimge img{ border: none;}
.greettitle{ width: 150px; float: left; height: auto; text-align: right; padding: 0 0 5px 0}
.greettitle img{ width: auto; float: right; height: auto; border: 0; text-align: right;}

/*image upload*/
#progressBackgroundFilter {
  position:absolute;  top:0px;   bottom:0px;   left:0px;   right:0px;   overflow:hidden;   padding:0;   margin:0;   background-color:#000; 
  filter:alpha(opacity=50); opacity:0.5; z-index:1000; } 

#processMessage {  position:absolute;   top:30%;  left:43%;  padding:10px;  width:14%;  z-index:1001;  background-color:#fff;  text-align:center;} 

/*contact*/
.contactStr{ width: 450px; height: auto; float: left; padding: 5px 0px 0px 0px; text-align: left;}
.contactHed{ width: 100px; height: auto; float: left; padding: 0px 0px 0px 5px; text-align: left;}
.contactInput{ width: 300px; height: auto; float: left; text-align: left;}
.inputTxtStyle { width: 200px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFCC; border: #999999 solid 1px;}
.inputinquStyle { width: 200px; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFCC; border: #999999 solid 1px;}