/* liquidint.com */
/* Created: January 14, 2009 */

/* --------------------------------------- */
/* ------ GLOBAL <<<------------- */
/* --------------------------------------- */

body {
background: #E5ECFF url(../image/layout/bg.jpg) repeat-x;
font: normal 75% Verdana, Arial, Helvetica, sans-serif;
margin-top: 10px;
position: relative;
z-index: 10;
}

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }

a {
text-decoration: none;
}

a:hover { text-decoration: underline; }

#container {
margin: 0 auto;
width: 1000px;
}

	#header {
	background: url(../image/layout/header.png) no-repeat;
	clear: both;
	height: 131px;
	margin-bottom: -55px;
	}
	
		#topnav {
		float: left;
		height: 50px;
		padding: 12px 0 0 337px;
		position: absolute;
		width: 370px;
		}
		
			a.nav_about {
			background: url(../image/topnav/nav_about.gif) no-repeat;
			display: block;
			float: left;
			height: 45px;
			width: 124px;
			}
			
				a.nav_about:hover, a.nav_about.active1 {
				background: url(../image/topnav/nav_about.gif) no-repeat 0 -45px;
				}
				
			a.nav_faqs {
			background: url(../image/topnav/nav_faq.gif) no-repeat;
			display: block;
			float: left;
			height: 45px;
			width: 110px;
			}
			
				a.nav_faqs:hover, a.nav_faqs.active2 {
				background: url(../image/topnav/nav_faq.gif) no-repeat 0 -45px;
				}
				
			a.nav_contact {
			background: url(../image/topnav/nav_contact.gif) no-repeat;
			display: block;
			float: left;
			height: 45px;
			width: 131px;
			}
			
				a.nav_contact:hover, a.nav_contact.active3 {
				background: url(../image/topnav/nav_contact.gif) no-repeat 0 -45px;
				}
	
		#footer ul {
		margin-bottom: 5px;
		}
		
		#footer li {
		border-left: 1px solid #494949;
		padding: 0 5px;
		display: inline;
		}
		
		#footer li.first {
		border: none;
		padding-left: 0;
		}

/* --------------------------------------- */
/* ------------>>> HOMEPAGE <<<----------- */
/* --------------------------------------- */

	.homepage #main {
	clear: both;
	height: 464px;
	width: 1000px;
	}
	
	#feature {
	background: url(../image/layout/footer.gif) no-repeat;
	clear: both;
	color: #FFF;
	font-size: 85%;
	height: 132px;
	}
	
		#feature div {
		float: left;
		}
		
		.feature1 {
		height: 125px;
		padding: 5px 0 0 35px;
		width: 242px;
		}
		
		.feature2 {
		height: 120px;
		margin: 13px 0 0 74px;
		width: 284px;
		}
		
		.feature3 {
		height: 130px;
		margin: 5px 0 0 58px;
		width: 273px;
		}
		
	.homepage #footer {
	color: #494949;
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	text-align: center;
	}
	
		.homepage #footer a {
		color: #494949;
		}

/* --------------------------------------- */
/* ------------>>> SUBPAGE <<<------------ */
/* --------------------------------------- */

.subpage #header {
margin-bottom: -65px;
}

.subpage #pageimage {
background: url(../image/subpage_headers/1.jpg) no-repeat;
clear: both;
overflow: hidden;
position: relative;
z-index: -1;
}

	#pageimage.one 		{ background: url(../image/subpage_headers/1.jpg); }
	#pageimage.two 		{ background: url(../image/subpage_headers/2.jpg); }
	#pageimage.three 	{ background: url(../image/subpage_headers/3.jpg); }
	#pageimage.four 	{ background: url(../image/subpage_headers/4.jpg); }
	#pageimage.five 	{ background: url(../image/subpage_headers/5.jpg); }
	#pageimage.six 		{ background: url(../image/subpage_headers/6.jpg); }
	#pageimage.seven 	{ background: url(../image/subpage_headers/7.jpg); }

.subpage #main {
background: url(../image/layout/sub_back.gif) repeat-y;
clear: both;
float: left;
padding-bottom: 30px;
}

	.subpage #main #col1 {
	float: left;
	padding: 50px 13px 0 13px;
	width: 157px;
	}
	
	.subpage #main #content {
	background: #FFF;
	float: left;
	font-size: 90%;
	padding: 16px;
	width: 785px;
	}
	
		.subpage #maincontent {
		float: left;
		width: 506px;
		}
		
			.subpage #maincontent li {
			background: url(../image/layout/square_bullet.gif) no-repeat 5px 10px;
			line-height: 1.5em;
			padding: 5px 0 0 20px;
			}
		
		.subpage #content #sidecol {
		float: left;
		padding-top: 50px;
		padding-left: 33px;
		width: 241px;
		}
	
	.subpage #main p {
	line-height: 1.5em;
	padding: 5px 0;
	}
	
.subpage #footer {
background: url(../image/layout/sub_footer.png) no-repeat;
clear: both;
float: left;
font-size: 80%;
height: 38px;
margin-top: -30px;
padding-top: 26px;
text-align: center;
width: 1000px;
}

	.subpage #footer a {
	color: #a8dffe;
	}
	
	.subpage #footer li {
	border-left: 1px solid #a8dffe;
	}
	
	.subpage #footer li.first {
	border: none;
	}
	
/* side nav */

#navmenu {
background: url(../image/sidenav/cap_bottom.jpg) no-repeat bottom center;
padding-bottom: 11px;
}

.subpage #col1 a:hover { background-position: 0 0; }
#navmenu.history a.sidenav_history		 { background-position: 0 0; }
#navmenu.mission a.sidenav_mission		 { background-position: 0 0; }
#navmenu.vision a.sidenav_vision		 { background-position: 0 0; }
#navmenu.values a.sidenav_values		 { background-position: 0 0; }
#navmenu.petition a.sidenav_petition	 { background-position: 0 0; }
#navmenu.traffic a.sidenav_traffic		 { background-position: 0 0; }
#navmenu.factsheet a.sidenav_factsheet	 { background-position: 0 0; }
#navmenu.photos a.sidenav_photos		 { background-position: 0 0; }

a.sidenav_history {
background: url(../image/sidenav/history.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_mission {
background: url(../image/sidenav/mission.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_vision {
background: url(../image/sidenav/vision.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_values {
background: url(../image/sidenav/values.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_petition {
background: url(../image/sidenav/petition_website.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_traffic {
background: url(../image/sidenav/traffic_study.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_factsheet {
background: url(../image/sidenav/fact_sheet.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

a.sidenav_photos {
background: url(../image/sidenav/photos.jpg) no-repeat 0 -38px;
clear: both;
display: block;
height: 38px;
}

/* headings */

#feature h2 {
color: #dda848;
font: bold italic 160% "Arial Narrow", Arial, Helvetica, sans-serif;
width: 240px;
}

	#feature h2 a {
	color: #dda848;
	}

	#feature h2 span {
	font-weight: normal;
	font-style: italic;
	}
	
	#feature h2 img {
	margin-left: 5px;
	}
	
.subpage h2 {
font: bold italic 130% Verdana, Arial, Helvetica, sans-serif;
}