/*  
 * CSS for Hotel Varend v.1.0
 * Author: Montathar Faraon
 *
 * All style attributes in top-to-bottom order
 *
 */

/* 
 * ========================================
 * Global elements
 * ========================================
 */

* {
	outline: none; }

html {
	min-height:101%; }

body {
	color:#FFFFFF;
	background:#1c2124 url('../images/body_bg.jpg') top center no-repeat;
	font-size: 75%;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 25px; }

a {
	color: #94c5e0;
	text-decoration: none;
	outline:none; }

a:hover, a:focus {
	color: #ffffff;
	text-decoration: none;
	outline:none; }

a img {
	border: none; }

strong { 
	font-weight:bold; }

em { 
	font-style: italic; }

label {
	width:108px;
	font-size:14px; }

	.LabelExtended {
		width:138px;
		font-size:14px; }

/* 
 * ========================================
 * Top elements
 * ========================================
 */

.Home {
	width: 1003px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:10px; }
	
.Languages {
	clear:both;
	float:right;
	margin-right:32px; }
	
	.Languages span {
		color:#FFFFFF; }

.Welcome { float:left; }
.Welcome h1 { color:#fff }
.Welcome h1 a { color:#fff }
.Welcome h1 span { color:#D1DADF }

.Welcome h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:normal;
		margin-left:15px;
		padding:0px 0px 20px 15px;
		font-size:38px;
		letter-spacing:0 }
		
		.Welcome h1 a {
			text-decoration:none }
			
		.Welcome h1 span {
			width:340px;
			text-align:center;
			letter-spacing:0;
			display:block;
			margin-top:5px;
			font-style:normal;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:14px }

/* 
 * ========================================
 * Navigation element
 * ========================================
 */

.Navigation {
	float:left;
	margin-top:24px;
	margin-left:0px;
	height:20px;
	font-size:18px }
	
	.Navigation ul {
		width:600px;
		height:20px;
		list-style:none;
		display:block }
	
	.Navigation ul li {
		margin:0 0 0 20px;
		position:relative;
		display:inline;
		padding:0 0 5px 0;
		float:right }
		
	.Navigation ul li a {
		height:20px;
		padding:0 0 20px 0 }

/* 
 * ========================================
 * Featured items
 * ========================================
 */

#featured-item { background:#fff; }
.featured-itemImage { border:8px solid #fff }
.featured-itemImage span { background-color: #353d41; color: #fff }			
.featured-itemImage span strong { color:#fff !important }
.featured-itemImage span b { color:#dce7ed }
.featured-itemImage span em.price { color:#FFF }

#featured-item {
   width: 516px; /* important to be same as image width */
   height: 391px; /* important to be same as image height */
   position: relative; /* important */
   float:left;
   clear:left;
   margin:6px 0 20px 34px;
   overflow: hidden; /* important */
}

#featured-itemContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0; padding:0;
   list-style:none;
   margin-left: 0; /* important */
}

.featured-itemImage {
	width:500px; 
	height:375px;
   	float: left; /* important */
   	position: relative; /* important */
   	display: none; /* important */
}

.featured-itemImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 500px;
   display: none; /* important */
   bottom: 0; }
					
.featured-itemImage span strong {
	font-weight:normal;
	font-size:20px; letter-spacing:-1px;
	display:block;
	margin:15px 0 5px 15px !important; padding:0 }

.featured-itemImage span b {
	font-weight:normal;
	display:block;
	margin:3px 0 12px 15px !important; padding:0;
	line-height:18px; font-size:14px;
	 }
	
.featured-itemImage span em.price {
	font-style:normal;
	display:block;
	height:30px;
	padding:5px 0;
	font-size:16px; letter-spacing:normal;
	position:absolute; right:15px; top:11px }

.featured-itemImage span em.price-weekends {
	font-style:normal;
	display:block;
	height:30px;
	padding:5px 0;
	margin-top:20px;
	font-size:16px; letter-spacing:normal;
	position:absolute; right:15px; top:12px }

.featured-itemImage span em.more-info {
	font-style:normal;
	font-size:14px;
	font-weight:normal;
	display:block;
	position:absolute; right:15px; top:56px }

.sm-featured-item { 
	border:5px solid #FFF;
	width:245px; 
	height:280px; }

.clear { clear: both } 

/* 
 * ========================================
 * Homepage right
 * ========================================
 */

.Welcome-Right {
	line-height:25px;
	float:left;
	margin:0px 0 0 30px;
	padding:3px 0;
	height:264px; }
	
	.Welcome-Right h3 {
		font-size:22px;
		color:#FFFFFF;
		font-weight:bold;
		margin:0; padding:0;
		letter-spacing:-0.01em }
		
	.Welcome-Right p {
		font-size:18px;
		color:#FFFFFF;
		padding:0; 
		margin:0 0 20px 0 }
		
		.Welcome-Right p.hours {
			font-size:14px; 
			line-height:19px }
		
		.Welcome-Right p.phone {
			padding:0 0 0 30px;
			margin:0 0 5px 0;
			background:url('../images/icons/icon_phone.gif') no-repeat 0 2px  }
			
		.Welcome-Right p.email {
			padding:0 0 0 30px;
			background:url('../images/icons/icon_email.gif') no-repeat 0 2px  }
		
/* 
 * ========================================
 * Main content
 * ========================================
 */
.PreFramework { border-bottom:1px solid #0e1012 }

.Framework {
	border-top:1px solid #59646b;
	border-bottom:1px solid #59646b;
	background:#2e3539 url('../images/main_content_bg.jpg') top center no-repeat }

.Framework {
	position:relative;
	width:100%;
	padding:20px 0px 30px 0px;
	overflow:auto; }
	
.Framework h2 {
	color:#fff;
	font-size:22px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0 }
	
	.Framework h2.menu-title { width:660px; position:relative }
	.Framework h2.menu-title span {
		position:absolute;
		right:0;
		top:5px;
		font-size:12px }
		
	.Framework h2.menu-title .print {
		text-indent:-9999px;
		display:block;
		width:134px;
		height:23px;
		background:url('../images/button_print.gif') no-repeat }
	
.Framework h3 {
	color:#DCE7E5;
	font-size:16px;
	line-height:24px;
	display:block;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 }
	
.Framework p {
	margin:0 0 15px 0;
	padding:0;
	color:#F7F7F7;
	font-size:14px;
	line-height:22px; }

.Content {
	position:relative;
	width:1003px;
	margin:0 auto;
	overflow:hidden;
	padding:0 }

.PostFramework { border-top:1px solid #0e1012 }

/* 
 * ========================================
 * Content elements
 * ========================================
 */

#ContentLeft {
		float:left; 
		text-align:justify; 
		line-height:1.6em; 
		margin-top:10px; 
		color:#707176; 
		width:585px;	
		margin-left:32px; }

#ContentLeftExtended {
		float:left; 
		text-align:justify; 
		clear:both;
		line-height:1.6em; 
		margin-top:10px; 
		color:#707176; 
		width:850px;	
		margin-left:32px; }

#ContentLeftMax {
		float:left; 
		text-align:justify; 
		clear:both;
		line-height:1.6em; 
		margin-top:10px; 
		color:#707176; 
		width:940px;	
		margin-left:32px; }

#ContentRight {
		float:left; 
		font-size:14px;
		margin-left:35px; 
		margin-top:10px; 
		width:245px; }
		
.ContentHeadlines {
		margin-top:10px; 
		margin-bottom:10px; }

.ContentHeadlinesAdministration {
		margin-top:10px; 
		margin-bottom:5px;
		float:left; }

/* 
 * ========================================
 * News elements
 * ========================================
 */

.NewsTitle {
	line-height:1.5em;
	font-weight:bold;
	color:#F7F7F7; }

.NewsContent {
	margin-bottom:15px; 
	line-height:1.5em;
	clear:both;
	color:#F7F7F7; }

.NewsPublicationDate {
	float:left;
	margin-top:3px;
	margin-bottom:4px;
	width:307px;
	color: #94c5e0;
	clear:both; }

.NewsViewArchieve {
	text-align:right;
	clear:both; }

.AbstractBox
{
	float:left;
	margin-bottom:15px;
}

	.AbstractBoxProperties
	{
		border:1px solid #7D898F;
		margin-left:0px;
		color:#FFFFFF;
		background-color:#1C2124;
		float:left;
		clear:both;
		text-align:left;
		padding-top:10px;
		padding-left:10px;
		width:927px; 
		height:auto;
	}
	
	.AbstractName
	{
		padding-left:5px;
		padding-right:5px;
		font-size:14px;
		color:#94c5e0;
		margin-bottom:10px;
	}
	
	.AbstractPhoto
	{
		padding-left:5px;
		margin-right:15px;
		padding-top:5px;
		padding-bottom:10px;
		float:left;
		width: 185px;
		text-align:justify;
	}
	
	.AbstractText
	{
		padding-left:5px;
		margin-right:25px;
		font-size:12px;
		font-weight:normal;
		width:425px;
		float:left;
	}
	
	.AbstractPrice
	{
		padding-left:5px;
		margin-right:5px;
		font-size:12px;
		font-weight:normal;
		width:245px;
		float:right;
		text-align:right;
	}
	
	.AbstractContent
	{
		padding-left:5px;
		margin-right:15px;
		font-size:14px;
		text-align:justify;
	}
	
	.AbstractContentBorder
	{
		clear:both;
		border-bottom:1px solid #CCCCCC;
		width:auto;
		margin-left:5px;
		margin-right:20px;
		margin-top:10px;
		
	}
	
	.AbstractBorder
	{
		clear:both;
		border-bottom:1px solid #CCCCCC;
		width:auto;
		margin-left:5px;
		margin-right:20px;
		height:3px;
		margin-top:10px;
	}
	
		.AbstractBoxBottomLine
		{
			float:left;
			clear:left;
			width:939px;
			height:4px;
			background-color:#CCCCCC;
			margin-left:0px;
			margin-top:3px;
		}

.AbstractBoxDate
{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:10px;
}

.AbstractBoxGallery
{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
}

/* 
 * ========================================
 * Contact
 * ========================================
 */
 
 .ContactDetails { 
	color:#B5CEDF;
	font-size:14px;	
	width:942px; 
	margin:0 auto;
	padding:0;
	top:30px;  }
	
	.Separator {
		border-bottom:1px solid #59646B; 
	}
	
	.ContactDetails strong {
		color:#FFFFFF;
	}
	
	.ContactDetails .Sidebar { 
		text-align:right; }
	
	.LeftSide {
		float:left;	}

 .ContactForm {
	background:#1C2124;
	color:#FFFFFF;
	border:1px solid #7D898F; 
	padding:10px; 
	font-size:14px;
	margin-top:20px; }
	


/* 
 * ========================================
 * Footer elements
 * ========================================
 */

.Footer {
	color:#FFFFFF;
	clear:both;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
 }

/* 
 * ========================================
 * Misc elements
 * ========================================
 */

.ExtendedField	{
		width:342px; }
		
.ExtendedTitle {
	margin-top:11px;
	float:right; }

/* 
 * ========================================
 * Notifications
 * ========================================
 */
 
.VarendNotification	{
	font-weight: bold;
	padding:12px 0px 7px 15px;
	width: 423px;
	clear:both;
	margin-bottom:15px;
	background:#CCCCCC;
	color:#333333;	}
	
	.VarendNotification li 	{
		font-weight:normal;
		margin: 6px 0px 4px 14px;
		padding:0px 0px 0px 0px;
		list-style:square;	}

	/* 
	 * ========================================
	 * Error, confirm, attention, and information notifications
	 * ========================================
	 */
	
	.VarendError 	{
		border: 1px solid #dbd6a1;
		background: url(../admin/images/notifications/highlight_yellow.gif) repeat-x #f8f2b7;	}

/* 
 * ========================================
 * Gallery for rooms
 * ========================================
 */

.AbstractGallery ul { 
	list-style: none; 
	margin-left:5px; 
	margin-bottom:8px; }
	
	.AbstractGallery ul li { 
		display: inline; 
		margin-right:11px; }
		
	.AbstractGallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px;
		margin-top:5px;
	}
	
		.AbstractGallery ul a:hover img {
			border: 5px solid #fff;
			border-width: 5px;
			color: #fff;
		}
		
	.AbstractGallery ul a:hover { 
		color: #fff; }
		
/* 
 * ========================================
 * Reservation
 * ========================================
 */
 
.ReservationStart {
	clear:both;
	padding-top:10px; }
	
.ReservationFloat {
	float:left;
	padding-left:4px; }

.ReservationTitle {
	float:left;
	vertical-align:middle;
	padding:12px;
	font-weight:bold;
	font-size:14px; }

.ReservationContent {
	padding-left:8px;
	padding-top:10px;
	padding-bottom:10px; }
	
	.ReservationContent label {
		font-size:14px;
	}

.ReservationSubmit {
	padding-top:5px;
	padding-bottom:5px; }