@charset "utf-8";

/* Created by John Fyfe Patrick 
Copyright 2009 
email johnfyfepatrick@yahoo.co.uk
written for IMAGE 

swatch colors
=============
menubar = #051b65
innerpage = #e8e8e8
greyText = #828282
=======*/


* { margin: 0; padding: 0; }

img { border: none; }

/* misc =====================*/
.bold {	font-weight: bold; }
.hidden{display:none;}
.clear { clear: both; }
.mybox { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:  10px}
.bottombox {-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius:  10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius:  10px; border-bottom-right-radius: 10px;}
.topbox {-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius:  10px; -webkit-border-top-right-radius: 10px; border-top-left-radius:  10px; border-top-right-radius: 10px;}
.disabled {visibility:hidden;}
.nextPage {float:right;}
.centre { text-align: center; }

/* links lists & type ==============*/
body { font-family: Tahoma, Geneva, sans-serif; font-size: 10pt; color: #000; line-height: normal; text-align: left; }
h1 { font-size: 18px; font-weight: bold; color: #000; }
#footer p { color: #FFF; font-size: 10px; }
ul { border-style: none; list-style-type:none; }
ul li { display: inline; font-weight: normal; font-size: 14px; }

a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }

#menu a:link, #footer a:link { color: #fff; text-decoration: none; }
#menu a:visited, #footer a:visited { color: #fff; text-decoration: none; }
#menu a:hover, #footer a:hover  { color: #666; text-decoration: none; }

.details a:link { color: #000; text-decoration: underline; }
.details a:visited { color: #000; text-decoration: underline; }
.details a:hover { color: #666; text-decoration: underline; }

a:active {outline:none;}
a:focus {outline: none; }
a:focus {-moz-outline-style:none;}

.actions a { cursor:pointer; }
.actions a:hover { color:#666; }

table { margin-right: auto; margin-left: auto; }


/* layout ===============*/

#preamble {	position:absolute; left:1px; top:-500px; width:667px; height:1px; z-index:1; background-color: #000000; overflow: hidden; visibility: visible; }
.pagebg {background-image: url(images/back.gif); background-color:#344e9b; background-repeat: repeat-x; }
#outterpage { width: 770px; background-color: #FFF; height: 955px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#header { background-image: url(images/header.jpg); background-repeat: no-repeat; height: 100px; width: 770px; text-indent: -9999px; background-position: 90px 15px; }
#menu { padding: 0; width: 740px; position: relative; background-color: #051b65; height: 30px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
ul#topnav { position: absolute; top: 6px; left: 150px; }
#innerpage { padding: 0; width: 740px; position: relative; background-color: #e8e8e8; height: 810px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#slideshow { padding: 0; width: 700px; position: absolute; height: 300px; left: 20px; top: 20px; }
#maintext { padding: 0; width: 430px; position: absolute; background-color: #fff; height: 340px; margin-top: 0; margin-bottom: 0; margin-left: 20; float: left; left: 20px; top: 340px; }
#maintext h1 { margin-top: 20px; margin-left: 15px; margin-bottom: 20px; color: #051B65; }
#maintext p { margin-left: 15px; margin-right: 15px; }
#twitter { padding: 0; width: 250px; position: absolute; background-color: #fff; height: 340px; margin-top: 0; margin-bottom: 0; margin-left: 20; float: right; top: 340px; right: 20px; }

/*stay pages z stacked*/
#pagemenu { position: absolute; top: 35px; left: 180px; }
#pagemenu2 { position: absolute; top: 35px; left: 210px; }
#pagecontent1 { position: absolute; top: 80px; left: 20px; }
#pagecontent2 { position: absolute; top: 80px; left: 20px; visibility: hidden; }
#pagecontent3 { position: absolute; top: 80px; left: 20px; visibility: hidden; }
#pagecontent4 { position: absolute; top: 80px; left: 20px; visibility: hidden; }

/*belt*/
#belt { padding: 0; width: 700px; position: absolute; background-color: #fff; height: 90px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; bottom: 20px; left: 20px; }
#belttext { background-image: url(images/image.gif); background-repeat: no-repeat; height: 83px; width: 678px; text-indent: -9999px; position: absolute; top: 5px; left: 10px; }

/*footer*/
#footer { padding: 0; width: 770px; position: relative; height: 20px; margin-top: 0; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
#copyright { display: block; position: absolute; top: 10px; left: 10px; }
#membership { display: block; position: absolute; left: 310px; top: 10px; }
#designer { display: block; position: absolute; left: 640px; top: 10px; }

/*stay vertical scroller*/
.vertical {position:relative; overflow:hidden; height: 573px; width: 700px; border-top:1px solid #ddd; background-color: #FFF; margin-right: auto; margin-left: auto; }
.items { position:absolute; height:20000em;	margin: 0px; }
.items div { border-bottom:1px solid #ddd; margin:10px 0; padding:15px; font-size:12px; height:150px; }
.items img { float:left; margin-right:20px; height:150px; width:240px; }
.items h3 {	margin:0 0 5px 0; font-size:16px; color:#456; font-weight:normal; }
.actions { width:650px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 5px; }

/*stay map overlay */
.simple_overlay { display:none; z-index:10000; background-color:#fff; width:700px; min-height:350px; border:0px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 10px; }
.simple_overlay .close {background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.details { position:absolute; top:10px; right:10px; font-size:11px; color:#000; width:260px; }
.details h3 { color:#aba; font-size:15px;  }

/*stay more detail */
.simple_overlay3 { display:none; z-index:10000; background-color:#fff; width:550px; /*height:290px;*/ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 20px; }
.simple_overlay3 .close {background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.moredetail h3 { color:#aba; font-size:15px; font-weight: bold; margin-left: 15px; }
.moredetail h4 { color:#000; font-size:12px; font-weight: normal; }
.moredetail p { color:#000; font-size:12px; font-weight: normal; margin-right: 10px; margin-left: 15px; }
.moredetail .TA_excellent, .moredetail .TA_rated { margin-left: 110px; }

/* stay photos*/
.simple_overlay2 { display:none; z-index:10000; background-color:#fff; width:373px; height:350px; border:0px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 10px; }
.simple_overlay2 .close {background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.hoverbox { cursor: default; list-style: none; position: absolute; left: 10px; top: 60px; }
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; }
.hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; }
.hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; }
.hoverbox .preview { border-color: #000; width: 200px; height: 150px; }
.photodetail h3 { color:#aba; font-size:15px; margin-left: 2px; }
.photodetail h4 { color:#333; font-size:11px; font-weight: normal; margin-left: 3px; }

#foodqoute { width: 680px; margin-right: auto; margin-left: auto; padding-top: 20px; }
#foodqoute p { font-size: 16px; color: #666; }

/* town page*/
#townmap { height: 520px; width: 750px; position: absolute; left: 20px; top: 10px; }
#towntext { width: 670px; position: absolute; background-color: #fff; height: 130px; left: 20px; top: 520px; padding: 15px; }

.simple_overlay4 { display:none; z-index:10000; background-color:#fff; width:500px; height:150px; border:0px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; padding: 10px; }
.simple_overlay4 .close {background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.details4 { position:absolute; top:10px; right:10px; font-size:11px; color:#000; width:250px; }


#membershiptext { padding: 0; width: 700px; position: absolute; background-color: #fff; height: 660px; float: left; left: 20px; top: 20px; }
#membershiptext h1 { margin-top: 10px; color: #000; font-size: 14px; }
#membershiptext h2 { margin-top: 10px; margin-left: 15px; font-size: 12px; }
#membershiptext p { margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; }
#membershiptext img { margin-left: 30px; }

.simple_overlay3 h3 { color:#000; font-size:14px; font-weight: bold; }
.simple_overlay3 h2 { color:#000; font-size:12px; font-weight: bold; }
.simple_overlay3 p { color:#000; font-size:12px;  }


.actions .nextPage { font-size: 14px; }
.actions .prevPage { font-size: 14px; }

#toTop { width:100px;background:#f1f1f1;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }