/* -----------------------------------------------------------------------------
	url:			www.sailingaccommodation.co.uk
	version:		CSS v1.2
	author:		Ross Harvey @ www.Glue4.com
	--------------------------------------------------------------------------- */

	* { padding: 0; margin: 0 }
	
	body {
		padding-top: 20px; 
		font: small/1.1em "Trebuchet MS", "Lucida Sans", Tahoma;
		text-align: center;
	}



/* Structure
	--------------------------------------------------------------------------- */

	#container {
		width: 720px;
		margin: 0 auto; 
		text-align: left;
	}

	#nav {
		clear: both;
		float: left;
		width: 100%;
		margin: 1em 0;
		background: #fff url(../img/nav.gif) repeat-x bottom;
		border-bottom: 3px solid #5885c4;
	}
	
	#leftbar {
		clear: left;
		float: left;	
		width: 180px;
		margin-right: 30px;
	}
	
	#content {
		float: right;
		width: 500px;
	}
	
	#footer {
		clear: left right;
		float: left;
		width: 100%;
		margin-top: 1em;
		padding: 1em 0;
		border-top: 1px dashed #ccc;
		text-align: center;
		color: #888;	
	}



/* Nav
	--------------------------------------------------------------------------- */

	#nav ul {
	 	clear: left;
		float: left;
		/*width: 500px;*/
		margin: 0; /*counter: ul*/
		padding-top: 4px;		
	}
	
	#nav li {
	  float:left;
	  background: url(../img/tabLeft.gif) no-repeat left top;
	  margin:0 0 0 7px;
	  padding:0 0 0 9px;
	  list-style: none;
	}
	
	#nav a {
	  float:left;
	  display:block;
	  height: 27px;
	  padding:0 9px 0 0;
	  margin: 0;
	    
	  background: url(../img/tabRight.gif) no-repeat right top;
	  border: none;
	  font: bold 12px/27px Tahoma;
	  letter-spacing: 1px;
	  text-decoration:none;
	  color:#4f4f49;
	}
	
	/* #nav > ul a {width:auto;} */
		
		/* hover and active pages */
	
		#home #nav-home,
		#accom #nav-accom,
		#clubs #nav-clubs,
		#campsites #nav-campsites,
		#search #nav-search,
		#about #nav-about,
		#join #nav-join,
		#contact #nav-contact {
		  background-position:0 -27px;
		}
	
		#home #nav-home a,
		#accom #nav-accom a,
		#clubs #nav-clubs a,
		#campsites #nav-campsites a,
		#search #nav-search a,
		#about #nav-about a,
		#join #nav-join a,
		#contact #nav-contact a {
		  background-position:100% -27px;
		  color:#fff;
		}
	
		#nav ul li:hover, #nav ul li:hover a {
		  background-position:0% -27px;
		  color:#fff;
		}
	
		#nav ul li:hover a {
		  background-position:100% -27px;
		}


	
	

/* Forms
	--------------------------------------------------------------------------- */
	
	#leftbar input,
	#leftbar select {
		width: 174px;
		margin-bottom: 1em;
		padding: 2px;
		border: 1px solid #9c9b98;
		background: #fff url(../img/input.gif) repeat-x top;
	}
	
	#leftbar select { width: 180px; }
	
	option optgroup {
		padding: .25em 0;
		margin: .25em 0;
		border-bottom: 1px dashed #bbb;
	}
	
	button {
		padding: .25em;
		border: 1px solid #4a832c;
		background-color: #74b551;
		font: bold 12px/1em Verdana;
		text-transform: uppercase;
		color: #fff;
	}





/* Containers
	--------------------------------------------------------------------------- */
	
	.col1,
	.col2 {
		float: left;
		width: 230px;
		margin-bottom: 1.5em;
	}
	.col2 { margin-left: 30px; }
	
	
	
	.accom1,
	.accom2 {
		clear: left;
		float: left;
		width: 480px;
		padding: 5px;
		margin-bottom: .5em;
	}
	.accom2 { background-color: #eee; }
	
	.accom1 img,
	.accom2 img {
		float: left;
		margin-right: 1em;
		padding: 5px;
		background-color: #eee;			
	}	
	.accom2 img { background-color: #fff; }
	
	
	
	.address {
		float: left;
		width: 480px;
		/*margin-bottom: .75em;*/
		padding: 10px;
		background-color: #EFF1E0;
		color: #484B32;
		border-top: 1px solid #BCBFA2;
	}
		.address p {
			margin: .75em 0 1em 0;
			padding: .75em;
			background-color: #fff;
			border: 1px solid #BCBFA2;
		}
	
	
	/*Pagination*/
	.page p {
		clear: left;
		float: left;
		width: 490px;
		margin: .75em 0;
		padding: 5px;
		color: #666;
		border-bottom: 1px solid #CACBC0;
		border-top: 1px solid #CACBC0;
	}
	
	#imageContainer {
		clear: both;
		float: left;
		width: 100%;
		display: none;
		padding-bottom: 8px;
	}
	
	
/* Images
	--------------------------------------------------------------------------- */

	img {
		border: none;
	}
	
	img.accomImage {
		float: left;
	}

	#imageContainer img {
		padding-bottom: 10px;
	}

	.col1 img,
	.col2 img {
		margin: .5em 0;
		padding: .5em 0;
		border-bottom: 1px dashed #bbb;
		border-top: 1px dashed #bbb;
	}


/* Icons
	--------------------------------------------------------------------------- */

	.back {
		float: left;
		padding: .2em 0 .2em 25px;
		margin: .75em 0;
		background: #fff url(../img/icons/arrow_left.gif) no-repeat center left;
		text-decoration: none;
	}
	
	.email,
	.phone,
	.house2,
	.info,
	.world,
	.medal,
	.fax {
		padding-left: 22px;
		background: url(../img/icons/email.gif) no-repeat center left;
		text-decoration: none;
	}
	
		.fax {
			margin-left: 1.5em;
			background-image: url(../img/icons/printer.gif);
		}
		
		.world {
			margin-left: 1.5em;
			background-image: url(../img/icons/world.gif);
		}
		
		.phone {	background-image: url(../img/icons/telephone.gif);	}
		.house2 { background-image: url(../img/icons/house.gif); }
		.info { background-image: url(../img/icons/information.gif); }
		.medal { background-image: url(../img/icons/medal_gold_3.gif); }
		.fax { background-image: url(../img/icons/printer.gif); }





/* Lists
	--------------------------------------------------------------------------- */
	
	ol {
		clear: left;
		margin: 0 10px;
		padding: 1em;
		list-style-type: decimal;
	}
	ol li { padding: .25em 0; }

	ul { margin: 1em; }
	ul li { margin: .25em 0; }
	
	ul.tick,
	ul.house,
	ul.mag { list-style-type: none; }
	
	ul.tick {
		float: right;
		width: 156px;
		margin: 0;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #BCBFA2;		
	}
	
	ul.tick li,
	ul.house li,
	ul.mag li {
		padding: .2em 0 .2em 22px;
		background: #fff url(../img/icons/tick.gif) no-repeat center left;
		color: #444;
	}
	
	ul.house li { background-image: url(../img/icons/house.gif); }
	ul.mag li { background-image: url(../img/icons/magnifier.gif); }
	
	/* custom  */
	ul.tick li.options { background-image: url(../img/icons/text_list_bullets.gif); }
	ul.tick li.rooms { background-image: url(../img/icons/user.gif); }
	ul.tick li.rate { background-image: url(../img/icons/coins.gif); }
	ul.tick li span.pictures { color: #3551ba; cursor: hand; cursor: pointer; }




/* Misc
	--------------------------------------------------------------------------- */

	.fr { float: right; }
	.fl { float: left; }
	
	.cr { clear: right; }
	.cl { clear: left; }
	.cb { clear: both; }





/* Typography
	--------------------------------------------------------------------------- */

	#logo h1 {
		text-indent: -10000px;
		font-size: 1px;
	}
	
	h2, h3 {
		margin: 1em 0 .5em 0;
		padding-bottom: .25em;
		border-bottom: 1px solid #ddd;
		font: normal 150%/1.2em "Lucida Sans", "Trebuchet MS";
		color: #3551ba;
	}
	
	h2 { margin-top: 0; }
	
	h2.list {
		margin: 0;
		padding: 0;
		border-bottom: none;
		font-size: 120%;
	}
	
	h2.full { margin: 0; border-bottom:none; }
	
	h3 {
		font-size: 120%;
		margin-top: 1em;
	}
	
	#leftbar h3 {
		clear: left;
		margin: 1em 0 .5em 0;
		font: bold 100%/1.1em Tahoma;
		color: #74b551;
		border-bottom: none;
	}

	p { padding: 0.75em 0; }





/* Links
	--------------------------------------------------------------------------- */

	a, a:visited {
		color: #3551ba;
	}
	
	a:hover { color: #419D31; }
	
	#leftbar a { color: #326329; text-decoration: none; }
	#leftbar a:hover { color: #172D13; }
	
	h2 a { text-decoration: none; }
	
	.page p a { text-decoration: none; }
	.page p a:hover { text-decoration: underline; }



/*EOF*/