/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 16px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid;
  font-size: 150%;
}

.s
{ font-size: 55%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a{outline: none;}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* logo */
#logo
{ width: 880px;
  height: 140px;
  
  border-top: 10px solid;
border-bottom: 10px solid;
}

#logo h1
{ font-family: century gothic, sans-serif;
  font-size: 600%;
  text-transform: lowercase;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  border: 0px;
  float: left;
  letter-spacing: 0px;
}

#links
{ margin: 15px 9px 0px 0px;
  font-size: 80%;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;
}

#links a, #links a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}

/* navigation menu */
#menu
{ height: 28px;
  width: 880px;
  border-bottom: 0px solid;
}

#menu ul{margin: 0px auto;} 



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul{
margin: 0px auto; 
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size: 12px;
width:110px;
padding:7px 0;
color:#000;
background:#949e7c;
text-decoration:none;
margin-right:0px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:110px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}


#colours
{ height: 0px;
  text-align: left;
  padding: 16px 16px 0px 300px;
}

/* main content */
#site_content
{ width: 878px;
  overflow: hidden;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
} 

/* side menu */
#side_menu
{ padding: 22px 3px 10px 19px;
  float: left; 
  width: 170px;
}

.side_menu_item
{ width: 170px; 
  padding: 6px 0px 8px 0px;
  height: 127px;
}

.side_menu_item a
{ float: left; 
  width: 146px; 
  height: 111px; 
}

.side_menu_item img 
{ display: block; 
  margin: 2px;
}

.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{ text-align: left;
  width: 653px;
  float: left;
  padding: 12px 0px 18px 14px;
}

#content a, #content a:hover{text-decoration: none;}

.photo {position:relative; width:732px; height:382px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#FFF; float:left; background:#FFF url(gallery_5.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; height:30px; line-height:30px; background:#edf8c7 url(gallery_0.gif) no-repeat; font-family: verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

.photo ul :hover b {display:block; width:450px; height:338px; background:transparent; border:0px solid #ff0000; position:absolute; left:300px; top:0;}

.photo ul :hover table
{padding:0; margin-top:-2px; display:block; border:0px solid #ff0000; border-width:0px 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:191px; overflow:visible; height:207px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:50px; margin:0px 0px; background:transparent;}

.photo ul :hover ul li a
{background:trasparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:0; border:0;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #0d5c98;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{left:300px; z-index:0; border:1px solid #0d5c98;}

.photo .default {width:450px; height:338px; position:absolute; left:10px; top:8px; border:0px solid #ff0000;}

/* form */
form
{ margin: 3px 0px 0px 0px; 
  padding: 0; 
}

form#contact{height: 220px;}

div.row1
{ width: 501px; 
  clear: both;
}

div.row1 span.formlabel 
{ float: left;
  width: 164px;
  text-align: left;
}

div.row1 span.forminput
{ float: right;
  text-align: right;
} 

#contact input, #contact textarea
{ width: 299px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  overflow: auto;
  margin: 2px;
}

#contact input.submit
{ width: 99px;
  margin: 8px 0px 0px 220px;
  height: 22px;
  cursor: pointer;
}

/*Properties for special highlight:*/

.special1	{font-size: 85%; font-weight: bold; color: #ffffff; text-align:center }
.special1 a { color:#00CC33; }
.special2	{font-size: 130%; font-weight: bold; color: #333333; text-align:center }
.special3	{font-size: 110%; font-weight: bold; color: #333333; text-align:center }