@import url(flags.css);

#header *, body {
	margin: 0;
	padding: 0;
	list-style: none;
}

html, body {
	width: 100%;
	height: 100%;
}

body {	
	font: normal 12px/16px verdana, sans-serif;
	color: #666;
	background: #E9E2D4 url(../images/design/dotfon.gif);	
}

a {
	color: #1B52A5;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

#wrap {
	width: 995px;
}

#page {
	min-height: 100%;	
	height: auto !important;
	height: 100%;
	background: url(../images/design/bg.gif) repeat-y 50% 0;
	position: relative;
}

#wrapper {
	margin: 0 auto;
	width: 995px;
	padding: 0 0 101px;	
}

	#header {
		background: #FAFAF5 url(../images/design/html.gif);
		font-family: 'Verdana';
		position: relative;
		z-index: 9;
	}
	
		#header a {
			border: 0;
		}

		#langs {
			background: #f8f8ee;
			border-bottom: 1px solid #f1f1e9;
			padding: 8px 18px;
			height: 15px;
		}
		
			#langs span {
				float: left;
				display: block;
				line-height: 15px;				
				padding: 0 8px 0 0;
			}
			
			#langs li a {
				display: block;
				float: left;
				text-indent: -9999em;
				margin: 2px 0 0 6px;
			}
			
		#logo img {
			float: left;
			margin: 18px 30px 8px 15px;
			background: transparent;
			border: 0;
		}
		
header p {
    color: #666666;
    float: left;
    font: 13px/120% 'Trebuchet MS',serif;
    margin: 22px 0 0;
    text-align: center;
    width: 190px;
}
		
		#how-to {
			display: block;
			float: right;
			color: #666;
			font-size: 15px;
			line-height: 43px;
			padding: 0 25px;
			border: 1px solid #9a9a9a;
			margin: 12px 16px 6px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		#topnav {
			clear: both;
			width: 100%;
			height: 38px;
			background: url(../images/design/sprite.png) repeat-x 0 -541px;
			padding: 5px 0 6px;
		}
		
			#topnav li {
				float: left;
				position: relative;
				padding: 0 2px 0 0;
				background: url(../images/design/sprite.png) no-repeat 100% -628px;
			}
			
			#topnav a {
				display: block;
				font: normal 15px/38px tahoma;
				color: #fff;
				padding: 0 19px;
			}
			
			#topnav a:hover {
				background: url(../images/design/sprite.png) repeat-x 0 -666px;
				text-decoration: none;
				color: #fff;
			}
			
			#topnav .active a {
				background: url(../images/design/sprite.png) repeat-x 0 -590px;
			}
			
			.subnav {
				display: none;
				position: absolute;
				top: 39px;
				left: 0;
				width: 200px;
				border-top: 5px solid #00C7C9;
				background: #FAF8F9;
			}
			
			.two_columns {
				width: 400px;
			}
			
				.subnav .column {
					float: left;
					width: 170px;
					padding: 20px 15px 10px;
				}
				
				.subnav h3 {
					font: normal 12px/18px verdana;
					color: #000;
					text-transform: uppercase;	
					padding: 0 0 7px;
					margin: 0 0 10px;
					background: url(../images/design/subnav.gif) no-repeat 0 100%;				
				}
				
				.subnav li {
					float: none;
					padding: 0;
					background: transparent;
					border-top: 1px dotted #CEBCAC;
				}
				
					.subnav li a, .active .subnav li a {
						font: normal 12px/15px verdana;
						color: #8C6995;
						background: transparent;
						padding: 7px 3px; 
					}
					
					.subnav li a:hover {
						text-decoration: underline;
					}
					
#content-outer, #footer-outer, #footer-bottom, #content-wrap, #content, #footer-wrap {
	float: none;
	width: auto;
	display: block;
	background: #fff;
}

#footer-bottom {
	border: 0;
	margin: 0;
	padding: 30px 0 10px;
}

#content-part {
	background: #fff;
}

#featured {
	width: auto;
	display: block;
}

#left {
	width: 670px;
	padding-right: 20px;
}

#featured .text-block {
	width: 600px;
}
.hotel-list-item {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #E8E8E8;
	padding-top:9px;
	padding-bottom:7px;
	min-height: 95px;
}
.hotel-list li {
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #FFFFFF;
    padding: 12px 10px;
}
.hotel-list-item figure {
    border: 4px solid #FFFFFF;
    box-shadow: 0 4px 8px -5px #333333;
    display: block;
    float: left;
    margin: 0 8px 5px 4px;
    overflow: hidden;
}
.hotel-list-item figure {
    border: 1px solid #E2E3EA;
    padding: 2px;
}
.hotel-list-item figure a {
    background: url("sprite.png") no-repeat scroll 0 -704px transparent;
    display: block;
    height: 88px;
    overflow: hidden;
    width: 88px;
}
.hotel-list-item figure img {
    padding: 0px;
}
.hotel-list-item .info {
    float: left;
    padding: 0 11px;
    width: 417px;
}
.hotel-list-item h2 {
    font: bold 15px/21px verdana;
}

.hotel-list-item h2 a {
    color: #1A4B97;
}
.hotel-list-item h2 a:hover {
    color: #2163C7;
}
span.rating {
    display: inline-block;
    width: 75px;
	color: #FFFFFF;s
}
span.rating span {
    background: url("../images/design/sprite.png") no-repeat scroll 0 -268px transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 4px 0 0 4px;
    width: 10px;
}
.hotel-list-item .info ul {
    padding: 1px 0 0;
	list-style: none outside none;
}
.hotel-list-item .info li {
    float: left;
    padding: 0 0px;
	font: 14px/16px verdana;
}
.hotel-list-item .info .first {
    border: 0 none;
    padding-left: 0;
}
.hotel-list-item .info li a {
    color: #1B52A5;
    display: block;
    font: 12px/16px verdana;
}
.hotel-list-item .info .photos {
    background: url("sprite.png") no-repeat scroll -16px -337px transparent;
    padding-left: 18px;
}
.hotel-list-item .actions {
    color: #999999;
    float: right;
    font-size: 11px;
    text-align: right;
}
.overall-rating {
    color: #999999;
    display: block;
    font: bold 11px/16px verdana;
    padding: 0 0 15px;
}
.overall-rating strong {
    color: #26A3D2;
    display: block;
    font-size: 17px;
    font-weight: normal;
}
.hotel-list-item .actions a {
    background: none repeat scroll 0 0 #2CA6D4;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    padding: 6px 8px;
    text-shadow: -1px -1px 0 #2685A8;
	font: 14px/16px verdana;
}