/*
----------------------------------------------------------------------------------------------------------------
Website     :    www.lanka.com
Author		:    1. Gemunu Amarasinghe
				 2. 
				 3.
				 4. 
Created     :    25-november-2010
Modification:    
----------------------------------------------------------------------------------------------------------------
*/
/*body{
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424b5a;
}*/
body{
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424b5a;
}
/*main frame*/
#mainframe{
	width:980px;
	margin:auto;
	margin-top:0px;
}
/*-------header------*/
#header{
	width:980px;
	margin:0;
	height:135px;
}
#header #language_bar{
	width:980px;
	height:5px;
}
#header #flashheader{
	width:980px;
	height:130px;
}
#header #flashheader .ctl{
	width:7px;
	height:7px;
	position:absolute;
	z-index:100;
	background:url(../images/ctl.png);
	background-repeat:no-repeat;
}
#header #flashheader .ctr{
	width:7px;
	height:7px;
	position:absolute;
	z-index:100;
	float:right;
	margin-left:973px;
	background:url(../images/ctr.png);
	background-repeat:no-repeat;
}
#header #headerslider{
	width:980px;
	height:130px;
}
#header #galleryslider{
	float:left;
	position:absolute;
	z-index:200;
	margin:80px 0 0 0;
	background:url(../images/bg_tit.png);
	padding:0 20px 0 20px;width:940px;
}
#galleryslider h1{
	font-family:Times New Roman;
	font-size:38px;
	color: #FFFFFF;
	margin:0;
	padding:0;
	font-weight:bold;
}
/*-------end header------*/
/*-------main nav------*/
#mainnav{
	background:url(../images/sprite.png) no-repeat 0 0;
	height:47px;
	width:980px;
}
#mainnav .left_nav{
	float:left;
	width:700px;
}
#mainnav .left_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainnav .left_nav li{
	float:left;
	padding:10px 2px 0 2px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#mainnav .left_nav li a{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#mainnav .left_nav li a:hover{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#00FFFF;
	text-decoration:none;
}
#mainnav .left_nav .li{
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	color:#00FFFF;
}
#mainnav .right_nav{
	float:left;
	width:280px;
}
#mainnav .right_nav ul li iframe{
	margin-left:22px;
	margin-top:-2px;
}
#mainnav .right_nav ul li #___plusone_0{
	width:50px!important;
}
#mainnav .right_nav ul li #google_translate_element{
	margin-left:-10px;
}
#mainnav .right_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#mainnav .right_nav li{
	float:left;
	padding:10px 0 0 0;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
#mainnav .right_nav li a{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#mainnav .right_nav li a:hover{
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#0099FF;
	text-decoration:none;
}
#mainnav .right_nav .goog-te-combo{
	position:inherit!important;
}
/*-------end main nav------*/
/*--------breadcurb--------*/
#breadcurb{
	width:980px;
	height:15px;
}
/*----end breadcurb--------*/
/*-------content-----------*/
#content{
	width:980px;
	position:relative;
}
#content .left_column{
	float:left;
	width:240px;
}
#content .col_module{
	width:235px;
	margin-top:10px;
}
#content .right_column .col_module{
	width:233px;
	margin-left:5px;
}
#content .col_title{
	height:36px;
	width:233px;
	margin:auto;
	border: 1px solid #eee;
	text-align:left;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(#ffffff, #efefef);
	background: linear-gradient(#ffffff, #efefef);
	-pie-background: linear-gradient(#ffffff, #efefef);
	behavior: url(htc/pie.htc);
}
.col_title img, .mid_col_title img{
	float:left;
	margin:5px 0 5px 5px;
	}
#content .col_content{
	width:223px;
	border: 1px #eee solid;
	padding:15px 5px;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
	background: #ffffff;
	behavior: url(htc/pie.htc);
}
#content .middle_column{
	float:left;
	width:500px;
}
#content .right_column{
	float:right;
	width:240px;
}
#content .middle_col_module{
	width:500px;
	margin-top:8px;
}
#content .mid_col_title{
	height:36px;
	width:498px;
	margin:auto;
	border: 1px solid #eee;
	text-align: left;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(#ffffff, #efefef);
	background: linear-gradient(#ffffff, #efefef);
	-pie-background: linear-gradient(#ffffff, #efefef);
	behavior: url(htc/pie.htc);
}
#content .mid_col_content{
	width:498px;
	padding-bottom:10px;
	border:1px #eee solid;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
	background: #ffffff;
	behavior: url(htc/pie.htc);
}
.contentwide{
	width:740px!important;
}
/*-------end content-----------*/
/*--footer-----------------------------------------------*/
.footer #footer_content{
	padding-top:15px;
	width:978px;
	height:40px;
	display:inline-block;
	border:1px solid #eee;	
	margin:auto;
	margin-top:8px;
	text-align: center;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(#ffffff, #efefef);
	background: linear-gradient(#ffffff, #efefef);
	-pie-background: linear-gradient(#ffffff, #efefef);
	behavior: url(htc/pie.htc);
	}
.footer #footer_content img{
	padding-top:3px;
	}
/*--end footer------------------------------------------*/
/*--column content--------------------------------------*/
.column_content{
	margin:5px;
	text-align:center;
}
/*.column_content img{
	border:1px solid #eee;
	padding:4px;
}*/
.column_content p{
	/*padding:0;
	margin:1;*/
	text-align:justify;
}
/*--end column content----------------------------------*/
/*end main frame*/
/*--h1,h2,h3,p------------------------------------------*/
h1{
	margin:5px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	color:#333;
	float:left;
}
h1 span{
	color:#00CCFF;
}
h2{
	margin:5px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	color:#333;
}
h3{
	margin:5px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	color:#333;
}
h4{
	margin:5px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#333;
}
.orange{
	color:#F90;	
}
.red{
	color:#F00;	
}
.blue{
	color:#00CCFF;	
}

/*--end h1,h2,h3,p------------------------------------------*/
/*--body text-----------------------------------------------*/
/*a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424b5a;
	text-decoration:none;
}
a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #09F;
}*/

.body_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424b5a;
	text-decoration:none;
}
.body_text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424b5a;
	text-decoration:none;
}
.body_text a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #FF3300;
}
/*--body text brown*/
.body_text_brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #960;
}
.body_text_brown a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #960;
	text-decoration:none;
}
.body_text_brown a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #FC0;
}
/*--end body text brown*/
/*--body text yellow*/
.body_text_yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FC0;
}
.body_text_yellow a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FC0;
	text-decoration:none;
}
.body_text_yellow a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #000;
}
/*--end body text brown*/
/*--body text red hover*/
.body_text_redhover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
.body_text_redhover a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration:none;
}
.body_text_redhover a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color:#F00;
}
/*--end body text brown*/
/*--body text black*/
.body_text_black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	line-height:14px;
	text-align:justify;
}
.body_text_black a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-decoration:none;
	line-height:14px;
	text-align:justify;
}
.body_text_black a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	color:#F00;
	line-height:14px;
	text-align:justify;
}
/*--end body text black*/
/*--text small----------------------------------------------*/
.body_text_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.body_text_small a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
}
.body_text_small a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #09F;
}
.body_text_small_gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
.body_text_small_gray a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration:none;
}
.body_text_small_gray a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #09F;
}
.body_text_small_brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #960;
}
.body_text_small_brown a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #960;
	text-decoration:none;
}
.body_text_small_brown a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #FC0;
}

.body_text_Brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #663300;
}
a.body_text_Brown:link {
	color: #663300;
	text-decoration:none;
}
a.body_text_Brown:visited {
	text-decoration:none;
	color: #663300;
}
a.body_text_Brown:hover {
	text-decoration:underline;
	color: #333333;
}
a.body_text_Brown:active {
	text-decoration:none;
	color: #663300;
}

.title{
	margin:5px 0 0 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;
	color:#333;
	float:left;
}
/*--end text small----------------------------------------------*/
/*--end body text-------------------------------------------*/

/*--------------Start input style--------------------------------*/
.form_button_xpStyle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-image:url(../images/sprites.png);
	color:#000000;
	font-weight:normal;
	background-color: transparent ; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	cursor:auto;
	width:76px;
	height:20px;
	background-position: -512px -55px;
}

.form_style_1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	color: #000000 ; 
	border: #dadada; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.image_border {
	border: #CCCCCC;
	border-style: solid;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color:#FFFFFF;
}

.bullet_Orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff3300;
	text-decoration:none;
} !important

.bullet_Orange a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ff3300;
	text-decoration:none; !important
} 

.bullet_Black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.title_text_Orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}

.body_text_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
/*--------------end input style--------------------------------*/
#google_translate_element{
	width:125px;
}
#google_translate_element img{
	display:none!important;
	}
#google_translate_element .goog-te-gadget{
	visibility:hidden;
	}
#google_translate_element .goog-te-combo{
	visibility:visible!important;
	position:absolute;
	margin-top:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.widgtab div{
	width:70px!important;
}

.body_text_gray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

a.body_text_gray:link {
	color: #999999;
	text-decoration:none;
}
a.body_text_gray:visited {
	text-decoration:none;
	color: #999999;
}
a.body_text_gray:hover {
	text-decoration:none;
	color: #FF6600;
}
a.body_text_gray:active {
	text-decoration:none;
	color: #999999;
}
/*table*/
.divce{
	text-align:left!important;
	}
.div_table_main{
	width:411px;display:inline-block;
	}
.div_table_main .td{
	width:405px;
}
.div_table_main .th{
	width:200px;float:left;text-align:left;
}
.div_table_main .dot{
	width:5px;float:left;
}
.div_table_main .data{
	width:200px;float:left;text-align:left;
}
#gallery .gal{
width:700px;margin:auto;text-align:left;
}
#gallery span{
width:160px;height:116px;
}
/*end table*/
/*slider*/
#slider {
    /*width: 974px;*/ /* important to be same as image width */
    height: 130px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
/*	border-left:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	border-top:3px solid #FFFFFF;
	border-bottom:3px solid #696969;*/
	background-color:#CCCCCC;
}
#sliderContent {
    width: 980px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
#promote_text {
    position:absolute;
	font:Arial;
	font-size:11px;
	color:#FFFFFF; 
	font-weight:bold;
	right:10px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;

}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 980px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.gallery title {
	bottom: 0;
    left: 0;
}
.roomtypemain{
	width:740px;display:inline-block;
}
.roomtypemain .roomtypemain_divfloat{
	background:#fff;height:400px;width:358px;margin:5px 5px 5px 5px;float:left;border:1px #CCCCCC solid;
}
.roomtypemain div:hover{
	background:#F5F5F5;
}
.roomtypemain .roomtypemain_divfloat .roomtitle{
	width:350px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;padding:4px;
}
.roomtypemain .roomtypemain_divfloat .roomdes{
	width:350px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:4px;
}
.roomtypemain .roomtypemain_divfloat .roomimage{
	margin:4px;	float:left;	width:150px;border:1px #CCCCCC solid;padding:4px;
}
.roomtypemain .roomtypemain_divfloat .imageright{
	float:left;	width:180px;height:150px;
	padding-left:10px;
}
.roomtypemain .divtable{
	width:358px;
}
.roomtypemain .divcell{
	width:352px;background:#FFFFFF;border-top:1px #CCCCCC dashed;
}
.roomtypemain .divcell .tr{
	width:87px;float:left;background:#FFFFFF;height:30px;border-right:1px #CCCCCC dashed;border-bottom:1px #CCCCCC dashed;
}
.roomtypemain .divcell .tr1{
	width:88px;float:left;background:#FFFFFF;height:30px;border-bottom:1px #CCCCCC dashed;
}
.btnGreen {
    background: -moz-linear-gradient(center top , #00CCFF 0%, #0099FF 100%) repeat scroll 0 0 transparent;
    border: 1px solid  #0066FF;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 0 1px #C1E71D inset;
    color:#FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
	width:80px;
	height:25px;
}


#sliderImage ul,li { list-style-type: none;margin:0;padding:0;}
#slider ul,li { list-style-type: none;margin:0;padding:0;}

/*end slider*/
/*googleplus*/
#googleplus #___plus_0{
width:200px!important;
}
#googleplus iframe{
width:200px!important;
}
#___plus_0 iframe body{
background:#006600!important;
}
/*endgoogleplus*/