@charset "UTF-8";
/* CSS Document */

.clear {
	clear: both;
}
.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	}
#header {
	width: 100%;
	background-image: url(../images/header.png);
	height: 35px;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}
.strip {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;	
}
#slider{
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 300px;
}
#newmembership {
	width: 620px;
	float: left;
}
#language {
	width: 175px;
	float: right;
	text-align: right;
	height: 30px;
	padding-top: 5px;
	background-image: url(../images/language.png);
	background-repeat: no-repeat;
	background-position: left;
}
#submenustrip {
	height: 10px;
	clear: both;
	margin-right: 30px;
	margin-left: 35px;
	padding-top: 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	margin-top: 10px;
	padding-bottom: 10px;
}
#navcontainer {
	padding:0px;
	width: 100%;
	background-color: #5c7b37;
	height: 30px;
	background-image: url(../images/menu/menubg.png);
	background-repeat: repeat-x;
	clear: both;
}
#logo {
	width: 230px;
	float: left;
}
#newsletter {
	width: 425px;
	height: 60px;
	float: right;
	background-image: url(../images/newsletterbg.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-left: 30px;
}
.top {
	width: 150px;
	float: left;
	clear: both;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size: 10px;
	color: #bac928;
	font-weight: normal;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-top: 10px;
	height: 22px;
	padding-top: 8px;
}
#subcontent {
	width: 100%;
	text-align: center;
	vertical-align: bottom;
	height: 190px;
}
#mainfade {
	width: 100%;
	background-image: url(../images/mainfade.png);
	background-repeat: repeat-x;
	height: 35px;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
}
#halfcolumnleft {
	width: 480px;
	float: left;
}
#halfcolumnleft1 {
	width: 480px;
	float: left;
}
.halfcolumnright {
	width: 480px;
	float: right;
}
#twocolumnleft {
	width: 440px;
	float: left;
	left: auto;
	top: auto;
	padding-left: 30px;
}
#twocolumnleftpagetop {
	width: 430px;
	float: left;
	left: auto;
	top: auto;
	padding-left: 40px;
	padding-right: 10px;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}
.twocolumnleftpage {
	width: 410px;
	float: left;
	left: auto;
	top: auto;
	padding-left: 40px;
	padding-right: 30px;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 20px;
}
#twocolumnright {
	width: 440px;
	float: right;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 30px;
	padding-bottom: 30px;
}
#column150 {
	width: 150px;
	float: left;
	left: auto;
	top: auto;
}
#column640 {
	width: 580px;
	float: left;
	left: auto;
	top: auto;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 30px;
}
#column200 {
	width: 250px;
	float: left;
	left: auto;
	top: auto;
	padding-left: 10px;
	padding-bottom: 30px;
}
#frescospecials {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#upcomingevents {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#spaoffers {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#training {
	width: 250px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/sticker.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 25px;
}
#bottomcontent {
	width: 100%;
	background-image: url(../images/bottomblend.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #293f0c;
	padding-top: 20px;
	height: 230px;
}
#bottomfade {
	padding:0px;
	width: 100%;
	background-image: url(../images/bottomfade.png);
	background-repeat: repeat-x;
	height: 35px;
	background-position: top;
	background-color: #FFFFFF;
}
/***********************
Main Pics
***********************/
#mainhome {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCHome.png);
	background-position: center;
	background-repeat: no-repeat;
}
#displayhome {
	width: 100%;
	height: 300px;
	text-align: center;
}
#mainClub {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCMain.png);
	background-repeat: no-repeat;
	background-position: center;
}
#displayClub {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#mainhealth {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCGYM.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#displayhealth {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#maintennis {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/tennismain.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#mainaqua {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/spa.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#mainpools {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/pools.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#maingym {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/gym.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#mainspa {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCSPA.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#displayspa {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#maincreche {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCCRECHE.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#displaycreche {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#mainfresco {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCFRESCO.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#displayfresco {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#mainevents {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCEXTNIGHT.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
}
#displayevents {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
#maincontact {
	width: 100%;
	text-align: center;
	background-image: url(../images/mainpics/SPCCPOOL.png);
	background-repeat: no-repeat;
	background-position: center;
}
#displaycontact {
	width: 960px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}
/***********************
Events
***********************/

.insideeventsleft {
	width: 100px;
	float: left;
	left: auto;
	top: auto;
	padding: 7px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #80776f;
	line-height: 14px;
}
.insideeventsright {
	width: 145px;
	float: right;
	left: auto;
	top: auto;
	padding: 7px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #80776f;
	line-height: 14px;
}
#upcomingeventsthen {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#upcomingeventslater {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

/***********************
Columns
***********************/


#pdf {
	width: 128px;
	height: 128px;
	float: right;
	margin-left: 10px;
}

/***********************
Spa
***********************/


#elemis {
	width: 560px;
	height: 83px;
	float: right;
	background-image: url(../images/spa/elemis.png);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	background-repeat: no-repeat;
}

/***********************
Club
***********************/

.description {
	width: 120px;
	float: left;
	left: auto;
	top: auto;
	padding: 5px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	height: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
}
.MonFri {
	width: 110px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #f1f4d4;
	height: 10px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
	text-align: center;
}
.Sat {
	width: 75px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	padding-top: 5px;
	padding-right: 0px;
	margin-left: 5px;
	background-color: #F1F4D4;
	padding-left: 5px;
	height: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
}
.Sun {
	width: 75px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-left: 5px;
	padding-left: 5px;
	height: 10px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
}
#halfcolumnmembers {
	width: 395px;
	float: right;
	background-image: url(../images/Clubmembership.png);
	padding-top: 100px;
	padding-left: 45px;
	padding-right: 40px;
	height: 90px;
	background-repeat: no-repeat;
}
#halfcolumngallery {
	width: 395px;
	float: right;
	background-image: url(../images/Clubgallery.png);
	padding-top: 100px;
	padding-left: 45px;
	padding-right: 40px;
	height: 90px;
	background-repeat: no-repeat;
}
#halfcolumnnews {
	width: 395px;
	float: right;
	background-image: url(../images/Clubnews.png);
	padding-top: 100px;
	padding-left: 45px;
	padding-right: 40px;
	height: 90px;
	background-repeat: no-repeat;
}


/***********************
Fresco
***********************/
#starters {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#maincourses {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#deserts {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.frescotitles {
	width: 100%;
	float: left;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #80776f;
	line-height: 1.4em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	vertical-align: middle;
	margin-top: 10px;
}
.insidehalf {
	width: 150px;
	float: left;
	left: auto;
	top: auto;
	padding: 7px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #80776f;
	line-height: 1.4em;
}
.insideright {
	width: 45px;
	float: right;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #80776f;
	text-align: right;
	line-height: 1.4em;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 5px;
}
.insidehalfleft {
	width: 210px;
	float: left;
}
.insidehalfright {
	width: 210px;
	float: right;
}
.insideright1 {
	width: 250px;
	float: right;
	top: auto;
	text-align: left;
	vertical-align: top;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
}
#insidebottom { 
	width: 390px; 
	float: left; 
	left: auto; 
	top: auto; 
	background-image: url(images/3bottom.png); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
	padding: 15px 30px 25px; 
}
.insideleft {
	width: 380px;
	float: left;
	left: auto;
	top: auto;
	padding: 7px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #80776f;
	line-height: 1.4em;
}
#insideright2 {
	width: 250px;
	float: right;
	top: auto;
	text-align: left;
	vertical-align: top;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
}

/***********************
Three Columns
***********************/

.threecolumn {
	width: 320px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.threecolumntop {
	width: 290px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
	padding-left: 30px;
}
.threecol {
	width: 260px;
	float: left;
	left: auto;
	top: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

/***********************
Four Columns
***********************/

.fourcolumn {
	width: 218px;
	float: left;
	left: auto;
	top: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #bac928;
}
#fourcolumnright {
	width: 218px;
	float: left;
	left: auto;
	top: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#fourcolumnnopad {
	width: 230px;
	float: left;
	left: auto;
	top: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/***********************
Membership
***********************/

.memdescrip {
	width: 200px;
	height: 17px;
	float: left;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #80776f;
	text-align: left;
	line-height: 14px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 5px;
}
.icons {
	width: 45px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	height: 17px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #bac928;
	vertical-align: middle;
}

/***********************
Tips
***********************/

#halfcolumnupdate {
	width: 395px;
	float: right;
	background-image: url(../images/fitnesstip.png);
	padding-top: 100px;
	padding-left: 45px;
	padding-right: 40px;
	height: 90px;
	background-repeat: no-repeat;
}
#tennisupdate {
	width: 395px;
	float: right;
	background-image: url(../images/tennisstip.png);
	padding-top: 90px;
	padding-left: 45px;
	padding-right: 40px;
	height: 100px;
	background-repeat: no-repeat;
}

/***********************
Footer
***********************/

#footer {
	width: 100%;
	background-color: #293f0c;
	background-image: url(../images/footerbg.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footernav {
	width: 600px;
	float: left;
	padding-top: 15px;
	padding-bottom: 10px;
	background-image: none;
}
#footerterms {
	width: 320px;
	float: right;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: right;
	background: none;
}
/***********************
Booking Form
***********************/
input.booking {
	background-color: #FFFFFF;
	color: #ADC11F;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: 250px;
	font-weight: normal;
	float: right;
	padding-left: 0px;
}
.submitbooking {
	background-color: #ADC11F;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 0px;
	width: 50px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
}
textarea {
	background-color: #FFFFFF;
	color: #999999;
	font-family: "Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	width: 250px;
	height: 150px;
	font-weight: normal;
	padding-top: 7px;
	border-top-style: dotted;
	border-top-color: #ADC11F;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #ADC11F;
}

/***********************
Creche
***********************/

.time {
	width: 90px;
	float: left;
	left: auto;
	top: auto;
	padding: 5px 0px 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	height: 10px;
	margin-bottom: 5px;
	vertical-align: middle;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
	text-align: center;
}
.four {
	width: 75px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	padding-top: 5px;
	padding-right: 0px;
	margin-left: 5px;
	background-color: #F1F4D4;
	padding-left: 5px;
	height: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
	text-align: center;
}
.six {
	width: 75px;
	float: right;
	left: auto;
	top: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #bac928;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin-left: 5px;
	padding-left: 5px;
	height: 10px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #80776f;
	text-align: center;
	background-color: #F9FFE5;
}

/***********************
Email Form
***********************/
#go {
	width: 30px;
	height: 30px;
	float: right;
	padding-right: 40px;
	padding-bottom: 5px;
}
#signup {
	width: 350px;
	height: 30px;
	float: left;
	padding-top: 5px;
}