
/*  CSS  html body style for centre    */

body {
padding:0px;
margin:0px; 
font-size: 12px; 
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#cccccc;
height:100%;
background-image:url(../images/body_repeat.gif);
background-repeat:repeat-x;

background-color:#040404;

}

/*  CSS  container for centre content  */


#wrapper{

width: 846px;
position: relative;
margin-left: auto;
margin-right: auto; 
padding:0px;
margin-top:0px; 
}

a:link {
color:#666666;
text-decoration:none; 
font-weight:bold;
}

a:visited{
color:#666666; 
 text-decoration:none; 
font-weight:bold;
}

a:hover{ 
color:#cc0000; 
text-decoration:underline;
font-weight:bold; 
}

img{border:none}

clear{
margin:0px; 
padding:0px; 
font-size:1px
}

form{
margin:0px;
padding:0px;
}




/*  CSS  Header styles */

#header{
position:relative;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
float:left; 
width:846px;
top:0px;
padding:0px;
margin:0px; 
display:block;
clear:both;
}

#header h1 {
position:absolute;
width:846px;
font-size:11px;
text-align:right;

margin:0px; 
padding:0px;
}

#header ul{

position:relative;
width:846px;
height:33px;
top:93px;
margin:0px; 
padding:0px; 
list-style-type:none;

}

#header li{
margin:0px; 
padding:0px; 
list-style-type:none;
float:left;
}




#home a, #home a:visited {
width:124px;
height:33px;
background-image:url(../images/home.gif);
background-repeat:no-repeat;
display:block;

}

#home a:hover {
width:124px;
height:33px;
background-image:url(../images/home_hover.gif);
background-repeat:no-repeat;
display:block;

}

#latest a, #latest a:visited {
width:124px;
height:33px;
background-image:url(../images/latest.gif);
background-repeat:no-repeat;
display:block;

}

#latest a:hover {
width:124px;
height:33px;
background-image:url(../images/latest_hover.gif);
background-repeat:no-repeat;
display:block;

}

#about a, #about a:visited {
width:124px;
height:33px;
background-image:url(../images/about.gif);
background-repeat:no-repeat;
display:block;

}

#about a:hover {
width:124px;
height:33px;
background-image:url(../images/about_hover.gif);
background-repeat:no-repeat;
display:block;

}

#helm{
width:102px;
height:33px;
background-image:url(../images/helm.gif);
background-repeat:no-repeat;
display:block;

}

#contact a, #contact a:visited {
width:124px;
height:33px;
background-image:url(../images/contact.gif);
background-repeat:no-repeat;
display:block;

}

#contact a:hover {
width:124px;
height:33px;
background-image:url(../images/contact_hover.gif);
background-repeat:no-repeat;
display:block;

}

#ad a, #ad a:visited {
width:124px;
height:33px;
background-image:url(../images/ad.gif);
background-repeat:no-repeat;
display:block;

}

#ad a:hover {
width:124px;
height:33px;
background-image:url(../images/ad_hover.gif);
background-repeat:no-repeat;
display:block;
}


#gallery_top a, #gallery a:visited {
width:124px;
height:33px;
background-image:url(../images/gallery.gif);
background-repeat:no-repeat;
display:block;

}

#gallery_top a:hover {
width:124px;
height:33px;
background-image:url(../images/gallery_hover.gif);
background-repeat:no-repeat;
display:block;
}


/*  CSS  division and styles for left side */


#left {
position:relative;
float: left; 
width: 552px; 
margin:0 0 20px 0; 
padding:0px; 

}

#content{
width:531px;
background-color:#000000;
margin:0px;
color:#666666;
padding:10px; 
}

#content h2{
color:#ffffff;
font-size:16px;
margin:0 0 10px 0;
font-weight:bold;

}


#content h2 span{
color:#cc0000 !important;
}

#content h3{
color:#cc0000;
font-size:14px;
margin:0 0 10px 0;
font-weight:bold;
}

.red{
color:#cc0000;
}

#content a, #content a:visited{
color:#cc0000;
text-decoration:none;
}

#content a:hover{
color:#ffffff;
text-decoration:underline;
}

#content strong{
color:#999999;
font-weight:bold;
}


#content_top{
position:relative; 
left:-1px;
background-image:url(../images/content_top.gif);
background-repeat:no-repeat;
width:552px;
height:21px;
display:block;
margin:0px; 
padding:0px;
}


#content_bottom{
position:relative; 
left:-1px;
background-image:url(../images/content_bottom.gif);
background-repeat:no-repeat;
width:552px;
height:21px;
display:block;
margin:0px; 
padding:0px;}



.ul_content{ 
list-style-type:none;
width:250px;
margin:0px;
float:left;
padding:0px;
font-size:14px;

}

.ul_content li{ 
list-style-type:none;
width:250px;
margin:0 0 5px 0;
display:block;
float:left;
padding:0px;
font-weight:bold;


}

.ul_content span{ 
list-style-type:none;
width:100px;
color:#cc0000;
margin:0px;
display:block;
float:left;
padding:0px;

}

.ul_content a, .ul_content a:visited{ 
color:#cccccc!important;
text-decoration:none;
}

.ul_content a:hover{ 
color:#ffffff!important;
text-decoration:underline;
}

.ol_content{
list-style-type:none;
margin:0 0 20px 0;
padding:0px;
float:left;
color:#cccccc;
font-weight:bold;

}

.photos ul { 
list-style-type:none;
margin:0px;
padding:0px;
float:left;
}




.photos li{ 
border:1px dotted #cc0000;
margin:0 15px 15px 0;
padding:5px;
width:150px;
height:100px;
display:block;
float:left;
text-align:center;
overflow:hidden;
}

#left hr{
margin:20px 0 20px 0;
color:#000000;
border-top:1px dotted #666666;
border-left:1px dashed #000000;
border-right:1px dashed #000000;
border-bottom:1px dashed #000000;

}


.float_right{

float:right;
margin-left:10px;

}

.float_left{

float:left;
margin-right:10px;
margin-bottom:30px;
margin-top:30px

}
/*  CSS  division and styles for right side */



#right {
position:relative;
float: right;
top:0px; 

width: 273px;
margin:0px; 
padding:0px; 
}


#right ul{
padding:0px;
margin:0 0 20px 0; 
list-style-type:none;
}
 
#right li{
padding:0px;
margin:0 0 10px 0; 
}

.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */

#footer{
clear: both;
width:100%;

padding:0px;
margin:20px 0 0 0;
background-image:url(../images/footer_repeat.gif); 
background-repeat:repeat-x;
}

#footer_container {
bottom:0px!important;
margin-left: auto;
margin-right: auto; 
width: 846px;
padding:0px;   
}


#footer_container ul {

margin:0px; 
padding:0px; 
list-style-type:none;
width:560px;  
}

#footer_container li {

margin-right:10px;
float:left;
 
}


#slr{

float:right;
}



#footer_container ol { 
width:846px;
clear:both;
float:right;
margin:15px 0 10px 0; 
padding:0px; 
list-style-type:none;
font-size:10px; 
color:#666666; 
}

#footer_container ol li {
padding:0px;
margin:0 0 0 5px;
float:right;
text-align:right;
 
}






