@import "reset.css";
body {	background:#000 url(../images/bg_site.jpg) left top repeat-x ;   font-family:Arial;	font-size:14px;	line-height:20px;	color:#363636;	margin:0; padding:0; text-align:left}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}

.orange{ color:#ff8625}
.blue{ color:#0b7da2}
.black{ color:#3c3c3c}
.color_1{ color:#0b7da2}
.color_2{ color:#ef7804}
.color_3{ color:#707070}
.color_4{ color:#048e91}

a{color:#fff; text-decoration:underline;outline:none!important; cursor:pointer}
a:hover{ text-decoration:none}

h1{ font-size:30px; color:#000; text-transform:uppercase; font-weight:normal; line-height:30px; padding-bottom:25px}
h2{ font-size:24px; color:#0b7dac; text-transform:uppercase; font-weight:normal; line-height:28px; padding-bottom:5px}
h3{ font-size:25px; color:#6b6b6b; font-weight:normal; line-height:25px; padding-bottom:20px}
h4{ font-size:18px; color:#f2f2f2; font-weight:normal; line-height:18px; padding-bottom:15px}
h5{}

div.center{ width:1000px; margin:0 auto; z-index:0; position:relative;}
.color{ color:#787878}
/*===================== Sub Pages =====================*/
.grid_1{ width:654px;}
.grid_2{ width:312px;}
.grid_3{ width:300px;}
.grid_4{ width:210px;}
.grid_5{ width:225px;}
.grid_6{ width:560px;}
.grid_7{ width:px;}

.height_10{ height:10px}
.pad{ padding:0 23px}

.left_23{ margin-left:23px}
.left_{ margin-left:px}
.top_-20{ margin-top:-20px}
.top_20{ margin-top:20px}
.top_25{ margin-top:25px}
.left_{ margin-left:px}
.right_16{ margin-right:16px}
.right_20{ margin-right:20px}
.right_35{ margin-right:35px}

.underline{ text-decoration:underline}
.upp{ text-transform:uppercase}

@font-face {
    font-family: 'ExistenceLight';
    src: url('existence-light-webfont.eot');
    src: url('existence-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('existence-light-webfont.woff') format('woff'),
         url('existence-light-webfont.ttf') format('truetype'),
         url('existence-light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.header{ background:url(../images/header.png) top no-repeat;  height:512px; padding:22px 0 0 0}

/* ----- script begin ----- */
#faded {
	width:980px;
	height:388px;
	position: absolute;
 	right:2px;
	top:48px
	}
ul.pagination {
	width: 200px;
	overflow: hidden;
	position: absolute !important;
	top: 330px;
	left: 35px;
	}
ul.pagination li { width:26px ; height:25px; float:left;}
ul.pagination li a {
	background: url(../images/disk.jpg) 0px 0px no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent:-999px;
	outline:none!important
	}
ul.pagination li a:hover {
background: url(../images/disk_hover.jpg) 0px 0px no-repeat;
	}
ul.pagination li.current a {
background: url(../images/disk_hover.jpg) 0px 0px no-repeat;
		}
span.text{ position:absolute; top:70px; left:-342px; letter-spacing:-0.050em}
span.text big{ color:#2e9eb4; font-size:45px!important;line-height:48px; font-family: 'ExistenceLight';}
span.text small{color:#4b4b4b; font-size:34px!important;line-height:50px; }
a.read{ background:url(../images/read.png) top no-repeat; width:130px; height:36px; display:block; text-decoration:none; text-transform:uppercase; color:#fff; text-align:center; line-height:37px;}
a.read:hover{background:url(../images/read.png) bottom no-repeat;}
/* ----- script end ----- */
/* ============================== top begin ====================================== */
div.top{ height:80px }
div.top a.logo{  margin-left:25px; float:left }
div.top a.link{ background:url(../images/links.png) no-repeat; display:block; width:123px; height:40px; float:right; text-align:center; padding-top:12px; font-size:14px; text-transform:uppercase; color:#b6d5db; text-decoration:none; font-weight:bold; margin-right:30px}
div.top a.link:hover{ color:#fff}
/* ============================== top end ====================================== */
/* ============================== nav====================================== */
div.nav{ background:url(../images/menu.gif) left repeat-x; height:40px; width:868px;  float:left; padding-top:8px}
div.nav ul li{ float:left}
div.nav ul li a{ display:block;  height:32px; margin:0 10px 0 35px; padding:0 9px 0 0px; line-height:32px; text-decoration:none; font-size:14px; text-transform:uppercase; color:#349eb8}
div.nav ul li a span{ display:block; height:32px; padding:0 0px 0 10px}
div.nav ul li a:hover, a.act{ background:url(../images/right.gif) right no-repeat; color:#fff}
div.nav ul li a:hover span, a.act span{ background:url(../images/left.gif) left no-repeat; color:#fff }
a.home{ background:url(../images/home.jpg) left no-repeat; width:83px; height:48px; display: block; float:left;margin-left:22px;}
div.right_menu{ background:url(../images/menu_right.gif) left no-repeat; width:5px; height:48px; float:left}
div.nav ul li a.login{ color:#adadad; text-transform:none}
div.nav ul li a.login:hover{ color:#ff8625; background:none}
/* ============================== nav end====================================== */
/* ============================== content ====================================== */
.content{ background:url(../images/content.jpg) repeat; }
.content big{ font-size:18px; line-height:24px; color:#535252; padding-bottom:20px; display:block}
.content div.solution { color:#767676}
.content div.solution p{padding:0 0 3px 0; margin:0}
.border{ background:url(../images/border.gif) repeat-x; height:2px; margin:15px  0 20px 0}
div.bg{ background: url(../images/bg.jpg) top repeat-y; width:250px; padding:10px 25px}
div.topbg_1{ background:url(../images/top.png) top no-repeat; height:11px; width:300px}
div.bottombg_1{ background:url(../images/bottom.png) bottom no-repeat; height:11px;width:300px}
div.bg_2{ background: url(../images/bg_2.png) top repeat-y; width:950px; padding:10px 25px}
div.topbg_2{ background:url(../images/top_2.png) top no-repeat; height:11px; width:1000px}
div.bottombg_2{ background:url(../images/bottom_2.png) bottom no-repeat; height:11px;width:1000px}
div.bg_3{ background: url(../images/bg_3.jpg) top repeat-y; width:350px; padding:10px 25px}
div.topbg_3{ background:url(../images/top_3.png) top no-repeat; height:11px; width:400px}
div.bottombg_3{ background:url(../images/bottom_3.png) bottom no-repeat; height:11px;width:400px}

ul.list li a{ background:url(../images/list.png) left no-repeat; padding-left:20px; line-height:30px; color:#000}
ul.list li a:hover{ color:#2f91a4}
a.more{ text-decoration:none; color:#707070; background:url(../images/more.png) right no-repeat; padding-right:10px}
a.more:hover{ background:url(../images/more_hover.png) right no-repeat; color:#e97e14}
/* ============================== content end ====================================== */
/* ============================== footer ====================================== */
.footer{ background:url(../images/bg_footer.jpg) top repeat-x; padding:40px 0}
.footer ul.list_footer li a{ background:url(../images/list_footer.gif) left no-repeat; padding-left:15px; color:#a4a4a4; text-decoration:none; line-height:25px}
.footer ul.list_footer li a:hover{ text-decoration:underline}
div.pins a{ color:#a4a4a4; text-decoration:none}
div.pins a:hover{ text-decoration:underline; color:#fff}
div.pins a.pin1{ background:url(../images/pin1.gif) left no-repeat; height:30px; display:block; padding-left:45px; line-height:25px; margin-bottom:15px; color:3}
div.pins a.pin2{ background:url(../images/pin2.gif) left no-repeat; height:30px; display:block; padding-left:45px; line-height:25px}
.footer small{ color:#a7a7a7; display:block; padding-bottom:5px}
.footer small span{ color:#fff}
.footer big{ font-family: 'ExistenceLight'; color:#fafafa; font-size:28px; line-height:31px}
.footer div.info{ margin-left:23px; color:#707070; margin-top:10px}
.footer div.info span{ font-size:24px; line-height:16px}
.footer div.info a.privacy{ text-decoration:underline;color:#707070;}
.footer div.info a.privacy:hover{ text-decoration:none}
.footer div.menu{ margin-top:15px}
.footer div.menu a{ margin-right:20px; text-decoration:none; color:#a5a3a3}
.footer div.menu a:hover{ text-decoration:underline}
/* ============================== footer end ====================================== */
/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px;background: #f2f2f2; text-align: left; color:#f00; margin-bottom:4px; border: 2px solid #acacac; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #f2f2f2; text-align: center;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #acacac solid;  color:#f00;   font: 13px Verdana;  padding: 2px 5px 2px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.pin{ width:129px; margin-left:120px; background:url(../images/read.png) top no-repeat; display: block;  height:35px;  color:#fff; text-decoration:none; text-align:center; line-height:27px; font-size:14px; margin-top:10px;cursor:pointer; border:none!important}
.pin:hover{ background:url(../images/read.png) bottom no-repeat}

/* Label */
label  { width: 120px;  margin: 0px; float: left; text-align: left; color:#363636}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 2px solid #acacac;  color: #363636; background:#f2f2f2; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:4px; width:430px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

textarea{margin: 0px; padding: 0px;  float: left; background:#f2f2f2; border: 2px solid #acacac;  color: #363636;   font: 12px Arial, Helvetica, Arial, sans-serif; height:250px; margin-bottom:4px; width:430px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }