body
{	font: 62.5%/1.5 Arial, Verdana, sans-serif; color: #333; background: url(../images/bg_header.gif) repeat-x;}
body, p, th, td
{	margin: 0; padding: 0;}

img
{	border: 0;}

a
{	outline: none; color: #509ed7;}
a:link, a:visited
{	text-decoration: underline;}
a:hover, a:active
{	text-decoration: none;}

th, td
{	text-align: left; vertical-align: top;}

.float-left
{	float: left;}
.float-right
{	float: right;}
.clear
{	clear: both;}
.highlight
{	color: #603; font-weight: bold;}

.button
{	text-indent: -9999px;}
.button a
{	display: block;}

#container
{	width: 800px; margin: auto; position: relative; font-size: 1.3em;}

#header
{	height: 83px; background: url(../images/bg_header.gif) repeat-x; position: relative; }

	#logo_ck
	{	background: url(../images/logo_ck.gif) no-repeat 0 0; position: absolute; top: 27px; left: 21px; text-indent: -9999px;}
	#logo_ck, #logo_ck a
	{	width: 113px; height: 22px;}
	#logo_ck a
	{	display: block;}

	ul#nav
	{	list-style: none; margin: 0; position: absolute; top: 58px; right: 17px;}
	
		ul#nav li
		{	float: left; text-indent: -9999px; margin-right: 3px;}
		ul#nav a
		{	background: url(../images/bg_nav.gif) no-repeat 0 0;}
		ul#nav a:hover, ul#nav a:active
		{	background: url(../images/bg_nav-on.gif) no-repeat 0 0; cursor: pointer;}
		
		ul#nav li, #nav a, #nav a span
		{	width: 135px; height: 25px;}
		
		#nav a, #nav a span
		{	display: block;}
		
		#nav-home a:link span, #nav-home a:visited span
		{	background: url(../images/bg_nav-home.gif) no-repeat center;}
		#nav-france a:link span, #nav-france a:visited span
		{	background: url(../images/bg_nav-france.gif) no-repeat center;}
		#nav-usa a:link span, #nav-usa a:visited span
		{	background: url(../images/bg_nav-usa.gif) no-repeat center;}
		#nav-contact a:link span, #nav-contact a:visited span
		{	background: url(../images/bg_nav-contact.gif) no-repeat center;}
		
		#nav-home a:hover span, #nav-home a:active span
		{	background: url(../images/bg_nav-home_on.gif) no-repeat center;}
		#nav-france a:hover span, #nav-france a:active span
		{	background: url(../images/bg_nav-france_on.gif) no-repeat center;}
		#nav-usa a:hover span, #nav-usa a:active span
		{	background: url(../images/bg_nav-usa_on.gif) no-repeat center;}
		#nav-contact a:hover span, #contact #home a:active span
		{	background: url(../images/bg_nav-contact_on.gif) no-repeat center;}
		
		#home #nav-home a, #france #nav-france a, #usa #nav-usa a, #contact #nav-contact a
		{	background: url(../images/bg_nav-on.gif) no-repeat 0 0; cursor: pointer;}
		
		#home #nav-home a span
		{	background: url(../images/bg_nav-home_on.gif) no-repeat center;}
		#france #nav-france a span
		{	background: url(../images/bg_nav-france_on.gif) no-repeat center;}
		#usa #nav-usa a span
		{	background: url(../images/bg_nav-usa_on.gif) no-repeat center;}
		#contact #nav-contact a span
		{	background: url(../images/bg_nav-contact_on.gif) no-repeat center;}

#top_photo1, #top_photo2, #top_photo3
{	width: 760px; height: 158px; margin: 1px auto 0;}
#top_photo1
{	background: url(../images/photo_top1.jpg) no-repeat center bottom; }
#top_photo2
{	background: url(../images/photo_top2.jpg) no-repeat center bottom; }

#content
{	width: 742px; margin: auto; padding: 0 8px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

	h1
	{	margin: 0; font-size: 1.6em; color: #1d7eb9; padding: 8px 8px 4px;}
	
	h2
	{	margin: 0; font-size: 1.6em; color: #000; padding: 8px 8px 4px; font-weight: normal;}
	
	h3
	{	margin: 0; font-size: 1.4em; color: #000; padding: 8px 8px 4px; font-weight: normal;}
	
	p.intro
	{	padding: 0 8px;}
	
	.property
	{	width: 244px; border-right: 1px solid #ccc; float: left; margin: 25px 0 0 0; }
	
	.property img
	{	float: left; width: 113px; height: 80px; padding: 0 6px; position: relative; left: 3px;}
	
	.property h2
	{	float: right; width: 98px; font-size: 1.3em; line-height: 1.0em;}
	
	.property p
	{	clear: both; font-size: 0.9em; color: #7e7e7e; padding: 0 11px; height: 150px;}
	
	ul.details
	{	width: 230px; height: 86px; background: url(../images/bg_details.jpg) no-repeat 0 0; list-style: none; margin: 0 0 -2px 7px; padding: 0; position: relative;}
	
		.from_charge
		{	color: #ccc; text-transform: lowercase; font-size: 1.3em; position: absolute; top: 9px; right: 12px;}
		li.more_details, li.book_it
		{	text-indent: -9999px; position: absolute; top: 46px;}
		.more_details, .book_it, .more_details a, .book_it a
		{	 height: 33px;}
		.more_details a, .book_it a
		{	 display: block;}

		.more_details
		{	 background: url(../images/btn_more.gif); left: 8px;}
		.more_details, .more_details a
		{	width: 90px;}
		.book_it
		{	background: url(../images/btn_book.gif); left: 103px;}
		.book_it, .book_it a
		{	width: 121px;}
		
	.box_top
	{	width: 231px; height: 7px; background: url(../images/bg_box-top.gif) no-repeat 0 0; margin: 25px 0 0 5px; overflow: hidden;}
	.box_content
	{	width: 215px; min-height: 20px; background: url(../images/bg_box.gif) repeat-y 1px 0; padding: 0 8px; margin-left: 5px;}
		.box_content p
		{	width: 209px; padding: 0 3px;}
		.box_line
		{	width: 215px; height: 2px; background: url(../images/bg_box-line.gif) no-repeat center; padding: 6px 0;}
		
	.box_bottom
	{	width: 231px; height: 6px; background: url(../images/bg_box-bottom.gif) no-repeat 0 0; margin-left: 5px;}
	
	.float-left .box_top
	{	margin: 243px 0 0 10px;}
	.float-left .box_content, .float-left .box_bottom
	{	 margin-left: 10px;}
		
		#btn_enquiry
		{	background: url(../images/btn_enquiry.gif) no-repeat 0 0;}
		#btn_enquiry, #btn_enquiry a
		{	width: 121px; height: 33px;}
		
#content-left
{	width: 482px; float: left; margin: 14px 0 0 28px; position: relative; overflow: hidden;}

	#content-left h2
	{	font-weight: normal; margin: 0;}

	.box2_top
	{	width: 476px; height: 8px; background: url(../images/bg_box2-top.gif) no-repeat 0 0; overflow: hidden;}
	.box2_content
	{	width: 432px; min-height: 20px; background: url(../images/bg_box2.gif) repeat-y 0 0; padding: 11px 22px; color: #278ed4;}
		
		#frm_availability select
		{	margin: 0 20px 10px 0;}
		
		.calendar
		{	float: left; border-collapse: collapse; margin: 0 35px 10px 0;}
		
		.calendar a:link, .calendar a:visited
		{	text-decoration: underline;}
		.calendar a:hover, .calendar a:active
		{	text-decoration: none;}
				
		.calendar th, .calendar td
		{	width: 24px; height: 15px; vertical-align: center; text-align: center;}
		.calendar td
		{	background: #fff; border: 1px solid #278ed4;}
		
		.calendar_key
		{	float: left; margin: 0 20px 10px 0;}
		
		.calendar td.blank
		{	background: #278ed4;}
		.calendar td.weekend
		{	background: #d7ebf8;}
		.box2_content .calendar .unavailable
		{	background: #c00;}
		.box2_content .calendar .selected
		{	background: #33c659;}

	.box2_bottom
	{	width: 476px; height: 8px; background: url(../images/bg_box2-bottom.gif) no-repeat 0 0;}

#content-right
{	width: 255px; float: left; margin: 45px 0 0 12px; position: relative; overflow: hidden;}
		

#footer
{	width: 760px; height: 6px; background: url(../images/bg_footer.gif) no-repeat 0 0; width: 732px; margin: auto; padding: 8px 14px;}
	
#period_top
{	width: 252px; height: 7px; background: url(../images/bg_period-top.gif) no-repeat; margin-top: 20px; overflow: hidden;}
#period_main
{	width: 244px; border: 2px solid #eaeaea; border-width: 0 2px; background-color: #fff; padding: 0 2px;}
#period_bottom
{	width: 252px; height: 19px; background: url(../images/bg_period-bottom.gif) no-repeat; margin-bottom: 20px;}

	#period_main table
	{	border: 0; width: 244px; border-collapse: collapse;}
	#period_main tr
	{	background-color: #dedede;}
	#period_main td
	{	border: 0; font-size: 0.9em; padding: 1px 11px; color: #666;}
	#period_main th
	{	background-color: #278ed4; color: #fff; padding: 3px 11px; font-weight: normal; font-size: 0.95em;}
	#period_main .odd
	{	background-color: #fff;}

.contact-block
{	width: 244px; border-right: 1px solid #ccc; float: left; margin: 25px 0 0 0; height: 144px; }

#contact p
{	padding: 0 10px;}

.no-border
{	border: 0; }