﻿

	*{outline:none; margin:0px; padding:0px;}
	
	body{
		background:#3f7cb3 none;
		font-family:calibri;  
		color:#fff;
		line-height: 1 !important;
		
	}
	
	
	.home_tags{display:none;}
	
	#social{position:fixed; right:0px; width:35px;}
	
	#site{width:1024px; border:1px solid #fff;}
	
	#logo{background:transparent url(images/logo.jpg) no-repeat top left; width:251px; height:175px; float:left;}
	
	#banner{background:#fff url(images/top.png) no-repeat top left; width:772px; height:175px; float:left;}
	
	#left{
		width:251px; 
		float:left; 
	}
	.leftpic{
		background:transparent url(images/sailboat.jpg) no-repeat top left;
		border-bottom:1px solid #fff;
		height:500px; 
	}
	
	#content{width:772px; float:left; border-left:1px solid #fff; min-height:718px;}

/*DROPDOWN MENU*/

	/* 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:14px;
			left:-23px; 
			width:150px;
			z-index:10;
			text-align:center;
			margin:0px!important;
		}

		
		/* 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 0px; 
			width:148px;
			border-width:0 1px 1px 1px;
			text-transform:capitalize;
			font-size:11px;
		}
		
		/* style the top level hover */
		#menu ul ul a:hover{background:#3F7CB3;}
		#menu ul :hover > a, #menu ul ul :hover > a{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 li li .clicked{background:#3F7CB3!important;color:#fff!important;}
		
	
	#menu{background:transparent url(images/menu_bg.gif) no-repeat top left; height:36px;}
	#menu ul{padding:11px 0px 0px; margin-left:40px;}
	#menu li{list-style:none; display:inline; margin:0px 35px 0px 0px;}
	#menu a{text-decoration:none; color:#163a5b; text-transform:uppercase; font-weight:bold;}
	#menu a:hover, #menu .clicked{color:#fff;}


/*HEADINGS ON EACH PAGE*/

	.headings{width:464px; height:77px; margin:60px 0px 0px 20px;}	
	.body1 .headings{background:transparent url(images/heading_home.png) no-repeat top left;}
	.body21 .headings{background:transparent url(images/SailServices_Charter_a_Boat.png) no-repeat top left;}
	.body22 .headings{background:transparent url(images/SailServices_Yacht_Management.png) no-repeat top left;}
	.body23 .headings{background:transparent url(images/SailServices_Fractional_Yacht_Management.png) no-repeat top left;}
	.body24 .headings{background:transparent url(images/Courses.png) no-repeat top left;}
	#body24 .headings{background:transparent url(images/Courses.png) no-repeat top left;}
	.body25 .headings{background:transparent url(images/Courses.png) no-repeat top left;}
	#body25 .headings{background:transparent url(images/Courses.png) no-repeat top left;}
	.body26 .headings{background:transparent url(images/News.png) no-repeat top left;}
	#body26 .headings{background:transparent url(images/News.png) no-repeat top left;}
	.body3 .headings{background:transparent url(images/Locations.png) no-repeat top left;}
	.body4 .headings{background:transparent url(images/Call_A_Captain.png) no-repeat top left;}
	.body5 .headings{background:transparent url(images/blog.png) no-repeat top left;}
	.body6 .headings{background:transparent url(images/Contact_us.png) no-repeat top left;}
	.body7 .headings{background:transparent url(images/Gallery.png) no-repeat top left;}

/*HOME PAGE*/

	.gallery_block{
		background:transparent url(images/viewGallery.png) no-repeat top left; 
		padding:50px 0px 0px; 
		margin:70px 0px 0px;
		width:45%;
		float:left;
		border-top:1px dotted #fff;
	}
	.gallery_btn{position:relative; top:40px;}
	.gallery_btn a{padding:0px 300px 200px 0px;}


/*TOP PLAYER*/
		#hide_top{display:none;}
	
		#top{
			background:transparent url(images/news_home.png) no-repeat top left;
			border-top:1px dotted #FFFFFF;
			border-left:1px dotted #FFFFFF;
			float:left;
			height:250px;
			margin:70px 0px 0px;
			padding:0pt 15px 0pt 14px;
			width:351px;
		}
		.top_entry{width:340px; padding:40px 20px 5px; font-style:italic;}
		
		.course_btn{
			font-style:italic;
			text-transform:uppercase;
			font-size:15px;
			font-weight:bold;
			text-align:right;
		}
		
		
		#top_load{background:url(images/top_load.gif) center center no-repeat;height:170px;}
	
		
		#top_layer{ background-color:#3F7CB3; position:absolute; z-index:999; width:375px; height:220px; margin:30px 0px 0px;}
		
		#top img{position:absolute; width:1017px; height:401px; margin:15px 0 0; z-index:0;}
		.top_entry a{font:18px; display:block; color:#fff; margin:10px 10px 10px 0; padding:3px 5px; text-transform:uppercase; text-decoration:none; font-weight:bold; font-style:italic;}
	
/*GLIDE FUNCTION*/
	
		#slide_bar{float:left;height:401px; margin:15px 0 0; position:absolute; z-index:9996; background:#fff;}
		#play_glide{position:absolute; z-index:9997; margin:350px 20px 0; width:600px; padding:0 0 0 0;}
		
		#glide_control ul{list-style:none; display:inline}
		#glide_control li{float:left; width:31px; height:31px; color:#fff; background:url(images/glide_li.png) center center  no-repeat; text-align:center; font-weight:bold; padding:10px 0 0 0; margin:0 5px 0 0; cursor:pointer;}
		.glide_active{background:url(images/glide_li_over.png) center center  no-repeat!important;}
		
		#glide_left{background:url(images/glide_left.png) center center no-repeat; width:31px; height:31px; float:left; margin:5px 5px 0 0; cursor:pointer;}
		#glide_right{background:url(images/glide_right.png) center center no-repeat; width:31px; height:31px; display:inline-block; margin:5px 0 0 0; cursor:pointer;}


	
/*REST OF CONTENT*/

	.text{background:transparent url(images/text_bg.png) repeat-y top left; padding:0px 20px 20px 50px; }
	.text h1{
		font-size:28px;
		font-weight:lighter;
		margin:0px 0px 5px 0px;
	}
	.text h2{
		font-size:24px;
		font-weight:lighter;
		margin:0px 0px 5px 0px;
	}
	.text ul{margin:0 0 0 15px;}
	.text a{color:#cee7f7; text-decoration:none;}
	.text a:hover{text-decoration:underline;}
	
	.donegal img{border:1px solid #fff; background-repeat:no-repeat!important; background-position:center center!important;}
	
	.enroll{float:right;}

/*FORMS*/

	#home_form{margin:10px 0px 0px 30px; font-size:17px; text-transform:capitalize;}
	label{text-transform:capitalize; font-weight:bold; font-size:14px; display:block; margin:10px 0px 0px;}
	fieldset{border:none;}
	.button{
		background:transparent url(images/submit.png) no-repeat scroll left top;
		border:medium none;
		color:#FFFFFF;
		font-size:14px;
		padding:5px 67px 12px 34px;
		text-transform:uppercase;
		font-weight:bold;
	}
	

/*CONTENT TOOLS*/

	.content_tools_top{text-align:right; margin:10px 0px 0px;}
	.content_tools_top li{list-style:none; display:inline; margin:0px 0px 0px 10px;}
	.content_tools_top a{text-decoration:none; color:#fff; font-size:10px;}
	
/*FOOTER*/

	#footer{text-align:center; font-size:16px; font-weight:bold; font-style:italic; padding:40px 0px 10px; margin:0px 0px 10px;}
	#footer a{color:#cee7f7; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}
	
	.clear{display:block; clear:both; width:100%;}
	
/*IE 7 HACKS*/

	*:first-child+html .clear{height:0px!important;}
	
