@import url("common.css");


#container {
	position: relative;
	width: 100%;
	background: url(/media/i/bg.jpg) no-repeat top center;
}

#main {
	position: relative;
	left: 50%;
	margin-left: -490px;
	width: 980px;
	height: 1800px;	
}

#logo {
	position: absolute;
	top: 50px;
	left: 140px;
}

#about {
	position: absolute;
	top: 200px;
	left: 240px;
	padding-right: 150px;
	font-size: 86%;
	line-height: 1.15em;
}

#liner {
	position: absolute;
	top: 321px;
	left: 630px;
	width: 343px;
	height: 324px;
	background: url(/media/i/liner.png) no-repeat;
}

#mask {
	position: absolute;
	display: block;
	top: 42px;
	left: 720px;
	width: 74px;
	height: 74px;
	background: url(/media/i/mask.png) no-repeat 0 0;	
}
#mask:hover { background-position: 0 -74px; }

#binocular {
	position: absolute;
	display: block;
	top: 40px;
	left: 830px;
	width: 87px;
	height: 76px;
	background: url(/media/i/binocular.png) no-repeat 0 0;	
}
#binocular:hover { background-position: 0 -76px; }

#phone {
	position: absolute;
	top: 300px;
	left: 240px;
}
#phone span {
	position: relative;
	display: block;
	left: -50px;
}
#phone strong {
	display: block;
	font-family: Tahoma;
	font-size: 300%;
	margin: -25px 0 0 0;
}
#phone address {
	font-style: normal;
	font-size: 90%;
}

#order {
	position: absolute;
	top: 400px;
	left: 230px;
	width: 420px;
	height: 119px;
}
#order a {
	display: block;
	position: absolute;
	width: 180px;
	height: 119px;
	background: url(/media/i/order.png) no-repeat 0 -119px;	
}
#order a:hover { background-position: 0 0; }
#order div {
	position: absolute;
	left: 145px;
	top: -8px;
	font-size: 85%;
	font-style: italic;
}
#order div p {
	margin: 4px 0;
	font-size: 90%;
	line-height: 1em;
}

#order-window { font-size: 80%; }
#order-window p {	margin: 5px 0 15px 0; padding: 0; }
#order-window p span { color: gray; }


#travel-info {
	position: absolute;
	top: 660px;
	left: 45px;
	width: 350px;
	height: 400px;
	overflow: hidden;
	z-index: 2;
}
#travel-info h2 {	font: 190% Tahoma; margin-bottom: 25px; }
#travel-info h2 strong { display: block; margin: -14px 0 0 44px; }
#travel-info p { font-size: 86%; color: #bfefff; line-height: 1.15em; }

#travel-medusa {
	position: absolute;
	top: 717px;
	left: 360px;
	width: 618px;
	height: 366px;
	background: url(/media/i/medusa.png) no-repeat 0 0;
	behavior: none;
	z-index: 1;
}

.country {
	position: absolute;
	color: white;
	font-family: Tahoma;
}
.country:link, .country:visited {
	text-decoration: none;
	color: white;
	border-bottom: 1px dashed white;
}
.country:hover { text-decoration: none; border-bottom: none; }
#country-turkey { font-size: 190%; top: 175px; left: 187px; }
#country-egypt { font-size: 150%; top: 92px; left: 262px; }
#country-greece { font-size: 110%; top: 298px; left: 103px; }
#country-dominikana { font-size: 130%; top: 265px; left: 275px; }
#country-europa { font-size: 120%; top: 335px; left: 420px; }
#country-maldiv { font-size: 110%; top: 68px; left: 450px; }
#country-tai { font-size: 95%; top: 157px; left: 408px; }
#country-spain { font-size: 115%; top: 226px; left: 512px; }
#country-russia { font-size: 90%; top: 130px; left: 512px; }
#country-cuba { font-size: 135%; top: 270px; left: 555px; }
.country-info { display: none; }

#country-box {
	position: absolute;
	width: 336px;
	top: 800px;
	left: 400px;
	cursor: move;
	z-index: 3;
}
#country-box .box-close {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;	
	top: 38px;
	right: 40px;
	background: url(/media/i/box-close.png) no-repeat center center;
	z-index: 3;
}
#country-box .box-body {
	position: absolute;
	top: 40px;
	left: 27px;
	width: 240px;
	overflow: hidden;
	padding: 0 20px;
	z-index: 2;	
}
#country-box .box-body h2 { font: 150% Tahoma; margin-bottom: 7px; color: black; }
#country-box .box-body h2 img { margin-right: 5px; }
#country-box .box-body p { color: #595959; font-size: 75%;  line-height: 1.1em; }

#tours {
	position: absolute;
	top: 1095px;
	left: 45px;
	width: 900px;
	height: 340px;
}
#tours h2 {	font: 190% Tahoma; margin-bottom: 25px; }
#tours h2 strong { display: block; margin: -13px 0 0 60px; }
#tours h2 span { display: block; margin: -8px 0 0 135px; font-size: 60%; }

.tour {
	width: 160px;
	height: 222px;
	padding: 7px 6px;
	text-align: center;
	background-repeat: no-repeat;
	float: left;
	margin-right: 7px;
}
.tour h3 {
	margin: 12px 0 -2px 0;
	font-size: 120%;
	font-weight: bold;	
}
.tour h4 { font-size: 90%; margin-bottom: 5px; }
.tour .flight { font-size: 75%; margin-bottom: 10px; }
.tour .cost { color: #fcffb8; font-size: 120%; }
.tour .cost strong {	font: bold 105% Tahoma; }

#footer {
	position: absolute;
	bottom: 55px;
	left: 45px;
	width: 800px;
	height: 110px;
}

#copyrights { position: absolute; font-size: 85%; }

#address { position: absolute; top: 40px;	font-size: 125%; }
#address span {
	display: block;
	font-size: 60%;
	margin: -2px 0 0 153px;
	color: #bfefff;
}

#shema {
	position: absolute;
	top: 80px;
	left: -17px;
	font-size: 75%;
}
#shema span { font-size: 130%; }

#phones {
	position: absolute;
	top: 23px;
	left: 390px;
	font-size: 80%;
}
#phones span {
	display: block;
	margin-top: 4px;
	font-size: 95%;
}
#phones div { font-size: 165%; margin: -17px 0 0 40px; }

#email {
	position: absolute;
	top: 23px;
	left: 560px;
	font-size: 80%;
}
#email div { font-size: 155%; }

#boutle {
	position: absolute;
	bottom: 152px;
	left: 715px;
	width: 209px;
	height: 141px;
}

.gspacer {
	margin: 10px 0 0 0;
	background: url(/media/i/gspacer.gif) repeat-x 50% 50%;
	text-align: center;
}
.gspacer span {
	background-color: white;
	padding: 0 5px;
	font: 75% Tahoma;
	color: gray;
}