body {
background:#57c2ec;
font: 75%/1.2 verdana, lucida, sans-serif;
margin: 0;
padding: 0;
color: #333;
text-align: center;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Geneva CE, lucida, sans-serif;
}
img{ padding-right:10px; float:left}
a{ text-decoration:none; color:#57c2ec; font-weight:bold}
a:hover{ text-decoration:none; color:#277898; font-weight:bold}

#banner {
background: url('../img/hbg.png') left top repeat-x #fff;
margin: 0;
border-bottom:#999 dotted 1px;
height: 177px;
padding: 0;
position: relative;
overflow: hidden;
}

#banner p{ line-height:0}

#banner #logo {
background: url('../img/logo.png') left top no-repeat;
margin: 26px auto;
width: 600px;
height:88px
}

#top {
	float: right;
	width:230px;
	height:84px;
	border-left: #CCC dotted 1px;
	margin-top:2px;
}

#top p{
	color:#666;
	padding-top:20px;
	padding-left:15px;
	text-align:left;
	font-size:12px;
}

#top a{
	color:#57c2ec;
	padding-top:2px;
	padding-left:15px;
	text-align:left;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#top a:hover{
	background:none;
	color:#49a4c7;
	padding-top:2px;
	text-align:left;
	float:left;
	font-size:12px;
	font-weight: bold;
}

#top2 p{
	color:#f33232;
	padding-top:20px;
	padding-left:15px;
	text-align:left;
	font-size:12px;
}

#top2 a{
	color:#f33232;
	padding-top:2px;
	padding-left:15px;
	text-align:left;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#top2 a:hover{
	background:none;
	color:#b81616;
	padding-top:2px;
	text-align:left;
	float:left;
	font-size:12px;
	font-weight: bold;
}

#top2 a:hover{
	background:none;
	color: #0099CC;
	padding-top:2px;
	font-weight: bold;
}

#nav-toplevel {
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
width: 600px;
}

#nav-main {
margin: 0 auto;
position: relative;
width: 680px; height: 50px;
top: -12px;
left: 0px;
}

#nav-main ul {
list-style: none;
margin: 0;
padding: 0;       top2
width: 690px;
overflow: hidden;
position: absolute;
bottom: 11px;
left: 0px;
}

#nav-main li, #nav-meta li {
display: inline;
}

#nav-main a {
display: block;
float: left;
padding: 5px;
margin-right: 33px;
background: transparent;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 100%;
}


.submit-button{
	background:#57C2EC;border:0;color:#fff;
	font-weight: bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	behavior:url(border-radius.htc);
	float: right;
	height: 30px;
	width: 80px;
}


#nav-main a:hover {
background: #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
behavior:url(border-radius.htc);
color:#333;
}

#nav-main a.current {
background: #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
behavior:url(border-radius.htc);
color:#333;
}

#exLink{
	background: url(../img/exLink.png) no-repeat;
	width: 857px;
	height: 35px;
	margin:0 auto;
	padding:0;
}
#link{
	margin:0 auto; width:580px; padding-top:8px
}
/* --- nav ex --- */

#nav-ex {
margin: 0 auto;
position: relative;
width: 680px; height: 50px;
top: -10px;
left: 10%;
}

#nav-ex ul {
list-style: none;
margin: 0;
padding: 0;
width: 550px;
overflow: hidden;
position: absolute;
bottom: 11px;
left: 0px;
}

#ezLink{
	background: url(../img/exLink.png) no-repeat;
	width: 857px;
	height: 35px;
	margin:0 auto;
	padding:0;
}

.input {
    border: 1px solid #8A8A8A;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 8px;
    opacity: 1 !important;
    padding: 9px 7px 10px;}

#nav-ex li, #nav-meta li {
display: inline;
}

#nav-ex a {
display: block;
float: left;
padding: 5px;
margin-right: 35px;
background: transparent;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

#nav-ex a.current{
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior:url(border-radius.htc);
    color:#333;
}

#nav-ex a:hover {
background: #fff;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
border-radius: 6px;
behavior:url(border-radius.htc);
color:#333;
}

#nav-ex li, #nav-meta li {
display: inline;
}

#nav-ez a {
display: block;
float: left;
padding: 5px;
margin-right: 35px;
background: transparent;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 90%;
margin-left:13em;
}

#nav-ez a:hover {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
behavior:url(border-radius.htc);
color:#333;
}
#nav-ez a.current {
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
border-radius: 6px;
behavior:url(border-radius.htc);
color:#333;
}

#nav-ez a.current {
background: #fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
behavior:url(border-radius.htc);
color:#333;
margin-left: 13em;
}

#nav-ez {
margin: 0 auto;
position: relative;
width: 680px; height: 50px;
top: -10px;
left: 10%;
}

#nav-ez ul {
list-style: none;
margin: 0;
padding: 0;
width: 550px;
overflow: hidden;
position: absolute;
bottom: 11px;
left: 0px;
}


#container {
width: 100%;
min-height:300px;
background: #FFF ;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
top: 0px;
}

#containerAbt {
text-align: left;
clear:both;
width: 100%;
background: #57c2ec url('../img/cont-bg.png') top left repeat-x;
}

#content {
min-height:0px;
margin: 0 auto;
padding: 0em 0em 0em 0em;
width: 869px;
}

#contentAbt{
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
background: transparent;
width:886px;
}
#content2{
	width: 794px;
	margin: 0 auto;
	padding-top:12px;
	overflow:hidden;
}
#content2n{
	width: 794px;
	margin-top:  0 auto;
	padding-top:12px;
	height:245px;
}

#content4{
	width: 95%;
	margin: 0 auto;
	overflow:auto;
	min-height:300px;
	max-height:400px;
}
#content3{
	width: 95%;
	margin: 0 auto;
    border-radius: 4px 4px 4px;
}

#content3center{
	width: 95%;
	margin: 0 auto;
}


#a{ 
background:url('../img/a.png') top left no-repeat;
width:794px;
float:left;
height:14px;
}
#b{ 
background: #FFF;
width:792px;
float:left;
}

#c{ 
background:url('../img/c.png') top left no-repeat;
width:794px;
float:left;
height:14px;
}

#contentAbt .text{
	width: 98%;
	float:left;
	padding:0px 10px 0px 10px;
}
.banner{
	background:url('../img/img2/resources_imge.jpg') no-repeat;
	width:886px;
	height:202px;
	margin:0 auto;
}
.services{
	background:url('../img/img2/services_imge.jpg') no-repeat;
	width:886px;
	height:202px;
	margin:0 auto;
}
.resources{
	background:url('../img/img2/resources_imge.jpg') no-repeat;
	width:886px;
	height:202px;
	margin:0 auto;
}
.news{
	background:url('../img/abtTop.png') no-repeat;
	width:886px;
	height:202px;
	margin:0 auto;
}
.contacts{
	background:url('../img/img2/contacts_imges.jpg') no-repeat;
	width:886px;
	height:202px;
	margin:0 auto;
}


.text { float:right; text-align:left; color:#666; width:540px;border-radius: 4px 4px 4px;}
.text2 { float:right; text-align:left; color:#666; width:735px;}
.text3 { float:left; text-align:left; color:#666; width:370px;}
.text3full { float:left; text-align:left; color:#666; }
.text4 { float:left; text-align:left; color:#666; width:380px}
.text h2{ color: #0099cc; }
.text h3{ padding:0; margin:0; text-align:left; color:#0099cc; font-size:28px}
.text h4{padding:0px; margin:0px; text-align:left; color: #333#; font-size:15px;}
.text p{ line-height:1.5}
.readMore{ float:left; padding:0; margin-top:10px; width:80%}
.readMore a{ float:left; color:#33add6; font-size:14px; font-weight:bold; text-decoration:none}
.readMore a:hover{ float:left; color:#3ac7f6; font-size:14px; font-weight:bold}

#content-anchor {
background: url('../img/main-top.png') top left no-repeat #b6c36d;
display: block;
position: absolute;
top: 100px;
left: 10px;
width: 480px;
height: 10px;
}

#problem {
	float: right;
	width: 380px;
}

#adviphoto {
	float: left;
	width: 150px;
	padding: 0em 1em 0em 0em
}

#info-site {
	clear:both;
background: #57c2ec;
margin: 0 ;
padding: 1em;
font-size: 85%;
color: #FFF;
min-height:120px
}

#info-site p{ line-height:.8}

#info-site a {
color: #FFF;
text-decoration: none;
margin-right:15px;
font-weight:normal;
}

#animation {
float:left;
}

#hometext {

margin: 0 auto;
padding: 4em 0em 4em 0em;
}

#info-site a:hover {
color: #ebebeb;
border-bottom: dotted 1px;
background: none;
font-weight:normal;
}
.Smedia{
	width:180px;
	margin:0 auto;
}

#facebook {
	float: left;
	height: 22px;
	width: 22px;
}

.Smedia .fb, .tw, .t, .in{
	float:left;
	height:22px;
	width:22px;
	margin-right:20px;
	cursor:pointer
}
.fb {
	background: url('../img/fb.png');
}
.tw {
	background: url('../img/tw.png')
}.t {background: url('../img/t.png')
}.in {
	background: url('../img/in.png')
}
table td {
  border-bottom: 1px  dotted #ebebeb;
}
	
table.sample {
	border-width: 1px;
	border-spacing: 1px;
	border-style: hidden;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
	
}
table.sample th {
	border-width: 1px;
	padding: 0px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	padding: 4px 2px;
	-moz-border-radius: ;
}