/*CAPE RIVIERA CSS STYLESHEET 2008*/
	@import url("http://dynamic.icecreamlovestheweb.com/labs/gallery.css");
	@import url("http://dynamic.icecreamlovestheweb.com/labs/ie6killer.css");


	.milk_stage_tags{display:none;}
	.milk_stage_close{display:block; color:#0c2f59;}
	.milk_loading{background:url(images/load.gif) no-repeat center center;}
	
  

/*REST OF DOCUMENT*/

	*{outline:none; margin:0; padding:0;}
	
	body{
		background:#887fac url(images/bg.png) no-repeat top left;
		color:#fff;
		font-family:Arial;
		line-height:20px;
		margin:0pt;
		padding:0pt;
		font-size:12px;
	}
	
	.home_tags{display:none;}
	.home_date{font-size:10px; font-style:italic; clear:both; display:block;}
	.heading_h1{display:none;}
	
	#social{position:fixed; right:0; width:35px;}
	
	#site{width:861px; margin:0px auto;}
	#top{background:transparent url(images/logo.png) no-repeat top center; height:175px;}
	
	#menu ul{background:#fff; width:861px; text-align:center; height:26px;}
	#menu li{display:inline; list-style:none;}
	#menu a{
		color:#0c2f59; 
		text-decoration:none; 
		font-size:13px; 
		padding:3px 14px; 
		text-transform:capitalize; 
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:0px;
		font-weight:bold;
	}
	
	
	/* CSS CODING FOR A DROP DOWN MENU */
		
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		#menu li {float:left;position:relative;}

		/* style the links for the top level */
		#menu a, #menu a:visited {display:block;text-decoration:none;}
		
		/* style the second level background */
		#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

		/* style the second level hover */
		#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
		#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
	
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		#menu ul ul {
			visibility:hidden;
			position:absolute;
			height:0;
			top:26px;
			left:0px; 
			width:100px;
			z-index:10;
		}

		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
		#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

		/* style the second level links */
		#menu ul ul a, #menu ul ul a:visited {
			background:#fff; 
			opacity:0.8;
			color:#0c2f59; 
			height:auto; 
			line-height:1em; 
			padding:5px 4px; 
			width:115px;
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
			font-size:13px;
		}
		
		/* style the top level hover */
		#menu a:hover, #menu ul ul a:hover{background:#523a5e;}
		#menu ul :hover > a, #menu ul ul :hover > a{background:#523a5e;color:#fff;}
		
		/* make the second level visible when hover on first level list OR link */
		#menu ul li:hover ul,
		#menu ul a:hover ul{visibility:visible; }
		#menu .clicked{background:#523a5e!important;color:#fff!important;}
		
		#submenu_3_1{display:none!important;}


/*TEXT STYLED HERE*/

	#container{margin:5px 0px;}
		
	.text{
		background:transparent url(images/text_bg.png) no-repeat top left;
		border:6px solid #fff;
		width:562px;
		float:left;
		padding:5px 20px;
		min-height:323px;
	}
	
	.body31 .text, .body32 .text{min-height:428px;width:489px;}
	.body33 .text, .body34 .text{min-height:417px;width:364px;}
	.body4 .text{min-height:417px;width:489px;}
	
	.text h1{
		font-size:27px;
		letter-spacing:-1px;
		font-weight:lighter;
		margin:0 0 5px 0;
		text-transform:capitalize;
	}
	.text a{color:#fff;}
	.text a:hover{color:#523A5E;}
	
	.text .pdf_record{margin:10px 0px 10px 30px;}
	.text .pdf_record li{list-style-image:url(images/pdficon.gif);}

	.book_btn{position:absolute; margin:-16px 0px 0px 390px;}
	.body33 .book_btn, .body34 .book_btn{margin:-32px 0px 0px 261px;}
	
	.records{
		border-bottom:1px dashed;
		clear:both;
		margin:20px 0 0;
		padding:0 0 20px;	
	}
	.records img{border:3px solid #fff; margin:0 5px 5px 0;}
	.records h1{font-size:21px;}
	.records .home_date{display:inline;}
	
	.readmore{background:#523A5E; color:#fff; padding:2px 10px; text-decoration:none;}
	.readmore:hover{background:none; color:#523A5E;}
		
/*RIGHT BOX STYLED HERE*/

	#right{
		float:left;
		margin:0 0 0 5px;
		overflow:hidden;
		width:242px;
	}
	.body31 #right, .body32 #right, .body4 #right{width:315px;}
	.body33 #right, .body34 #right{width:440px;}
	
	.rightimg img{border:6px solid #fff; width:230px;}
	.body31 .rightimg img, .body32 .rightimg img, .body4 .rightimg img{width:303px;}
	.body33 .rightimg img, .body34 .rightimg img{width:428px;}
	
	.avail_btn{position:absolute; z-index:999; margin:290px 0px 0px 6px;}
	
	#right .pdf_record{background:#523A5E; padding:5px 2px; text-align:center;}
	#right .pdf_record li{list-style:none;}
	#right .pdf_record a{color:#fff; text-decoration:none; font-weight:bold;}

	
/*CONTENT TOOLS STYLED HERE*/
	
	.content_tools_top{text-align:right; margin:0 0 10px;}
	.content_tools_top li{list-style:none; display:inline;}
	.content_tools_top a{text-decoration:none; color:#fff; margin:0px 0px 0px 10px; font-size:11px; font-style:italic;}
	
	.record_nav_top{display:none;}
	.record_nav_bottom{text-align:right; display:block; font-weight:bold; margin:15px 0px 0px;}
	
	.record_pages{display:none;}
	.record_box a{background:#523A5E; color:#fff; padding:2px 10px; text-decoration:none;}
	.record_box a:hover{background:none; color:#523A5E;}
	

	
/*FOOTER STYLED HERE*/

	#footer{
		clear:both;
		font-size:11px;
	}



/*GALLERY ON HOME PAGE*/

 /*    LEFT BLOCK    */
 
 	#stage{background:transparent url(images/stage_bg.png) no-repeat top left; height:348px; width:614px; float:left;}
	
	#load{position:absolute; z-index:2; background:transparent url(images/loadCR.png) no-repeat top left; height:348px; width:614px;}
	
    #slider{
		line-height:14px; 
		font-size:10px; 
		width:614px; 
		height:410px; 
		overflow:hidden;
		visibility:hidden; 
		margin:0 0px 0 0px; 
		float:left; 
		position:absolute;
		z-index:4;
	}

    .slider_scroll{overflow: auto;position: relative;clear: left;left:auto;}

    .slider_scrollContainer p{font-size:12px; line-height:18px; font-weight:500;}
    .slider_scrollContainer{font-size:12px; line-height:18px; font-weight:500;} /*Duplicate p font styles incase client content is missing <p>*/
   

    .slider_panels{width:615px; padding:0px 0 30px 0px;}
    .p_link{display:block;}
    .slider_panels img{margin:6px 10px 10px 6px;}

    .scrollButtons{position:absolute; bottom:150px; z-index:999; cursor:pointer;}
    
	.left{
		left:auto; 
		background:transparent url(images/left_scroll.png) no-repeat center center; 
		position:absolute;
		width:60px;
		z-index:999;
		padding:340px 0 0;
	}
    .right{
		left:553px; 
		background:transparent url(images/right_scroll.png) no-repeat center center; 
		position:absolute;
		width:60px;
		z-index:999;
		padding:340px 0 0;
	}
    
	.scrollButtons{cursor:pointer; opacity:0.7;}
    .scrollButtons:hover{opacity:1;}
   
    .slider_menu{display:none!important; }
   
    #thumbnails{position:absolute; margin:-30px 0 0 10px;}
    #thumbnails img{margin:0 11px 11px 1px; opacity:0.7;}
    #thumbnails img:hover{opacity:1; border:1px #000 solid;margin:0 10px 
10px 0px;} /*stop the image from bouncing up and right*/    
    .selected_thumbnail{opacity:1!important; border:1px #000 solid;margin:0 10px 10px 0px!important;} /*current slide*/
	
/*IE 7 FIXES*/

	*:first-child+html #menu ul ul{height:1px; overflow:visible;}
	*:first-child+html .left{padding:330px 0 0;}
	*:first-child+html .right{padding:330px 0 0;}
	*:first-child+html #right{width:1px; overflow:visible;}
	*:first-child+html .avail_btn{margin:290px 0px 0px 5px;}

/*IE 6 FIXES*/
	
	*html body{background-image:none;}
	*html body .text{background-image:none;}
	*html body .left{padding:330px 0 0;}
	*html body .right{padding:330px 0 0;}
	*html body #right{width:1px; overflow:visible;}
	*:first-child+html .avail_btn{margin:290px 0px 0px 5px;}