


.off
{
display:none;
}


/******************* Form **********************/

div.line span.full-line
{
}

div.line
{
clear: both;
padding-top: 5px;
}

div.line span.label 
{
float: left;
width:20%;
text-align: left;
font-weight:normal;
color:#FFF;
}

div.line span.ans 
{
float: left;
width:40%;
}

form
{
margin-left:28px;
}

*
{
margin:0;
padding:0;
}

body, html
{
text-align:center;
background-image:url('../gfx/gfx-bg.jpg');
background-repeat:repeat;
margin:0;
padding:0;
background-color: #5C3236;
height:100%;
}

textarea
{
width:157px;
}


/******************* Main Structure **********************/

#logo
{
width:313px;
height:130px;
background-image:url('../gfx/cavendish-logo.jpg');
background-repeat:no-repeat;
margin: 0 auto;
padding:0;
}

#oc
{
min-height:100%;
position:relative;
margin-bottom: -120px;
}


#container
{
width:950px;
margin: 0 auto 160px auto; 

}

#holder
{
width:803px;
height:400px;
background-color:#FFF;
border:2px solid #B4985A;
padding-top:11px;
margin: 0 auto;
}



#holder23
{
width:803px;
height:400px;
background-color:#FFF;
border:2px solid #B4985A;
padding-top:11px;
margin: 0 auto;
text-align:center;
}


#holder2
{
width:803px;
height:400px;
background-color:#000;
border:2px solid #B4985A;
padding:0;
margin: 0 auto;
}

#holder3
{
width:803px;
height:400px;
background-color:#613336;
border:2px solid #B4985A;
padding:0;
margin: 0 auto;
}

#transbox
{
float:right;
width:295px;
height:390px;
background-color:#000000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
z-index:0;
}

#footer
{
background-image:url('../gfx/footer.png');
background-repeat: repeat-x; 
width:100%;
height:120px;
position:absolute;
clear:both;
margin: 60px 0;
left:0;
text-align:center;
}

.icon
{
width:100%;
height:100%;
padding:0;
}

.bonnington-logo
{
display:inline;
height:81px;
width:170px;
background-image:url(../gfx/bonniongton-logo.png);
background-repeat: no-repeat;
top:  4px;
}

.facebook
{
display:inline;
height:81px;
width:200px;
}

/******************* Background Images **********************/


#eastbourne-extreme-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-extreme.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}


#magnificent-motors-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/motor-car.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#beer-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/beer.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#beachy-head-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-beachy-head-marathon.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#airshow-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-airbourne.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#walks-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-walks.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#museum-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-museum.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}


#events-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-events.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#wedding-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-weddings.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

.site-map-listA h1, .site-map-listB h1
{
color:#A19366;
font-weight:bold;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}

.sm-list 
{
margin-top:20px;
list-style-type:none;
}

.sm-list a
{
margin-top:20px;
list-style-type:none;
}

.site-map-listA
{
padding: 20px 0 0 20px;
float:left;
width:250px;
height:390px;
margin-left:10px;
text-align:left;
font-weight:normal;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;	

}

.site-map-listB
{
float:left;
width:250px;
height:390px;
margin-left:16px;
text-align:left;
list-style-type:none;
font-weight:normal;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;		
padding: 20px 0 0 20px;

}

#homepage-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-home.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#tennis-eastbourne-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-tennis.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#theatre-eastbourne-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/eastbourne-theatre.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#rooms-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-rooms.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}


#meetings-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-meetings.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#facilities-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-facilities.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#dining-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-dining.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#wrap-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-wrap.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-spa.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-hand-treatments
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-hand-treatments.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-eye-treatments
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-eye-treatments.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-mens-treatments
{
width:781px;
height:390px;
background-image:url('../gfx/img-men-treatments.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-image-makeup
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-makeup.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#spa-image-hair
{
width:781px;
height:390px;
background-image:url('../gfx/img-hair-removal.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}



#spa2-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-spa2.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#contact-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-contact.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#body-massage-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-body-massage.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}

#facial-image-gfx
{
width:781px;
height:390px;
background-image:url('../gfx/hotel-img-facial.jpg');
background-repeat:no-repeat;
margin: 0 auto;
}



/******************* Navigation **********************/

#nav
{
width:960px;
font-size:12px;
margin: 0 auto;
text-align:center;

}



.menu
{
padding:0;
list-style-type:none;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
}

.menu li
{
display:inline;
margin:0;
padding:0 6px 0 6px;

}
	
.menu li a
{
display:inline;
color:#B49859;
text-decoration:none;
font-weight:bold;
}

.menu li a:visited
{
display:inline;
color:#B49859;
text-decoration:none;
font-weight:bold;
}

.menu li a:hover
{	
color:#FFFFFF;
}


.l
{
color:#FFF;
}

.sm
{
color:#FFF;
}




/************************** Start Easy Slider ****************/
												

					
#content
{
width:295px;
position:relative;
margin:0;
padding:0;
}			

#slider2
{
font-family:Arial;
color:#FFFFFF;
font-size:9pt;
text-align:left;
line-height:15pt;
margin:0;
padding:0;
}
	
#slider2 ul#slider, #slider2 li{
margin:0;
padding:0;
list-style:none;
}

#slider2 li
{ 
width:295px;
height:400px;
overflow:hidden; 
}
	
#slider2 li
{ 
background:transparent;
}		
	
#slider2 li h2
{ 
margin:0 28px;
padding-top:10px;
font-family:Arial;
color:#FFFFFF;
font-size:10pt;
}
	
#slider2 li p
{ 
margin:28px;
}						
		
p#controls2{
margin:0;
position:relative;
} 
	
#prevBtn2, #nextBtn2
{ 
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;		
width:24px;
height:26px;
position:absolute;
left:-2px;
top:-45px;
}
	
#nextBtn2
{ 
left:272px;
}														
	
#prevBtn2 a, #nextBtn2 a
{  
display:block;
width:24px;
height:26px;
background:url(../gfx/back-arrow.png) no-repeat 0 0;	
}
	
#nextBtn2 a
{ 
background:url(../gfx/arrow.png) no-repeat 0 0;	
}