/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	
	padding:0;
	margin:0;	
	min-width: 999x;
	FONT: 11pt/150% verdana; 
    FONT-FAMILY:  verdana,sans-serif, arial, helvetica, trebuchet, tahoma;
    background-COLOR:#003399;
    color:#000;    
	TEXT-ALIGN: justify;	
	
}
html, body { height: 100%;}

p { padding-top: 18px;  padding-left: 5px;		 Padding-right: 4px;	 }

.top { padding-top: 0px; }
.top1 { padding-top: 12px; }
.top2 { padding-top: 16px; }
.top3 { padding-top: 0px; }
.top4 { padding-top: 0px; }
.top5 { padding-top: 0px; }

.bot { padding-bottom: 20px; }
.bot1 { padding-bottom: 10px; }

a {	color: #464646; outline: none; }
a:hover{ text-decoration: none; }

.back-to-top
   {
        display: none;
	    background: none;
	    margin: 0;
	    position: fixed;
	    bottom: 0;
	    right: 0;
	    width: 50px;
	    height: 50px;
	    z-index: 100;	
	    text-decoration: none;
   }
    
h1, nav li a, #faded, h2 {font-family: "Times New Roman", Times, serif;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 995px;
	position: relative;
}
.ContainerHM {
	margin-left: auto;
    margin-right: auto;      
    width: 999px; 
	TEXT-ALIGN: justify;
}


	/* Header */
	header{
		height: 130px;
	}
	
	/* Content */
	section#content {
		
		
	}			
	/* Footer */
	footer{
		height: 70px;
	}
/* Left & Right alignment */


.menubak
{

height: 25px ;

}
.banerbg
{
 background-COLOR:#003399;
 
}


.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter
{ 

text-align: center;
color:#000;
}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 20px 0 0; float: left; }
img {padding-top: 4px;}

.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 127px; }

/*=============================================================================== text =====*/
h1 {
	padding: 48px 0 0px 0px;
	position: relative;
	float: left;
	font-size: 48px;
	line-height: 1.2307em;
	font-weight: normal;
}
	h1 a {
		display: inline-block;
		text-decoration: none;
		color: white;
	}
	h1 span {color: #fef1c8;}
h2 {
	font-size: 30px;
	line-height: 1.2307em;
	color: #181818;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px -2px 0px;
	font-weight: normal;
}

.color {color: #464646;}

.extra { background: #4c6b0a url('../imges_style2/extra-bg-3.png') no-repeat top center; height: 100%; width: 100%}

.header-top {background: url('../imges_style2/body-bg.png') repeat-x 0 0; width: 100%}

.decoration {text-decoration: none;}
.decoration:hover {text-decoration: underline;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/

/*=============================================================================== indents =====*/
.indent { padding: 0px 0px 0px 0px }
.indent1 { padding: 0px 0px 0px 0px }

.indent-col {padding: 31px 0 30px;}
.indent-col-1 {padding: 31px 34px 30px 0;}
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 84px; }
.col-indent1 { padding-right: 28px; }
.col-indent2 { padding-right: 68px; }
.col-indent3 { padding-right: 0px; }

.black-bg {
	background:#000 url('black-bg.gif') repeat-x left bottom;
	border-radius: 0px 25px 25px 0px;
	-moz-border-radius: 0px 25px 25px 0px;
	-webkit-border-radius: 0px 25px 25px 0px;
	behavior: url("js/PIE.htc");
	min-height: 356px;
	position: relative
}
	.black-bg h2 {color: white; padding: 0px 0 16px 10px;}
	.black-bg .indent-col {
		padding: 31px 21px 25px 23px;
	}
		.black-box {
			background: #262626 url('../imges_style2/black-box-bg.gif') repeat-x 0 0;
			min-height: 232px;
			color: #acacac;
			position: relative; padding-left:30px; padding-right:58px; padding-top:22px; padding-bottom:0
		}
			.black-box strong {
				color: white;
			}
/*=============================================================================== boxes =====*/
header .box {
	background: #fff url('header-box-bg-X.gif') repeat-x 0 0;
	border: 5px solid #ededed;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	behavior: url("js/PIE.htc");
	position: relative;
	height: 206px;
	padding-left:84px; padding-right:0; padding-top:0; padding-bottom:0
}
#content .box {
	background: #fff url('../imges_style2/content-box-bg.gif') repeat-x 0 0;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	box-shadow: 0 2px 8px #bab9b9;
	-moz-box-shadow: 0 2px 8px #bab9b9;
	-webkit-box-shadow: 0 2px 8px #bab9b9;
	behavior: url("js/PIE.htc");
	position: relative;
	padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
	
}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.color-list {
	position: absolute;
	top: 520px;
	left: 15px;
	z-index:20;
	width: 200px;
}
	.color-list ul {
		float:left;
		padding-top: 3px;
	}
	.color-list li {
		float: left;
		padding-right: 3px;
	}
		.color-list span {
			float: left;
			font-family: "Times New Roman", Times, serif;
			font-size: 21px;
			line-height: 1.2307em;
			color: white;
			word-spacing: 3px;
			display: inline-block;
			padding-right: 11px;
		}
		.color-list li a {
			display: block;
			width: 18px;
			height: 18px;
			text-decoration: none;
			cursor: pointer;
		}
	.color-list .c1 a {background: url('color-list-bg1.png') no-repeat 0 0;}
	.color-list .c2 a {background: url('color-list-bg2.png') no-repeat 0 0;}
	.color-list .c3 a {background: url('color-list-bg3.png') no-repeat 0 0;}
	.color-list .c4 a {background: url('color-list-bg4.png') no-repeat 0 0;}
	
	.color-list .c1 a:hover {background: url('color-list-bg1-hover.png') no-repeat 0 0;}
	.color-list .c2 a:hover {background: url('color-list-bg2-hover.png') no-repeat 0 0;}
	.color-list .c3 a:hover {background: url('color-list-bg3-hover.png') no-repeat 0 0;}
	.color-list .c4 a:hover {background: url('color-list-bg4-hover.png') no-repeat 0 0;}

	.list li {
		font-size: 10px;
		line-height: 15px;
		background: url('../imges_style2/list-bg.gif') no-repeat 3px 6px;
		padding-left: 13px;
		font-family: Tahoma, Geneva, sans-serif;
		position: relative
	}
		.list li strong {
			display: block;
			color: #454545;
			font-size: 11px;
		}
		.list li a {
			color: #454545;
		}
.list1 {padding: 16px 0 0;}
	.list1 li {
		font-size: 12px;
		line-height: 22px;
		background: url('../imges_style2/list1-bg.gif') no-repeat 4px 8px;
		padding-left: 17px
	}
		.list1 li strong {
			display: block;
			color: #464646;
			font-size: 11px;
		}
		.list1 li a {
			color: #454545;
			text-decoration: none;
		}
			.list1 li a:hover {text-decoration: underline;}
	.list1 .more {font-weight: bold;}
/*=============================================================================== links =====*/
.big-link {
	background: url('../imges_style2/link-bg.jpg') no-repeat top center;
	text-decoration: none;
	font-weight: bold;
	color: #fffefe;
	position: absolute;
	bottom: 29px;
	left: 43px; padding-left:22px; padding-right:22px; padding-top:7px; padding-bottom:8px
}
	.big-link:hover {color: #181818;}
.link {
	background: url('../imges_style2/link-small-bg.jpg') no-repeat top center;
	text-decoration: none;
	font-weight: bold;
	color: #fffefe;
	display: inline-block;
	margin-bottom: 1px; padding-left:21px; padding-right:20px; padding-top:7px; padding-bottom:8px
}
	.link:hover {color: #181818;}
/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/
footer {font-size: 14px;}
	footer p {
		color: #000000;
		float: left;
		padding: 21px 0 0 31px;
	}
		footer p a {color: #616161;}
	footer .mail {
		float: right;
		display: block;
		background: url('../imges_style2/footer-mail-bg.gif') no-repeat 0 0;
		margin-top: 15px; padding-left:22px; padding-right:99px; padding-top:0; padding-bottom:0
	}
		footer .mail a {color: #5fb5dd;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ReservationForm {
	margin-top: -1px;
	padding-bottom: 10px;
}
	#ReservationForm label {
		display:block;
	}
	#ReservationForm .check {
		color: white;
		text-decoration: none;
		display: inline-block;
		width: 147px; 
		height: 25px;
		text-align: center;
		font-weight: bold;
		background: url('../imges_style2/ReservationForm-a-bg.gif') no-repeat 0 0;
		margin-top: 12px;
		padding-top: 8px
	}
		#ReservationForm .check:hover {color: #181818;}
	#ReservationForm .here {
		color: #838383;
		display: block;
		padding: 9px 0 0 3px;
	}
		#ReservationForm .here a {
			color: #cfcfcf;
			text-transform: uppercase;
			font-weight: bold;
		}
	#ReservationForm input {
		background: none;
		border: none;
	}
	#ReservationForm b {
		padding: 9px 0 1px;
		display: block;
	}
	#ReservationForm strong {
		float: left;
		display: inline-block;
		padding: 0 6px 0 0;
	}
	#ReservationForm .left {padding-left: 13px;}
	#ReservationForm .input {
		width:32px; 
		border: 1px solid #545454; 
		padding:0px 7px 1px;
		font-size:11px; 
		line-height:14px;
		background: none;
		font-family: Tahoma, Geneva, sans-serif;
		color:#cbcbcb;
	}
	#ReservationForm .input1 {
		width:93px; 
		border: 1px solid #545454; 
		padding:0px 4px 1px;
		font-size:11px; 
		line-height:14px;
		background: none;
		font-family: Tahoma, Geneva, sans-serif;
		color:#cbcbcb;
	}
	#ReservationForm .input2 {
		width:9px; 
		border: 1px solid #545454; 
		padding:0px 5px 1px;
		font-size:11px; 
		line-height:14px;
		background: none;
		font-family: Tahoma, Geneva, sans-serif;
		color:#cbcbcb;
		float: left;
	}

#ContactForm {
	padding-top:22px;
}
	#ContactForm label {
		height:50px; 
		display:block;
	}
	#ContactForm .ContactForm-link {
		background: url('../imges_style2/ContactForm-link1.jpg') no-repeat 0 0;
		display: inline-block;
		text-decoration: none;
		font-weight: bold;
		color: #fffefe;
		display: inline-block;
		margin-bottom: 1px; margin-left:0px; margin-right:15px; margin-top:17px; padding-left:21px; padding-right:20px; padding-top:7px; padding-bottom:8px
	}
		#ContactForm .ContactForm-link:hover {color: #181818;}
	#ContactForm .ContactForm-link1 {
		background: url('../imges_style2/ContactForm-link.jpg') no-repeat 0 0;
		display: inline-block;
		text-decoration: none;
		font-weight: bold;
		color: #fffefe;
		display: inline-block;
		margin-bottom: 1px; margin-left:0px; margin-right:15px; margin-top:17px; padding-left:21px; padding-right:20px; padding-top:7px; padding-bottom:8px
	}
		#ContactForm .ContactForm-link1:hover {color: #181818;}
	#ContactForm input {
		width:305px; 
		background:none; 
		border:none;
		padding:5px 0px 7px 0px; 
		color:#000000;
		display: inline-block;
	}
	#ContactForm textarea {
		width:305px; 
		height:72px;
		background:none;
		border:none;
		padding:5px 0px 7px 0px; 
		overflow:auto; 
		color:#000000; 
		display: inline-block;
	}
	#ContactForm span {
		background: #f1efef;
		border: 1px solid #707070;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		behavior: url("js/PIE.htc");
		position: relative;
		padding: 3px 11px;
		display: block;
	}
/*==========================================*/
#faded {
	width:100%;
	height:420px; 
	position:relative; 
	margin: 2px 0 0 0;	
	font-size: 20px;
	line-height: 25px;
	color: #060606;
}
	#faded .fleft {width: 353px;}
	#faded strong {
		font-size: 30px;
		line-height: 1.2em;
		color: #494949;
		background: url('../imges_style2/faded-strong-bg.gif') repeat-x left bottom;
		display: block;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 0; padding-left:3px; padding-right:0; padding-top:33px; padding-bottom:13px
	}
	#faded p {
		padding: 0px 0 0 5px;
	}
	#faded .fleft a {
		background: url('../imges_style2/faded-a-bg.gif') repeat-x left bottom;
		text-align: center;
		text-decoration: none;
		color: #3d3d3d;
		margin-top: 25px;
		display: inline-block;
		width: 134px;
		height: 37px; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:0
	}
		#faded .fleft a:hover {
			background: url('../imges_style2/faded-a-bg-hover.gif') repeat-x left bottom;
		}
	#faded span {display: block; color: #676767;}
a { outline:0; border:0px none; }
	#faded img {
		flot: center;
		padding: 0 0 0 0;
	}
	#faded ul.sliders li {
		width:100%;
		overflow:hidden;
	}
				
	ul.pagination {
		list-style:none;
		padding:0;
		margin:0;
		z-index:10;
		position:absolute;
		bottom:17px;
		left: 391px;
		width: 113px;
	}
		ul.pagination li {
			position:relative;
			float:left;
			padding-right: 2px;
			font-size: 0;
			line-height: 0;
		}
			ul.pagination li a {
				display:block;		
				color:#fff;						
				text-decoration: none;
				width: 26px;
				height: 26px;
				background: url('../imges_style2/pagination-a-bg.png') no-repeat 0 0;
				color: #600909;
				font-size: 0;
				line-height: 0
			}
			ul.pagination li.current a {
				left:0px;
				color:#fff;
				display:block;
				background: url('../imges_style2/pagination-a-bg-hover.png') no-repeat 0 0;
				color: #600909
			}
			ul.pagination li.last a{
				display: none;
			}
			/*ul.pagination li:last-child a {
				display:block;
			}*/