/* Tads*/

/* Contents
================================================================
	1: HTML
	2: Logo
	3: Wrap
	4: Navigation
	 4.a: Active Navigation
	5: Contact
	6: Content
	7: Footer
================================================================*/


/* 1: HTML
================================*/
	body, p, h1, h2, h3, h4, ul, li {
		margin:0;
		padding:0;
		font-family:Georgia,Times,"Times New Roman",serif;
	}
	body {
		color:#000;
		background:#1c2222 url(../images/bg/bg.png);
	}
	#skip {
		position:absolute;
		left:-9999px;
	}

/* 2: Logo
================================*/
	#logo {
		background:#99acb3 url(../images/bg/logo-bg.jpg);
		height:142px;
		width:750px;
		text-align:center;
	}
	#logo img {
		border:none;
		padding:16px 0 0 ;
	}

/* 3: Wrap
================================*/
	#wrap {
		margin:30px auto 0;
		width:750px;
		background:#A2BAC4 url(../images/bg/wrap-bg.png) no-repeat;
	}
	#home #wrap,
	#lodging #wrap,
	#photos #wrap,
	#about #wrap,
	#land #wrap{
		background-position:center 141px;
	}
	#tours #wrap,
	#kayak #wrap {
		background-position:center 176px;
	}
	#surf #wrap,
	#turtles #wrap,
	#rates #wrap,
	#facts #wrap,
	#leatherbacks #wrap,
	#beginners #wrap,
	#intermediate #wrap,
	#experienced #wrap {
		background-position:center 200px;		
	}

/* 4: Navigation
================================*/
	#nav, #nav2, #nav3 {
		list-style:none;
		text-align:center;
		letter-spacing:1px;
		height:1.5em;
	}
	#nav { background:#bedae5; font-size:1.3em;}
	#nav2 { background:#6B8182; padding:0 0 0 150px; font-size:1.1em; }
	#nav3 { background:#2c3535; padding:0 0 0 150px; font-size:1em; font-weight:700; }	
	
	#nav li, #nav2 li, #nav3 li {
		float:left;
		width:150px;
		height:1.5em;
	}
	#nav li { background:url(../images/bg/nav-bg.png) left top no-repeat; }
	#nav2 li { background:url(../images/bg/nav-bg.png) left -100px no-repeat; }
	#nav3 li { background:url(../images/bg/nav-bg.png) left -200px no-repeat; }
	
	#nav a, #nav2 a, #nav3 a {
		display:block;
		text-decoration:none;
		height:100%;
	}
	#nav a { color:#2c3535; background:transparent;}
	#nav2 a { color:#bedae5; background:transparent; }
	#nav3 a { color:#7c9298; background:transparent;}
	
	#nav-kayak {border-right:1px solid #2C3436;}
	#nav-experienced,#nav-leatherbacks {border-right:1px solid #000;}

	/* 4.a: Active Navigation
	================================*/
		/* Nav 1 */
			
			/* nav1 down */
			#tours #nav-tours a,
			#lodging #nav-lodging a,
			#photos #nav-photos a,
			#about #nav-about a,
			#land #nav-land a {
				color:#4e5f5d;
				text-decoration:none;
				background:url(../images/bg/nav-bg.png) top right no-repeat;
			}
			/* nav1 over */		
			#nav a:hover, #nav a:focus, #nav a:active {
				color:#4e5f5d;
				text-decoration:underline;
				background:url(../images/bg/nav-bg.png) top center no-repeat;
			}
		/* Nav 2 */
			
			/* nav1 down */
			#surf #nav-tours a, #turtles #nav-tours a, #kayak #nav-tours a {
				color:#4e5f5d;
				text-decoration:none;
				background:url(../images/bg/nav-bg.png) top right no-repeat;
			}
			/* nav2 down */
			#surf #nav-surf a, #turtles #nav-turtles a, #kayak #nav-kayak a {
				color:#242c2b;
				text-decoration:none;
				background:#6B8182 url(../images/bg/nav-bg.png) right -100px no-repeat;
			}
			/* nav2 over */		
			#nav2 a:hover, #nav2 a:focus, #nav2 a:active {
				color:#2c3535;
				background:#637778 url(../images/bg/nav-bg.png) center -100px no-repeat;
				text-decoration:underline;
			}
			
		/* Nav 3 */
			
			/* nav1 down */
			#beginners #nav-tours a, #intermediate #nav-tours a, #experienced #nav-tours a,
			#rates #nav-tours a, #facts #nav-tours a, #leatherbacks #nav-tours a {
				color:#4e5f5d;
				text-decoration:none;
				background:url(../images/bg/nav-bg.png) top right;
			}
			/* nav2 down */
			#beginners #nav-surf a, #intermediate #nav-surf a, #experienced #nav-surf a,
			#rates #nav-turtles a, #facts #nav-turtles a, #leatherbacks #nav-turtles a {
				color:#242c2b;
				text-decoration:none;
				background:url(../images/bg/nav-bg.png) right -100px no-repeat;
			}
			/* nav3 down */
			#beginners #nav-beginners a, #intermediate #nav-intermediate a, #experienced #nav-experienced a,
			#rates #nav-rates a, #facts #nav-facts a, #leatherbacks #nav-leatherbacks a {
				color:#617377;
				text-decoration:none;
				background:url(../images/bg/nav-bg.png) right -200px no-repeat;
			}
			/* nav3 over */		
			#nav3 a:hover, #nav3 a:focus, #nav3 a:active {
				color:#a5c3cb;
				text-decoration:underline;
				background:url(../images/bg/nav-bg.png) center -200px no-repeat;
			}

/* 5: Contact
================================*/
	#contact {
		height:36px;
	}
	#contact dl{
		position:absolute;
		left:-9999px;
	}
	#contact img {
		border:none;
	}
/* 6: Content
================================*/
	#content {	
		color:#2c3535;
		margin:40px 100px 0;
		text-align:center;
		width:548px;
		background:#b8c0c3;
		border-left:1px solid #819EAA;
		border-right:1px solid #819EAA;
	}
	#content h3 {
		color:#2c3535;
		font-weight:400;
		font-variant: small-caps;
		letter-spacing:2px;
		font-size:2.2em;
		padding:0 0 20px;
		background:#b8c0c3 url(../images/bg/h3-bg.png) center 0.3em no-repeat;
	}
	#content h4 {
		font-size:1.2em;
		font-weight:700;
	}
	#content p {
		text-align:justify;
		padding:0 40px 20px;
		font-size:0.75em;
		line-height:1.5em;
	}
	p.first-p:first-letter {
		font-size:3em;
		float:left;
		padding:4px 4px 0 0;
	}
	#content img {
		padding:0 38px 10px;
	}
	#photos #content img {
		padding:2.5px 5px 2.5px;
		border:none;
		border-bottom:2px solid #B8C0C3;
	}
	table {
		background:#B6C3D4;
		text-align:left;
		font-size:0.75em;
		margin:0 auto 10px;
		border:solid 3px #768693;
		width:470px;
	}
	td	{
		padding:2px;
	}
	tr.underline td {
		text-decoration:underline;
	}
	#photos #content #placeholder {
		border:none;
	}
	#photos #content img.over {
		border-bottom:2px dotted #777;
	}

/* 7: Footer
================================*/
	#footer {
		background:#A2BAC4 url(../images/bg/content-bottom.png) top center no-repeat;
		padding:12px 0 0;
	}
	#footer p {
		text-align:center;
		color:#465656;
		background:#1c2222 url(../images/bg/wrap-bottom.png) top center no-repeat;
		padding:1em 0;
		margin:15px 0 0;
	}