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

body{ margin:0; padding:0; background:url(../images/bg_rep.jpg) repeat-x #FFFFFF}
*{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003C5A}
#banner{ width:1000px; height:415px; background:url(../images/banner.jpg) no-repeat; margin:0 auto; position:relative}
#navi{ position:absolute; left:350px; top:100px; width:643px;}
#body{ margin:0 auto; width:940px; background:#EBE3C3}
#leftpart{ float:left; width:624px; background:url(../images/body_top_rep.jpg) repeat-x top #F7F7F7; border-left:1px solid #C6C6C6; border-right:1px solid #CACACA; padding:20px; overflow:hidden}
#ritepart{ float:right; width:234px; background:url(../images/side_head.gif) repeat-x top #EBE3C3; border-right:1px solid $CACACA; padding:20px; overflow:hidden}
#welcome{ background:url(../images/welcome.jpg) left top no-repeat; padding:22px 0 0 0}
#welcome p{ padding:10px 0; text-align:justify; line-height:20px }
#about{ background:url(../images/about.jpg) left top no-repeat; padding:22px 0 0 0}
#about p{ padding:10px 0; text-align:justify; line-height:20px }
#topdiv{ padding:12px 0 0 0; text-align:justify; line-height:20px }
#foot_wrapper{ background:url(../images/footer.jpg) repeat-x}
#footer{ width:940px; margin:0 auto; height:80px; text-align:center; color:#FFFFFF; font-family:tahoma, arial; font-size:11px; padding:10px 0; line-height:20px;}
#footer a{ color:#003399; font-family:tahoma; font-size:11px;}
#footer a:hover{ color:#FFFFFF;}
#gallery{ background:#3D80A4; margin:10px 0; height:128px; text-align:center; padding:12px 0 0 12px;}
#pic{ margin:0 auto; text-align:center; padding:12px 0 0 12px;}
#contact{ height:170px; background:url(../images/coach.jpg) no-repeat 300px 0 #E8E8E8; margin:10px 0 0 0 }
#contact p{ width:280px; height:115px; background:url(../images/contact_info.gif) no-repeat 20px 10px; line-height:18px; padding:40px 0 0 20px; margin:0}
#amenities{ padding-top:45px; background:url(../images/amenities.gif) no-repeat 0px 5px;}
#amenities ul{ list-style:none; margin:0; padding:0;}
#amenities ul li{ background:url(../images/bullet.gif) no-repeat 0px 8px; line-height:22px; padding-left:12px; color:#363636; font-weight:bold; font-size:11px;}
#attract_list{ margin:0; padding:0 30px;  }
#attract_list li{ line-height:18px; padding:0 0 10px 0;}

/* Contact Us page */
#contact_page{ background:url(../images/contact_pg.gif) left top no-repeat; padding:22px 0 0 0}
#contact_page p{ line-height:20px; width:220px; float:left; padding:10px 0;}
#map{ width:390px; float:right; padding-right:10px; text-align:center}
.sub_heading{ font-size:16px; font-weight:bold; color:#EF0125;}
#contactpg{
	padding:10px;
	top:10px;
	color:#CBEDFE;
	font-size:12px;
	margin:0 auto;
	width:450px;
}

cont_form{
	width:540px;
	margin:0 auto;
	}

.border{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#F1EFEF;
	width:200px;
	height:18px;
	padding:2px;
}

.border1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #999999;
	background:#E8F9FF;
	width:200px;
	height:18px;
	padding:2px;
}
	
.bordera{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#919D9D;
	width:200px;
	height:18px;
	padding:2px;
	}

.bordera1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#fff;
	width:200px;
	height:18px;
	padding:2px;
	}

/* Text Box End */

/* Buttons End */

.btn{
	background: #2A5099;
	border:2px solid #2564B1;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	cursor:pointer;
	color:#fff;
	}

.btn:hover{
	background: #5894DC;
	}
#c1{
	margin:0 auto;
	padding:0 0 0 20px;
	width:200px;
	float:left;
	line-height:25px;
	text-align:left;
	}	

#c2{
	margin:0;
	padding:0 0 0 20px;
	width:200px;
	line-height:25px;
	float:left;
	text-align:left;
}
.error{
	background: #EE1300;
	border-top:1px solid #DEFF00;
	border-bottom:1px solid #DEFF00;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}

.ok{
	background: #336699;
	border-top:1px solid #FF7D7D;
	border-bottom:1px solid #FF7D7D;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}


/* Clear Fix */
.clear{
	clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*----------------- Sliding menu effect  --------------------*/

#miniflex {
	width: 100%;
	float: left;
	/*font-size: 20px;  could be specified at a higher level */
	margin: 0;
	/*padding: 0 10px 0 10px;*/
	position:relative;
	z-index:2;
}


#miniflex li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

#miniflex a:link, #miniflex a:visited {
	line-height:30px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	/*border:#999999 solid 1px;*/
	float:left;
	display:block;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
}


#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	color:#9A0000;
}
  
#animated-tab {
	position: absolute;
	z-index: 1;
	display:block;
	height:30px;
	border-bottom:2px solid #9A0000;
	height:38px;
}

/*----------------- Sliding effect ends  --------------------*/


/*  Hi slide  */
.highslide {
	cursor: url(highslide/graphics/zoomin.html), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.html);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #FFFFFF;
    text-decoration: none;
	font-size: 12px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.html) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}