/* -------------------------------------------
project:	4psd.com - Max
date:		2008/12/27
------------------------------------------- */

/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {    height: 1%; }


body
{
background:#d5e5ed url(img/bg.jpg) repeat-x top center;
color:#444;
font-family:Arial,Helvetica,sans-serif;
line-height:1.5em;
}

a {color:#3399cc; text-decoration:underline;}
a:hover {color:#0066ff; text-decoration:underline;}

hr{display:none;}

 
textarea, input, select, option, button{ font: 1em Arial,Helvetica,sans-serif; }


 
h1{ font-size:1.3em;    font-weight:normal; color:#136893; }
h2{  font-size:0.9em;   font-weight:normal; color:#136893;  }

h3{font-size:1em; font-weight:bold; color:#888;}
h1 span,h2 span{position: absolute; width: 100%; height: 100%;}
 

 

#top{border-top:3px solid #ff0099; overflow:hidden;}
#logo{width:860px;     margin:0 auto;}
#wrap{width:830px; background:#fff;  border:15px solid #d5e5ed; border-top:0; margin:0 auto;}


ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}
ul#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 950px; padding: 2px 0; background: #fff; color: #000;}

ul.menu_top{padding-left:15px; font-size:0.9em; height:40px;line-height:40px; width:845px; margin:0 auto;     background:#d5e5ed; }
ul.menu_top li{float:left;  }
ul.menu_top li a{  font-weight:bold; padding:0 30px;  color:#ff0099;  float:left; display:block; text-decoration:none; border-right:1px solid #d1e2ea;}
 
ul.menu_top li a:hover,
ul.menu_top li.active a{color:#ff0099; background:#fff url(img/bg_menu.gif) no-repeat top left;}

 


ul.menu_footer{ float:right; height:20px; padding:0 20px;  }
ul.menu_footer li{float:left; }
ul.menu_footer li a{ margin:0 10px;  float:left; display:block; }


input, select, textarea{ font-size:15px; font-family:Arial, Verdana, Tahoma;}


#content{font-size:0.9em; background:#fff url(img/bg_content.jpg) bottom center;}

#content img{border:1px solid #eee; padding:10px;}

#content ul {  }
#content ul li{  line-height: 3em; padding: 0px 0 0px 35px; background: url(img/li.gif) 0 50% no-repeat; }
 
#content ol { list-style:decimal; list-style-position: outside; padding-left:25px; }
#content ol li{  line-height: 1.4em; border-bottom: 1px #f7f4ee solid; padding: 4px 0 4px 0px; }


#content div.text_site_left{ float:left; padding:30px 15px 30px 30px; width:240px;}
#content div.text_site_right{ float:right; padding:30px 30px 30px 15px; width:500px;}
 


#footer{  width:800px; margin:0 auto; height:40px; padding:0px 30px; font-size:0.7em;}
#footer p span{float:right;}