body { 
font-family: Verdana, Helvetica, sans-serif,Osaka,'MS P Gothic'; 
line-height: 1.4;
font-size: 14px;
margin: 0;
padding: 0;
background-color:#000000;
background-image:url("images/bg_star.png");
background-position: right top;
background-repeat: no-repeat;
}

a { color: #00FFFF; text-decoration: none; }
a:hover { color: #FFFF00; }


h1 {
font-family: Georgia;
margin: 0;
padding: 0;
font-weight: 100; 
letter-spacing: -1px; 
font-size: 33px;
padding-left: 30px;
}
h1 a { text-decoration: none; }
h1 a:hover { border-bottom: 1px solid #66CCCC; text-decoration: none; }

img {
border: none;
}

#wrap { 
width: 800px;
margin: 20px auto;
}

#header {

}

#top {
background: url(images/top-trans.png) no-repeat;
margin: 15px 0 0 0;
height: 30px;
}


#bottom {
background: url(images/bottom-trans.png) no-repeat;
padding: 0 0 10px 0;
height: 20px;
}


#contentwrap {
background: url(images/content-trans.png) repeat-y;
padding: 0 30px;
}



#contentbottom {
background: url(images/bg_mini.png) no-repeat bottom center;
}



#content {
float: right;
width: 550px;
}
#content h2 {
margin: 0;
color: #31414F;
line-height: 30px;
font-size: 19px;
font-weight: 100;
letter-spacing: -1px;
border-bottom: 3px dotted #31414F;
}

#content p { padding: 0 0 10px 0; color: #232323;}
#content ul { padding: 0 20px 10px 30px; }

#sidebar {
float: left;
width: 160px;
text-align: right;
font-size: 20px;
}

#sidebar h3 {
height: 30px;
line-height: 30px;
font-size: 19px;
font-weight: 100;
letter-spacing: -1px;
margin: 0; padding: 0; 
color: #31414F;
border-bottom: 3px dotted #31414F;
text-align: center;
}

#sidebar p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar ul {
padding: 10px 10px 20px 0;
margin: 0;
color: #FF0064;
list-style-type: none;
}

#sidebar ul li {
padding: 0;
margin: 0;
}


#menu1{
width:150px;
height:40px;
background: url("images/menu/news.png") no-repeat;
}

#menu1 a{
width:150px;
height:40px;
display:block;
}

#menu1 a:hover{
width:150px;
height:40px;
background: url("images/menu/news2.png") no-repeat;
}




#menu2{
width:150px;
height:40px;
background: url("images/menu/about.png") no-repeat;
}

#menu2 a{
width:150px;
height:40px;
display:block;
}
#menu2 a:hover{
background: url("images/menu/about2.png") no-repeat;
}

#menu3{
width:150px;
height:40px;
background: url("images/menu/works.png") no-repeat;
}

#menu3 a{
width:150px;
height:40px;
display:block;
}
#menu3 a:hover{
background: url("images/menu/works2.png") no-repeat;
}

#menu4{
width:150px;
height:50px;
background: url("images/menu/blog.png") no-repeat;
}

#menu4 a{
width:150px;
height:50px;
display:block;
}
#menu4 a:hover{
background: url("images/menu/blog2.png") no-repeat;
}

#menu5{
width:150px;
height:40px;
background: url("images/menu/link.png") no-repeat;
}

#menu5 a{
width:150px;
height:40px;
display:block;
}
#menu5 a:hover{
background: url("images/menu/link2.png") no-repeat;
}

#menu6{
width:150px;
height:40px;
background: url("images/menu/cont.png") no-repeat;
}

#menu6 a{
width:150px;
height:40px;
display:block;
}
#menu6 a:hover{
background: url("images/menu/cont2.png") no-repeat;
}


#menu7{
width:150px;
height:40px;
background: url("images/menu/shop.png") no-repeat;
}

#menu7 a{
width:150px;
height:40px;
display:block;
}
#menu7 a:hover{
background: url("images/menu/shop2.png") no-repeat;
}

#footer { 
text-align: center;
color: #515151;
font-weight: 100;
font-size: 13px;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #333; }
#footer a:hover { text-decoration: underline; }