﻿@import "reset.css";
html, body {
	font: 14px Arial;
	color: #777;
	background: url(../images2/bg6.jpg);
	}

a {text-decoration: underline; color: #777;}
a:hover {text-decoration: none;}

p {margin: 10px 0 10px 0;}

ul, ol {
	list-style-position: inside;
	margin: 10px 0;
	font-style: italic;
	}
	ul li, ol li {margin: 3px 0;}

/*>>----------Heading----------<<*/
h1, h3.title {
	font: italic 24px Georgia;
	color: #494848;
	margin: 15px 0 15px 0;
	}

h2 {
	font-family: Georgia, serif;
    font-size: 20px;
    color: #32343D;
	margin: 10px 0;
	}
	
h3 {
	font: italic 18px Georgia;
	color: #494848;
	margin: 10px 0;
	}
	
h4 {
	font: bold 13px Arial;
	color: #777;
	margin: 5px 0;
	}

/*>>----------Main blocks----------<<*/
#wrapper {
	width: 940px;
	margin: 0 auto;
	}
	div.main-inner {
		background: #fff;
		padding: 25px 0px 20px 23px;
		margin: 0 5px;
		height: 100%;
		}
	/*-----Header-----*/
	#header {overflow: hidden;}
		
	/*-----Container-----*/
		#container {overflow: hidden;}

			/*---Content---*/
			#content {
				width: 545px;
				float: left;
				padding: 0 25px;
				margin-top: 10px;
				}

			/*---Content right column---*/
			#rightcol {
				overflow: hidden;
				margin-top: 10px;
				}
				

	/*-----Footer-----*/
	#footer {
		font-size: 12px;
		width: 940px;
		margin: 0 auto;
		}
		#footer .shadow-borders {padding: 0 5px;}
		div.footer-inner {
			height: 102px;
			background: url(../images2/footer-bg.gif) repeat-x;
			overflow: hidden;
			padding: 14px 0 0 0;
			}
			#footer p {margin: 3px 0;}


/*>>----------Other blocks----------<<*/
/*-----block with shadows-----*/
.top-shadow {
	background: url(../images2/border-top.png) repeat-x;
	height: 5px;
	width: 940px;
	margin: 0 auto;
	}
.bottom-shadow {
	background: url(../images2/border-bottom.png) 0 bottom repeat-x;
	width: 940px;
	height: 5px;
	margin: 0 auto;
	}
.shadow-borders {background: url(../images2/bg-line.png) repeat-y;}


/*-----header blocks-----*/
div.hotel1, div.hotel2, div.hotel3 {
	float: left;
	width: 294px;
	height: 352px;
	background: green;
	cursor: pointer;
	font: italic 14px Georgia;
	color: #373737;
	}

div.hotel1 {margin-right: 1px; background: url(../images2/hotel1.jpg) no-repeat;}
div.hotel1:hover, div.hotel1.hover1 {background: url(../images2/hotel1-active.jpg) no-repeat;}
div.hotel1:hover div.hotel-inner, div.hotel1.hover1 div.hotel-inner {display: block;}

div.hotel2 {margin-right: 1px; background: url(../images2/hotel2.jpg) no-repeat;}
div.hotel2:hover, div.hotel2.hover2 {background: url(../images2/hotel2-active.jpg) no-repeat;}
div.hotel2:hover div.hotel-inner, div.hotel2.hover2 div.hotel-inner {display: block;}

div.hotel3 {background: url(../images2/hotel3.jpg) no-repeat;}
div.hotel3:hover, div.hotel3.hover3 {background: url(../images2/hotel3-active.jpg) no-repeat;}
div.hotel3:hover div.hotel-inner, div.hotel3.hover3 div.hotel-inner {display: block;}

div.hotel-inner {
	display: none;
	width: 242px;
	padding: 85px 25px 0 25px;
	}
	div.hotel-inner ul {font-size: 16px; list-style-type: none;}
		div.hotel-inner ul li {
			background: url(../images2/arrow.png) 0 6px no-repeat;
			padding-left: 14px;
			margin: 5px 0;
			}
			div.hotel-inner ul li a {color: #071f5c;}

/*-----Right collumn blocks-----*/
div.affiliates {}
	div.affiliates img {margin: 0 40px 20px 10px}

/*-----footer blocks-----*/
div.copyright {
	height: 74px;
	border-right: 1px solid #d2d3d4;
	float: left;
	padding: 0px 30px 0 30px;
	}
	
div.copyright2 {
	height: 74px;
	border-right: 0px solid #d2d3d4;
	float: left;
	padding: 0px 30px 0 30px;
	}	







p.phone {font-size: 18px;}	
	p.phone span {font-size: 12px;}	
