HTML {
	height: 100%;
}

BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #021c41;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}

A {
	color: #FFFFFF;
	outline: none;
}

A:hover {
	text-decoration: none;
}

IMG {
	border: none;
}

FORM {
	margin: 0;
	padding: 0;
}

LABEL {
	cursor: pointer;
}

.row {
	float: left;
	width: 100%;
}

.cities-list {
	display: none;
}

.gradient {
	background: url("../images/inner-gradient.jpg") repeat-x left bottom;
	min-height: 100%;
}

.gradient.front-page {
	background: url("../images/gradient.jpg") repeat-x left bottom;
}

* html .gradient { 
	height: 100%;
}

.page-container {
	position: relative;
	z-index: 1;
	text-align: center;
}

.page {
	width: 900px;
	margin: auto;
	text-align: left;
}

.footer-expander { 
	height: 85px;
	clear: left;
}

.footer { 
	height: 85px; 
	margin-top: -85px;
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 12px;
}

.footer.fp { 
	_top: -45px;
}

.footer .bg {
	background: url("../images/inner-bg.jpg") no-repeat center bottom;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-width: 900px;
	height: 210px;
	position: relative;
	margin-top: -168px;
	_margin-top: -210px;
	_margin-bottom: -6px;
}

.footer.fp .bg {
	_margin-bottom: -51px;
}

.footer .bg.front-page {
	background: url("../images/bg.jpg") no-repeat center bottom;
	height: 888px;
	margin-top: -846px;
}

.footer P {
	margin: 0;
	padding: 0;
}

.footer P.desc {
	font-size: 11px;
	margin: 9px 0 0 43px;
}

.footer .design {
	float: right;
	clear: right;
	font-size: 11px;
	margin: 0 72px 0 0;
	padding: 12px 0 0 0;
	background: url("../images/qweber.png") no-repeat left top;
	_background: none;
	_width: 70px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./public/images/qweber.png', sizingMethod='crop');
	_margin-right: 36px;
}

.footer .phone {
	font-size: 24px;
}

.footer .left {
	float: left;
}

.footer .center {
	text-align: center;
	margin: 0 330px;
	_margin-top: -40px;
	_padding-bottom: 40px;
}

.footer .right {
	float: right;
}

.footer .counter {
	float: right;
	padding: 5px 54px 0 0;
	clear: right;
}

.col-left {
	float: left;
	width: 28%;
}

.col-right {
	float: right;
	width: 67%;
}

.header {
	padding: 30px 0 0 0;
}

.header .logo {
	padding: 32px 0 0 0;
	font-size: 92px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.header .logo A {
	text-decoration: none;
}

.header .logo A SPAN {
	color: #66f6ff;
	font-style: italic;
}

.header .phone P {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-indent: 95px;
}

.header .phone SPAN {
	font-size: 24px;
}

.header .top-menu UL {
	margin: 0;
	padding: 8px 0 0 0;
	list-style: none;
}

.header .top-menu UL LI {
	float: left;
	font-size: 18px;
	padding: 0 35px 0 0;
}

.header .top-menu UL LI A {
	display: block;
	height: 41px;
	float: left;
	margin: 9px 0 0 0;
}

.header .top-menu UL LI A.selected {
	text-decoration: none;
	color: #021c41;
	margin-top: 0;
}

.header .top-menu UL LI A.selected SPAN.bg {
	background: url("../images/top-menu/bg.gif") repeat-x left top;
	height: 100%;
	display: block;
	float: left;
}

.header .top-menu UL LI A.selected SPAN.left {
	background: url("../images/top-menu/left.gif") no-repeat left top;
	height: 100%;
	display: block;
	float: left;
}

.header .top-menu UL LI A.selected SPAN.right {
	background: url("../images/top-menu/right.gif") no-repeat right top;
	height: 100%;
	cursor: pointer;
	display: block;
	float: left;
}

.header .top-menu UL LI A.selected SPAN.txt {
	cursor: pointer;
	display: block;
	padding: 9px 20px 0 20px;
}

.content H1 {
	margin: 10px 0 9px 0;
	padding: 0;
	font-weight: normal;
	font-size: 30px;
}

.content.fp-content H1 {
	margin-top: 27px;
}

.content P {
	margin: 12px 0 0 0;
	padding: 0;
	line-height: 19px;
}

.content STRONG {
	font-style: italic;
	color: #66f6ff;
}

.content .share {
	padding: 68px 0 0 0;
}

.content .share H2 {
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	font-style: italic;
}

.content .share P {
	margin: 13px 19px 0 24px;
	padding: 0;
	font-size: 12px;
	color: #66f6ff;
}

.content .share P.big {
	color: #FFFFFF;
	font-size: 60px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.content .share P.big STRONG {
	color: #FFFFFF;
}

.content .samples {
	font-size: 24px;
	margin: 56px 0 0 0;
	position: relative;
	left: -136px;
	_left: 50px;
}

.fp-content {
	padding-bottom: 435px;
}

UL.left-menu {
	margin: 95px 0 0 0;
	padding: 0;
	width: 185px;
	list-style: none;
}

UL.left-menu LI {
	display: block;
	float: left;
	width: 100%;
}

UL.left-menu A {
	display: block;
	text-decoration: underline;
	font-size: 14px;
	color: #66f6ff;
	padding: 8px 4px 8px 9px;
}

UL.left-menu A:hover, 
UL.left-menu A.selected {
	background: #66f6ff;
	color: #033b79;
	text-decoration: none;
}

.breadcrumbs {
	padding: 5px 0 0 0;
	font-size: 11px;
}

.breadcrumbs A {
	color: #66f6ff;
}

.relaxator {
	clear: left;
	font-size: 0px;
	line-height: 0px;
}

.gallery {
	padding: 15px 0 0 0;
}

.gallery A {
	display: block;
	float: left;
	width: 170px;
	background: #021c41;
	padding: 10px 0;
	margin: 0 30px 30px 0;
	text-decoration: none;
}

.gallery A IMG {
	margin: 0 0 0 10px;
}

.gallery A SPAN {
	font-size: 12px;
	font-style: italic;
	display: block;
	margin: 8px 10px 0 10px;
}

.contact-form {
	padding: 15px 0 40px 0;
}

.contact-form TABLE TD {
	padding: 3px 0;
}

.contact-form TABLE TD.label {
	width: 285px;
	font-size: 16px;
	text-align: right;
}

.contact-form TABLE TD.input {
	padding-left: 14px;
}

.contact-form TABLE TD.input INPUT {
	border: 2px solid #FFFFFF;
	width: 340px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.contact-form TABLE TD.input INPUT#captcha {
	width: 100px;
	position: relative;
	top: -25px;
	_top: -20px;
	_left: 182px;
}

.contact-form TABLE TD.input TEXTAREA {
	border: 2px solid #FFFFFF;
	width: 470px;
	height: 160px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.contact-form .message {
	margin: 0 0 0 298px;
}

.contact-form .message.success P {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 20px;
	color: #66F6FF;
}

.contact-form .message.error UL {
	margin: 0;
	padding: 10px 0 15px 0;
	color: #66F6FF;
	list-style: none;
	font-weight: bold;
}

.contact-form .button {
	padding-left: 5px;
	_padding-left: 14px;
}

.contact-form .button BUTTON {
	border: none;
	color: #021c41;
	display: block;
	float: left;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	width: 148px;
	cursor: pointer;
}

.contact-form .button BUTTON SPAN.bg {
	height: 40px;
	display: block;
	float: left;
	background: url("../images/button/bg.gif") repeat-x left top;
	cursor: pointer;
}

.contact-form .button BUTTON SPAN.left {
	height: 40px;
	width: 15px;
	display: block;
	float: left;
	background: url("../images/button/left.gif") repeat-x left top;
	cursor: pointer;
}

.contact-form .button BUTTON SPAN.right {
	height: 40px;
	width: 15px;
	display: block;
	float: left;
	background: url("../images/button/right.gif") repeat-x left top;
	cursor: pointer;
}

.contact-form .button BUTTON SPAN.txt {
	display: block;
	padding: 9px 5px 0 5px;
	cursor: pointer;
}
