/* CSS Document */

/* style reset */
* {
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;}
li, dd {margin-left:5%;}
fieldset { padding:.5em;}
/* end style reset */


p {font-family:Arial, Helvetica, sans-serif;color:#fff;font-size:0.8em;}
h1{font-family:Arial, Helvetica, sans-serif;color:#224D0E;font-size:1.0em;}
h2{font-family:Arial, Helvetica, sans-serif;color:#FF9C00;font-size:1.0em;}
h2 a:link, h2 a:visited {font-family:Arial, Helvetica, sans-serif;color:#FF9C00;text-decoration:none;}
h2 a:hover {font-family:Arial, Helvetica, sans-serif;color:#FF6199;text-decoration:none;}
h2 img{border:none;}
h4{height:156px; /* height of logo */
width:255px; /* width of logo */
background:url(../images/sm_logo.jpg) no-repeat;
text-indent:-9000px;
}
html{
overflow-y:scroll;
overflow-x:hidden;
}
body {
background-color:#000000;
}
#wrap {
position:relative;
width:800px;
margin:10px auto 0 auto;
}
#header{
position:relative;
height:156px;
width:800px;
}
#h_left{
position:relative;
float:left;
width:280px;
height:156px;
text-align:left;
}
#nav {
color:#fff;
padding:30px 0 0 10px;
}
#tr_sm {
position:absolute;
height:259px;
width:54px;
top:0px;
right:0px;
background:url(../images/tr_sm.jpg) no-repeat top;
}
#l_sm {
position:absolute;
width:52px;
height:490px;
background:url(../images/bl_sm.jpg) no-repeat bottom;
left:0px;
}
#frame {
position:relative;
width:427px;
float:left;
margin:30px 10px 0 60px;
z-index:10;
}
#mic {
position:relative;
z-index:2;
}
#sun {
position:absolute;
top:300px;
left:595px;
background:url(../images/sun_circle.jpg) no-repeat scroll;
height:412px;
width:412px;
z-index:1;
}
#footer {
position:relative;
clear:both;
}
#clear {
clear:both;
}
:link img {
  border: none;
}