/* @override http://thetraveler.fluidarc.com/css/default.css */

/* @override http://thetraveler.fluidarc.com/css/default.css */

/* @override http://thetraveler.fluidarc.com/css/default.css */

/* @override http://thetraveler.fluidarc.com/css/default.css */

/* @override http://thenabobbar.com/css/default.css */

/* @override http://thenabobbar.com/css/default.css */

/* Destroy all browser defaults! */



h1, h2, h3, h4, h5, h6, pre, code {

	font-size: 1em;

	}



ul, ol, li {

	list-style: none;

	}



dl, dt, dd, ul, ol, li, , h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {

	margin: 0;

	padding: 0;

	}

	

a img, :link img, :visited img {

	border: none;

	}



:link, :visited {

	text-decoration: none;

	}

	

/* Defaults handled... */

	body {

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

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

		background-position: top left;

		background-repeat: no-repeat;

		background-attachment: fixed;

		background-color:#000;

		color: #fff;

		font-size: 14pt;

			

	}





/* ---- Nvaigation Element ----*/

		#navcontainer {

		clear: both;

		list-style-type: none;

		float: left;

		width: 727px;

		height: 72px;

		border-bottom: 1px solid #431415;

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

		}

		



		

		#navlist { 

		margin: 0px 0px 0px -40px;

		}



		#navlist li

		{

		list-style-type: none;

		text-align: center;

		float: left;

		display: inline;

		}

		

		#navlist li a

		{

		text-transform: uppercase;

		float: left;

		display: inline;

		padding: 5px 34px 3px 34px;

		line-height: 4em;

		color: #fff;

		letter-spacing: -.025em;

		font-size: 16px;

		text-decoration: none;

		margin-bottom: 3px;

		font-weight: normal;
		
		font-family: arial;

		border-right: 1px solid #632425;

		/*--- Added Background Variable ---*/

		

		background: #392A23;

		opacity: 0.35;

		-moz-opacity: 0.35;

		filter:alpha(opacity=35);

		

		/*--- End Added Background ---*/

		}

		

		#navlist li a:hover

		{

		margin-bottom: 0px;

		border-bottom: 1px solid #C78A8E;

		color: #fff;



		/*--- Added Background Variable ---*/

		

		background: #392A23;

		opacity: 0.65;

		-moz-opacity: 0.65;

		filter:alpha(opacity=65);

		

		/*--- End Added Background ---*/

		}

		

		

/*----End Navigation Element ----*/



	h1{

		margin-bottom: 0;

		line-height: 1.35em;

		font-size:1.6em;

		color: #992222;

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

		font-weight:bold;

	}



	h2 { 

		color: #AD3840 !important;

		margin-bottom: 15px;

		line-height: 1.2em;

		font-size: 1.5em;

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



	}

	

	h3 {

	text-align: right;

	padding: 10px 0px 10px 0px;

	}


	p {

		margin-top: 0;

	}

	.content a {

		color: #ffffff;

	}

	.content a:hover {

		color: #992222 !important;

		text-decoration: none;

	}



	#wrapper { 

		overflow: hidden;

		width: 960px;

		position: absolute;

		left: 0px;

		top: 0px;

		padding: 0px;



	}

	.overlay {

		position: absolute;

		top: 0;

		bottom: 0;

		left: 0;

		width: 100%;

		background: #392A23;

		opacity: 0.45;

		-moz-opacity: 0.45;

		filter:alpha(opacity=45);

				

	}

	.container {

		position: relative;

		float: left;

			

	}

	.content {

		position: relative; /* Fixes the z-index */

		float: left;

		

	}

	

	.content img{

		margin: 5px 0 15px 0;

	}

	

	#column-1 {

		float: left;

		width: 719px;

		margin: 15px 0px 55px 0px;

		border-top: 1px solid #581D21;

		border-right: 1px solid #581D21;

		border-bottom: 1px solid #581D21;

		

	}



	#column-1 .content {

		padding: 20px;

		width: 665px;

		text-align:justify;

	}



	

	/* Compensate for IE6's inability to interpret top: 0; and bottom: 0; */

	* html #column-1 .overlay { height: expression(document.getElementById("column-1").offsetHeight); }

	* html #column-2 .overlay { height: expression(document.getElementById("column-2").offsetHeight); }

	

	#logo{ margin: 0px; width:200px; height: auto; background: ; float: left;}



	

	

	

	#leftMarginLinkList{

	 margin: 10px 10px 10px 10px;

	float: left;

	 

	}

	

	#leftMarginLinkList li{

	list-style-type: none;

	float: left;

	display: inline;

	

	}

	

	#leftMarginLinkList li a{

	text-decoration: none;

	color: #ccc;

	padding: 10px;

	float: left;

	border: 2px solid #000;

	background-color: #161113;

	font-size: 10px;

	width: 156px;

	margin: 8px 0px 0px 0px

	}

	

	#leftMarginLinkList li a:hover{

	cursor: pointer;

	border-color: #281D21;

	background: #332628;

	}

	

	.buttonTitle{

	font-weight: bold;

	font-size: 14px;

	color: #FFF;

	line-height: 1.7em;

	}

	

	.clear{

	clear: both;

	}

	

	

	.left{

	float: left;

	height:auto;

	width:auto;

	

	}

	

	

	.another_left{

	float: left;

	height:auto;

	width:5px;

	

	

	}

	

	.right{

	float: left;

	height: auto;

	width: auto;

	}



/*----Home Content Styles----*/



.intro{

font-size: .85em;

width: 240px;

float: right;

margin: 23px 0px 0px 20px;

color: #FFBB84;

}



.locationIntro{

font-size: 1.3em;

text-align: right;

line-height: 1.5em;

margin-bottom: 15px;

}



.locationIntroImg{

float: right;



}



.address{

text-align: right;

line-height: 1.5em;

}



.phone{

font-size: 1.5em;

text-align:right;

line-height: 1.5em;

}



.hours{

font-style: italic;

text-align: right; 

line-height: 1.5em;

font-size: .8em;

}



.lineBreak{

width: 650px;

margin: 0 auto;

height: 0px;

border-top: 1px solid #992A33;

border-bottom: 1px solid #292A23;

opacity: .7;

}




.H {

display: inline;

hieght: 25px;

float: left;

text-align: right;

font-size: 12px;

color: #333;

padding: 0px 10px 0px 10px;

width: 300px;

}



.homeH {

display: inline;

hieght: 25px;

float: right;

text-align: right;

font-size: 12px;

color: #933434;

padding: 0px 10px 0px 10px;

width: 300px;

}



.H a:active{

color: #333;

}



.H a:hover{

text-decoration:underline;

color: #666;

}





.padTop{

padding-top: 20px;

}



.top{

display: inline;

float: left;

width: 325px;

text-align: left;

font-size: 12px;

padding: 0px 10px 0px 10px;

height: 25px;

}



.top a:link{

color: #666;

}



.top a:hover{

color: #e2e2e2;

}





/*----End Home Content---*/





/*--- Menu Wrapper ---*/



#menuWrapper h2{



text-align:left;



font-size: 28px;

line-height: 1.5em;

}



#menuWrapper{

float: left;

width: 600px;

height: auto;

padding: 0px 10px 10px 10px;



}



#menuWrapper p{

text-align:left;

font-size: 16px;

line-height: 1 em;

padding: 8px 0px 5px 0px;

color: #ccc;

}



.menuIntro{

text-align: justify;

font-size: 18px;

color: #e2e2e2;

line-height: 2em;

padding: 0px 15px 15px 15px;

}





#menuFoodWrapper{

float: left;

width: 670px;

height: auto;

padding: 0px 10px 10px 10px;



}



#menuFoodWrapper p{

text-align:left;

font-size: 16px;

line-height: 1.75em;

padding: 8px 0px 5px 0px;

color: #ccc;

}





/*--- END Menu Wrapper ---*/



/*----Page Level Content---*/



.pageLevelContent_A{

float: left;

width: 300px;

height: auto;

text-align:left;

margin: 10px;

font-size: 16px;

line-height: 1.5em;

}



.pageLevelContent_B{

float: left;

width: 375px;

height: auto;

text-align:left;

margin: 10px;

font-size: 14px;

line-height: 1.5em;

}





.pageLevelContent_C{

float: left;

width: auto;

height: auto;

text-align: justify;

margin: 10px;

font-size: 14px;

line-height: 1.25em;

}



.imaged{

float: right;

background: #111;

border: 1px solid #222;

height: 270px;

padding: 15px;

opacity: 0.70;

-moz-opacity: 0.70;

filter:alpha(opacity=70);

margin: 0px 0px 0px 0px;

}


.imaged:hover{

float: right;

background: #111;

border: 1px solid #333;

height: 270px;

padding: 15px;

opacity: 0.95;

-moz-opacity: 0.95;

filter:alpha(opacity=95);

}


.imageda{

float: right;

background: #111;

border: 1px solid #222;

height: 200px;

padding: 15px;

opacity: 0.70;

-moz-opacity: 0.70;

filter:alpha(opacity=70);

margin: 0px 0px 0px 0px;

}


.imageda:hover{

float: right;

background: #111;

border: 1px solid #333;

height: 200px;

padding: 15px;

opacity: 0.95;

-moz-opacity: 0.95;

filter:alpha(opacity=95);



}


.imagedsm{

float: right;

background: #111;

border: 1px solid #222;

height: 80px;

padding: 0px 5px 0px 5px;

opacity: 0.70;

-moz-opacity: 0.70;

filter:alpha(opacity=70);

margin: 5px 0px 0px 0px;

}

.imagedsm:hover{

float: right;

background: #111;

border: 1px solid #333;

height: 80px;

padding: 0px 5px 0px 5px;

opacity: 0.95;

-moz-opacity: 0.95;

filter:alpha(opacity=95);



}



.imagedtwo{

float: right;

background: #111;

border: 1px solid #222;

padding: 15px;

opacity: 0.70;

-moz-opacity: 0.70;

filter:alpha(opacity=70);

margin: 0px 0px 0px 0px;

}



.imagedtwo:hover{

float: right;

background: #111;

border: 1px solid #333;

padding: 15px;

opacity: 0.95;

-moz-opacity: 0.95;

filter:alpha(opacity=95);



}



.underline{

text-decoration: underline;

font-weight: bold

}





.video {

float: right;

padding: 35px;

}




/*--- Twitter ---*/


div#twitter{ 
	margin: 0px;
	padding: 10px;

}

div#twitter ul{
	list-style-type: none;
	width:  100%;
	margin:  0px 0px 0px 10px;
	padding: 0px;
}



div#twitter ul li{
	background-image: url(../images/twitterImage.png);
	line-height: 1.5em;
	margin: 5px 30px 10px 10px;
	padding: 15px 30px 15px 15px;
	text-align: right;
	background-position: top left;
	background-repeat: no-repeat;
        font-size:16px;
        opacity: .5;
}

div#twitter p{
margin-right: 10px; 
margin-top: 15px;
text-align:right;
}



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





#contactform { text-align:right; clear: both; margin: 0px auto; width: 655px; float: left;}



#contactform fieldset {padding: 15px;}



#contactform fieldset legend {}



#contactform label{color: #666; padding: 7px; font-size: 1em; }



#contactform input.field { font-size: 100%; padding: 5px; border: 1px dotted #666; margin: 10px 0px; background-color: #333;}



#contactform input.field:hover {background-color: #FF4848; }



#contactform input.field:focus {background-color: #F3E5E8;}



#contactform .message {background-color: #333; font-size: 100%; padding: 2px; width: 90%; height: 70px; overflow:auto; border: 1px dotted #666; margin-bottom: 7px; }



#contactform .message:hover {background-color: #FF4848; }



#contactform .message:focus {background-color: #F3E5E8;}



#contactform input.button {margin: 10px 0 0 0; border: 2px solid #fff; color: #999; background: #ccc; font-size: 115%; padding: 5px; font-family:Verdana; font-weight:bold;}



#contactform input.button:hover {border: 2px solid  #ffffcc; color: #fff; background-color: #FF4848;}



#itemerror{background: #FECEC0; color:#990000; border: 1px solid #990000; }



#contactform .combo { font-size: 100%; padding: 2px;  border: 1px dotted #666; width: 150px;}



#contactform .combo:hover {background-color: #FF4848; }



#contactform .combo:focus {background: #F3E5E8;}


