@charset "utf-8";
/*

Secure Futures - Crowded Places
domain.com

Layout Stylesheet

Version 1.0
22-April-2008


*/

/* Import external style sheets */
@import "crowdedPlaces_typography.css";


/********** Global Layout Elements **********/

html, body {
	margin: 0;
	z-index: 1;
	background-color: #ffffff;
	}
	
#container {
	position: absolute;
	width: 980px;
	height: 682px;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -341px;
	border: 0;
	padding: 0;
	}
	
#titleBar {
	position: relative;
	width: 980px;
	height: 109px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#contentBar {
	position: relative;
	width: 980px;
	height: 532px;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#footerBar {
	position: relative;
	width: 980px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	}
	
#mainContent {
	position: relative;
	width: 420px;
	height: 439px;
	margin-top: -498px;
	margin-left: 36px;
	padding: 0;
	border: 0;
	z-index: 2;
	}
	
#pageTitle {
	position: relative;
	width: 381px;
	height: 73px;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	}
	
#pageCopy {
	position: relative;
	width: 341px;
	height: 326px;
	margin: 20px;
	padding: 0;
	border: 0;
	overflow: hidden;
	float: right;
	}
	

/********** Scrollbar **********/
#scrollbar {
	position: relative;
	width: 39px;
	height: 366px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	}
	
/* vertical track */
#track {
	position: relative;
	float: left;
	width: 23px;
	height: 340px;
	margin-top: 27px;
	margin-left: 10px;
	padding: 0;
	border: 0;
	background-image: url(../images/scrollTrack.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

/* vertical track handle */
#handle {
	position: relative;
	width: 13px;
	height: 14px;
	margin-left: -2px;
	padding: 0;
	border: 1px solid #eee;
	background-color: #2373e1;
	cursor: n-resize;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	}