/* 
Big City Technology Redesign : Elevate Studios
Base Stylesheet
May 2006
 */
 
div, form { padding: 0; margin: 0; }
ul, li, p { display: block; }
ul, li { list-style: none; }

html, body, #city, #container, #shade { height: 100%; }

body {
	background: #fcfce2 url(/_images/city-background.gif) repeat-x top left;
	text-align: center;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #7b7a0d;
	padding: 0;
	margin: 0; }
	
a img { border: none; }
a { text-decoration: underline; color: #7b7a0d; }
#text a:hover { background: #fcfce2 url(/_images/ahover-back.gif) repeat-x top left; }

#container {
	width: 740px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left; }	
	
	#logo {
		position: absolute;
		top: 14px;
		left: 24px; }
	
	#shade {
		position: absolute;
		top: 0;
		left: 180px;
		width: 563px;
		padding: 0 9px 0 8px;
		background: url(/_images/background.png) repeat-y top left; }
				
		#wrapper {
			position: relative;
			background: #fcfce2;
			min-height: 100%; /* For Modern Browsers */
			height: auto !important; /* For Modern Browsers */
			height: 100%; /* For IE */
			width: 545px;	
			text-align: left; }			
			#navigation {
				background: #7b7a0d;
				width: 545px;
				voice-family: "\"}\"";
				voice-family:inherit;
				min-height: 39px; }
			#navigation ul {
				float: right;
				background: #7b7a0d;
				text-transform: uppercase;
				padding: 0;
				margin: 0; }
			#navigation li {
				float: left;
				display: block;
				padding: 0;
				margin: 0 10px 0 10px;	}
				#navigation li.current a { border-bottom: 3px solid #fcfce2; }
			#navigation li a:link, #navigation li a:visited, #navigation li a:visited:after {
				float: left;
				display: block;
				padding: 10px 0 10px 0;
				margin: 0;
				color: #fcfce2;
				text-shadow: #000 0 1px 1px;
				text-decoration: none;
				content: inherit; }
			#navigation li a:hover { text-decoration: none; background: none; }
				
			#image { clear: both; }
				
				#text {	margin: 40px; }
			
					.sIFR-hasFlash #text h2 {
						visibility: hidden;
						font-size: 24px;
						line-height: 1em;
						letter-spacing: -1px;
						color: #7b7a0d;
						display: block; }
						.sIFR-hasFlash #text h3 { font-size: 12px; }

					
					.sIFR-flash { visibility: visible !important; }
					.sIFR-replaced { visibility: visible !important; }
					
					#text h2 { margin: 20px 0 10px 0; }
					#text h3 { margin: -10px 0 10px 0; }
					#text ul {
						padding: 0;
						margin: 0;
						color: #666; }
					#text li {
						background: url(/_images/arrow.gif) no-repeat 0 0;
						padding: 0 0 0 10px; }
					#text p {
						margin: 0;
						padding: 0 0 10px 0;
						color: #666; }
					
					form { width: 290px; }
						fieldset { border: none; }	
						label { 
							clear: both;
							text-align: right;
							padding: 0 10px 0 0;
							margin: 8px 0 0 0;
							width: 80px;
							float: left; }
						select, input, textarea { 
							width: 175px;
							float: left;
							border: 1px solid #ccc;
							margin: 5px 0 5px 0; }
						textarea { height: 100px; }
						input.button { 
							float: none;
							margin-left: 85px;
							border: none;
							width: auto; }
						b { color: #C00; }

			#footer {
				width: 545px;
				position: relative;
				margin: -36px 0 0 0;
				bottom: 0 !important;
				bottom: -1px; /* For Certain IE widths */
				background: #eeecc3 url(/_images/footer.gif) repeat-x top left; }
				#footer p {
					padding: 10px;
					margin: 0; }