/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Wishing Fish Web Design
	Date: 5/6/2009 

**************************************************************************************************************
	
	1. HTML
	
	2. Layout
		2.1 Header
		2.2 Content
		2.3 Footer
		
	3. Classes
	
	4. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background_main.jpg) repeat; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; color:#330B0C;}
a, a:visited {color:#2B891C; text-decoration:underline;}
a:hover {color:#ADBD03;}
p {line-height:18px; margin:0 auto; padding:0 0 10px;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0; color:#2D0508;}
h2 {font-size:26px; margin:0 auto 20px;}
h3 {font-size:20px; margin:0 auto 10px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:0 auto; padding:0; line-height:18px;}


/* 2. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {background:url(images/background.png) top left no-repeat; width:969px; min-height:880px; height:auto;}
#innerWrap {background:url(images/copy_bgd.png) repeat-y; width:766px; margin-left:6px;}
#top {background:url(images/top.png) 6px 0  no-repeat; width:766px;}


/* 2.1 Header
**************************************************************************************************************/

img.introPic, div.introFlash {margin:0 auto; padding:0; float:left; display:inline; width:463px;}
h1#logo a {margin:0 auto; padding:32px 0 0; float:left; display:inline; width:277px; height:103px; text-indent:-9999px; overflow:hidden;}

#navWrap {width:249px; height:631px; position:absolute; top:130px; left:50%; margin-left:190px;}
ul#navigation {background:url(images/navigation_bgd.png) top left no-repeat; width:249px; height:631px; margin:20px auto; padding:0; clear:both; padding-top:1px; line-height:14px;}
	ul#navigation li {list-style:none; margin:0 auto; padding:0;}
		ul#navigation li h2 {font-size:20px; width:180px; border-bottom:2px solid #330B0D; margin:25px 0 0; padding:0;}
		ul#navigation li h3 {font-size:14px; margin:10px auto 10px; padding:0;}
		ul#navigation li a, ul#navigation li a:visited {color:#2C0507; font-size:12px; font-style:italic; line-height:16px; text-decoration:none;}
			ul#navigation li a:hover {color:#2C0507; text-decoration:underline;}
	ul#navigation li, ul#navigation h2, ul#navigation h3 {padding-left:28px;}

	

/* 2.2 Content
**************************************************************************************************************/

#content {float:left; width:500px; display:inline; margin-left:60px;}
	#content ul {margin:10px 20px;}


/* 2.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer.jpg) 6px 0 no-repeat; width:764px; height:63px; clear:both; overflow:hidden;}

p.footer {width:500px; line-height:18px; font-size:12px; clear:both;}
	p.footer img {margin-right:10px;}

	
/* 3. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.highlight {color:red;}
.border {border:2px solid #3D0A0C;}
	.floatRight img {margin-left:10px;}
	.floatLeft img {margin-right:10px;}


/* 4. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

#content p img.floatRight {margin:20px;}

table.carRental {width:500px; margin:10px 10px 30px;}
	table.carRental th {font-weight:bold; padding-bottom:5px;}
.toggleLink {font-weight:bold;}