 * {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #ffff23;}
 .link:hover {text-decoration: underline;color:#edec9f;}
 img {display: block;}



 body {background-color: #000; font-family:  Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px;}

 .clearer { height: 0.1em; clear: both;}

 #container {width: 980px; height: 540px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -490px; margin-top: -270px;}


p{
font-family:  Arial, Helvetica, sans-serif; 
font-size:14px; 
line-height: 18px;
text-align:left;
}
h1 {
font-size:1.0em;
color:#333333;
text-align:left;
font-family:Arial;
margin-bottom:-5px;
}



#logo{
position:relative;
top:-5px;
left:35px;
width:821px;
height:135px;
z-index:9999;

}
#content1{
position:absolute;
top:513px;
left:29px;
width:820px;
height:auto;
background-color:#33344d;
z-index:9998;
border-bottom:30px solid #000;
padding:35px 50px 15px 50px;
color:#fff;
font-size:.9em;
margin-bottom:20px;
min-height:500px;

}
#images{
position:absolute;
top:513px;
left:29px;
width:820px;
height:auto;
background-color:#33344d;
z-index:9998;
border-bottom:30px solid #000;
padding:35px 50px 15px 50px;
color:#fff;
font-size:.9em;
margin-bottom:20px;
min-height:500px;

}
#contactcontent{
position:absolute;
top:136px;
width:556px;
left:35px;
height:auto;
background-color:#000;
z-index:9998;
border-bottom:30px solid #000;
padding:25px 50px 15px 50px;
color:#fff;
font-size:.9em;
margin-bottom:20px;
}
#content1 ul li{
list-style:disc;
margin-left:30px;
}


#gallery{
position:absolute;
top:10px;
left:29px;
width:920px;
height:500px;
border-top:1px solid #fff;
border-bottom:3px solid #fff;
}
#navigation{
position:absolute;
top:10px;
left:48px;
width:150px;
height:auto;

z-index:10000;
}
#footer{
position:relative;
top:5px;
left:0px;
background-color:#33344d;
border-top:1px solid #888888;
height:auto;
width:780px;
margin-top:30px;
padding:3px 15px 0px 15px;
font-size:.8em;
text-align:center;
}

#title{
position:absolute;
top:495px;
height:26px;
left:90px;
border:1px solid #fff;
width:auto;
color:#fff;
padding:5px 20px 0px 20px;
background-color:#000;
font-size:1.2em;
z-index:10001;
}
.clear {clear:both}   
/* remove the list style */  
#nav {  
    margin:0;   
    padding:0;   
    list-style:none;  
}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {  
        float:left;   
        display:block;   
        width:auto;   
        
        position:relative;  
        
        z-index:500;   
        margin:0 0px;  
    }  
          
    /* this is the parent menu */  
    #nav li a {  
        display:block;   
        padding:5px 8px 0 5px;       
        height:26px;   
        text-decoration:none;   
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
        color:#fff;   
        text-align:center;   
          background-color:#33344d;
    }  
  
    #nav li a:hover {  
        color:#ffffcc;  background-color:#33344d;
    }  
      
    /* you can make a different style for default selected value */  
    #nav a.selected {  
        color:#fff;  
    }  
      
        /* submenu, it's hidden by default */  
        #nav ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0;   
            padding:0;   
            list-style:none; 
            
width:150px;
        }  
          
        #nav ul li {  
            width:150px;   
            float:left;   
          border-left:1px solid #fff;
text-align:left;

        }  
          
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {  
            display:block;    
            height:17px;  
            padding: 3px 5px 5px 8px;   
            color:#eee;  text-align:left;
        }  
          
        #nav ul a:hover {  
            text-decoration:none;    
        }  
  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul {  
    margin:0;  
}  
