html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #e7e7e7 url(../images/background.png) repeat-x top left;
	margin:0; padding:0; width:100%; height:100%;
}
#background {
	position:absolute; z-index:1; width:100%;
}
#scroller {
	position:absolute; width:100%; height:100%; top:0; left:0; z-index:2;
}
/*================================================
======================LAPTOP======================
===================================================*/
#laptop {
	background: url(../images/layout.png) no-repeat top left;
	width: 864px;
	height: 760px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;
}
.screen {
	position: relative;
	width: 690px;
	height: 385px;
	top: 27px;
	left: 77px;
}
.flash {
	position: relative;
	width: 698px;
	height: 395px;
	top: 22px;
	left: 74px;
}
#air_strip {background: url(../images/air_strip.jpg) no-repeat top left;}
#tourism_bg {background: url(../images/tourism.jpg) no-repeat top left;}
#charter_bg {background: url(../images/clouds.jpg) no-repeat top left;}
#shipping_bg { background: url(../images/shipping.jpg) no-repeat top left;}
#airtickets {background: url(../images/airtickets.jpg) no-repeat top left;}
#keyboard {
	position: relative;
	width: 834px;
	height: 240px;
	top: 80px;
	left: 9px;
}
#keys {
	background: url(../images/keys.png) no-repeat top left;
	width: 695px;
	height: 99px;
	margin: 0 auto;
}
/*================================================
================DROPDOWN MENU=====================
===================================================*/
#topmenu {
	position: relative;
	top: 2px;
	left: -15px;
	z-index: 100;
	background: url(../images/top_menu_left.png) no-repeat top left;
	padding-left: 5px;
	height: 23px;
}
.dropdown{
	visibility:hidden;
	padding:0 5px 0 0;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/top_menu_right.png) no-repeat top right;
}
/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	background-color: #000;
	cursor: pointer;
	padding: 5px 0 3px 0;
}
.dropdown li a {border-right: 1px solid #f00512; padding: 0 5px 0 5px;}
li.last a {border: none;}
/* these are anchor in the menu*/
.dropdown a {
	text-decoration:none;
	color:white;
}
.dropdown a:hover{
	text-decoration:underline;
}
/* these are the LIs that only belong to submenu*/
.dropdown li ul li {border-bottom: 1px solid #3a3b3b;}
.dropdown li ul li a{
	border-right: none;
	width: 120px;
}
/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	border-left: none;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{

}
/*================================================
================KEYBOARD MENU=====================
===================================================*/
.key_dropdown {
	visibility:hidden;
	padding:0 5px 0 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
.key_dropdown li ul {list-style-type: none; padding: 0; margin: 0;}
.key_dropdown li a {
	width: 100%; height: 100%; display: block; text-align: center; padding-top: 5px; text-decoration: none; color: white;
}
.key_dropdown li ul { display: inline; width: 600px;}
.key_dropdown li ul li {border-bottom: 1px solid #3a3b3b; position: relative; float: left; background-color: black;}
.key_dropdown li ul li a {
	text-align: left; text-decoration: none; color: white;
	background-color: black; padding:5px;
}
.key_dropdown li ul li a:hover {text-decoration: underline;}
li#brokers, li#tourisum, li#shipping, li#group, li#aboutus, li#contacts, li#news, li#aktualno, li#reservations {
	 position: absolute;
}
li#brokers { width: 132px; height: 26px; left: 13px; margin-top: 5px;}
li#tourisum {width: 127px; height: 26px; left: 12px; margin-top: 5px;}
li#shipping {width: 209px; height: 26px; left: 12px; margin-top: 5px;}
li#group {width: 183px; height: 26px; left: 12px; margin-top: 5px; clear: right;}
li#news {clear: left; width: 132px; height: 27px; left: 10px; margin-top: 2px; padding-top: 2px;}
li#contacts {width: 130px; height: 27px; left: 10px; margin-top: 2px; padding-top: 2px;}
li#aboutus {width: 212px; height: 27px; left: 10px; margin-top: 2px; padding-top: 2px;}
li#aktualno {width: 188px; height: 27px; left: 10px; margin-top: 2px; clear: right; padding-top: 2px;}
li#reservations {clear: left; width: 674px; height: 30px; left: 7px; margin-top: 2px; padding-top: 2px;}

/* ============SCROLLBAR==========*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
	width:11px;
}
.vscrollerbar {
/*background-image: url(../images/scrollbar_green.png); *//*GREEN*/
background-image: url(../images/scrollbar_blue.png); /*BLUE*/
width: 9px;
/* following is the bit that allows us fixed height scrollbars */
height: 121px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/scrollbar_blue.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 121px;}
.hscrollerbar {height: 121px; background-color: #a4e6f9;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 9px;
height: 121px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #a4e6f9;
}
/*=========================================================================================================
===================================================CONTENT==================================================
===========================================================================================================*/
#header { background: url(../images/border_bottom.png) repeat-x bottom left; padding: 5px; text-align: center;}
#header img {float: left;}
#clock {padding: 0; margin: 0; float: right;} #clock input {text-align: right; background: transparent; border: none; color: #a4e6f9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 4px;}
a.home_btn {float: left; margin: 0 0 0 100px; text-decoration: none; color: #a4e6f9; /*BLUE*/  /*color: #afff01; *//*GREEN*/ font-weight: bold; text-transform:uppercase; background: url(../images/home_icon.png) no-repeat left top; padding-left: 50px; padding-top: 10px; height: 27px;}
a.home_btn:hover {text-decoration: underline;}
#content{
	position: relative;
	overflow: auto;
	padding: 5px 15px 5px 5px;
	margin: 5px 0 0 5px;
	height: 83%;
	color:#dbdada;
}
#content:after, #header:after, .gallery dl:after, .program1:after, .leftfloat:after, .program2:after, .program2 div:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
#content, #header, .gallery dl, .program1, .leftfloat, .program2, .program2 div{display: inline-block;}
* html #content, * html #header, * html .gallery dl. * html .program1, * html .leftfloat, * html .program2, * html .program2 div {height: 1px;}
#content, #header, .gallery dl, .program1, .leftfloat {display: block;}

/*h1 {color: #afff01; font-size: 16px;} *//*GREEN*/
 h1 {color: #a4e6f9; font-size: 16px;}  /*BLUE*/
h2{color: white; font-size: 14px;}
h3 {font-size: 10px; text-transform:uppercase; color: white;}
h1#charter_h {background: url(../images/airplane_icon.png) no-repeat top left; padding: 23px 0 0 100px; height: 38px;  margin-bottom: -5px;}
h1#business_h {background: url(../images/business_icon.png) no-repeat top left; padding: 15px 0 0 80px; height: 40px;}
h1#cargo_h {background: url(../images/cargo_icon3.png) no-repeat top left; padding: 15px 0 0 80px; height: 50px;  margin-bottom: -10px;}
h1#group_h {background: url(../images/group_icon.png) no-repeat top left; padding: 25px 0 0 100px; height: 50px; margin-bottom: -25px;}
h1#ship_h {background: url(../images/ship_icon.png) no-repeat top left; padding: 25px 0 0 80px; height: 50px; margin-bottom: -25px;}
h1#forms_h {background: url(../images/forms_header_bg.png) no-repeat center top; width: 100%; text-align: center;
	height: 41px; color: #aa0000; font-size: 11px; text-transform: uppercase; padding-top: 10px;
}
.main ul {list-style-type: square; padding: 0 0 15px 15px; margin-left: 0; background: url(../images/border_bottom.png) repeat-x bottom left;}
.main li {line-height: 18px;}
.main {width: 400px; display: block; float: left;}
.gallery {width: auto; display: block; float: right;}
.clearfloat {clear:both; height:0px; line-height:0px; visibility: hidden;}
#content ul.phone {
width: 256px; height: 60px; background: url(../images/phone_button.png) no-repeat top left; color: white; 
padding: 10px 0 0 0; margin: 0; cursor: default; float: left;}
#content ul.phone:hover {background: url(../images/phone_button.png) no-repeat; background-position: left -70px;}
#content ul.phone li { 
	text-align: center; width: 250px; line-height: normal; list-style-type: none;
	font-weight: bold; padding: 0; margin: 0;
}
#content ul.phone li a {color: white; text-decoration: none;}
#content ul.phone li a:hover {text-decoration: underline;}
a.zaiavka_btn {display: block; color: #333333; font-weight: bold; text-decoration: none; width: 138px; height: 44px; text-align: center; padding-top: 25px; background: url(../images/zaiavka_btn.png) no-repeat top left; float: left;
}	
a.zaiavka_btn:hover {background: url(../images/zaiavka_btn.png) no-repeat left -69px; text-decoration: underline;}
/*=========================GALLERY========================*/
/*.gallery h2 {color: #afff01; font-size: 11px; font-weight: normal;}*/ /*GREEN*/
.gallery h2 {color: #a4e6f9; font-size: 11px; font-weight: normal;} /*BLUE*/
.gallery dl {width: 228px; padding: 0 0 0 10px; margin: 0; 
  /*border-left: 1px solid #afff01;*/ /*GREEN*/
 border-left: 1px solid #a4e6f9; /*BLUE*/
 }
.gallery dt {
	clear:both; 
	color: #a4e6f9; /*BLUE*/
	/*color: #afff01;*/
	display: block;
	margin: 0 10px 10px 5px;
	padding: 0;
	/*border-bottom: 1px solid #afff01;*/ /*GREEN*/
	border-bottom: 1px solid #a4e6f9; /*BLUE*/
}
.gallery dd {display: block; float: left; margin: 0 0 6px 6px;}
.gallery a {text-decoration: none;}
.gallery a img {border: 7px solid #313131;}
.gallery a:hover img {border: 7px solid #484747;}
.alone_images {border: 7px solid #313131; margin-top: 15px; clear:both;}
/*===============================================================================
====================================RESERVATIONS================================
===============================================================================*/
.reservations p{padding: 0; margin: 0 0 15px 0;}
.reservations input {font-size: 11px; width: 130px; background-color: #999999; }
.reservations select {font-size: 11px; width: 136px;}
.reservations select option {background-color: #999999;}
p.pleft {float: left; width: 48%;}
p.full {clear: both;}
p.full label, p.names label {width: auto;}
p.names label {height: 30px;}
p.names {float: left; width: 50%;}
p.names input {width: 303px; margin: 0 0 7px 0;}
textarea {width: 100%; background-color: #999999; overflow: auto; height: 60px;}
.reservations label {
	float: left;
	width: 160px;
	text-align: right;
	padding-right: 10px;
	color: white;
}
.reservations fieldset {
	clear: both;
	padding: 0; margin: 0 0 10px 0;
}
fieldset legend {
	color: white;
	text-transform: uppercase;
	font-size: 10px; font-weight: bold;
	padding: 10px 10px 10px 10px;
}
fieldset div {float: left; width: 50%;}
.float_h3 {width: 160px;
	text-align: right;
	padding-right: 10px;}
form input.submit {
	float: right;
	width: 116px;
	height: 41px;
	background: url(../images/submit.png) no-repeat left top;
	text-align: center;
	border: none;
	color: #333333; font-size: 10px; text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 3px;
}
input.submit:hover {padding-top: 2px; padding-right: 2px; color: #aa0000; }
/*================================================
=======================TOURISM=====================
===================================================*/
.tourism_h { font-size: 14px; font-family: verdana; text-align: center; color: #5fc5fa;}
.program1, .program2 { border: 1px solid #646161; margin-bottom: 10px; padding-bottom: 10px;}
.program1 h2, .program2 h2 {font-size: 14px; font-family: Verdana; text-align: center; color: #a4e6f9; margin-top: 5px;}
.leftfloat {width: 49%; float: left; padding-left: 5px;}
.program2 div {float: left; padding-left: 5px;}
.leftfloat img, .program2 div img {float: left; margin: 0 5px 0 5px;}
.leftfloat p {font-size:14px; font-weight: bold; color: white; margin: 0; padding: 0;}
.tourism_buttons, .program2 ul {
	clear: both;
	display: block; 
	padding: 0; margin: 0;
	list-style-type: none;
}
.program2 ul {margin: 3px 0 0 4px;}
.tourism_buttons li { width: 150px; height: 20px; background: #9eb0cb; margin: 3px 3px 3px 5px; float: left;}
.program2 div ul li {width: 99px; height: 20px; background: #9eb0cb; margin: 1px; float: left;}
.tourism_buttons li a {display: block; width: 150px; height: 20px; color: #2a2a2a; text-decoration: none; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 11px;}
.tourism_buttons li a:hover {text-decoration: underline;}
.program2 ul li a {display: block; width: 99px; height: 20px; color: #2a2a2a; text-decoration: none; padding: 3px 0 0 0; text-align: center; font-weight: bold; font-size: 11px;}
.program2 ul li a:hover {text-decoration: underline;}
#TICKER {
	overflow:hidden;
	width: 575px;
	background: black;
}
#TICKER span {
	color: #f00512;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 30px 0 30px;
}
#TICKER span a{color: #f00512; padding: 0; margin: 0; line-height: 25px;}
/*================================================
=======================CONTACTS=====================
===================================================*/

.contacts_list {
	list-style-type: none;
	color: white;
	font-size: 12px;
	line-height: 20px;
	padding: 0; margin: 0;
}
.contacts_list span {font-weight: bold; margin-right: 10px;}
.contact_form { margin: 0; padding: 0;}
.contact_form fieldset {padding: 10px; margin: 0;}
*:first-child+html .contact_form fieldset {margin-top: -10px; margin-bottom: 10px;}
.contact_form p {padding: 0; margin: 0 0 15px 0;}
.contact_form input {font-size: 11px; width: 130px; background-color: #999999; }
.contact_form label {
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 10px;
	color: white;
}
.contact_form  textarea {width: 260px;}