/* 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 { 
	background:url(../images/body-bg.jpg) top center no-repeat fixed #000; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0.8125em; 
	line-height:1.384em;
	color:white;
	letter-spacing: 1px;
	min-width:1000px;
	/*direction: rtl;*/
}
html { min-width:1000px;}
html, body { height:100%;}


p {
	padding-top:18px;
	font-size: 16px;
	font-weight: bold;
}
.pad {
	padding-top:30px;
}
.pad1 {
	padding-top:14px;
}
.pad2 {
	padding-top:24px;
}

a {
	color:#d6a300; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	padding:12px 0 0 52px;
	position:relative;
}
	h1 a {
		display:block;
		text-indent:-5000px;
		height:94px;
		width:259px;
		background:url(../images/en_logo_rn.png) left top no-repeat;
	}

h3 {
	color:#fff;
	font-size:1.384em;
	line-height:1.2307em;
	padding:0 0 22px 0;
}
	.h3-pad {
		padding-bottom:28px;
	}
	.h3-pad1 {
		padding-top:50px;
	}
	.h3-pad2 {
		padding-top:40px;
	}
/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 980px; }

	/* Header */
	header{
		height:168px;
	}
			
	/* Footer */
	footer{
		height:52px;
		background:url(../images/footer-bg.png) repeat;
		border:1px solid #000;
		border-bottom:none;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	direction: ltr;
}
.wrapper .details{
	text-align: center;
	color: #7B305A;
}
.flags{
	width: 90px;
	height:32px;
	margin: 10px 20px; 
	float: right;
	
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}

/*===== header =====*/
header section {
	background:url(../images/header-bg.png) left top no-repeat;
}
	nav {
		/*float:right;*/
		width:741px;
		direction: ltr;
		text-align: left; 
	}
		nav ul {
			width:100%;
			overflow:hidden;
		}
			nav li {
				float:left;
				text-align: center; 
				direction: ltr;
				font-size:0.98em;
				line-height:1.27em;
				text-transform:uppercase;
				font-weight:bold;
				background:url(../images/menu-li-bg.gif) right 2px no-repeat;
				padding-right:2px;
			}
				nav li a {
					color:#fff;
					text-decoration:none;
					display:inline-block;
					padding:19px 20px 19px 21px;
					background:url(../images/png-bg.png) repeat;
				}
					nav li a:hover, nav .active a {
						background:url(../images/menu-li-a-hover.png) repeat;
					}
			

/*===== content =====*/
.gallery {
	background:url(../images/gallery-bg.png) repeat;
	border:1px solid #000;
	padding:23px 0 21px 30px;
	margin-top:3px;
}
	.gallery img {
		margin-left:1px;
	}

.content {
	background:#000;
	margin-top:4px;
	width:100%;
}
	.content .indent {
		padding:28px 20px 39px 31px;
	}
#content {
	padding-bottom:3px;
}
.null {
	margin:0;
}
/*----------col-pad	---------*/
.content .col-pad {
	padding-right:36px;
}
.content .col-pad1 {
	padding-right:50px;
}

.row .col-pad {
	padding-right:38px;
}
.row .col-pad1 {
	padding-right:44px;
}
.row .col-pad2 {
	padding-right:34px;
}
/*---------*/
.list{
}
	.list li {
		background:url(../images/list-marker.gif) left 9px no-repeat;
		line-height:1.846em;
		padding-left:18px
	}
	
.price-list {
}
	.price-list li {
		width: 100%; 
		overflow: hidden;
		vertical-align: top; 
		line-height: 1.846em;
		color:#fff;
	}
		.price-list li strong {
			background: url(../images/line-hor.gif) repeat-x 0% 16px;
			display: block;	
			overflow: hidden;
		}
		.price-list li span {
			float: right;
			color: #d6a300;
		}
		.price-list li a {
			float: left;
			text-decoration: none;
			color: #fff;
		}
			.price-list li a:hover {
				color:#999;
			}

.title {
	color:#fff;
}
.text {
	color:#d6a300;
}

.phone {
	display:inline-block;
	width:95px;
}
/*-----links----------*/
.link {
	background:url(../images/link-left-bg.gif) left top no-repeat;
	display:inline-block;
	line-height:1.55em;
	text-decoration:none;
	margin:20px 0 0 0px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	font-size:0.92em;
}
	.link span {
		background:url(../images/link-right-bg.gif) right top no-repeat; 
		display:inline-block;
		padding:0 4px 0 4px;
	}
		.link span span  {
			background:url(../images/link-tail-bg.gif) top repeat-x;
			padding:6px 10px 6px 10px;
		}

			.link:hover {
				background:url(../images/link-left-bg-hover.gif) left top no-repeat; 
			}
				.link:hover span {
					background:url(../images/link-right-bg-hover.gif) right top no-repeat;
				}
					.link:hover span span  {
						background:url(../images/link-tail-bg-hover.gif) top repeat-x;
					}
	.link-margin {
		margin-top:10px;
	}
	.link-margin1 {
		margin-top:35px;
	}
	.link-margin2 {
		margin-top:30px;
	}
/*----------row--------*/
.row {
	background:#17041e;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
}
	.row .indent {
		padding:34px 20px 41px 31px;
	}
		.row .padding {
			padding:28px 20px 37px 31px;
		}
		.row .padding1 {
			padding-bottom:44px;
		}
#page2 .row h3 {
	padding-top:24px;
}
/*===== footer =====*/
.policy {
	float:left;
	color:#fff;
	padding:18px 0 0 31px;
}
	.policy a {
		color:#fff;
		text-decoration:none;
	}

.sub-menu {
	float:right;
	padding:20px 20px 0 0;
}
	.sub-menu li {
		float:right;
		text-align: center; 
		direction: rtl;
		background:url(../images/sub-menu-bg.gif) left 5px no-repeat;
		padding:0 12px 0 12px;
	}
		.sub-menu li a {
			color:#fff;
			text-decoration:none;
		}
	.sub-menu .first {
		background:none;
	}
footer a:hover {
	text-decoration:underline;
}
/*----- forms -----*/
#search-form {
	float:right;
	padding:9px 14px 0 0;
	width:216px;
}
#search-form fieldset {
	border:none;
}
#search-form input {
	vertical-align:top;
	padding:0;
	margin:0;
}
	#search-form label {
		display:inline-block;
		height:34px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
		vertical-align:top;
	}
		#search-form .input {
			width:178px;
			margin:0 5px;
			padding:6px 0px 6px 0px;
			border:none;
			line-height:1.2307em;
			background:none;
			color:#8c8c8c;
		}

#reservation-form fieldset {
	border:none;
	color:#fff;
	width:275px;
	line-height:2em;
}
	#reservation-form label {
		display:block;
		height:35px;
		overflow:hidden;
	}
		#reservation-form input {
			width:270px;
			padding:5px 0px 5px 5px;
			border:none;
			line-height:1.2307em;
			background:#242424;
			color:#fff;
		}
		#reservation-form textarea {
			width:270px;
			padding:3px 0px 3px 5px;
			border:none;
			background:#242424;
			color:#fff;
			height:123px;
			overflow:auto;
		}
		#reservation-form select {
			width:155px;
			float:right;
		}	
			#reservation-form .select {
				width:95px;
				margin-left:5px;
			}
				* html #reservation-form .select {
					margin-left:3px;
				}
			#reservation-form .select1 {
				width:55px;
			}
		
		#reservation-form .link {
			margin:25px 0 0 5px;
		}


#contacts-form fieldset {
	border:none;
	width:275px;
}
	#contacts-form label {
		display:block;
		height:35px;
	}
		#contacts-form input {
			width:270px;
			padding:5px 0px 5px 5px;
			border:none;
			line-height:1.2307em;
			background:#242424;
			color:#fff;
		}
		#contacts-form textarea {
			width:270px;
			padding:3px 0px 3px 5px;
			border:none;
			background:#242424;
			color:#fff;
			height:152px;
			overflow:auto;
		}
		#contacts-form .link {
			margin:25px 0 0 5px;
		}
.captcha{
		width: 65px;
		padding:3px 0px 3px 5px;
		border:none;
		background:#242424;
		color:#fff;
		height:25px;
		color: white;
		border: 1px solid red; 
}
/*==========================================*/

.contact_form{
	width: 286px;
	color: white;
}
.form_input{
	background: white;
	width: 286px;
}
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
div { position:relative }
/* Portfolio Slides */
.grid {
	background:#17041e;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px 10px 11px 12px;
	
}
#featured {
	margin:0;
	width:957px;
	height:603px;
	padding:0;
	clear:both;
	overflow:hidden;
	position:relative;
}
	.featured-entry {
		width:5000px; 
		height:603px;
		position:relative;
		overflow:hidden;
	}
		.featured-entry img {
			width:957px;
			height:503px;
		}
		
			a.arrow-right, a.arrow-left {
				cursor:pointer;
				position:absolute;
				bottom:73px;
				padding:0;
				width:73px;
				height:356px }
	
			a.arrow-right {
				right:-73px;
				background:url(../images/arrow-right.gif) center center no-repeat #000;
			}	
			a.arrow-left {
				left:-73px;
				background:url(../images/arrow-left.gif) center center no-repeat #000;
			}
				* html a.arrow-right {
					right:-74px;
				}
			
.slider-block { 
	height:503px; 
	float:left;
	margin:0;
	padding:0
}
/*-----top-bottom-sliders---------*/
.top-slide, .top-slide a:hover, .bottom-slide a:hover, .top-slide h2 a {
	color:#fff
}
		.top-slide, .bottom-slide {
			width:957px; 
			position:absolute; 
			padding:0;
			background:#000000;
			height:74px;
		}
		.bottom-slide a {
			font-weight:bold;
			color:#daab00;
			text-transform:uppercase;
			font-size:0.92em;
			text-decoration:none;
		}
		.top-slide {
			top:-74px;
			left:0 
		}
		.bottom-slide {
			bottom:-74px;
			left:0

		}
		* html .featured-entry .bottom-slide {
			bottom:-76px;
			left:0;
		}
	
	.top-slide h2 { 
		font-size:1.846em;
		line-height:1.2307em;
		color:#fff;
		padding:13px 0 0 20px
	}
		.top-slide h2 em {
			display:block;
			font-size:0.541em;
			color:#daab00;
			font-weight:normal;
			font-style:normal;
			margin-top:-12px
		}
		.top-slide h2 a, .top-slide h2 a:hover { 
			text-decoration:none
		}
		.bottom-slide div {
			padding:20px 150px 0 20px;
			line-height:1.15em;
			float: right;
			direction: rtl;
		}
/*-------------------*/		

.number {
	line-height:1.2307em;
	text-align:right;
	font-size:0.92em;;
	font-weight:bold;
	position:absolute;
	bottom:30px;
	right:30px 
}
	
.design_by{
	float: left;
	width: 300px;
	height:50px;
	line-height: 20px;
	color: #FF9900;
	/*margin-top: 10px;*/
	text-align: center center;
	direction: rtl; 
}

.design_by h2{
	margin-top: 25px;
	margin-left: 25px;
}