body     { 
margin: 0; padding-top: 0;color: navy;padding:0; 
 font-size: .9em; font-family: "Lucida Calligraphy", Ariel, helvetica;
background: black ; 
text-align: center; 
}

#header { 
margin-top :30px;height :230px 
;background: url(http://www.gareththornleyphotography.co.uk/images/troughpan.jpg) no-repeat center #002D00;
}
h1
{ margin :0px 0px 0px 58px;
color :#CACACA ;
float :left;
width :10em;
background-image :url(http://www.gareththornleyphotography.co.uk/images/fadeb.png);
background-repeat : repeat;

padding :5px;
font-size: 1.5em;
}
h2 { text-align :center;}
h3 {margin :10px 2px 2px 10px ;padding 10px;color :#C4FFC4;font-size :1.1em}

#content {background-position :top left ;
background-image: url(http://www.gareththornleyphotography.co.uk/images/blacktop.gif) ;
background-repeat :repeat-x ;width :980px; margin :10px auto; height :auto ;color :#CACACA; 
border :double 2px  #5C5C5C;
}
#clear {clear:both ;float :left;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.nav { 
text-align: center; 
 height :3.5em; width :100%;
background-position :bottom; 
background-image: url(http://www.gareththornleyphotography.co.uk/images/blackbot.jpg) ;
background-repeat :repeat-x;
}




#main { width :750px;
text-align:left;
background-image: url(http://www.gareththornleyphotography.co.uk/images/blackleft.gif) ;
background-repeat :repeat-y ;background-position :right;
padding :15px;
 }
#main  a { 
color :#80FF80;
}
#mainright {float :right; width :150px;
margin :10px;
overflow:hidden;
text-align:right;
   position:relative;
font-size: 0.8em; font-family: "Lucida Calligraphy", Ariel, helvetica;
}
#mainright  a {display:block; 
color :#80FF80;
}
#mainright ul {list-style:none;
   margin:0;
   padding:0;
}
#mainright ul li a {display:block; 
color :#80FF80;
padding :3px 5px ;
}
#centeredmenu {
   float:left;
   width:100%;
   
   
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
padding-top :2px;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color: white; font-size: 0.9em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-decoration: none; background-color :#297405;
  
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background-color:#7AF73E;
   color:#004000;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#FFFF80;
   background:#000;
   font-weight:bold;
}
#centeredmenu2 {
   float:left;
   width:100%;
   
   
   overflow:hidden;
   position:relative;
}
#centeredmenu2 ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding: 10px 0px;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu2 ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu2 ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   color: white; font-size: 0.7em; font-family: "Lucida Calligraphy", Ariel, helvetica; text-decoration: none; background-color :#297405;
  
   line-height:1.3em;
}
#centeredmenu2 ul li a:hover {
   background-color:#7AF73E;
   color:#004000;
}
#centeredmenu2 ul li a.active,
#centeredmenu2 ul li a.active:hover {
   color:#FFFF80;
   background:#000;
   font-weight:bold;
}





.shop {height :60px;width :600px;margin :10px 0px 60px 20px;}
.shop p {display:block;text-align :right; padding :2px; margin-right :10px ; color :#C4FFC4;font-size :.8em}
.shop strong {color :#75FF75;}

.buy {position: relative; 
float: right; 
padding;5px; 
margin: 5px; 
width: 80px; 
}

.pano {float :left; width:200px;margin 10px ;padding ;10px; 
}
.pano img {margin :5px; 
padding :5px ;
border :double 2px  #5C5C5C;
float :left;
}

.bw a {text-decoration: none;
}

.bw img {margin :5px; 
padding :20px ;
background-color :white;
border :double 5px  #5C5C5C;
}


.shop2 {height :750px; width :700px;margin :10px 0px 60px 20px;}
.land {border :solid 3px #5C5C5C ;float :left; width :300px; height :200px; margin :15px ;padding ;10px; 
}

.land p {text-align :left; margin-left :15px ; color :#C4FFC4;font-size :.8em}
.land strong {color :#75FF75;}


.land img {float :left;width :100px;margin :5px 15px 5px 15px; 
padding :5px ;
border :double 4px  #5C5C5C;

}

.port {border :solid 3px #5C5C5C ;float :left; width :300px; height :200px; margin :15px ;padding ;10px; 
}
.port p {text-align :left; margin-left :15px ; color :#C4FFC4;font-size :.8em}
.port strong {color :#75FF75;}


.port img {float :left;height :100px;margin :5px 15px 5px 15px; 
padding :5px ;
border :double 4px  #5C5C5C;

}


.buyland {position: relative;
float: left; 
padding;5px; 
margin: 5px; 
width: 100px; 
}


#contact {border: 1px solid #5C5C5C;padding :10px;margin :10px;
width: 600px}

#contact input
{ background-color :#D5FFCE;
width: 10em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}
.message { float :right;}
.message textarea { color :black; width :300px;height:150px;}
#contact submit input
{
text-align :centre
}