/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #6086a2;
	background: url(../images/bg.jpg) top left repeat-x #3d6582; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: bold;
		color: #3165ae;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #333; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 1001px;
	margin: 0 auto; }
	
	/*** HEADER TOP ***/
	#headerTop {
		width: 1001px;
		height: 115px;
		float: left; }
	
	/*** HEADER ***/
	#header {
		width: 970px;
		height: 234px;
		float: left;
		background: url(../images/header_bg.png) top left no-repeat;
		margin: 0 0 0 16px; }

		/*** NAVIGATION ***/
		ul#nav { 
			width: 270px;
			height: 303px;
			float: left;
			list-style: none;
			margin: 1px 0 0 0; }
		
			ul#nav li a { 
				float: left; 
				width: 270px;
				margin: 0 0 0 0;
				padding: 0 0 0 0; }
		
		/*** UNITS BTN ***/
		img.units {
			width: 125px;
			height: 39px;
			float: right; 
			margin: 265px 35px 0 0; }
			
	/*** HEADER BOTTOM ***/
	#headerBottom {
		width: 1001px;
		height: 52px;
		float: left; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 970px;
		min-height: 400px;
		float: left;
		background: url(../images/contentWrapper_bg.jpg) top left repeat-x #6086a2;
		margin: 0 16px;
		padding: 0 0 30px 0; }
	
		/*** CONTENT ***/
		#content {
			width: 920px;
			min-height: 300px;
			float: left;
			text-align: left;
			background: url(../images/content_bg.png) bottom left no-repeat #fff;
			margin: 25px 0 0 25px;
			padding: 0 0 20px 0; }
			
			#content > h1, 
			#content > p,
			#content > ul li {
				padding: 0 15px; }
		
		/*** SIDEBAR ***/
		/*#sidebar {
			width: 440px;
			min-height: 400px;
			float: left;
			text-align: left;
			background: url(../images/content_bg.jpg) bottom left no-repeat #fff;
			margin: 25px 0 0 33px;
			padding: 0 0 20px 0; }
			
			#content h1, 
			#content p,
			#content ul li,
			#sidebar h1,
			#sidebar p {
				padding: 0 15px; }
				
			#sidebar h1 {
				background: url(../images/h1_bg.jpg) no-repeat;
				color: #fff;
				font-weight: normal;
				width: 211px;
				height: 57px;
				margin: 10px 0 0 15px;
				padding: 13px 0 0 18px;
				font-family: "Century Gothic";
				font-size: 18px; }*/
		
		
	/*** FOOTER ***/
	#footer {
		width: 1001px;
		height: 52px;
		text-align: center;
		float: left;
		margin: 0 auto;
		background: url(../images/footer_bg.png) top left no-repeat; }
		
			#footer p { 
				font-size: 11px;
				color: #6086a2;
				margin: 10px 0 0 0; }
				
				#footer a:link, #footer a:visited {
					text-decoration: none;
					color: #6086a2;
					margin: 0 10px 0 0; }
					
				#footer a:hover {
					color: #3d6582;
					text-decoration: underline; }

			#footer p.poweredby { 
				float: right;
				margin: -20px 30px 0 0; }
		
			#footer p.poweredby a { margin: 0 0 0 20px; }		
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */
