body {color:#fff; background: url(img/sloop-inn-bed-breakfast-stives-site-bg.jpg) top left repeat; margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#mainwrapper {margin: 0 auto 0; padding:0; display:block; width:857px; z-index:1; margin-top:-170px;}
#topbar { margin:0; padding:0; width:857px; z-index:2;}
#contentback {margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-content.gif) top left no-repeat; height:391px; width:857px;  z-index:2;}
#SloopStandard #contentback {margin:0; padding:0; background:url(img/content-scroller.gif) top left no-repeat; height:391px; width:857px;  z-index:2;}
#SloopLong #contentback {margin:0; padding:0; background:url(img/content-long.gif) top left repeat-y; width:857px; height:690px;  z-index:2;}
#SloopLong #mainwrapper {margin: 0 auto 0; padding:0; display:block; width:857px; z-index:1; margin-top:5px;}
#SloopContact #mainwrapper {margin: 0 auto 0; padding:0; display:block; width:857px; z-index:1; margin-top:5px;}
#map #contentback {margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-content-map.gif) top left no-repeat; height:391px; width:857px;  z-index:2;}
#VirtTour #contentback {margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-content.gif) top left no-repeat; height:391px; width:857px;  z-index:2;}
#video #contentback {margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-video.gif) top left no-repeat; height:391px; width:857px;  z-index:2;}
#basebar { margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-base.gif) top left no-repeat; height:99px; width:857px; z-index:2; vertical-align:baseline; }
#basebarContact { margin:0; padding:0; background:url(img/sloop-accommodation-bed-breakfast-food-stives-baseContact.gif) top left no-repeat; height:76px; width:857px; z-index:2;}
#basebarGoogle {margin:20px 0 20px 0; padding:0; height:95px; width:857px; z-index:2; text-align:center;}


/* MAIN LINKS */
a:link, a:visited { color:#FFCB08; text-decoration:underline;} 
a:hover, a:active { color:#FFFFFF; text-decoration:none;} 

/* Home page customisation */

#SloopHome #contentback  div { }
h1 { height: 85px; margin:0; padding:0; width: 336px;}
#map h1 { height: 85px; margin:0; padding:0; width: 190px;}
#VirtTour h1 { height: 85px; margin:0; padding:0; width: 190px;}

h1 span {visibility:hidden; font-size:1px;}
h1.welcome  { background: url(img/tit-sloop-welcome.gif) 0 0 no-repeat;  padding: 0;}
h1.location  { background: url(img/tit-sloop-location.gif) 0 0 no-repeat;  padding: 0;}
h1.accommodation  { background: url(img/tit-sloop-accommodation.gif) 0 0 no-repeat;  padding: 0;}
h1.links  { background: url(img/tit-sloop-links.gif) 0 0 no-repeat;  padding: 0;}
h1.dining  { background: url(img/tit-sloop-dining.gif) 0 0 no-repeat;  padding: 0;}
h1.offers  { background: url(img/tit-sloop-offers.gif) 0 0 no-repeat;  padding: 0;}
h1.prices  { background: url(img/tit-sloop-prices.gif) 0 0 no-repeat;  padding: 0;}
h1.movie  { background: url(img/tit-sloop-movie.gif) 0 0 no-repeat;  padding: 0;}
h1.livecam  { background: url(img/tit-sloop-camera-surf-check.gif) 0 0 no-repeat;  padding: 0;}
h1.camharbour  { background: url(img/tit-sloop-camera-surf-check-harbour-beach.gif) 0 0 no-repeat;  padding: 0;}
h1.camgwithian  { background: url(img/tit-sloop-camera-surf-check-gwithian-godrevey-beach.gif) 0 0 no-repeat;  padding: 0;}
h1.camporthmeor  { background: url(img/tit-sloop-camera-surf-check-porthmeor-beach.gif) 0 0 no-repeat;  padding: 0;}
h1.contactUs  { background: url(img/tit-sloop-contactUs.gif) 0 0 no-repeat;  padding: 0;}
h1.contactUs2  { background: url(img/tit-sloop-contactUs2.gif) 0 0 no-repeat;  padding: 0;}
h1.privacy  { background: url(img/tit-sloop-privacy.gif) 0 0 no-repeat;  padding: 0;}
h1.weather  { background: url(img/tit-sloop-weather.gif) 0 0 no-repeat;  padding: 0;}




#map h1.map  { background: url(img/tit-sloop-map.gif) 0 0 no-repeat;  padding: 0;}
#VirtTour h1.VirtTour  { background: url(img/tit-sloop-360.gif) 0 0 no-repeat;  padding: 0;}

#SloopStandard #contentback table td img.montage { margin:25px 0 0 0;}


#basebar #NavBar { position:relative; top:70px; left:17px; vertical-align:baseline; width:826px; height:18px;}
#basebar #NavBar ul {float: left; margin:0; padding:0; list-style: none; width: 826px;}
#basebar #NavBar ul li {float: left; margin:0; padding:0; height:18px; }
#basebar #NavBar ul li a { display:block; float: left; padding: 0; height:18px; text-decoration: none; color:#FFFFFF; }
#basebar #NavBar ul li a span {visibility:hidden; font-size:1px;}


/* LINKS */
#basebar #NavBar ul li.home { padding: 0; margin:0; display:block;  width: 48px; height:18px;}
#basebar #NavBar ul li.home a:link, #basebar #NavBar ul li.home a:visited { background: url(img/nav/home.gif) 0 0 no-repeat;  padding: 0;  width: 48px; height:18px;}
#basebar #NavBar ul li.home a:hover, #basebar #NavBar ul li.home a:active { background: url(img/nav/home2.gif) 0 0 no-repeat;  padding: 0;  width: 48px; height:18px;}

#basebar #NavBar ul li.Location { background: url(img/nav/location.gif) 0 0 no-repeat;  padding: 0;  width: 74px; height:18px; display:block;}
#basebar #NavBar ul li.Location a:link, #basebar #NavBar ul li.Location a:visited { background: url(img/nav/location.gif) 0 0 no-repeat;  padding: 0;  width: 74px; height:18px;}
#basebar #NavBar ul li.Location a:hover, #basebar #NavBar ul li.Location a:active { background: url(img/nav/location2.gif) 0 0 no-repeat;  padding: 0;  width: 74px; height:18px;}

#basebar #NavBar ul li.Accommodation { background: url(img/nav/accommodation.gif) 0 0 no-repeat;  padding: 0;  width: 114px; height:18px; display:block;}
#basebar #NavBar ul li.Accommodation a:link, #basebar #NavBar ul li.Accommodation a:visited { background: url(img/nav/accommodation.gif) 0 0 no-repeat;  padding: 0;  width: 114px; height:18px;}
#basebar #NavBar ul li.Accommodation a:hover, #basebar #NavBar ul li.Accommodation a:active { background: url(img/nav/accommodation2.gif) 0 0 no-repeat;  padding: 0;  width: 114px; height:18px;}

#basebar #NavBar ul li.Dining { background: url(img/nav/dining.gif) 0 0 no-repeat;  padding: 0;  width: 69px; height:18px; display:block;}
#basebar #NavBar ul li.Dining a:link, #basebar #NavBar ul li.Dining a:visited { background: url(img/nav/dining.gif) 0 0 no-repeat;  padding: 0;  width: 69px; height:18px;}
#basebar #NavBar ul li.Dining a:hover, #basebar #NavBar ul li.Dining a:active { background: url(img/nav/dining2.gif) 0 0 no-repeat;  padding: 0;  width: 69px; height:18px;}

#basebar #NavBar .Spacer { background: url(img/nav/spacer.gif) 0 0 no-repeat;  padding: 0;  width: 205px;}
#basebar #NavBar .Spacer a:hover { background: url(img/nav/spacer.gif) 0 0 no-repeat;  padding: 0;  width: 205px;}

#basebar #NavBar ul li.SpecialOffer { background: url(img/nav/special-offers.png) 0 0 no-repeat;  padding: 0;  width: 103px; height:18px; display: block;}
#basebar #NavBar ul li.SpecialOffer a:link, #basebar #NavBar ul li.SpecialOffer a:visited { background: url(img/nav/special-offers.gif) 0 0 no-repeat;  padding: 0;  width: 103px; height:18px;}
#basebar #NavBar ul li.SpecialOffer a:hover, #basebar #NavBar ul li.SpecialOffer a:active { background: url(img/nav/special-offers2.gif) 0 0 no-repeat;  padding: 0;  width: 103px; height:18px;}

#basebar #NavBar ul li.Prices { background: url(img/nav/prices.gif) 0 0 no-repeat;  padding: 0;  width: 53px; display:block;}
#basebar #NavBar ul li.Prices a:link, #basebar #NavBar ul li.Prices a:visited { background: url(img/nav/prices.gif) 0 0 no-repeat;  padding: 0;  width: 53px; height:18px;}
#basebar #NavBar ul li.Prices a:hover, #basebar #NavBar ul li.Prices a:active { background: url(img/nav/prices2.gif) 0 0 no-repeat;  padding: 0;  width: 53px; height:18px;}

#basebar #NavBar ul li.LiveCameras { background: url(img/nav/live-cameras.gif) 0 0 no-repeat;  padding: 0;  width: 98px; height:18px; display:block;}
#basebar #NavBar ul li.LiveCameras a:link, #basebar #NavBar ul li.LiveCameras a:visited { background: url(img/nav/live-cameras.gif) 0 0 no-repeat;  padding: 0;  width: 98px; height:18px;}
#basebar #NavBar ul li.LiveCameras a:hover, #basebar #NavBar ul li.LiveCameras a:active { background: url(img/nav/live-cameras2.gif) 0 0 no-repeat;  padding: 0;  width: 98px; height:18px;}

#basebar #NavBar ul li.Tour { background: url(img/nav/360-stives.gif) 0 0 no-repeat;  padding: 0;  width: 62px; display:block;}
#basebar #NavBar ul li.Tour a:link, #basebar #NavBar ul li.Tour a:visited { background: url(img/nav/360-stives.gif) 0 0 no-repeat;  padding: 0;  width: 62px;}
#basebar #NavBar ul li.Tour a:hover, #basebar #NavBar ul li.Tour a:active { background: url(img/nav/360-stives2.gif) 0 0 no-repeat;  padding: 0;  width: 62px;}







#candle { margin:0; padding:0; position:relative; z-index:2; top:581px; left:318px; z-index:2000; width:218px; height:175px; display:table; height:1%;}
#mapPosition { padding:0; margin: 68px 0 0 40px; width:471px; height:293px;border:1px solid white;}
#VirtTourPosition { padding:0; margin: 30px 0 0 0; width:401px; height:357px;}
#movieframe { padding:0; margin: 58px 0 0 55px; width:320px; height:240px;}
#camframe { padding:0; margin: 30px 0 0 55px; width:398px; height:367px;}
#camframeMob { padding:0; margin: 20px 0 0 55px; width:398px; height:367px;}

#contactUs { margin: 15px 0 0 0; text-align:center; display: block; width:200px; height:70px; border: 1px solid red;}



#ContactTable { border-collapse:collapse; margin:40px 0 0 20px; padding:0; }
form #ContactTable input { border: 2px solid #050708; background:#FFCB08; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
form #ContactTable input.btn{
   color: #050708;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;
   background:#EBD38F;}

form #ContactTable select { border: 2px solid #050708; background:#FFCB08; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
form #ContactTable textarea { border: 2px solid #050708; background:#FFCB08; font-size:12px; font-family: Arial, Helvetica, sans-serif; }


#Specials {
width: 463px; height:341px; margin:20px 0 0 0; padding:0;
background: url(img/special-offers-deals.gif) 0 0 no-repeat;
}
#Specials #SpecialsTxt { margin: 100px 0 0 40px; width:393px; height:200px; overflow: auto;}





/* SCROLLER GENIE*/
#dmx1IFrame {position:absolute; top:-10px; left:-10px;}
#dmx1Scroller {position:relative; top:0px; left:0px; width:335px; height: 300px; z-index:100; visibility:visible; overflow:hidden; }
#dmx1Back {position:absolute; left:308px; top:2px; width:25px;}
#dmx1Slider {position:absolute; left:308px; top:27px; width:25px;}
#bg1Slider {background-image:url(int/img/0011vscroller-.gif); background-repeat:repeat-y; }
#dmx1Thumb {position:absolute; left:308px; top:27px; width:25px;}
#dmx1Forth {position:absolute; left:308px; top:273px; width:25px;}
#dmx1Container {position:absolute; left:4px; top:4px; width:298px; height:292px; visibility:visible; clip:rect(0px 298px 292px 0px); overflow:hidden; }
.dmx1Content {position:absolute; left:0px; top:292px; width:298px; }
.dmx1Content td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; }
#dmx1Content1 {position:absolute; left:0px; top:0px; }


#googleads { border:0; margin:0; width:120px; height:600px; float: right;}








/*  Borders below 

#SloopHome #contentback  div {border: 1px solid pink;}
#mainwrapper {border: 1px solid green;}
#topbar {border: 1px solid red;}
#contentback {border: 1px solid black;}
#basebar {border: 1px solid yellow;}
#SloopHome #contentback #candle {border: 1px solid green;}

*/