@charset "utf-8";
/* CSS Document */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,select,textarea { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
html {overflow: auto;}
/* LAYOUT */
.cleaner { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.dNone { display: none;}
.dBlock { display: block;}
.noBg { background: none;}
.c {text-align: center;}
.r { text-align: right;}
.bigger {font-size: 130% !important;}
.block {text-align: justify;}
.fLeft {float: left;}
.fRight {float: right;}
.noWrap {white-space: nowrap;}
.w100pr {width: 100%;}
.w1pr {width: 1%;}
a {color: #188bec; text-decoration: none; outline :none;}
a:hover {color: #f4195c;}
.mgBot20 {margin-bottom: 20px !important;}
.mgTop20 {margin-top: 20px !important;}
.mgBotm15 {margin-bottom: -15px !important;}
.note { font-style: italic; color: #666666;}
.mess {
	color: #009933;
	font-size: 130%;
}
.error {
	color: #FF0000;
	font-size: 130%;
}
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
	background-color: #080808;
	line-height: 200%;
}
body, td, th {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/***********************************************/
/* BASE, HEADER                                */
/***********************************************/
div#base {
	width: 100%;
	background-color: #fff;
	margin: 0 auto;
	color: #3e3e3e; 
}
div#header {
	position: absolute;
	top: 0;
	height: 223px;
	width: 100%;
	background: url(../img/layout/header_bg.png) repeat-x;
}
div#header .content {
	margin: 0 auto;
	width: 942px; height: 208px;
	background: url(../img/layout/header_vlna.jpg) no-repeat;
}
div#header h3 a {
	position: absolute;
	display: block;
	width: 262px; height: 79px;
	background: url(../img/layout/header_logo.png) no-repeat;
}
div#header ul {
	position: absolute;
	margin: 167px 0 0 0;
}
div#header ul li {
	float: left;
	margin-right: 3px;
}
div#header ul li a {
	display: block;
	float: left;
	width: auto; height: 27px;
	background: url(../img/layout/topmenu_bg.png) repeat-x;
	padding: 14px 10px 0 10px;
	font: 125% Arial, Helvetica, sans-serif;
	color: #fff;
}
div#header ul li a:hover {
	color: #172337;
}
div#header ul li a.active {
	color: #172337;
}

div#header .slogany {
	position: absolute;
	margin: 40px 0 0 680px;
	width: 221px; height: 123px;
	background: url(../img/layout/header_slogany.png);
}
div#header .mdlLogo {
	position: absolute;
	margin: 2px 0 0 590px;
	width: 350px; height: 205px;
	/*background: url(../img/layout/mdl_logo.jpg);*/
}
/***********************************************/
/* CONTENT                                     */
/***********************************************/
div#content {
	min-height: 1px;
	height: 100%;
	width: 942px;
	margin: 223px auto 0 auto;
}
div#right-and-middle div#middle {
	width: 568px;
	float: left;
}
div#right-and-middle,
div#right-and-middle-wide,
div#right-and-middle-wide-right {
	float: right;
	width: 720px;
}
div#right-and-middle-wide-right {
	float: left;
}
div#wide {
	float: right;
	width: 942px;
}
div#middle {
	margin-bottom: 20px;
}
div#right,
div#left {
	width: 222px;
	margin: 0;
	padding: 0;
	float: left;
}
div#left {margin-right: 0px;}
div#right {margin-left: 0px; padding-bottom: 20px;}
div#right-and-middle-wide-right div#right {float: right;}
/***********************************************/
/* RIGHT SIDE                                  */
/***********************************************/
.rSide {
	float: right;
	width: 182px;
	margin-top: 25px;
}
.rSide ul li {
	margin-bottom: 1px;
}
.rSide ul li a {
	display: block;
	width: 157px; height: 24px;
	background: url(../img/layout/menu_c_studies_bg.png) no-repeat;
	padding-left: 25px;
	color: #626465;
	padding-top: 5px;
	outline : none;
}
.rSide ul li a:hover, .rSide ul li a.active {
	color: #f4195c;
}
/***********************************************/
/* FOOTER                                      */
/***********************************************/
div#footer {
	width: 100%; height: 233px;
	background: url(../img/layout/footer_bg.png) repeat-x;
	color: #908f8f;
	font-size: 90%;
	text-align: center;
}
div#footer .content {
	margin: 0 auto;
	width: 942px;
	padding-top: 40px;
}
div#footer .content ul li a {color: #908f8f;}
div#footer .content ul li a:hover {color: #fff;}
div#footer .mainNavigation, div#footer .caseStudies, div#footer .contactUs {float: left; text-align: left;}
div#footer .mainNavigation h4 {
	width: 170px; height: 23px;
	background: url(../img/layout/footer_mainNavigation.png) no-repeat;
	margin-bottom: 7px;
}
div#footer .caseStudies {margin-left: 70px;}
div#footer .caseStudies h4 {
	width: 132px; height: 19px;
	background: url(../img/layout/footer_caseStudies.png) no-repeat;
	margin-bottom: 12px;
}
div#footer .caseStudies ul {float: left; margin: 0 130px 10px 0;}
div#footer .contactUs h4 {
	width: 115px; height: 19px;
	background: url(../img/layout/footer_contactUs.png) no-repeat;
	margin-bottom: 12px;
}
div#footer .contactUs ul {
	background: url(../img/layout/footer_dotLine.gif) repeat-x;
}
div#footer .contactUs ul li {
	background: url(../img/layout/footer_dotLine.gif) repeat-x bottom left;
	width: 229px;
	line-height: 270%;
	text-align: right;
}
div#footer .contactUs ul li span.arrow {
	position: absolute;
	display: block;
	width: 5px; height: 7px;
	background: url(../img/layout/footer_arrow.png) no-repeat;
	margin: -18px 0 0 100px;
}
#footer .content .line {
	height: 3px;
	background-color: #272727;
	clear: both;
	font-size: 0;
}
#footer .content p {padding-top: 8px; color: #767474;}
/************ text ***************************************/
.text p {
	text-align: justify;
	margin: 20px 0 10px 0;
}
.text p.block {
	background-color: #c5d7e1;
	color: #34466e;
	padding: 20px;
	text-align: justify;
}
/********* crns ***************/
.tl, .tr, .bl, .br {
	display: block;
	float: left;
	width: 10px; height: 10px;
}
.tr, .br {float: right;}
.tl {
	background: url(../img/layout/crn_tl.png) no-repeat;
	margin: -20px 0 0 -20px;
}
.tr {
	background: url(../img/layout/crn_tr.png) no-repeat;
	margin: -20px -20px 0 20px;
}
.bl {
	background: url(../img/layout/crn_bl.png) no-repeat;
	margin: -20px 0 0 0px;
}
.br {
	background: url(../img/layout/crn_br.png) no-repeat;
	margin: -20px 0 0 0px;
}
/********* end crns ************/
.text .uh2 {
	margin: 0 0 10px 0;
}
.text h1 {
	font-size: 160%;
	line-height: 150%;
	color: #314c7e;
	margin: 28px 0 0 0;
}
.text h1 span {
	font-size: 70%;
	font-weight: bold;
}
.text h2 {
	font-size: 120%;
	line-height: 150%;
	color: #000;
	margin: 28px 0 10px 0;
}
.text ul {
	margin-left: 80px;
	list-style: disc;
	text-align: justify;
}
.text  ol {
	margin-left: 80px;
	list-style: decimal;
	text-align: justify;
	margin-right: 80px;
}
.text  ol li {
	padding: 5px 0;
}
h1 .link {
	float: right;
	font-size: 70%;
}
table {border-collapse: collapse; background: transparent;}
table.center {margin: -20px auto 0 auto;}
table tr th {
	background-color: #485e88;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px;
	width: 250px;
}
table tr td {
	background-color: #eaf1f4;
	border: 1px solid #fff;
	padding: 5px;
}
table#pricing tr td, table#pricing tr th { text-align: center;}
table textarea {
	width: 100%; height: 80px;
}
/******** crns table ***********/
table .crns {border: none;}
table .crns .tl {
	margin: 16px 0 -16px -5px;
}
table .crns .tr {
	margin: 16px -5px -16px 5px;
}
table .crns .bl {
	margin: -16px 0 0 -5px;
}
table .crns .br {
	margin: -16px -5px 0 5px;
}
table .noBg div { margin-top: -15px;}
/********** product tour ************************/
#products .b1out, #products .b2out {
	float: left;
	width: 459px; height: 328px;
	background: url(../img/layout/product_tour_b1.png) no-repeat;
	margin: 20px 0 5px 0;
}
.b1over {
	float: left;
	width: 459px; height: 328px;
	margin: 20px 0 5px 0;
	background: url(../img/layout/product_tour_b1_roll.png) no-repeat;
}
.b2over {
	float: right;
	width: 459px; height: 328px;
	margin: 20px 0 5px 0;
	background: url(../img/layout/product_tour_b2_roll.png) no-repeat;
}
#products .b2out {
	float: right;
	background: url(../img/layout/product_tour_b2.png) no-repeat;
}
#products #b1 #b1Img {
	width: 220px; height: 105px;
	background: url(../img/layout/product_tour_b1.jpg) no-repeat;
	margin: 223px 0 0 118px;
	position: absolute;
}
#products #b2 #b2Img {
	width: 225px; height: 109px;
	background: url(../img/layout/product_tour_b2.jpg) no-repeat;
	margin: 219px 0 0 117px;
	position: absolute;
}
#products #b2 a, #products #b1 a {
	display: block;
	position: absolute;
	z-index: 100;
	color: #3e3e3e;
	padding: 65px 35px 0 35px;
	width: 389px; height: 263px;
	margin: -20px 0 0 0;
	-moz-outline: none;
}
#colls div {
	float: left;
	width: 296px;
	margin-right: 27px;
	margin-top: -20px;	
}
#colls div#c3 {margin-right: 0;}
#colls div p { padding-right: 6px;}


#colls4 div {
	float: left;
	width: 215px;
	margin-right: 27px;
	margin-top: -20px;	
}
#colls4 div#c4 {margin-right: 0;}
#colls4 div p { padding-right: 6px;}
#colls4 .h2col { margin-top: 18px;}

#contact table tr td {
	width: 235px;
	text-align: center;
}
#contact table tr.h2 td h2 {
	margin: 0;
}
#antispam {margin-top: 0px;}
#antispam a#chaptchaButton {
	height: 25px;
	padding: 7px 30px 10px 0px;
	line-height: 150%;
	position: absolute;
	margin: 26px 0 0 35px;
	background: url(../img/ico/refresh.png) no-repeat right top;
	-moz-outline: none;
	text-decoration: underline;
	color: #3f83ba;
}
#antispam a#chaptchaButton:hover {
	text-decoration: none;
	color: #f4195c;
}
.captchaRel a#chaptchaButton {
	margin: 26px 0 0 -112px !important;
}

#antispam input#captcha	{
	float: left;
	margin-right: 5px;
}
#antispam td.widthCaptcha { width: 183px; }

#submit, #submit input { margin: 10px auto 0 auto; width: 150px;}


#tabber { width: 745px; margin: 30px auto 0 auto;}
#tabber a {
	background: #f2f2f2 url(../img/layout/submenu_r.png) no-repeat top right;
	display: block;
	float: left;
	padding: 0 15px 0 0;
	line-height: 270%;
	color: #626465;
	-moz-outline: none;
	margin-bottom: 15px;
}
#tabber a:hover, #tabber a.active {
	color: #f4195c;
}
#tabber a span {
	display: block;
	float: left;
	width: 14px; height: 33px;
	background: url(../img/layout/submenu_l.png) no-repeat;
}
	
ul#newPhone  {margin-right: 350px;}
#phones ul {margin-left: 40px; margin-bottom: 30px;}
#phones h2 { background-color: #485e88; color: #fff; padding: 5px;}
#phones h2 span.tl {margin: -5px 0 0 -5px;}
#phones h2 span.tr {margin: -5px -5px 0 5px;}
#phones h2 span.bl {margin: -5px 0 0 -5px;}
#phones h2 span.br {margin: -5px -5px 0 5px;}

#overview img { float: right; margin: 0 0 10px 20px;}
#partners img { float: right; margin: 0 0 10px 20px;}
#need {
	text-align: center;
	padding-top: 15px;}