@import "index_contents.css";

body{
background:#E8E8E8 url(../img/index/bg.gif) repeat-x center top;
color: #ddd;
}

/* LAYOUT
------------------------------------------*/

#wrapper{
margin:0 auto;
width:800px;
border-right:#9E9E9E 1px solid;
border-left:#9E9E9E 1px solid;
min-height:100%;
background:#000;
text-align:left;
}
/* Hides from IE-mac \*/
* html #wrapper{
height:100%;
}
/* End hide from IE-mac */

#header{
height:356px;
padding:0 0 0 30px;
background:#fff;
}

#gNav{
background:#000 url(../img/index/contents_bg.gif) repeat-x;
margin:0;
height:40px;
padding:0 0 7px 0;
width:800px;
position:relative;
}

#contents{
}

/* CLEAR FIX [BEGIN] */

#contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#contents {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html #contents {height: 1%;}
#contents {display: block;}
/* End hide from IE-mac */

/* CLEAR FIX [END] */

#footer{
clear:both;
padding:25px 15px 30px 24px;
font-size:84%;
}

/* CLEAR FIX [BEGIN] */

#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#footer {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */

/* CLEAR FIX [END] */

/*STYLE
----------------------------------------*/
#header h1{
padding-top:75px;
line-height:0px;
}

#header #visual{
margin:-125px 0 0 290px;
}

#header h2{
margin:-151px 0 0 0;
}

#header object{
margin-left:-30px;
}

#gNav li{
width:160px;
position:absolute;
margin:0;
list-style:none;
padding:0;
line-height:0px;
}

#gNav li#nav1{left:0px;}
#gNav li#nav2{left:160px;}
#gNav li#nav3{left:320px;}
#gNav li#nav4{left:480px;}
#gNav li#nav5{left:640px;}

#footer ul{
margin:0;
width:375px;
float:left;
}

#footer ul li{
list-style:none;
display:inline;
border-left:#8B8B8B 1px solid;
margin-right:1.2em;
padding-left:1.2em;
text-transform:uppercase;
}

#footer ul li.firstChild,
#footer ul li:first-child
{
border-left:0;
padding-left:0;
}

#footer a{ color:#ddd; text-decoration:none}
#footer a:hover,
#footer a:active{ text-decoration:underline;}

#footer p#copy{
width:385px;
color:#aaa;
float:right;
text-align:right;
line-height:1.3;
margin:0;
text-transform:uppercase;
letter-spacing:0.1em;
}
.uppercase{
text-transform:uppercase;
letter-spacing:0.1em;
}