/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	font-size:12px;
	color:#6486b3;
	background: url(../../images/index/bodyBkg.jpg) repeat-x top #1a2b3f
}

html,body {height:100%; min-height:100%;}


img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#c9dbea;}
a:hover {color:#fff;}
input, textarea, select {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px;}
textarea {overflow:auto}
fieldset {border:none}
h1 {margin:10px 0 10px 0; color:#ffffff; font-size:22px; border-bottom:1px solid #31475f}
h2 {margin:20px 0 10px 0; color:#bcd1ee; font-size:20px}

.clear {clear:both; font-size:0; display:block;}
.clearSep {clear:both; font-size:0; height:20px;}

#pageContainer {width:900px; margin:0 auto; min-height:100%; position:relative}
* html #pageContainer {height:100%;}


#header {border-left:3px solid #1a2b3f; border-right:3px solid #1a2b3f; width:894px;}
#header #slogan {display:block; width:530px; height:96px;}
#header #slogan .logo {display:block; width:69px; height:64px; background:url(../../images/index/logo.png) no-repeat; float:left; margin:20px 4px 0 4px}
#header #slogan .companyName {
	display:block; 
	width:450px; 
	height:40px; /*background:url(../../images/index/companyName.png) no-repeat;*/ 
	float:left; 
	margin:28px 0 0 0; 
	color:#6087b8; 
	font-size:34px; 
	font-weight:bold;
	font-family:"Times New Roman", Times, serif
}
#header .headerImage {width:894px; height:321px; background:url(../../images/index/headerImg.png) no-repeat; border-bottom:1px solid #4c6a8f; }
.companyDescr {color:#e0ebf8; font-size:20px; font-weight:bold; float:right; margin:250px 10px 0 0; display:block; height:70px; line-height:70px;}

#mainNav {width:894px; height:53px; background:url(../../images/index/mainNavBkg.jpg) repeat-x; margin:3px auto 0 auto}
#mainNav ul {}
#mainNav li {background:url(../../images/index/navBullet.jpg) no-repeat 14px center; display:block; float:left}
#mainNav li a {
	display:block; 
	float:left; 
	height:50px; 
	line-height:50px; 
	padding:0 24px 0 24px; 
	color:#4c6e97; 
	font-weight:bold; 
	font-size:14px; 
	border-left:1px solid #243850; 
	border-right:1px solid #243850; 
	margin:0 1px
}
#mainNav li a:hover {background:url(../../images/index/navHover.jpg) repeat-x; color:#243850; border-left:1px solid #48dce1; border-right:1px solid #48dce1;}
#mainNav li a.active {background:url(../../images/index/navActive.jpg) repeat-x; color:#243850; border-left:1px solid #c2f634; border-right:1px solid #c2f634;}

#iconSet {width:894px; height:150px;  margin:10px auto 10px auto;}
#iconSet a {display:block; width:281px; height:150px; font-size:24px; font-weight:bold; text-align:center; overflow:hidden}
#iconSet .icon1 { background:url(../../images/index/icon11.jpg) no-repeat;  line-height:150px; color:#283d56; float:left; margin:0 25px 0 0; }
#iconSet .icon1:hover {background:url(../../images/index/icon11.jpg) no-repeat 0 -150px; color:#1a2b3f;}
#iconSet .icon2 { background:url(../../images/index/icon2.jpg) no-repeat;  line-height:150px; color:#455d01; float:left }
#iconSet .icon2:hover {background:url(../../images/index/icon2.jpg) no-repeat 0 -150px; color:#3b4f01;}
#iconSet .icon3 { background:url(../../images/index/icon3.jpg) no-repeat;  line-height:150px; color:#1a2b3f; float:right }
#iconSet .icon3:hover {background:url(../../images/index/icon3.jpg) no-repeat 0 -150px; color:#06254a;}

#pageContent {background:#243850; padding:4px 20px 30px 20px; margin:10px 3px 0 3px;}
#pageContent img {border:2px solid #1a2b3f }
#pageContent strong {color:#81a9dd}

#searchContainer {margin:20px 0 0 0}
#searchBox {float:right}
#searchBox  label {color:#a2c1e6; display:block; float:left; padding:5px 5px 0 0}
#searchBox .inpTxt {border:1px solid #486589; width:200px; height:16px; background:#243850; padding:2px 0 0 3px}
.btn {width:100px; height:20px; background:url(../../images/index/btnBkg.png) no-repeat; border:none; color:#fff; font-size:12px; font-weight:bold; cursor:pointer; margin:0px 0 0 4px}
.btnActive {width:100px; height:20px; background:url(../../images/index/btnBkg.png) no-repeat 0px -20px; border:none; color:#e7f2fe; font-size:12px; font-weight:bold; cursor:pointer; margin:0px 0 0 4px}
#searchContainer #skype {float:left}

#footerSpace {height:120px;}
#footerWrapper {width:100%; background:#243850; margin:-100px 0 0 0; color:#62acf0; position:relative}
#footer {width:900px; margin:0 auto; padding:30px 0 10px 0}
#footer a {color:#62acf0}
#footer .footerNav {font-size:12px;}
#footer .footerNav a {margin:0 4px}
#footer .footerNav a:hover {color:#fff}
#footer .rights {font-size:14px; margin:30px 0 0 0; color:#62acf0}
#footer .createdBy {float:right; font-size:14px; margin:-20px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#62acf0}
#footer a:hover.createdBy {color:#ffffff}

/* ~ Contacts */

#contactForm {padding:60px 0 30px 0;}
#contactFormSuccess {
	padding:20px 15px 30px 20px;
	background:#eae8e1;
	border:1px solid #c9bd9b;
	float:left;
	margin:10px 0 0 0;
	text-align:center;
	width:410px;
	height:250px;
}
#contactForm fieldset {height:30px; border:none}
#contactForm fieldset.messageSet {height:135px;}
#contactForm fieldset.captchaSet {height:40px;}
#contactForm .inpTxt {
	width:240px;
	height:18px;
	margin:0 0 0 10px;
	padding:4px 0 0 4px;
	border:1px solid #486589;
	float:left;
	background:#2c4460;
	color:#fff
}
#contactForm textarea {
	padding:4px 0 0 4px;
	border:1px solid #486589;
	width:700px;
	background:#2c4460;
	height:120px;
	overflow:auto;
	color:#fff;
	float:left;
	margin:0 0 0 10px;
}
#contactForm label {width:120px; height:23px; line-height:23px; display:block; float:left;}
#contactForm label.captchaLabel {width:auto; margin:0px 0 0 131px;}
.requiredStar {color:#1b697f; margin:0 0 0 5px;}
#contactForm img.captchaCode {float:left;}
#contactForm input.enterCaptcha {
	width:220px; 
	height:27px; 
	padding:11px 0 0 0; 
	margin:0 1px 0 12px; 
	float:left; 
	text-align:center; 
	border:1px solid #486589; 
	background:#2c4460;
	color:#fff;
}
.mailNotSent {color:#CC3300; font-weight:bold; font-size:12px;}
#contactForm label.error {color:#a2c1e6; font-style:italic; margin:0 0 0 2px; white-space:nowrap; font-size:11px}
.successMessage {display:block; font-size:14px; font-weight:bold; font-style:italic; margin:2px 0 20px 0; color:#92be13;}
.errorMessage {
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	font-style:italic; 
	margin:2px 0 20px 0; 
	color:#f28c08; 
}
#contactForm .btn, #contactForm .btnActive {margin:10px 0 0 133px}
/* ~ Contacts */

#subNavContainer {float:right; margin:0 0 10px 10px}
#subNavContainer h3 {background:#1a2b3f; text-align:center; line-height:30px; margin:0 0 2px 0; color:#243850; font-size:14px;}
#subNav {}
#subNav li {list-style:none;}
#subNav li a {padding:4px 6px 4px 16px; display:block; margin:0 0 1px 0; background:url(../../images/index/navBullet.jpg) no-repeat 6px center #1a2b3f}
#subNav li a:hover {background:url(../../images/index/navBullet.jpg) no-repeat 6px center #08a0a5; color:#1c3850}
#subNav li a.active {background:url(../../images/index/navBullet.jpg) no-repeat 6px center #92be13; color:#243850}

a.searchResult {color:#6486b3; margin:0 0 20px 0; display:block}
a:hover.searchResult {color:#fff}
.searchResult .title {color:#fff !important; font-size:14px; line-height:20px; display:block;}
.searchResult strong {background:#fff; color:#243850 !important}

#map {list-style:none}
#map li a {background:url(../../images/index/navBullet.jpg) no-repeat left; padding:0 0 0 10px}
#map ul {margin:0 0 10px 20px; list-style:none;}
#map ul a {background:none; color:#6486b3; padding:0 2px 0 2px }
#map ul a:hover {background:#FFFFFF; color:#243850;}

#languages {list-style:none; position:absolute; right:10px; top:45px;}
#languages li {display:inline}
#languages a {float:left; padding:0 5px 0 5px; color:#638cbe}
#languages a:hover {color:#9abce5}
#languages a.active {background:#fff; color:#1a2b3f; }