@charset "utf-8";
@import url("stylereset.css");		/* Mass reset */
/* style.css sheet for lightoverwater.co.uk ROOT PAGES
If you're reading this don't expect to get much support to fix anything on your own site, I simply haven't got the time! I created what you see mostly via trial and error... If I can do it with no formal training in the language, so can you...

#912524 - font: 12px Georgia, serif; font-style: italic; */

/*starts from top down... Body; top; top menu; container; content; bottom;roll with it*/
body {margin:auto;width: 100%;padding: 0;font-family:"Trebuchet MS",Times New Roman,monospace;line-height: 16pt;text-decoration: none;background-color:#59544e;padding: 0px;/*background-color:#282f42;*/}
body>#dropshadow{background:url(images/drop.png) 50% 50% repeat-y;min-height:100%;} /* hide from ie6 */

#stick{position:absolute;z-index:500;width:120px;height:358px;background: url('images/stick.png') no-repeat;margin:-70px 0 0 -110px;}
#title{position:absolute;z-index:5;width:500px;height:70px;background: url('images/title.png') no-repeat;margin:-30px 0 0 -20px;}
#page {background-color:#fff;width: 1000px;margin-top:0px;margin-left:auto;margin-right:auto;padding:0px;text-align: left; background-image: url('images/imgbkg.jpg');background-repeat:no-repeat;background-position:bottom;}

#header {margin: 0;padding: 0;height: 75px;background-image: url('images/top.jpg');background-repeat:no-repeat;background-position:bottom;border-bottom:1px solid #efefef;}
#header .top{height:35px;}
#header .title{padding-top:27px;}
#header .title h1{margin:0 0 0 10px;}
#header .title h1 a{display:block; text-indent: -9999px; width: 510px; height: 40px;}
#header .title h2{float:right;color:#dadad9;font-size:22px;font-weight:normal;margin:0px 30px 0 0;line-height:1em;}

blockquote{font: 14px Georgia, serif; font-style: italic;} 

/*MENU BAR; menu is a bar within the menu div. navmenu refines properties*/
#menu .top{height:35px;margin-top:0px;color:#333;background:#1f1f1f;}
ul#nav{float:left;margin-right:10px;}
ul#nav li{float: left; margin: 0px;}
#navmenu {margin:auto;font-size: 12px ;font-weight: 500;line-height:35px;}
#navmenu a{color:#fff; text-decoration:none;padding: 5px 10px 5px 10px;}
#navmenu a:hover {color:#39c;background-color:#333;}


#centred{padding-top:20px;}
/*photo search box*/
#search {z-index:5000;width:300px;height:30px;margin:0px 0 0 0px;}
#search input{border:1px solid #777;background-color: #999a90;}
#search input.pushbutton {color:#333;padding:3px;border:1px solid #333;}
#search a {text-decoration: none;}
#search ul {border: 1px solid #ccc;  text-align:left; list-style: none; overflow: auto; background-color: #999a90;}
.clear { clear:both; height:10px;}

/* index page image */
#titleimage {color:#111;clear:both;text-align:justify;margin:0px 30px 0px 30px;padding:0px 0px 0px 0px;}
#fadeshow1{border-bottom:2px solid #333;}
#fadeshow2{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;}
#fadeshow p{text-align:left;}

#services{margin:0 30px 30px 30px;}

#content {color:#333333;clear:both;text-align:justify;margin:10px 30px 15px 30px;background-color:#efefef;padding: 10px;border:1px solid #e0e0e0;overflow:auto;}
#content p{font-size:12px;text-decoration: none;margin-top:0px;text-align:justify;margin:0px;padding-right:0px;padding-top:1px;line-height:20px;}
#content a{color:#39c;font-weight: 900;text-decoration:none;}
#content a:hover{color: #912524;}
#content img{margin:10px 10px 15px 30px;border:2px solid #333;float:right;visibility:visible;}
#content h1{font-size: 25px;font-weight:normal;margin:5px 0 5px 0px;text-align:justify;border-bottom:1px solid #e0e0e0;}
#content h2,h3{font-size: 16px;font-weight:600;margin:15px 0 5px 0;}
#content h4.inline {font-size: 14px;display: inline;font-weight:600;text-decoration:none;}
#content li.list{text-indent:20px;font-size: 12px;line-height:18px;}
#content small{font-size:11px;}
#content p.titlenav {clear:both;float:right;}
	
#content.left {float:left;background-color:#;width:400px;border:0px;margin:0px}
#content.right {float:right;background-color:#deedfb;width:370px;border:0px;clear:none;}
#content.links {float:left;width:120px;border:0px;margin:0px;clear:none;}
#content.links p{padding-left:6px;border-bottom:1px solid #cecece;text-align: justify; }
#content.links h5{visibility:hidden;}

#gallerycontent {color:#333333;clear:both;text-align:justify;margin:15px 30px 15px 30px;background-color:#efefef;padding: 10px;border:1px solid #e0e0e0;}
#gallerycontent p{font-size:12px;text-decoration: none;margin-top:0px;text-align:justify;margin:0px;padding-right:0px;padding-top:5px;line-height:20px;}
#gallerycontent a{color:#39c;font-weight: 900;text-decoration:none;}
#gallerycontent a:hover{color: #912524;}
#gallerycontent h1{font-size: 25px;font-weight:normal;margin:5px 0 5px 0px;text-align:justify;border-bottom:1px solid #e0e0e0;}

.copyright{border-top:1px solid #2a2a2a; text-align:center;padding-bottom:5px;padding-top:5px;}	

/* Contact Form */
#contactform {margin-left:200px; font: 12px; width:600px;}
#inputbox {padding:2px;border:1px solid #a0a0a0;background-color: #d0e5f4;width:200px;height:14px;font-size:11px;}
#message{padding:2px;border:1px solid #a0a0a0;background-color: #d0e5f4;width:500px;font-size:12px;font-family:"Trebuchet MS",Times New Roman,monospace;line-height: 16px;text-decoration: none;}
#submit{margin-left:400px;margin-top:10px;display:block;border:1px solid #a0a0a0;width:100px;}

/*footer*/
#footercontainer {margin:0 auto;width:1000px;}
#footer{clear:both;border-top:1px solid #bdb9b6;color:#ccc;background-color:#1f1f1f;font-size: 11px;text-align:justify;}
#footer .columns{min-height: 75px;float:left;width:320px;}
#footer .latest{font-size: 1.2em;}
#footer .sitemap,.about,.rss{margin-left:10px;}
#footer a{color: #39c!important;text-decoration:none;}
#footer a:hover{color: #fff!important;text-decoration:none;}
#footer h4{margin: 10px 15px 10px 15px;text-decoration:none; font-size:12px; font-weight:normal;}
#footer p{margin: 0px 15px 0px 15px;text-indent:0px;clear:both;line-height:12px;}
#footer ul{margin: 0px 0px 20px 25px;list-style-type: none;}
	#footer ul li{margin:0;line-height:13px;}
	#footer ul.left{float:left;margin-left:15px;text-align:left;}
	#footer ul.middle{float:left;margin-left:25px;text-align:left;}
	#footer ul.right{float:left;margin-left:25px;text-align:left;}
#footer .rss ul li{padding: 3px 0 0 21px; height: 16px; margin-left: 0px;}
#footer ul.syndleft{background: transparent url(../../synd-rss.png) no-repeat;float:left;margin-left:0px;margin-top:10px;}
#footer ul.syndmiddle{background: transparent url(../../synd-rss.png) no-repeat;float:left;margin-left:10px;margin-top:10px;}
#footer ul.syndright{background: transparent url(../../synd-twit.png) no-repeat;float:left;margin-left:10px;margin-top:10px;}
#footer img{border:none;}
#footer .copyright{border-top:1px solid #2a2a2a; text-align:center;padding-bottom:5px;padding-top:5px;}	

/* seen by IE5mac */
*>html #footer img {margin : 0;}

/* Title Style */
#guidetitle {color: #389aff;margin-bottom: 10px;}
		
		/* Tabs */
	UL#Tabs {font-family: Verdana, Arial;font-size: 12px;font-weight: bold;list-style-type: none;padding-bottom: 28px;margin-bottom: 12px;z-index: 1;}
	#Tabs LI.Tab {float: left;display: block;background-color: #deedfb;margin: 2px 0px 0px 5px;border: 1px solid #a2b6cb;}
	#Tabs LI.Tab A {float: left;display: block;color: #666666;text-decoration: none;padding: 5px;}
	#Tabs LI.Tab A:hover {background-color: #bfe0fe;border-bottom: 1px solid #bfe0fe;}
	/* Selected Tab */
	#Tabs LI.SelectedTab {float:left;background-color: #fafafa;margin: 2px 0px 0px 5px;border: 1px solid #a2b6cb;}
	#Tabs LI.SelectedTab A {float: left;display: block;color: #666666;text-decoration: none;padding: 5px;cursor: default;}


small2 {color:#333;font-size: 11px;display:block;margin-left:40px;margin-right:-40px;text-align:center;}
small3 {width:250px;text-align:justify;color:#333;font-size: 11px;display:block;margin-left:30px;}

#Content {background-color:#efefef;padding: 10px;}


/*Zenphoto index page additions*/
.imagethumb {padding: 0px;margin-left:0px;margin-top:0px;}
.imagethumb a img {margin:0px;border: 1px solid #444;background-color: #333; }
.imagethumb a:hover img {line-height: 0px;border: 1px solid #912524;background-color: #912524; }

.album {padding-top:20px;width: 100%;}
.album a img {margin:20px 29px 20px 29px;border: 1px solid #444;background-color: #333; }
.album a:hover img {line-height: 0px;border: 1px solid #912524;background-color: #912524; }