/*CSS Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body{line-height:1}ol,ul{list-style:none; list-style-position:outside;}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*Universal Styles: all margins are 15px and dictated by widths, not padding or margin.*/
html { height: 100%; } /*force footer to bottom*/
body {	
	background: #000 url(images/bg_body.png) repeat-x top; 
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;/*force footer to bottom*/
	min-width: 760px; /*netscape fix*/
	line-height: 1.5em;
}
#wrapper { 
	min-height: 100%;/*force footer to bottom*/
	position: relative;/*force footer to bottom*/
}
#header { margin-bottom: 15px; position: relative; }
#content { 
	font-size: 1.2em; 
	margin: 0 auto;
	width: 745px;
	margin-bottom: 140px !important;/*force footer to bottom--footer height*/
	position: relative;
}
	#content p { line-height: 1.4em; margin-bottom: 12px; }
#intro, h1 { background-image: url(images/bg_col-1.png); }	
#intro { 
	background-color: #333;
	background-position: 0 100%; 
	margin-bottom:20px;
	padding:40px 20px 10px;
}
	h1 { 
		background-position: 0 -106px;
		display: block;
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		padding:15px 15px 5px; 
		position: absolute;
		top: 0; left: 0;
		width: 715px; 
	}
#intro h2 {	text-transform: none; font-weight: normal;	}
	#disclaimer { border: 1px solid #666; margin: 10px auto 4px; overflow: auto; width: 580px; height: 60px; }
	#disclaimer-links { font-size: .8em; margin-left: 63px; }
	#enter {
		background: #000 url(images/bg_enter.png) no-repeat 0 0;
		margin: 10px auto;
		min-height: 94px;
		padding: 20px 20px 20px 145px;
		position: relative;
		width: 421px;
		min-height: 250px;
	}
		#enter p { clear: both;}	
#footer {
	background: url(images/footer.gif) repeat-x;
	clear: both;
	height: 140px;/*force footer to bottom--footer height*/
	position: relative;/*force footer to bottom--footer height*/
	top: 20px;
	margin-top: -140px;
}
hr {
	background-color:#99c;
	border:0 none;
	color:#99c;
	height:1px;
	margin:5px auto 20px;
	text-align:center;
	width:705px;
}
/*=Typography*/
a:link { color: #99c; text-decoration: none; }
a:visited { color: #99c; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }
a:active { color: #fff; text-decoration: underline; }
h1, h2, h3, h4 { color: #ccc; text-transform: uppercase; }
h5 a:hover, h5 a:active { color: #fff; text-decoration: underline; }
h3#logo {
	background: url(images/bg_logo.png);
	text-indent: -90000px;
	margin: 0 auto;
	overflow: hidden;
	width: 749px; height: 153px;
}
p { font-size: 1em; }
.exposure { text-align: center; }
h5, h5 a:link, h5 a:visited, #main ul.cities a, #footer li, #footer li a:hover, #footer li a:active, .section a, #bread a, #frontpage.col_1 h1, #results_page #content h1, #enter h3 a, #info-help dl a, .current { color: #fed100; }	
/*Navigation*/
#nav_footer { text-align: center; }
#nav_footer li { display: inline; }
#footer li { background: #333333; padding-right: .25em; font-size: 1.1em;}
#footer a:link { color: #999999; text-decoration: none; }
#footer a:visited { color: #999999; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer a:active { color: #fff; text-decoration: underline; }

#footer-wrap {
	background: url(images/footer_image.gif) no-repeat 100% 0; 	
	height: 137px;
	padding-top: 3px;
}
/* Suckafish Dropdowns */
#nav_enter, #nav_enter ul {
	display: block;
	height: 32px;
	margin-bottom: 15px;
}
#nav_enter a {
	display: block;
	width: 201px; height: 32px;
}
#nav_enter li {
	float: left; display: inline;
	margin-right: 8px;
	width: 201px; height: 32px;
}
#nav_enter li li { 
	background: #333; 
	float: none; display: block;
	margin: 0;
	height: 1.5em;
	width: 184px;
}
#nav_enter li li a {
	padding-left: 15px;
	width: 169px; height: 1.5em;
}
#nav_enter li a:hover {background-color: #666; color: #fed100;}
#nav_enter #world li {width: 201px; }
#nav_enter #world li a { width: 186px; }
#nav_enter li ul {
	position: absolute;
	width: 201px;
	left: -999em;
	height: 300px;
	overflow: auto;
}
#nav_enter li:hover ul { left: auto; }
#nav_enter li:hover ul, #nav_enter li.sfhover ul { left: auto; }
/*=Buttons and image replacements*/
.imgreplace, .button { position: relative;}
	.imgreplace span, .button span { cursor: pointer; position: absolute; width: 100%; height: 100%; }
#intro h3, #intro h4 { position: relative; left: 0; top: -20px; width: 411px; }
#intro h3 { height: 32px; }
#intro h4 { height: 27px; }
#intro h3 span { background: url(images/h_intro.png) top; position: absolute; width: 100%; height: 100% }
#intro h4 span { background: url(images/h_intro.png) bottom; position: absolute; width: 100%; height: 100% }
#us-cities span, #world-cities span, #us-cities span:hover, #world-cities span:hover { background: url(images/b_cities.png); width: 201px; height: 34px;}
#us-cities span {background-position: bottom left; }
#world-cities span{background-position: top left; }
#us-cities span:hover{background-position: bottom right; }
#world-cities span:hover{background-position: top right; }
/*=IE6 fixes*/
*html #wrapper { height: 100%; } /*adds pseudo-min-height, ditto for below*/
*html #enter { height: 250px;}