@charset "UTF-8";
/* CSS Document */

a:link {color: #fff; text-decoration:none;}     
a:visited {color: #ffffff; text-decoration:none;}  
a:hover {color: #333; text-decoration:none;}   
a:active {color: #333; text-decoration:none;}   

#body {
background-image:url(img/bg.jpg);
background-attachment:fixed;

}

#head {
width:100%;
height:60px;
background-color:#666666;
border-top:1px solid #999;
border-left:1px solid #555;
border-right:1px solid #555;
position:fixed;
filter:alpha(opacity=50);
-moz-opacity:.60;
opacity:.50;
}

#welcome {
font-size:24px;
margin-left:40%;
margin-top:200px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


#fill {
width:100%;
height:10px;
background-color:#333333;
border-left:1px solid #555;
border-right:1px solid #555;
position:fixed;
margin-top:61px;	
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
} 


#footer {
width:100%;
height:30px;
background-color:#000000;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
position:fixed;
margin-top:551px;	
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
} 

#contentnat {
width:11655px;
position:absolute;
height:480px;
border-left:1px solid #555;
border-right:1px solid #555;
border-top:1px solid #333;
margin-top:70px;
}

#contentpeo {
width:14779px;
position:absolute;
height:480px;
border-left:1px solid #555;
border-right:1px solid #555;
border-top:1px solid #333;
margin-top:70px;
}

#contentart {
width:17525px;
position:absolute;
height:480px;
border-left:1px solid #555;
border-right:1px solid #555;
border-top:1px solid #333;
margin-top:70px;
}



#cef{
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:100px;
margin-top:30px;
font-size:14px;
}

#cef4{
font-size:9px;
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:100px;
margin-top:80px;
font-size:14px;
}



#cef1{
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:100px;
margin-top:30px;
font-size:14px;
}

#h {
font-weight:bold;
font-size:18px;
}

#cef2{
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:500px;
margin-top:-320px;
font-size:14px;
}
#cef2s{
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:560px;
margin-top:-310px;
font-size:14px;
}



#cef3{
width:400px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:500px;
margin-top:-210px;
font-size:14px;
}

#imgm{
position:fixed;
margin-left:800px;
margin-top:120px;
z-index:2;
outline:1px solid #666;
}


#contentelse {
position:absolute;
width:100%;
height:480px;
border-left:1px solid #555;
border-right:1-1px solid #555;
border-top:1px solid #333;
margin-top:70px;
background-color:#333;
filter:alpha(opacity=30);
-moz-opacity:.30;
opacity:.30;
z-index:1;
}




#navi {
padding-top:20px;
margin-left:30px;


}

#font {
word-spacing:20px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

}

#scroll {
word-spacing:20px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left:600px;
font-size:12px
}

#footertext {

word-spacing:10px;
font-family:myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color:#fff;
position:fixed;
margin-top:558px;
text-align:center;
font-size:12px;
margin-left:35%;
filter:alpha(opacity=10);
-moz-opacity:.10;
opacity:.10;
}