/*  

Theme Name: Nail Bay Triplog

Theme URI: http://triplog.nailbay.com/

Description: This is the first design for Nail Bay's Triplog.

Version: 1.0

Author: WebDex Media Group

Author URI: http://www.webdexmedia.com/

*/





body {

	font-family:Helvetica, arial, sans-serif;

	font-size:.8em;

/*	behavior:url("csshover.htc"); 

	margin:0px;

	padding:0px; */

	color:#FEFFFF;
	background-color:#27262C;

}



 a {

	text-decoration:none;

	color:#FFFFFF;

}



h3 {

	display:inline;

	color:#FFFFFF;

	font-size: 1.1em;

}



h1 {

	font-size:2em;

	font-weight:normal;

	display:inline;

	padding:0px;

	margin:0px;

	border-bottom:#39f dotted 1px;

}



h2 {

	color:#FFFFFF;

	font-size: 2em;

	font-weight: normal;

	border-bottom: 1px solid #A4BC5E;

	margin: 0;

	padding: 0;

}



p {

	color:#FEFFFF;

	line-height:1.5em;

}



#wrapper {

	margin-left:auto;

	margin-right:auto;

	width:800px;

	padding:15px;

}



#tilewrapper {

	background-image:url(images/tile_center.jpg);
	
	background-position:center;

	background-repeat:repeat-y;



}



#header {

	margin-left:auto;

	margin-right:auto;

	width:900px;

	position: relative;

	}

	



	

#header img {

	float: left;

	outline-width: 0;

	border: none;

}	



#header #current-date {

	display: none;

	

	

}

	#mainmenu ul {

		width: 100%;

		margin: 0 0;

		clear: both;

		background-color: #006a94;

		padding: 0 0;;

		float: left;

		

	}

	

	#mainmenu li {

		padding: 0 0;

		margin: 0 0;

		list-style:none;

		background-color: #006a94;

		font-weight: bold;

		display: inline;

		float: left;

		}

	

/*	#mainmenu li.first	{

		background: none;

		padding-left: 10px;

	}

*/

	#mainmenu a {

/*		padding: 8px 2px 8px 2px;

		margin: 0 0;

		height: 50px; */		

		margin: 0 0;

		float: left;

		clear: both;

		background-color: #006a94;

		padding: 0 0;



		text-decoration: none;

		color:#fff;

		font-size:1em;

		font-family:Arial, Helvetica, sans-serif;

		padding: 3px 5px 3px 10px;

		margin: 0 0;

		outline-width: 0;



	}

		#mainmenu a:hover{

			background-color: #e8e7b7;

			color: #006a94;



			/*background-image:url(images/menu_hover.gif);

			background-position:left bottom;

			background-repeat:repeat-x;

			*/



		}

		#mainmenu #current {

			background-color: #e8e7b7;

			color: #006a94;

			/*background-image:url(images/menu_hover.gif);

			background-position:left bottom;

			background-repeat:repeat-x; */

		}





#mainmenu 	#spec_link {

	position: absolute;

	margin: 0;

	padding: 0;

	left: 800px;

	top: 50px;

	font-size: 1em;

}



#mainmenu #spec_link a:hover {

	background-image: none;

}



#submenu {

	clear: both;

	height: 17px;

	width: 100%;

	background-color: #e8e7b7;

	

}



#submenu ul {

	background-color: #e8e7b7;



	color: #006a94;

	float: left;

	width: 100%;

	padding: 0 0;

	margin: 0 0;



}



#submenu li {

	background-color: #e8e7b7;

	color:#00CC00;

	font-weight: normal;

	display: inline;

	margin: 0 0;

	padding: 0 0;

	float: left;

}



#submenu a {

	background-color: #e8e7b7;

	color: #006a94;

	font-weight: normal;

	padding: 0px 5px 1px 10px;

	text-decoration: none;

}



#submenu #subcurrent {

	text-decoration: underline;

}



.cta {

	padding: 0 0;

	margin-top: 31px;

	background: none;

	float: right;

}



#topsep {

	display:block;

	clear:both;

	background-image:url(images/05-triplog-graphic.png);
	
	background-repeat:no-repeat;
	background-position:center;
	width:900px;
	height:196px;
}



#endsep {

	display:block;

	clear:both;

	/*background-image:url(images/tile_bottom.jpg);*/

	background-repeat:no-repeat;

	background-position:center;

	height:70px;

}



#fullwidth {

	display:block;

	float:left;

	width:100%;

}



#fullwidth p {

	width: 100%;

}



#leftbar {

	display:block;

	float:left;

	width:65%;

}



#rightbar {

	display:block;

	float:right;

	width:33%;

	}

	

	#rightbar img {

		position:relative;

		left:20px;

	}

	

	#rightbar p.narrow {

		margin-left: 36px;

		width: 282px;

		

	}



	#rightbar .quote {

		position:relative;

		left:35px;

		width: 259px;

	}

	#rightbar ul {

		margin:10px;
		font-weight:bold;
		padding:0px 10px;

		}

	.cat-item,.page_item {

		margin: 0px 15px;

	}

	#rightbarmenu {

		margin-top:20px;
		
		text-align:center;

		border-bottom:#39f dotted 1px;

		}

		#rightbar li a {
			color:#FFFFFF;

			padding:5px;

			text-decoration: none;

			}

			#rightbar ul li a:hover {

				color:#39f;

}



#recreation #rightbar img {

	left: 0;

}



p.quote {

	padding:10px;

	font-size:1em;

	font-style:italic;

	width:330px;

	border:solid 1px #39f;

	background-color:#dff;

	color:#17d;

}



#content {

	

	/*background-image:url(images/tile_center.jpg);*/

	background-position:top center;

	background-repeat:repeat-y;

	}

	#content #floorplan img {

		border:none;

	}

	#content img{

		margin-top:15px;

		display:block;

		border:solid 1px #A4BC5E;

	}

	#content img.right {

		margin:15px;

}



#reservations p {

	font-size: 1.2em;

}



#contact p {

	font-size: 1.2em;

}



ul#thumbmenu {

	display:inline;

	text-align:center;

	}

	ul#thumbmenu img {

		display:inline;

		margin:10px 0px 10px 10px;

}



#footer {

	display:block;

	clear:both;

	height:70px;

	width:900px;
	margin:0px auto;
	color:#969696;

	}

	#footer img {

		margin-right:15px;

		padding-bottom:15px;

}



#subfooter {

	display:block;

	clear:both;

	text-align:center;

	margin-top: 20px;

	}

	#subfooter ul {

		margin:0px;

		padding:0px;

		}

		#subfooter ul li{

			display:inline;

		}

	#subfooter a {

		color:#69c;

		text-decoration:underline;

	}

	#subfooter a:hover {

		text-decoration:none;

}



#airlines td,th {

	text-align: center;

	padding-bottom: 10px;

	vertical-align: top;

	font-size: .9em;

	color: #000;

}





#ferry td,th {

	text-align: center;

	padding-bottom: 10px;

	vertical-align: top;

	font-size: .9em;

	color: #000;

}



#faq #questions {

	font-weight: bold;

	font-size: 1.2em;

	color: #000;

}



#faq  li{

	color: #00FF00;

}



#faq #questions a {

	color: #000;

}



#faq #answers a {

	color: #000;

}



#faq h1 a {

	color: #69c;

}



#faq p {

	width: 100%;

}



#faq dt {

	font-weight: bold;

	font-size: 1.2em;

	margin: 0 0;

	padding: 0 0;

}



#faq dd {

	margin-bottom: 20px;

}



#faq dd p{

	margin-top: 0px;

	margin-bottom: 4px;

	

}



#propmatrix {

	color: #000;

	margin: 20px auto 0 auto;

}





#propmatrix td {

	vertical-align: top;

	text-align: left;

	padding-bottom: 20px;

}



#propmatrix a{

	color: #39f;

	text-decoration: underline;

}



#propmatrix img {

	padding-top: 0;

	margin-top: 0;

	border: none;

	vertical-align: top;

}









#selector {

	float: left;

	padding-top: 0px;

	margin-top: 0;

	

}





#selector p {

	margin-top: 0;

	float: left;

}





#contactus {

	width: 100%;

	color: #000;

	clear: both;

	margin-bottom: 30px;

	line-height: 1.5em;

}



#contactus p {

	width: 100%;

}



#contactus .pinfo {

	width: 20%;

	text-align: right;

	line-height: 2.5em;

	float: left;

}



#contactus .pata {

	width: 70%;

	text-align: left;

	float: left;

	line-height: 4em;

}



#contactus dl{

	margin: 0 0;

	padding: 0 0;

	float: left;

	width: 60%;

}



#contactus dt{



	float: left;

	width: 100px;

	text-align: right;

	margin-right: 10px;

	clear: both;

	

}



#contactus dd {

	margin: 0 0;

	padding: 0 0;

	float: left;

	margin-bottom: 10px;

}



.label {

	text-align: right;

}



#map img {

	border: none;

	background-color: transparent;

}



#article p {

	width: 100%;

}



#article ul {

	color:#000;

}



#article li {

	margin-bottom: 5px;

	

}





img.special {

	float: left;

}



h2.special {

	float: left;

	padding: 0 0;

	margin: 0 0;

	color: #000;

	font-size: 1.3em;

}



p.feature {

	color:#39f;

	font-weight: bold;

}

p.special {

	float: left;

	width: 60%;

	margin: 0 0;

	padding: 0 0;

}







#specials td {

	vertical-align: top;

	text-align: left;

}



#specials .rate {

	text-align: center;

	color: #000;

	width: 20%;

	

}



.spc_rate {

	color: red;

	font-weight: bold;

	font-size: 1.3em;

}



#special p {

	width: 100%;

	

}



#special h1 a {

	text-decoration: none;

}



#specials {

	width: 100%;

}



#specials a {

	text-decoration: none;

}



#specials dl{

	float: left;

	clear: both;

	margin: 0;

	padding: 0;

	margin-bottom: 20px;

	width: 100%;

	

}



#specials dt {

	float: left;

	margin: 0;

	padding: 0;

	font-weight: bold;

	margin-bottom: 5px;

	

}



#specials dd {

	clear: both;

	float: left;

	margin: 0 0 40px 0;

	padding: 0;

	color: #000;

	width: 100%;



}



#specials img {

	float: left;

	margin: 0 10px 0 0;

	padding: 0;

}



#press_room p {

	width: 60%;



}



#specials a.feature {

	text-decoration: underline;

}





.special_avail {

	color: #000;

	margin-left: 10px;

	padding: 4px;

	background: transparent url(images/special_bg.jpg) repeat-x 0 50%;

	text-decoration: none;

}



#propmatrix .special_avail {

	text-decoration: none;

}



.center {

	margin: 0 auto;

}

div.sociable li {

	display:inline;

}

div.sociable ul {

 padding: 10px 0px 0px 0px;

 margin: 0;

}

.breadcrumb {

/* background: #E0E7EF;*/

 margin: 0px 0px 10px 0px;

 padding: 2px;

 font-size: 0.8em;

}



#blog-navigation,#categories {

 margin: 25px 0px;

}

.faq-image {

border: 1px solid #cccccc;

}

.top {

 text-align: right;

}
.divhead{float:left; width:11px; height:14px;}
.divleft{float:right; width:11px; height:14px;}
.divmenu{float:left; width:12px; height:30px;}
.divmenuleft{float:right; width:12px; height:30px;}
.divmenutot{height:30px;}

/*
.divhead{background:url(images/banner_cl.jpg) no-repeat; float:left; width:11px; height:14px;}
.divleft{background:url(images/banner_cr.jpg) no-repeat; float:right; width:11px; height:14px;}
.divmenu{background:url(images/tab_cl.jpg) no-repeat; float:left; width:12px; height:30px;}
.divmenuleft{background:url(images/tab_cr.jpg) no-repeat; float:right; width:12px; height:30px;}
.divmenutot{height:30px; background:url(images/tab_bg.jpg) repeat-x;}
*/
