/* CSS Document */
html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
font-family: arial, sans-serif;
font-size:80%;
background-image: url(images/bg.jpg);
background-repeat:repeat-x;
color: #CCCCCC; 
background-color:#363636;
}

body a{
/*text-decoration:none;*/
color:#00BFFF;
list-style:none;
}

body a:hover {
text-decoration:underline;
color: #CCCCCC; 
}
#wrap {
background-image: url(images/columns.gif);
background-position:top left;
background-repeat:repeat-y;
min-height:95%;
width:800px;
margin:auto;
border: 1px solid black;
background-color:black;
}
* html #wrap {height:95%}



#header {
background-image:url(images/logo.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: black; 
color:#ff9900;
margin:0; 
padding:0;
height:150px;
text-align:center;
}


#clearfooter {
clear:both;
height:35px;
overflow:hidden;
}

#footer {
height:35px;
background-image:url(images/footer.gif);
background-position:top left;
background-repeat:no-repeat;
background-color: black; 
margin:0; padding:0;
margin-top:-150px;
color:#FFFFFF;
text-align:center;
width:800px;
margin:auto;
border: 1px solid black;
/*border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
background-image:url(images/columns.gif);
background-position:top left;
background-repeat:no-repeat;
}

#left {
float:left;
width:130px;
text-align:left;
margin:0px;
padding:0px;
}

#main {
	position:relative;
	margin-left:130px;
	



}


#content {
padding:5px;
margin-right:130px;
text-align:left;
}
#right {
float:right;
width:115px;
text-align:center;
margin-right:10px;}







#nav ul {
list-style: none; 
padding: 0; 
margin-left:3px;
height: 2em; 
width:8em;
position:absolute;

}

#nav li { 
margin-top:0.5em;
margin-left:0px;
width:8em;
height:2em;


}

#nav a {
display: block; 
border: 0.1em solid #CCCCCC; 
height: 2em; 
width:8em;
line-height: 2em;
background: black 50% repeat-x; 
color: #CCCCCC; 
text-decoration:none;
text-align: center;  
font-weight: bold
}



#nav a:hover {
background: url(images/button.gif) #CCCCCC; 
color:black;
height: 2em; 
width:8em;
















}



#right a {
/*text-decoration:none;*/
color:#00BFFF;



}




#right a:hover {
text-decoration:underline;
color: #CCCCCC; 
}
#right h3 {
text-decoration:none;
color:#CCCCCC;
}


h4 {
color:#00BFFF;
}


h5 {
color:#00BFFF;
}
















#gallery {
  padding:0; 
  margin:0px 0px 0px 100px; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:500px; 
 /* border:1px solid #888; */
 /* background:#fff url(gallery/gallery_back.gif);*/
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
  }
#gallery li a:hover{
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }
  
  /*Horizontal gallery*/
  #gallerya, #galleryray, #galleryk, #galleryd, #galleryneil, #galleryjdias, #gallerywatson21, #gallerywill {
  padding:0; 
  margin:0 0 5em 0; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  /*border:1px solid #888; */
  }
  
#gallerya {
background:#fff url(gallery/andyadmin/horizontal-gallery-back.gif);
}
#galleryray {
background:#fff url(gallery/ray/horizontal-gallery-back.gif);
}  
















#galleryk{
background:#fff url(gallery/ktlk/horizontal-gallery-back.gif);
}
















#galleryd {
background:#fff url(gallery/davelee225/horizontal-gallery-back.gif);
}
















#galleryneil {
background:#fff url(gallery/neil/horizontal-gallery-back.gif);
}
  
#galleryjdias  {
background:#fff url(gallery/jdias/horizontal-gallery-back.gif);
}
  
 #gallerywatson21 {
background:#fff url(gallery/watson21/horizontal-gallery-back.gif);
}
















#gallerywill{
background:#fff url(gallery/will/horizontal-gallery-back.gif);
}
































 
#gallerya li, #galleryray li, #galleryk li, #galleryd li, #galleryneil li, #galleryjdias li, #gallerywatson21 li, #gallerywill li{
  float:left;
  }
#gallerya li a, #galleryray li a, #galleryk li a, #galleryd li a, #galleryneil li a, #galleryjdias li a, #gallerywatson21 li a , #gallerywill li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallerya li a img, #galleryray li a img, #galleryk li a img, #galleryd li a img, #galleryneil li a img, #galleryjdias li a img, #gallerywatson21 li a img, #gallerywill li a img{
  width:28px; 
  height:240px; 
  border:0;
  }
#gallerya li a:hover, #galleryray li a:hover, #galleryk li a:hover, #galleryd li a:hover, #galleryneil li a:hover, #galleryjdias li a:hover, #gallerywatson21 li a:hover, #gallerywill li a:hover {
  background:#eee; 
  width:320px;
  }
#gallerya li a:hover img, #galleryray li a:hover img, #galleryk a:hover img, #galleryd li a:hover img, #galleryneil li a:hover img, #galleryjdias li a:hover img, #gallerywatson21 a:hover img, #gallerywill li a:hover img {
  width:320px;
  }
  
.ol2 {
list-style: circle; 
}
  
.ol2 a{
text-decoration:none;
color:#00BFFF;
















}
















.ol2 a:hover {
text-decoration:underline;
color: #CCCCCC; 
}
















.download {
width:500px;
margin-bottom:15px;
}
















.list {
float:left;
display:block;
width:250px;
}
















.image {
float:left;
display:block;
margin-left:5px;
















}
















.submit-button {
border: 0.1em solid #CCCCCC; 
background: black 50% repeat-x; 
color: #CCCCCC; 
text-decoration: none; 
text-align: center;  
font-weight: bold
}
















.text-area {
color: #CCCCCC;
background: black;
border: 0.1em solid #CCCCCC; 
}
















#mainpic {
float:right;
border:none;
background-image: url(images/mainpic.gif);
width:200px;
height:129px;
background-repeat:no-repeat;
}
















#mainpic2 {
float:left;
border:none;
background-image: url(images/mainpic2.gif);
width:200px;
height:135px;
background-repeat:no-repeat;
}
















.ol3 {
list-style:none;
padding:0px;
margin:0px;
}
















#engine {
background-image: url(images/egr.jpg);
border:none;
height:300px;
width:400px;
}




.hr {
color:#CCCCCC;
}
.ol9 {
list-style:none;
margin:0px;
padding:0px;
font-size:95%;
}


.ol9 li {
margin-bottom:12px;
}
.olnews {
list-style:disc;
margin:0px;
padding:0px;
}
.ol tle {
list-style:none;
margin-top:15px;
}

#q4 {margin-top:470px;height:70px;font-size:75%;background-image: url(q4-100x60-banner.gif);background-repeat:no-repeat;margin-left:5px;}
#q4inner p{padding-top:30px;}
#q4inner a,#q4inner a:hover, #q4inner a:visited {text-decoration:none;}

#google {
margin-right:30px;
position:relative;
}

#opie {

margin-top:50px;
}

#moneysupermarket {
/*width:125px;
height:125px;
background-image:url(http://i264.photobucket.com/albums/ii166/msfg_album/Megane.jpg);
background-repeat:no-repeat;
margin:auto;
color:#402878;*/

}