/* CSS Document */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,fieldset,form,label,legend,
caption,tbody,tfoot,thead { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
 
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}
 
body {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #ffffff url(../images/bg-main-gradiant.jpg);
	background-repeat:repeat-x;
}

#body-bg{
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 1058px;
	background: url(../images/bg-main.png);
	background-repeat:repeat-y;
}

#body-bg-bottom{
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 1058px;
	height: 45px;
	background: url(../images/bg-main-bottom2.png);
	background-repeat:repeat-x;
}
 
#spamtrap {
	display: none;
} 

/* ------------------ div classes ----------------------*/


#head-wrapper {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 950px;
	height: 130px;
	background: #ffffff url(../images/mast-head.jpg);
	background-repeat:repeat-x;
	padding-bottom:20px;
	border: 0px solid #000000;
}

#head-logo {
	float: left;
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 250px;
	margin-top:20px;
	border: 0px solid #000000;
}

#head-container {
	float: right;
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 680px;
	padding-top:32px;
	border: 0px solid #000000;
}

/*nav section*/	
#nav-container {
	float: right;
	overflow: hidden;
	width: 620px;
	margin-bottom:46px;
	border: 0px solid #000000;
}

#contentBody {
	float: right;
	overflow: hidden;
	width: 100%;
	border: 0px solid #000000;
}

#nav {
	float: right;
	font-size:12px;
	color:#666666;
	width:400px;
}

#nav a, .nav a:visited{
	color: #666666;	
	text-decoration: none;
	 }
	
#nav a:hover{
	color: #666666;
	text-decoration: underline; }

/*search form*/	
.inp{
	float: left;
	width:214px;
	float: right;
	padding-bottom:2px;
	}
	
.inp div{
	float: left;
	margin: 0 4px 0 2px;
	width:116px;
	height: 13px;}

.inp div img{ float: right; padding-top:2px;}	

.poisk{
	width:114px;
	height:17px;
	border: 1px solid #404040;
	}	
	
/*flash section*/	
#wrapper-section1 {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 950px;
}
 
#left-section1 {
	width: 619px;
	float: left;
}
 
#right-section1 {
	width: 323px;
	float: right;
}	


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	float: right;
	width: 323px; /* ems so it will grow */
	background-color:#F9F9F9;
	font-size: 100%;
	border: 0px solid #404040;
}
.boxhead {
	background: url(../images/table-top-right.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/table-top-left.jpg) no-repeat top left;
	margin: 0;
	padding: 5px 0 5px 5px;
	height: 23px;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	height: 200px;
	color: #000000; 
	line-height: 15px;
	background-color:#F9F9F9;
	padding: 0 20px 0 20px;
}

.boxhead a, .boxhead a:visited{
	color: #ffffff;	
	text-decoration: underline;
	 }
	
.boxhead a:hover{
	color: #ffffff;
	text-decoration: underline; }	

/*section 2*/	
#wrapper-section2 {
    width: 950px; /* 780px is just wide enough to fill and 800px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    background: #fff;
    text-align: left;
	padding-top:20px;
	border: 0px solid #404040;
}

#section1 {
    float: left; 
    background: #fff;
    width: 511px;
}

/* column1 */
    #column1 {
        float: left; 
        width: 251px;
    }
	
	#wrap-form {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 251px;
	height: 362px;
	background: #ffffff url(../images/form-bg.jpg);
	}
	

/* column2 */	
    #column2 {
        float: right;
        width: 260px;
    }

#section2 {
    float: right; 
    background: #fff;
    width: 439px;
}

    #column3 {
        float: left; 
        width: 243px;
    }

    #column4 {
        float: right; 
        width: 196px;
    }
	
	#signup {
	float: left; 
	width: 198px;
	height: 171px;
	background: #ffffff url(../images/signup.jpg);
	}
	
	#states {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 189px;
	height: 172px;
	background: #ffffff url(../images/states.jpg);

	}
	
/*section 3*/	
	
#section3 {
    float: left; 
    background: #fff;
    width: 502px;
	border: 0px solid #404040;
	margin-top:5px;
	margin-bottom:20px;
}

	#blog {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 618px;
	}
	
	#blog-sub {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 618px;
	background: #ffffff url(../images/blog-bg-line.gif);
	border: 0px solid #404040;
	}

#section4 {
    float: right; 
    background: #fff;
    width: 448px;
	border: 0px solid #404040;
	margin-top:5px;
	margin-bottom:20px;
}

/*internal pages*/

#sub-nav {
    float: left; 
    background: #fff;
    width: 251px;
	border: 0px solid #404040;
	margin-top:5px;
}

#sub-nav-a {
    float: left; 
    width: 251px;
	height: 25px;
	border: 0px solid #404040;
	background: #ffffff url(../images/sub-nav-header.jpg);
	background-repeat:repeat-x;
}	

#sub-nav-c {
    float: left; 
    width: 251px;
	height: 6px;
	background: #ffffff url(../images/sub-nav-footer.jpg);
	background-repeat:repeat-x;
}	

/*Main Menu*/
#navigation {
float: left; 
width:249px; 
font-size:12px;	
border-left: 1px solid #133C8D;
border-right: 1px solid #133C8D;
}

#navigation ul {margin:0px; padding:0px; background-color:#ffffff;}
 
#navigation ul li {
height:30px;
line-height:30px; 
list-style:none; 
padding-left:35px;
border-top:#C4CEE2 solid; 
border-width:1px;
cursor:pointer; 
}
#navigation ul li:hover {
/*background-color:#F90;*/
background-image:url(../images/sub-nav-arrow.jpg);
position:relative;
}

#copy-wrapper {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 699px;
	border-right: 0px solid #133C8D;
}

#copy-wrapper-sub {
	overflow: hidden;
	margin-left: auto;
    margin-right: auto;
	width: 950px;
	border-right: 0px solid #133C8D;
}
 
#copy-main {
	width: 502px;
	float: left;
	border: 0px solid #133C8D;
}

#copy-main-sub {
	width: 699px;
	float: left;
	border: 0px solid #133C8D;
}

 
#copy-right {
	width: 197px;
	float: right;
}	

#copy{
	padding: 0 20px 25px 25px;
}	

#copy-home{
	padding: 20px 0px 0px 20px;
	border: 0px solid #404040;
}	
 
	
/* ------------------  div classes/footer ----------------------*/

#interior_footer{margin:0 auto;width:950px;clear: both;border: 0px solid #000000;}
#interior_footer_top{width:100%;float:left;background:url(../images/footer-bg.jpg) repeat top left;padding-top:0px;margin-bottom:0px;}

#interior_footer_bottom{width:100%;float:left;background:url(../images/footer_container_bottom.png) no-repeat bottom left;border: 0px solid #000000; margin-top:10px; margin-bottom:10px;}
#interior_footer .footer_sections{width:175px;float:left;margin:0px 0px 0 0px; border: 0px solid #000000;}
#interior_footer .footer_sections-sub{width:210px;float:left;margin:0px 0px 0 0px; border: 0px solid #000000;}

#interior_footer p{
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 3px;
	line-height:15px;
	 }

#interior_footer a, #interior_footer a:visited{
	color: #000000;	
	text-decoration: none;
	 }
#interior_footer a:hover{
	color: #000000;
	text-decoration: underline; }	


#interior_footer-sub{margin:0 auto;width:950px;clear: both;}

	
/* ------------------ font classes ----------------------*/
 
h1 { 
	font-size: 17px;
	margin-bottom: 5px;
	color: #F58220;
	font-weight: bold;
	letter-spacing : -0.3px;
	}
	
h1.blue { 
	font-size: 14px;
	margin-bottom: 15px;
	color: #143C89;
	font-weight: bold;
	letter-spacing : -0.3px;
	}	
	
h1.blue-sub { 
	font-size: 12px;
	margin-bottom: 10px;
	color: #143C89;
	font-weight: bold;
	letter-spacing : -0.3px;
	}		
	
h2 { 
	font-size: 12px;
	margin-bottom: 5px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	}
	
h3 { 
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	letter-spacing : -0.3px;
	}	
	
	
p { 
	margin-top: 0px;
	margin-bottom: 12px;
	}
	
td.padding{
padding: 10px 0 10px 0;
}	
	
p.smalltxt { 
	font-size: 9px;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height:13px;
	}
	
p.smalltxt-sub { 
	color: #8A8A8A;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	line-height:13px;
	}	
		
p.dotted {
margin-top: 0px;
padding-bottom: 5px;
border-bottom: dashed;
} 	
	
	
ul, div {
margin:0px;
padding:0px;
}
 
ul.bullets-o {
	list-style-image:url(../images/bullet.gif);
	margin-left:26px;
	margin-top:3px;
	margin-bottom: 15px;
}
 
li.bullets-o {
	padding:0px;
	margin-top: 6px;
	line-height: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 
.border {
	border: 1px solid #363636;
	padding: 2px;
}

	
.blue{color:#366497}
 
/* ------------------ form classes ----------------------*/
 
 
label.form{
float: left;
width: 120px;

}

.form{
font-size:11px;
width: 125px;
margin-bottom: 12px;
border: 1px solid #404040;
}

.form-textarea{
width: 200px;
height: 40px;
border: 1px solid #404040;
}

.boxes{
width: 1em;
}

br{
clear: left;
}

.formitem {
	width: 300px;
	height: 20px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

.formitem-home {
	width: 138px;
	height: 20px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-top: 1px solid #8D8C8C;
	border-left: 1px solid #8D8C8C;
	border-right: 1px solid #8D8C8C;
	border-bottom: 1px solid #8D8C8C;
}

.formitem-sub {
	border: 1 solid #00457c;
	width: 300px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

.formitem-sub-home {
	border: 1 solid #00457c;
	width: 262px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-top: 1px solid #8D8C8C;
	border-left: 1px solid #8D8C8C;
	border-right: 1px solid #8D8C8C;
	border-bottom: 1px solid #8D8C8C;
}
	
	
/* ------------------ other  ----------------------*/
 
.grey {
color: #D0D0D0;
} 
 
td.border {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
 
form{
margin:0;
padding:0;
border:none;
  }
 
 
/* ------------------ graphical Classes ----------------------*/
 
.line-vert-left {
background-image:url(../images/line-white.gif);
background-position:center;
background-repeat:repeat-y;
height: 1px;
margin-top:5px;
margin-bottom:10px;
}
 
/* ------------------ link classes ----------------------*/
 
a { 
		text-decoration:underline;
		color:#366497; }
a:visited { 
		text-decoration:underline;
		color:#366497; }
a:active  { 
		text-decoration:none;
		color:#366497; }
a:hover   { 
		text-decoration:none;
		color:#366497; }
		
a.subnav { 
		text-decoration:none;
		color:#3E3E3E; }
a.subnav:visited { 
		text-decoration:none;
		color:#3E3E3E; }
a.subnav:active  { 
		text-decoration:none;
		color:#3E3E3E; }
a.subnav:hover   { 
		text-decoration:none;
		color:#3E3E3E; }		

 
/* ------------------ special function classes ----------------------*/
 
 
a.rollover img, a.rollover:visited img  { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1;
}
a.rollover:hover img, a.rollover:active img { 
 filter: alpha(opacity=00);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
 -moz-opacity: 0.00; opacity:0.0;
}
a.rolloveron img { 
 filter: alpha(opacity=00);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=00);
 -moz-opacity: 0.00; opacity:0.0;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: 0px;
border: 0px solid #9FA8B9; /*THEME CHANGE HERE*/
border-width: 0 0px;
font:normal 12px Verdana,sans-serif;
font-weight: bold;
line-height:25px;
z-index:100;
width: 170px;
visibility: hidden;
background-color: #143C80;
}


.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border: 1px solid #BDBDB5; /*THEME CHANGE HERE*/
border-bottom-width: 0px;
padding: 2px 0;
text-decoration: none;
color: #ffffff;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
color: #ffffff;
text-decoration: underline;
}

/* ------------------ special function classes ----------------------*/
 

 .openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 10px 0;
border: 0px solid #686562;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #DA2128;

}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #326ea0;
}

.thelanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #20262A;
}