/**
 *  --------------------------------------------------------------------------------------
 *   Navigator Multimedia Inc CSS
 *  ----------------------------------------------------
 *  Modified	May 1st, 2009 by Curtis
 *  @version	4.0
 *  @author	Curtis Campbell <curtis@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	RESET
 *  --------------------------------------------------------------------------------------
 */

/* RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	height:100%;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* GLOBAL
--------------------------------------------------------------------------------------- */
/*Used to fix Fire Fox float error.*/
.clearfix:after {
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.bold {
	font-weight:bold;
}
.redText {
	color:#F00;
}
/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
}
img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
}

.center {
	text-align:center;
}

.imgpadding {
	padding:0px 10px 10px 0px;
}
/* BODY
--------------------------------------------------------------------------------------- */
body {
	color: #000000;
	font: 12px/18px Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}


#wrapper {
	width:950px;
	margin: 0 auto;
	padding: 0px;
	z-index:10;
	position:relative;
	}

a {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#F00;
	text-decoration:none;
}

a:visited {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
/* HEADER
--------------------------------------------------------------------------------------- */
#header {
	width:950px;
	height:142px;
	position:relative;
	background:url(../images/header.gif) no-repeat;
	}

/* MAIN NAVIGATION
--------------------------------------------------------------------------------------- */
#nav-wrapper {
	height:30px;
	width:950px;
	margin:auto;
	}

#navigation {
	width:950px;
	height:30px;
	margin: auto;
	padding: 0;
	background: url(../images/interface/navigation.gif) no-repeat;
	position: absolute;
	top:142px;
	z-index:99;
	}
	
#navigation span {
	display:none;
	}
	
#navigation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	}
	
#navigation li a {
	display: block;
	height:30px;
}

.home			{
	left:3px;
	width:60px;
}
.location   	{
	left:70px;
	width:129px;
}
.daytrips   	{
	left:207px;
	width:82px;
}
.plantrip   	{
	left:290px;
	width:115px;
}
.traveltips   	{
	left:400px;
	width:110px;
}
.eventcalendar 	{
	left:514px;
	width:151px;
}
.mediavault 	{
	left:675px;
	width:155px;
}
.contact  		{
	left:828px;
	width:122px;
}

.home     		a:hover, .home  		.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -3px   -30px no-repeat;}
.location   	a:hover, .location 		.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -70px  -30px no-repeat;}
.daytrips  		a:hover, .daytrips  	.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -207px -30px no-repeat;}
.plantrip  		a:hover, .plantrip  	.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -290px -30px no-repeat;}
.traveltips 	a:hover, .traveltips  	.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -400px -30px no-repeat;}
.eventcalendar	a:hover, .eventcalendar .selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -514px -30px no-repeat;}
.mediavault		a:hover, .mediavault	.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -675px -30px no-repeat;}
.contact  		a:hover, .contact  		.selected  {color:#F60; background:transparent url(../images/interface/navigation.gif) -828px -30px no-repeat;}


/* Navigation Dropdowns
--------------------------------------------------------------------------------------- */ 
#navigation li ul {
	width:160px;
	position:absolute;
	top:30px;
	left:0px;
	display:none;
	background: #000;
	z-index:99;
}
#navigation li ul li {
	float: left;
	position: relative;
	border-bottom:1px solid #FFF;
}
#navigation li ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	font-size:10px;
	width: 150px;
	padding: 5px 5px 5px 5px;
	display: block;
	height:auto;
}
#navigation li ul li a:hover { 
	background: #252525;
	text-decoration: none;
	width:150px;
	}

#navigation li:hover ul, #main-navagation li.over ul { display: block; }
#navigation li:hover ul, li.over ul { display: block; }




/* CONTENT
--------------------------------------------------------------------------------------- */
#content-wrapper {
	width:950px;
	background:url(../images/content-bg.gif) repeat-y;
	min-height:100%;
	float:left;
	clear:both;
}

#content-area {
	width:860px;
	min-height:	        670px;
	height:				auto !important;
	height:				670px;
	margin:auto;
	padding: 10px 30px 30px 30px;
	z-index:20;
	background:url(../images/content-area-bg-repeat.jpg) repeat-y;
	line-height:1.7;
}

#content-area h1 {
	font-size:18px;
}

#content-area h2 {
	font-size:15px;
}

#homeleftCol {
	width:377px;
	height:350px;
	float:left;
	padding:0px 0px 0px 10px;
}

#homerightCol {
	width:430px;
	height:350px;
	float:right;
	padding:20px 10px 20px 20px;
}

#homebottomCol{
	height:300px;
	position:absolute;
	top:600px;
	left:30px;
}

#leftCol {
	width:180px;
	float:left;
	padding:30px 10px 20px 10px;
	min-height:600px;
	position:relative;
}

#rightCol {
	width:600px;
	padding:0px 10px 20px 20px;
	float:right;
	border-left:1px #000 solid;
	border-bottom:1px #000 solid;
	min-height:600px;
}

#rightCol a{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#rightCol a:hover {
	color:#F00;
	text-decoration:none;
}

#rightCol a:visited{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.googlemap {
	float:right;
	padding:10px;
}

.title{
	position:absolute;
	top:0px;
	left:30px;}
	
.start-planning {
	position:absolute;
	top:120px;
	left:30px;}

.whitetext {color:#FFFFFF;}
.blacktext {color:#000000;}

.submit-button {
	background:url(../images/interface/submit-btn.gif) no-repeat;
	border:none;
	width:47px;
	height:14px;
	cursor:default;
}
.reset-button {
	background:url(../images/interface/reset-btn.gif) no-repeat;
	border:none;
	width:47px;
	height:14px;
	cursor:default;
}

.pagelist {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
/***** Calendar Formatting *****/

.EventHeader {color:#000000; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#smcalendar {text-align:center; margin-top:80px; background-color:#FFFFFF;}
.calendartitle h2{text-align:center; color:#FFF; font-size:18px; font-weight:bold;}
.EventInfoTitle {color:#000000; font-size:14px; font-weight:bold;}
.EventInfo {text-align:left; font-size:12px; color:#000000; font-weight:lighter;}
.EventDate {font-weight:bold; font-size:14px;}
.EventDay {border:1px #000000 solid;}
#calendar-wrapper {background:url(../images/calendar-bg.png) no-repeat; width:540px; height:250px; z-index:1; margin: auto;}
#calendar {width:540px; height:225px; z-index:5;}
#calendar2-wrapper {width:540px; height:auto; z-index:1; margin: 0 auto;}

#years {margin: 5px auto; min-width: 150px}
#years a {display: block; border: 1px solid black; color: #000; float: left; margin-right: 2px; padding: 2px 5px;}
#years a:visited {display: block; border: 1px solid black; color: #000; float: left; margin-right: 2px; padding: 2px 5px;}
.currentyear {background-color: #000 !important; color: #fff !important;}

#months {margin: 5px auto;}
#months a {display: block; border: 1px solid black; color: #000; float: left; margin-right: 2px; padding: 2px 5px;}
#months a:visited {display: block; border: 1px solid black; color: #000; float: left; margin-right: 2px; padding: 2px 5px;}
.currentmonth {background-color: #000 !important; color: #fff !important;}


/***** Side Nav Formatting *****/

#leftCol .featured {width:200px; position:relative;}
#leftCol .featured li {width:160px; margin:38px auto 0px auto;  padding-top:5px; padding-bottom:15px; background-color:#FFFFFF; text-align:center; border:1px solid #2665a8;}
#leftCol .featured li:hover {background-color:#e4a736; cursor:pointer;}
#leftCol .featured li a {color:#000000;}

#leftCol #traveltipssidenav {width:137px; margin:0px auto 15px auto;}
#leftCol .traveltipscat {font-size:16px; font-weight:bold; margin:5px 0px 5px 0px; color:#013164; text-decoration:none}
#leftCol .traveltipscat a {font-size:16px; font-weight:bold; margin:5px 0px 5px 0px; color:#013164; text-decoration:none}
#leftCol .traveltipsmenu {width:200px;}
#leftCol .traveltipsmenu li {width:160px; margin:3px auto 0px auto;}
#leftCol .traveltipsmenu li a {color:#000000; text-decoration:none; font-weight:bold;}
#leftCol .traveltipsmenu li a:hover {color:#F00;}


/***** Side Nav Formatting *****/
#list li{
	padding:30px 30px 30px 30px; 
	display:inline; 
	list-style-type:none;
	text-align:center;
}

/*-------------------------SIDE IMAGES----------------------------*/
#leftColimage-wrapper {
	position:absolute;
	left:20px;
	top:470px;
	}

#leftColimage {
	position:relative;
	z-index:1;
	width:150px;
}

#leftColimage .top-left {
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:2;
}
#leftColimage .top-right {
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:2;
}

#leftColimage .bottom-left {
	position:absolute;
	bottom:-1px;
	left:-1px;
	z-index:2;
}

#leftColimage .bottom-right {
	position:absolute;
	bottom:-1px;
	right:-1px;
	z-index:2;
}

/*RESULTS IMAGES
-------------------------------------------------------------------*/

#resultsimage {
	position:relative;
	z-index:1;
	width:125px;
}

#resultsimage .top-left {
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:2;
}
#resultsimage .top-right {
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:2;
}

#resultsimage .bottom-left {
	position:absolute;
	bottom:-1px;
	left:-1px;
	z-index:2;
}

#resultsimage .bottom-right {
	position:absolute;
	bottom:-1px;
	right:-1px;
	z-index:2;
}

/* HOME BIG IMAGE
-------------------------------------------------------------------*/

#homerightColimage {
	position:relative;
	z-index:1;
	width:420px;
}

#homerightColimage .top-left {
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:2;
}
#homerightColimage .top-right {
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:2;
}

#homerightColimage .bottom-left {
	position:absolute;
	bottom:-1px;
	left:-1px;
	z-index:2;
}

#homerightColimage .bottom-right {
	position:absolute;
	bottom:-1px;
	right:-1px;
	z-index:2;
}

/* HOME SMALL IMAGES
---------------------------------------------------------------------------------------*/

.homebottomColimage {
	position:relative;
	z-index:1;
	width:275px;
}

.homebottomColimage .top-left {
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:2;
}
.homebottomColimage .top-right {
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:2;
}

.homebottomColimage .bottom-left {
	position:absolute;
	bottom:-1px;
	left:-1px;
	z-index:2;
}

.homebottomColimage .bottom-right {
	position:absolute;
	bottom:-1px;
	right:-1px;
	z-index:2;
}


/* MEDIA VAULT
--------------------------------------------------------------------------------------- */

#media {
	width: 100%;
	margin: auto;
}

#media li {
	float: left;
	margin: 0px 15px 15px 0px;
	width: 120px;
	height: 100px;
	list-style: none;
	border: 2px solid #000;
	display: block;
	position: relative;
}

#media a .img-title {
	width: 100px;
	height: 15px;
	background: #FFF;
	position: absolute; 
	left: -10px;
	bottom: 10px;
	border: 2px solid #000;
	padding: 0px 5px 5px 5px;
	display: block;
	font-size: 8pt;
}
	
#media a {
	display: block;
	width: 150px;
	height: 120px;
}

#media a:hover .img-title {
	background: #900;
	color: #FFF;
}

/* BANNERS
--------------------------------------------------------------------------------------- */

#banners {
	width: 100%;
	margin: auto;
}

#banners li {
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 2px;
	width: 180px;
	height: 300px;
	list-style: none;
	border-bottom: 1px solid black;
	display: block;
	position: relative;
	text-align: left;
}

#banners .client {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.1em;
	display: block;
	height: 2.5em;
}

#banners .descr {
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.1em;
	height: 59px;
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
}

#banners .booknow {
	font-size: 10pt;
	font-weight: bold;
	display: block;
	height: 1em;
	position: absolute;
	bottom: 5px;
}

#banners div {
	width: 180px;
	height: 280px;
	border: 2px solid #000;
	position: relative;
}
	
#banners div a {
	display: block;
	width: 180px;
	height: 280px;
}

#hbanners {
	width: 100%;
	margin: auto;
}

#hbanners li {
	margin: 0px 15px 15px 0px;
	padding: 2px;
	width: 578px;
	height: 299px;
	list-style: none;
	border-bottom: 1px solid black;
	display: block;
	position: relative;
	text-align: left;
}

#hbanners .client {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.1em;
	display: block;
	height: 2.5em;
}

#hbanners .descr {
	font-size: 10pt;
	font-weight: normal;
	line-height: 1.1em;
	height: 59px;
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
}

#hbanners .booknow {
	font-size: 10pt;
	font-weight: bold;
	display: block;
	height: 1em;
	position: absolute;
	bottom: 5px;
}

#hbanners div {
	width: 578px;
	height: 279px;
	border: 2px solid #000;
	position: relative;
}

#hbanners div a {
	display: block;
	width: 578px;
	height: 279px;
}

/* CONTACT
--------------------------------------------------------------------------------------- */

input {
	width: 200px;
	height: 15px;
}

textarea {
	width: 200px;
	height: 150px;
}

select {
	width: 200px;
}

.checkbox {
	width: 25px;
	height: 15px;
}

/* FOOTER
--------------------------------------------------------------------------------------- */
#footer {
	width: 950px;
	height: 25px;
	margin:auto;
	background: #FFFFFF;
	z-index:20;
	clear:both;
	position:relative;
	background:url(../images/content-bg.gif);	
	padding: 0px 0px 0px 0px;
	}
	
#bottom-bg {
	width:950px;
	height:25px;
}

#visitor_logo {
	position:absolute;
	left:458px;
	bottom:9px;
}

#copyright {
	width:700px;
	margin:auto;
	padding-left:70px;
}

#copyright a {
	color:#000;
	font-size:11px;
	text-decoration:none;
	}

#copyright a:hover {
	color:#da3428;
}
/* TWITTER
--------------------------------------------------------------------------------------- */
#twitter-holder{
	width:870px;
	position:absolute;
	top:900px;
	left:30px;
	padding:0px 10px 10px 10px;
	font-size:10px;
}

#twitter-holder h2{
	color:#00000;
	font-size:18px;
	font-weight:bold;
	padding:0px;
}

#twitter-holder li a{
	color:#c51230;
	font-size:10px;
}
#twitter-holder li span {
	width:870px;
	float:left;
	display:block;
}

#twitter-holder li{
	margin:10px 0px;
	border-bottom:1px solid #9d8f84;
}

/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:					0;
	visibility: 			hidden;
	display: 				block;
	clear: 					both;
	content: 				".";
	line-height: 			0;
}
.clearfix {
	display: 				block;
}
html[xmlns] .clearfix {
	display:				block;
}
* html .clearfix {
	height: 				1%;
}


/* Light Box 
--------------------------------------------------------------------------------------- */
#jquery-overlay {
	position:			 	absolute;
	top: 					0;
	left: 					0;
	z-index: 				99;
	width: 					100%;
	height: 				500px;
}
#jquery-lightbox {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	z-index: 				100;
	text-align: 			center;
	line-height: 			0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: 				absolute;
	top: 					40%;
	left: 					0%;
	height: 				25%;
	width: 					100%;
	text-align: 				center;
	line-height: 				0;
}
#lightbox-nav {
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
	z-index: 				10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 					49%;
	height: 				100%;
	zoom: 					1;
	display: 				block;
}
#lightbox-nav-btnPrev { 
	left: 					0; 
	float: 					left;
}

#lightbox-nav-btnNext { 
	right: 					0; 
	float: 					right;
}
#lightbox-container-image-data-box {
	font: 					10px Verdana, Helvetica, sans-serif;
	background-color: 			#fff;
	margin: 				0 auto;
	line-height: 				1.4em;
	overflow:				auto;
	width: 					100%;
	padding: 	                        0 10px 0;
}
#lightbox-container-image-data {
	padding:                                0 10px; 
	color: 					#666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width:					70%; 
	float: 					left; 
	text-align: 				left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: 				block; 
	clear: 					left; 
	padding-bottom: 			1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 					66px; 
	float: 					right;
	padding-bottom: 			0.7em;	
}