/*

   ____ ___   ____ ___   ___  _   _    ____  ____   ___  ____  _   _  ____ _____ ___ ___  _   _ ____  
  / ___/ _ \ / ___/ _ \ / _ \| \ | |  |  _ \|  _ \ / _ \|  _ \| | | |/ ___|_   _|_ _/ _ \| \ | / ___| 
 | |  | | | | |  | | | | | | |  \| |  | |_) | |_) | | | | | | | | | | |     | |  | | | | |  \| \___ \ 
 | |___ |_| | |___ |_| | |_| | |\  |  |  __/|  _ <| |_| | |_| | |_| | |___  | |  | | |_| | |\  |___) |
  \____\___/ \____\___/ \___/|_| \_|  |_|   |_| \_\\___/|____/ \___/ \____| |_| |___\___/|_| \_|____/ 
           
Author: Steve Coates
Author URI: http://www.cocoon-productions.co.uk

*/

@charset "UTF-8";
/* CSS Document */

body{ background:url(img/bg.jpg) repeat; color:#161616; font-family:Arial, Helvetica, sans-serif; font-size:16px; }

@font-face { font-family:Optimus; src: url('/fonts/OptimusPrinceps.ttf'); }

body h2 { font-family:Optimus, Arial; color:#262626; font-size:30px; margin:15px 0 10px -3px; }
body h2 span { color:#bf9742; }
body h3 { font-family:Optimus, Arial; color:#262626; font-size:24px; margin:15px 0 10px -3px; }
body h4 { font-family:Optimus, Arial; color:#F7F7F7; font-size:24px; margin:0px 0 10px 0px; }
body a { color:#000000; text-decoration:none; font-weight:bold; } body a:hover { color:#bf9742; }

/* HEADER */ 

#header{ width:1000px; height:130px; margin-left:auto; margin-right:auto; margin-top:0px; }
#logo{ height:100px; width:275px; float:left; margin-top:20px; border:none; }

/* MENU */

#menuholder{ float:right; margin-top:60px; }

ul#menu{margin:0; padding:0; list-style:none; clear:both;}
#menu li{overflow:hidden; text-indent:-99999px; display:inline; float:left; margin-right:0px;}
#menu li a{background:url(img/menu.png) no-repeat; width:100%; height:100%; display:block;}

/* Golf Button */
#menu li.golf{width:53px; height:70px;}
#menu li.golf a{background-position:0px 0px;}
#menu li.golf a:hover{background-position:0px -70px;}
#menu li.golf a.selected{background-position:0px -140px;}

/* Hotel Button */
#menu li.hotel{width:150px; height:70px;}
#menu li.hotel a{background-position:-53px 0px;}
#menu li.hotel a:hover{background-position:-53px -70px;}
#menu li.hotel a.selected{background-position:-53px -140px;}

/* Spa Button */
#menu li.spa{width:48px; height:70px;}
#menu li.spa a{background-position:-203px 0px;}
#menu li.spa a:hover{background-position:-203px -70px;}
#menu li.spa a.selected{background-position:-203px -140px;}

/* Bentleys Button */
#menu li.bentleys{width:179px; height:70px;}
#menu li.bentleys a{background-position:-251px 0px;}
#menu li.bentleys a:hover{background-position:-251px -70px;}
#menu li.bentleys a.selected{background-position:-251px -140px;}

/* Weddings Button */
#menu li.weddings{width:103px; height:70px;}
#menu li.weddings a{background-position:-430px 0px;}
#menu li.weddings a:hover{background-position:-430px -70px;}
#menu li.weddings a.selected{background-position:-430px -140px;}

/* Business Button */
#menu li.business{width:87px; height:70px;}
#menu li.business a{background-position:-533px 0px;}
#menu li.business a:hover{background-position:-533px -70px;}
#menu li.business a.selected{background-position:-533px -140px;}

/* Contact Button */
#menu li.contact{width:80px; height:70px;}
#menu li.contact a{background-position:-620px 0px;}
#menu li.contact a:hover{background-position:-620px -70px;}
#menu li.contact a.selected{background-position:-620px -140px;}


/* SLIDESHOW */

#slideshowcontainer{ background-color:#999; width:1000px; height:380px; margin-bottom:16px; }

/* PROMOS SECTION */

#promo{ width:1000px; height:200px; margin:-20px auto 0; }       
#promo h2 a{ float:left; display:block; margin:20px 0 16px 16px; width:238px; height:170px; text-indent:-9999px; overflow:hidden; } 
#promo h2 a.golf{background:url(img/golfpromo.jpg) top left no-repeat; margin-left:0px;}         
#promo h2 a.golf:hover{background:url(img/golfpromo.jpg) 0 -170px no-repeat;}   
#promo h2 a.hotel{background:url(img/hotelpromo.jpg) top left no-repeat;}         
#promo h2 a.hotel:hover{background:url(img/hotelpromo.jpg) 0 -170px no-repeat;}           
#promo h2 a.spa{background:url(img/spapromo.jpg) top left no-repeat;}         
#promo h2 a.spa:hover{background:url(img/spapromo.jpg) 0 -170px no-repeat;}       
#promo h2 a.bentleys{background:url(img/bentleypromo.jpg) top left no-repeat;}         
#promo h2 a.bentleys:hover{background:url(img/bentleypromo.jpg) 0 -170px no-repeat;}

/* GENERAL STYLINGS */

#content{ width:1000px; margin-left:auto; margin-right:auto; }
#page{ background-color:#F7F7F7; width:1000px; min-height:750px; float:left; border-bottom:5px solid #bf9742; }
#pageContent{ width:620px; padding: 5px 10px 20px 20px; color:#555555; float:left }
.pics{ float:left; margin:13px 15px 6px 0px; border:2px #bf9742 solid; }
.picsSide { float:left; margin:13px 15px 25px 0px; }
.bullet{ float:left; margin-right:5px; margin-bottom:-10px; }

#sidebar { width:350px; float:right; }


#side1{ background:url(img/side1.png) no-repeat; float:left; width:370px; min-height:100px; margin:20px 0px 20px 3px; padding:30px 0px 10px 15px; color:#F7F7F7; }
#side2{ background:url(img/side2.png) no-repeat; float:left; width:370px; min-height:200px; margin: 30px 0px 20px 3px; padding: 20px 0px 10px 5px; color:#F7F7F7; }
#side3{ background:url(img/side3.png) no-repeat; float:left; width:370px; min-height:180px; margin:20px 0px 20px 3px; padding:20px 0px 10px 5px; color:#F7F7F7; }
#side4{ background:url(img/side4.png) no-repeat; float:left; width:370px; min-height:190px; margin:20px 0px 20px 3px; padding:20px 0px 10px 5px; color:#F7F7F7; }
#side5{ background:url(img/side5.png) no-repeat; float:left; min-width:365px; min-height:200px; margin:20px 0px 20px 3px; padding:15px 0px 0px 5px; color:#F7F7F7; }
#side6{ background:url(img/side2.png) no-repeat; float:left; width:370px; min-height:220px; margin: 20px 0px 20px 3px; padding: 10px 0px 15px 10px; color:#F7F7F7; }
#side7{ background:url(img/side2.png) no-repeat; float:left; width:370px; min-height:50px; margin: 30px 0px 20px 3px; padding:30px; color:#F7F7F7; }
#side8{ background:url(img/side5.png) no-repeat; float:left; width:370px; min-height:50px; margin: 30px 0px 20px 3px; padding:30px 0px 10px 25px; color:#F7F7F7; }
/* HOTEL */
#hotelSide1_content b{ font-size:18px; }
 
/* BENTLEYS PAGE */
#bentleySide1{ background:url(img/side1.png) no-repeat; float:left; width:370px; min-height:220px; margin:20px 0px 20px 3px; color:#F7F7F7; padding:20px; font-size:18px; line-height:30px;} #bentleySide1 span { float:right; margin-right:40px;}
.specoffers{ margin-left:-20px; }
.openingTitle{ margin:-2px 0px 0px -16px; }


/* BUSINESS PAGE */
#dimensions-content { display:none; }

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:600px; width:800px; color:#bbb; background:url(img/dimensions.jpg); border:10px solid #444; padding-left:10px; padding-top:10px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(img/x.jpg) no-repeat; width:50px; height:50px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
.basic{ background:url(img/rooms.jpg) no-repeat; width:351px; height:210px; border:none; margin-top:20px; margin-left:5px; }

/* CONTACT PAGE*/
/* CONTACT DETAILS */

/* Home */
#homecontact-content {display:none;
	font-size:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration:none;
}
/* Phone */
#phonecontact-content {display:none;
	font-size:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* Email */
#emailcontact-content {display:none;
	font-size:22px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:200px; width:400px; color:#bf9742; background:#FFF; border:5px solid #bf9742; padding-left:10px; padding-top:10px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:60px; height:60px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* HOME */
#homebtn{ background:url(img/home.jpg) no-repeat; width:150px; height:150px; margin:30px 0px 0px 10px; float:left; border:none; }

/* PHONE */
#phonebtn{ background:url(img/phone.jpg) no-repeat; height:150px; width:150px; float:left; border:none; margin:30px 0px 0px 60px; }
 
/* EMAIL */
#emailbtn{ float:left; background:url(img/mail.jpg) no-repeat; height:150px; width:150px; border:none; margin:30px 0px 0px 60px; }

.mailinglist{ margin:40px 0px 0px 30px; }
#mailbox{ width:300px; height:23px;	margin-left:30px; padding-top:2px; font-size:14px; }
#mailbtn{ background:url(img/mailbtn.jpg) no-repeat; border:none; width:143px; height:49px; margin: 10px 0px 0px 235px; }

/* MAP */
.map{ margin:50px 0px 0px 20px; }

/* MAILING LIST */
.mail{ margin-bottom:-50px; }
#mailcomplete{ background:url(img/mailingcomplete.jpg) no-repeat; width:800px; height:343px; }
#continue{ margin-top:-130px; margin-left:450px; }

/* FOOTER */

#footer{ width:1000px; height:80px; float:left; margin:20px 0px 20px 0px; }
#footerleft{ float:left; width:600px; height:80px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#CCC; margin-left:5px; }
#footerright{ float:right; width:260px; height:80px; margin:10px -17px 0px 0px; }
.social{ margin-right:10px; }

/* TEE TIMES */
#teetimesPage{ background-color:#F7F7F7; width:1000px; min-height:835px; margin-left:auto; margin-right:auto; border-bottom:10px solid #bf9742;
}
#form{ width:500px; height:380px; margin-left:auto; margin-right:auto; margin-top:20px; font-size:22px; }
.formboxes{ width:250px; height:35px; border:#bf9742 solid 2px; margin-bottom:10px; padding-top:3px; font-size:20px; }
.timeboxes{ width:125px; height:35px; border:#bf9742 solid 2px; margin-bottom:10px; padding-top:3px; font-size:20px; }
.formboxes1{ margin-left:-2000px; }
.messagebox{ font-family:Tahoma, Geneva, sans-serif;font:bold;color:#333333;width:350px;height:100px;border:#bf9742 solid 2px;margin-bottom:10px;padding-top:3px;font-size:20px; }
#formbtn{background:url(img/mailbtn.jpg) no-repeat; border:none; width:143px; height:49px; margin-top:5px; clear:left; }
#requestbtn{ background:url(img/requestbtn.jpg) no-repeat; 	border:none; width:143px; height:49px; margin-left:255px; margin-top:-20px; }
#addteetime{ width:53px; height:26px; margin-top:-2px; float:left; }
#accomtext{ color:#F7F7F7; font-size:18px; margin-top:-120px; margin-left:20px; }
#domain{ width:800px; height:400px; margin-left:auto; margin-right:auto; }
#teeadded{ background:url(img/teeadded.jpg) no-repeat; float:left; width:800px; height:343px; }
#addbtns{ float:left; margin:100px 0px 0px 350px; }
#add{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#333333; width:400px; height:520px; background-color:#f7f7f7; margin:20px auto 0px auto; padding:20px 0px 0px 40px; border:#bf9742 solid 3px; }
#add h1{ font-size:30px; }
#request{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#333333; width:400px; height:470px; background-color:#f7f7f7; margin: 20px auto 0px auto; padding:20px 0px 0px 40px; border:#bf9742 solid 3px; }
#confirmation{ width:100%; height:20px; background-color:#bf9742; font-family:Arial, Helvetica, sans-serif; color:#F7F7F7; font-size:14px; top:0px; position:absolute; padding-top:2px 0px 0px 10px; margin-bottom:10px; }

/* GALLERY PAGE */

#gallerymain{ width:1000px; min-height:500px; margin-bottom:10px; }
.img{ margin-left:1px; margin-bottom:1px; }

/* ALLPOINTS */
#allpoints{ height:48px; width:215px; float:right; margin:-30px auto 10px auto; text-align:right; }

#villaHeader{ background:url(img/villatitle.jpg) no-repeat; width:400px; height:80px; margin-top:10px; margin-left:10px; text-indent:-10000px; }
.villa1{ float:right; padding-left:20px; padding-right:10px; }
#hotelSide1_content{ font-family:Arial, Helvetica, sans-serif; color:#EFEFEF; font-size:15px; float:left; width:340px; margin:20px 0px 0px 20px; }
#hotelSide1_content h1{ font-size:22px; }
.booknow{ margin-top:-5px; margin-left:-16px; }
.villalink{ margin:30px 0px 0px 20px; }
#villagallerymain{ width:1000px; height:450px; margin: 0px 0px 0px 5px;}
