@import url('reset.css');

*{
border:0px solid #eee;
margin:0;padding:0;
list-style:none;
}

html,body,#bg,#bg table,#bg td,#content{
width:100%;
height:100%;
overflow:hidden;
}

body{
cursor:default;
background-color: black;
color:#000;
font-family:Arial,sans-serif;
font-size:10px;
}

a {
text-decoration: none;
}

h1,h2,.large,.left{
font-family:Century Gothic,sans-serif;
font-size:40px;
}

h2,.box div img{
padding-bottom:10px;
}

img{
display:block;
}

#bg div{
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%;
}
#bg td{
vertical-align:middle;
text-align:center;
}

#bg img{
min-height:50%;
min-width:50%;
margin:0 auto;
}

#content{
position:absolute;
top:0;
left:0;
z-index:70;
overflow:auto;
}

#nav{
position:absolute;
bottom:20px;
left:0;
padding-left: 10px;
z-index:80;
line-height:12px;
background-color: #fff;
}

#logo {
float:left;
width: 150px;
height: 58px;
padding:13px 8px 10px 8px;
}

#menu {
float: right;
height:58px;
background:#fff;
padding:9px;
z-index: 80;
}

h1{
position:relative;
left:-141px;
margin-bottom:-63px;
width:140px;
opacity:0.99;
}

h1 a{
padding:41px 10px 10px 0;
color:#fff;background:#000 url(images/go.gif) 0 -30px repeat-x;
font-size:11px;
text-align:right;
display:block;
}

h1 a:hover{
background:#000 url(images/go.gif) 0 43px repeat-x;
}

ul{
float:left;
width:95px;
padding-top: 1px;
font-family:Arial,sans-serif;
font-size:10px;
font-weight:900;
}


li a{
height:12px;
padding:0 5px;
display:block;
color: #333;
text-decoration: none;
}

li a:hover,li.cur a{
color: #fb6307;
text-decoration: none;
}

.box{
position:absolute;
top:10%;
right:145px;
width:700px;
padding-bottom:100px;
}

.box div{
margin-top: -45px;
line-height:1.5em;
background:#fff;
padding:20px 20px 7px;
}

#intro h2{
color: #fb6307;
}

#intro div p{
font-size: 12px;
font-family: Arial, sans-serif;
color: #333333;
height: auto;
}

#intro div a{
text-decoration:none;
color: #fb6307;
}

#intro div a:hover{
text-decoration:underline;
color: #ccc;
}

#contact h2{
color: #fb6307;
}

#contact div p{
font-family: Arial, sans-serif;
font-weight: bold;
color: #333;
font-size: 30px;
padding-bottom: 15px;
}

#contact div a{
text-decoration:none;
color: #fb6307;
}

#contact div a:hover{
text-decoration:underline;
color: #ccc;
}

.box h2{
font-weight: bold;
}

.large{
text-align:right;
top:20%;
right:120px;
font-size:16px;
font-weight: lighter;
}

.left{
text-align:left;
right:auto;
left:180px;
font-size:16px;
color: #fb6307;
}

.right{
left: 800px;
right: auto;
color: #fb6307;
text-align: left;
}

.large h1 {
font-size:100px;
margin-left: 134px;
}

.large h2{
font-size:40px;
}

h3{
position:relative;
border-bottom-width:1px;
padding:30px 30px 10px 30px;
margin:0 -30px 20px -30px;
text-transform:uppercase;
line-height:20px;
font-weight:bold;
}

h3 span{
position:absolute;
right:510px;
top:29px;
background:#000;
text-align:center;
padding:0 5px;
white-space:nowrap;
display:block;
color:#fff;
font-weight:normal;
}

dl{
margin:10px 0;
}

dt,dd p{
padding:15px 0 25px 0;
display:block;
border-top-width:1px;
width:440px;
}

dt{
text-transform:uppercase;
padding:0 5px;
cursor:pointer;
line-height:20px;
height:20px;
font-weight:bold;
width:430px;
}

dd{
height:0px;
overflow:hidden;
width:440px;
}

#photos{
position:absolute;
z-index:90;
bottom:41px;
right:40px;
height:20px;
overflow:hidden;
}

#photos a,#float{
z-index:90;
height:20px;
line-height:20px;
text-align:center;
width:40px;
background:#fb6307 url(images/gal.gif) -6px 5px no-repeat;
cursor:pointer;
color:#fff;
}

#photos a{
width:20px;
float:left;
margin-left:1px;
background:#000;
font-weight:bold;
overflow:hidden;
}

#photos a:hover,#photos a.cur{
background:#fff;
color:#000;
}

#float{
display:none;
position:absolute;
}

#float.nxt,#float.prv{
display:block;
}

#float.nxt{
background-position:-16px 5px;
}

#float.prv{
background-position:7px 5px;
}

#footer {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: 900;
color: #fff;
text-align: left;
position: absolute;
left: 5px;
top: 86px;
}