/* 
((DO NOT REMOVE))
---------------------------------
CSS Document Copyright 2007 
Creative Clicks
www.creativeclicks.co.uk
---------------------------------
*/
 
body { font: 12px arial; color: #333; background: #fff; background-repeat: repeat-x; margin: 0; line-height: 1.6em; text-align: center;}
html { }


iframe { border: 0;}
table {background: #FCFCFC; font-size: 10px; text-align: center; padding: 2px; width: 610px;}
.gallery_table { width: 568px; background: fff;}
#form { font-size: 11px; padding: 2px; margin: 0 0 0 70px; width: 480px; text-align: left; line-height: 2.0em; }
#form_details { background: #CEEBCE; padding: 5px; float: left; width: 185px; margin: 0 50px 0 0 ; border: 1px solid #ccc;}
#form_event { background: #CEEBCE; padding: 5px; float: left; width: 185px; border: 1px solid #ccc;}
.field { width: 180px; height: 20px;  border-top: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { width: 180px; border-top: 1px solid #999; border-left: 1px solid #999;}
.button { width: 70px; height: 25px; border: 1px solid #999; }
label { font-weight: normal; font-size: 11px; color: #333;}
.tr {background: #CEEBCE;}
.th {background: #99CC99;}
table h1 { font-size: 11px; color: #333; }
#table_data { float: left;  margin: 10px 0 0 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;} 
.photos {border: 1px solid #ccc; float: right;}

#wrapper { border-right: 1px solid #999; border-bottom: 1px solid #999;
border-left: 1px solid #999; width: 790px; background: url(images/body-bg.jpg); margin: auto;}

#header { float: left; width: 790px; height: 379px; padding: 0; margin: 0 0 4px 0; background: url(images/header.jpg) ;
background-repeat: repeat-x; text-align: left;} 
#header-inner { width: 659px; height: 270px; background-repeat: no-repeat;}
#main { float: left; display: inline; width:460px; padding: 0; margin: 20px 0 0 170px; }
#main_sub { float: left; display: inline; width:620px; padding: 0; margin: 20px 0 0 170px;  }
#main_sub_content ul { margin: 40px; list-style-type: disc; color: green; line-height: 1.7em;}
#main_sub_content { float: left; width: 580px; }

#main_sub_content1 { float: left; width: 260px; }
#right { float: left; margin: 45px 0 0 20px; text-align: center; width: 329px; }
#smallpics { float: left; margin: 20px 0 0 0 ; }
#right h1 { padding: 2px; background: #fff; color: #333; font-size: 11px; text-align: center; margin: 0 0 2px 0;}

#gallery { float: left; margin: 25px 0 20px 20px; text-align: center; width: 570px; font-size: 11px;}
#gallery h1 { padding: 2px; background: #ececec; color: #333; font-size: 11px; margin: 0 0 2px 0; 
border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
}

#patches { float: left; width: 120px; margin: 60px 0 0 18px; }
.patch {border: none;}
.photo { margin-right: 4px; border: 2px solid #339933;}
#right-content { float: right; border: 0; width: 80px;}
#footer { padding: 10px; font-size: 9px;  margin-top: 50px;   
border-bottom: 1px solid #ccc; text-align: left; }

h1 { font-size: 14px; color: #333; font-weight: bold; margin: 0 0 20px 0;}
h2 { font-size: 11px; color: green; margin: 8px 0 5px 0; text-decoration: none;}
h3 { font-size: 11px; color: #339933; margin: 20px 0 0 0; }

a:link { color: #339933; text-decoration: none;}
a:active { color: #339933; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
a:visited { color: #336666; text-decoration: none;}

/* nav style */

#navcontainer { position: absolute; width: 150px; margin-top: 350px; }

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
width: 152px;

}

#menu dt {
cursor: pointer;
margin: 2px 1px;
padding: 1px;
font-size: 11px;
line-height: 20px;
text-align: left;
font-weight: bold;
border-bottom: 0;
color: #339933;
text-align: right;
}
#menu dd {
border: 0;
font-size: 11px;
}
#menu li {
text-align: left;
padding: 1px;
margin: 1px;
text-align: right;
}
#menu dt a {
color: #339933;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a 
{
color: #339933;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
color: #333;
}

#home .home, #marquees .marquees, #accessories .accessories, #contact .contact, #custom .custom{ font-weight: bold; color: #333;}



.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}