html {height:100%}
body { 
font:normal 18px Arial;/* Century Gothic */
background: #000 url('bg.jpg') top repeat-x;
text-align:center;
color:#FFFFFF;
height:101%;
min-width:1020px;

}


#main{
background: #111 url('main.jpg') center no-repeat;
height:400px;
margin:100px auto 0px auto;
width:600px;
}

#menu{
text-align:center;
width:900px;
margin: 0px auto 0px auto;
}

#menu ul li{margin-top: 20px; list-style:none; float:left; margin-left: 0px;}

#menu ul li a{ 
display: block;
position:relative;
height:50px;
margin: 0 0;

}


#m1{
margin-left: 150px; 
background:url('m_1.png') center no-repeat;
width:90px;
text-indent: -9999px;
}


#m2{
background:url('m_2.png') center  no-repeat;
width:80px;
text-indent: -9999px;
}


#m3{
background:url('m_3.png') center  no-repeat;
width:95px;
text-indent: -9999px;
}


#m4{
background:url('m_4.png') center  no-repeat;
width:75px;
text-indent: -9999px;
}

#m5{
background:url('m_5.png') center  no-repeat;
width:80px;
text-indent: -9999px;
}

#m6{
background:url('m_6.png') center  no-repeat;
width:105px; 
text-indent: -9999px;
}

#m7{
background:url('m_7.png') center  no-repeat;
width:75px;
text-indent: -9999px;
}

#m8{
background:url('m_8.png') center  no-repeat;
width:80px;
text-indent: -9999px;
}

#m9{
background:url('m_9.png') center  no-repeat;
width:90px;
text-indent: -9999px;
}

#logo{
background:url('logo.png') bottom right no-repeat;
width:999px;
height:124px;
margin:0 auto;
display:block;
}

#content{
width:1020px;
margin:100px auto 0 auto;
font:normal 15px Arial;
padding-bottom:20px; 
}
#content h1{
font:normal 19px Arial;
text-decoration:underline;
padding-right: 20px;
padding-top: 20px;
margin:0 0 15px 0;
}

#content_text {
font:normal 15px Arial;
text-align: left;
color: white; 
}

#menu_left {
background: #222;
width: 200px; 
height: 100%;
}

.foto{
float:left;
margin-top: -3px;
}

#text{
color: #fff;
float:right;
width:750px;
padding:0 30px;
text-align:left;
font:normal 15px Arial;
}

#text h1{
font:normal 19px Arial;
padding-right: 20px;
padding-top: 20px;
color: rgb(255, 0, 255);
margin:0 0 15px 0;
}


#text h2{
font:normal 16px Arial, Helvetica, sans-serif;
padding-right: 20px;
color: rgb(201, 234, 255);
margin:0 0 10px 0;
}

#text h3{
font:normal 14px Arial;
padding-right: 20px;
color: rgb(201, 234, 255);
margin:0 0 10px 0;
}

#text h4{
font:normal 16px Arial, Helvetica, sans-serif;
padding-right: 20px;
color: rgb(255, 0, 255);
margin:0 0 10px 0;
}

#text h5{
font:normal 16px Arial, Helvetica, sans-serif;
padding-right: 20px;
color: rgb(0, 255, 255);
margin:0 0 10px 0;
}

#text h6{
font:normal 14px Arial, Helvetica, sans-serif;
padding-right: 20px;
color: rgb(255, 0, 0);
margin:0 0 10px 0;
}




#text a{
	color: rgb(255, 0, 255);
	font-weight: bold;
}



#text p{
padding-right: 20px;
margin:0 0 15px 0;
}

#top_txt{
background:url('top_txt.png') top center no-repeat;
width:680px;
height:29px;
float:right;
}

#bot_txt{
background:url('bot_txt.png') bottom center no-repeat;
width:680px;
MARGIN-TOP: -1PX;
height:30px;
float:right;
}

#bot_fon{
/* background:url('bot_fon.jpg') top center repeat-x; */
height:61px;
width:100%;
}
#bot_fon p{
width:980px;
margin:0 auto;
padding-top:20px;
text-align:right;
font: 16px Century Gothic; 
}
.clr{clear:both;}

a { color:#fff;}
a :visited {color:#fff;}

