/*
Colors:
Orange:  
Blue text #5A7181
Grey:
h3 Grey: #666666
main text: #ABABAB 
dark grey text: #727272;

*/

html, body {
    font-family: helvetica, arial, sans-serif;
	background-color: #cdcdcd;
	font-size:100.01%;
	color: #ABABAB;
	margin: 0px; padding: 0px; /* opera fix */
    }
	
* { margin: 0; padding: 0; } /*global margins and padding*/
.both { clear:both; margin:0; padding: 0; }  /*used with br tag to clear footer*/

/*  =structure tags */
div#container {
	margin:0 auto;
	width: 776px;
	background-color:#282828;
	color:inherit;
	}

div#header { background: #000000 url(images/pic-2.jpg) no-repeat center bottom; height: 250px; color:ffffff;}
div#header2 { background: #000000 url(images/pic-3.jpg) no-repeat center bottom; height: 250px; color:ffffff;}
div#header3 { background: #000000 url(images/pic-4.jpg) no-repeat center bottom; height: 250px; color:ffffff;}
div#header4 { background: #000000 url(images/pic-5.jpg) no-repeat center bottom; height: 250px; color:ffffff;}
div#navigation-bar { background-color:#000000; height:62px; color:inherit;}
div#vruler { background-color:black; font-size:1px; height: 1px; margin: 0 .5em 0 .5em; color:inherit;}
div#background { background: url(images/bottom-down.gif) repeat-x; }

div#left-col {
	display:inline;
	float: left;
	margin-left:20px;
	margin-top: 20px;
	width: 450px; 
	background: transparent;
	}

			#left-col ul  {
				padding-left: 0;
				margin-left: 0;
				margin-bottom: 2em;
				list-style-position:inside;
				font-size: .8em; 
				}
			
			#left-col li {
				list-style: square;
				list-style-position:inside;
				margin: 0;
				padding: 0.25em;
				}
			
			#left-col li a { text-decoration: none; }


/*-------------------
     =right-col
--------------------*/
div#right-col { 
	display:inline;
	float: left;
	margin-right:15px;
	margin-top:20px;
	width: 230px; 
	}




		#sidelist  {
			padding-left: 0;
			margin-left: 0;
			list-style-position:inside;
			border-bottom: 1px solid #434343;
			font-size: .68em; 
			color: #727272;
			background-color: transparent;
			}
	
		#sidelist li {
			list-style: square;
			list-style-position:inside;
			margin: 0;
			padding: 0.25em;
			border-top: 1px solid #434343  ;
			}
		
		#sidelist li a { text-decoration: none; }


/*-------------------
     =footer
--------------------*/
div#footer { 
	background: #000000 url(images/bottom-gradient2.gif) repeat-x top;  
	padding-top:2em; 
	color:inherit;
	}





/*-------------------
     =vertical hr/expander
--------------------*/
div#vertical-hr {
	display:inline;
	float: left;
	margin-left:1.25em;
	margin-right:0;
	width:1.5em;
	background:url(assets/fixed-gradient-crease.gif) top left no-repeat;
	
	}
	
	.vertical-epxander {
			margin-top:164px; /*clears top fixed gradient */
			background:url(assets/crease-expander.gif) top left repeat-y; 
			}
			
					
	#vertical-hr-base { height: 81px; background: url(assets/crease-base.gif) no-repeat top left; }	
/* -- /end vertical hr --*/












	

/*-------------------
     =typography
--------------------*/

.fleet-images { /*fleet snapshot styles*/
	margin:0 0 1.3em 0;
	padding:0;
	}

.section-rule { height: 1px; background: url(assets/hr-rule.gif); margin:0 .75em 0 .75em;}
.section-rule hr { display: none; }
	#nav-bar-rule { margin:0 15px 0 15px; }


.hr-rule { height: 1px; background: url(assets/hr-rule.gif); margin: .15em 0 .15em 0;}
.hr-rule hr { display: none; }

		/*for margin up*/
		.hr-rule-up { height: 1px; background: url(assets/hr-rule.gif); margin: 1em 0 .15em 0;}
		.hr-rule-up hr { display: none; }
		
		/*for margin down*/
		.hr-rule-down { height: 1px; background: url(assets/hr-rule.gif); margin: .15em 0 1.5em 0;}
		.hr-rule-down hr { display: none; }





#footer-hr { margin:0 1em .2em 1em;} /*see include file*/


 h1 {
 	/*background: url(images/h1-elite.gif);*/
	width: 257px; 
	height: 36px;
	margin: 0; 
	text-indent: -2000px;
	position: relative;  /*IE 'Peak-a-boo' bug fix..  note to self, test this more*/
	float:left;
	display:inline;
	}
	
	#header p {
		float:right;
		display:inline;
		text-align:right;
		font-size: .75em;
		line-height: 1em;
		color:#fff;
		margin: 0 0 0 0;
		}
		
		#header2 p {
		float:right;
		display:inline;
		text-align:right;
		font-size: .75em;
		line-height: 1em;
		color:#fff;
		margin: 0 0 0 0;
		}

#header3 p {
		float:right;
		display:inline;
		text-align:right;
		font-size: .75em;
		line-height: 1em;
		color:#fff;
		margin: 0 0 0 0;
		}
		
		#header4 p {
		float:right;
		display:inline;
		text-align:right;
		font-size: .75em;
		line-height: 1em;
		color:#fff;
		margin: 0 0 0 0;
		}
h2 { 
	font: 2em lighter;
	font-family: "Arial narrow", Arial, Helvetica, sans-serif;
	margin-bottom: .1em;
	font-weight:500;
	
	}
	
h3 {
	margin-top:0;
	font-size:1.05em;
	font-weight:100;
	color: #666666;
	}
.topic { font-style:normal; color:#ffffff; font-size: .85em; }
.strong { font-style:normal; color:#FF9900; }
.small-print {font-size: .8em; color: #727272;}


	

h6 { 
	text-align:center; 
	font-size:.68em; 
	color: #727272;
	font-weight:lighter;
	text-align:center;
	}

h5 { font-size: .8em; font-weight:normal; color:#ffffff;}
	.vcard {font-size: .7em; color:#727272; margin: 0 0 0 0;}
		.org {font-weight:bold; font-size:1.1em}
		.adr {margin-bottom:.5em;}
		.tel {margin-top: .5em;}

	
	
.copyright {margin-top: .5em;}
	
p {font-size: .85em; margin-top:1em; margin-bottom: 1.6em;}
#right-col p {font-size: .68em; color: #727272; }
#footer p {display: inline; float:right; font-size: .68em; color: #727272; margin-right: 2em; margin-top: .5em; text-align:right; }
#nav p { margin: .5em 1em 3em 1em;}
	


/*-------------------------
     Default Image State
--------------------------*/


img {margin:0;padding:0;border:0}
img#reservation-button {margin: 20px 0 24px 0;}  /*this id name is confusing with rollover id of similar name*/



/*----------------------------------------------------------------------------

=rollover naviation

----------------------------------------------------------------------------*/

ul {margin: 0; padding: 0;}  /*needed to remove unwanted margin!  i think this can get deleted*/
#navcontainer ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font: 10px/20px "Lucida Grande", verdana, sans-serif;
	text-align: center;
	}
	
#navcontainer a {
	color: #000;
	text-indent: -700em; /* hide text links from view */
	text-decoration: none;
	display: block;
	height: 62px;
	}





/* home button */
	li#home-button {background: url(images/home-button-rest.jpg); background-position:left; height:62px; }
	#home-button a:hover { background: url(images/home-button-hover.jpg); background-position:left; height:62px; }
	#home-button a {width: 116px; }
		
	/* current-page >HOME */
	li#current-home-page {background: url(images/home-button-active.jpg); background-position:left; height:62px;}
	#current-home-page a:hover 
		{ background: url(images/home-button-active.jpg); background-position:left; height:62px; }
	#current-home-page a {width: 116px;}


	
	
/* services button */
	li#services-button {background: url(images/services-button-rest.jpg); background-position:left; height:62px;}
	#services-button a:hover { 
		background: url(images/services-button-hover.jpg); background-position:left; height:62px;}
	#services-button a {width: 220px;}
	
	/* current-page >SERVICES */
	li#current-services-page 
		{background: url(images/services-button-active.jpg); background-position:left; height:62px;}
	#current-services-page a:hover { 
		background: url(images/services-button-active.jpg); background-position:left; height:62px;}
	#current-services-page a {width: 220px;}




/* rates button */
	li#rates-button {background: url(images/rates-button-rest.jpg); background-position:left; height:62px;}
	#rates-button a:hover { background: url(images/rates-button-hover.jpg); background-position:left; height:62px;}
	#rates-button a {width: 150px;}
	
	/* current-page >RATES */
	li#current-rates-page {background: url(images/rates-button-active.jpg); background-position:left; height:62px;}
	#current-rates-page a:hover 
		{ background: url(images/rates-button-active.jpg); background-position:left; height:62px;}
	#current-rates-page a {width: 150px;}
	
	
	

	
/* specials button */
	li#specials-button {background:  url(images/specials.jpg); background-position:left; height:62px;}
	#specials-button a:hover { background: url(images/specials-hover.jpg); background-position:left; height:62px;}
	#specials-button a {width: 290px;}
	
	/* current-page >FLEET */
	li#current-specials-page {background: url(images/specials-active.jpg); background-position:left; height:62px;}
	#current-specials-page a:hover 
		{ background: url(images/specials-active.jpg); background-position:left; height:62px;}
	#current-specials-page a {width: 290px;}
	
	
	
	
	
/* reservation button */
	li#reservations-button {
		background: url(assets/navbuttons/reservations-button-rest.jpg); background-position:left; height:62px;}
	#reservations-button a:hover { 
		background:  url(assets/navbuttons/reservations-button-hover.jpg); background-position:left; height:62px;}
	#reservations-button a {width: 192px;}
	 
	
	 /*-- current --*/
	 li#current-reservations-page {
		background: url(assets/navbuttons/reservations-button-active.jpg); background-position:left; height:62px;}
	#current-reservations-page a:hover { 
		background:  url(assets/navbuttons/reservations-button-active.jpg); background-position:left; height:62px;}
	#current-reservations-page a {width: 192px;}



/*--------------------------------------
     =lower-nav &  =links
---------------------------------------*/


#lower-nav-container{ display:inline; float: left; margin-left:1.5em; margin-top: .25em; }
	
	
	#lower-nav li {
		font-size: .68em;
		display: inline;
		list-style-type: none;
		padding: 0em .5em 0 .5em;
		margin-left: -.2em;
		}
	   #lower-nav a:link {color:#727272;  text-decoration:none;}  /* unvisited link */
	   #lower-nav a:visited {color:#727272;  text-decoration:none;}  /* visited link */
	   #lower-nav a:hover {color:#ffffff; text-decoration:underline;}   /* mouse over link */
	   #lower-nav a:active {color:#ffffff;  text-decoration:underline;}    /* selected link */	




		
		#currentpage a:link {color:#ffffff;  text-decoration:underline;}  /* unvisited link */
		#currentpage a:visited {color:#ffffff;  text-decoration:underline;}  /* visited link */
		#currentpage a:hover {color:#ffffff;  text-decoration:underline;}   /* mouse over link */
		#currentpage a:active {color:#ffffff;  text-decoration:underline;}    /* selected link */	
	


	/*-------------------
		 =gbread-crumbs
	--------------------*/
	
#bread-crumbs {
	padding: 0;
	color:#FF9900;
	font-size: .6em;
	margin-bottom: -.5em;	
	}
	
#bread-crumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#bread-crumbs ul li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: inline;
	}

		#bread-crumbs a:link {color:#ABABAB;  text-decoration:underline;}  /* unvisited link */
		#bread-crumbs a:visited {color:#ABABAB;  text-decoration:underline;}  /* visited link */
		#bread-crumbs a:hover {color:#5A7181;  text-decoration:underline;}   /* mouse over link */
		#bread-crumbs a:active {color:#ABABAB;  text-decoration:underline;}    /* selected link */	

		#bread-crumbs strong {color:#727272; font-weight:normal; font-size:1.1em;}
		


	/*-------------------
		 =global links
	--------------------*/
a:link {color:#5A7181;  text-decoration:underline;}  /* unvisited link */
a:visited {color:#5A7181;  text-decoration:underline;}  /* visited link */
a:hover {color:#ffffff; text-decoration:underline;}   /* mouse over link */
a:active {color:#5A7181;  text-decoration:underline;}    /* selected link */


	/*-------------------
		 =header email
	--------------------*/

		#header a:link {color:#ffffff;  text-decoration:none;}  /* unvisited link */
		#header a:visited {color:#ffffff;  text-decoration:none;}  /* visited link */
		#header a:hover {color:#5A7181;  text-decoration:underline;}   /* mouse over link */
		#header a:active {color:#ffffff;  text-decoration:none;}    /* selected link */




	/*------------------------
		 =fresh-off.com cite
	-------------------------*/
cite a:link {color:#336600;  text-decoration:underline;}  /* unvisited link */
cite cite a:visited {color:#336600;  text-decoration:underline;}  /* visited link */
cite a:hover {color:#EAEAEA; text-decoration:underline;}   /* mouse over link */
cite a:active {color:#336600;  text-decoration:underline;}    /* selected link */

cite {float: right; margin-right:2.5em; padding: 0; font-size:.68em; color: #727272; }