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

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


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: bold;
		color: #fd8d33;
		margin: 10px 0 10px 0; }
		
	h3 { 
		font-size: 11px; 
		text-align: left;
		font-weight: bold;
		color: #fff;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #fd8d33; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	img, div, input { behavior: url("/iepngfix.htc") }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 930px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#header {
		width: 930px;
		height: 274px;
		float: left; }
		
	/*** NAVIGATION ***/
	ul#nav { 
		width: 930px;
		height: 36px;
		margin: 0 auto;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 36px; }

	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		float: left;
		width: 930px;
		min-height: 500px; }
	
		/*** LEFT SIDEBAR ***/
		#leftSidebar {
			float: left;
			margin: 10px 10px 0 0;
			width: 179px; }
			
			/*** TV ADVERT ***/
			#tvAdvert {
				width: 179px;
				height: 167px;
				float: left; }
				
			/*** REFER A FRIEND ***/
			#referFriend {
				width: 179px;
				height: 284px;
				float: left;
				margin: 10px 0 0 0; }
	
		/*** MAIN ***/
		#main {
			width: 552px;
			float: left;
			margin: 0 10px 0 0; }
		
			/*** CONTENT ***/
			#content {
				width: 532px;
				text-align: justify;
				min-height: 500px;
				padding: 0 10px;
				margin: 0 0 0 0;
				float: left;
				background: url(../images/content_bg.jpg) bottom right no-repeat; }
				
			/*** MARQUEE ***/
			#marquee {
				width: 552px;
				height: 30px;
				float: left; }
				
				#marquee marquee {
					background: #3aaf99;
					height: 30px;
					width: 552px;
					line-height: 30px;
					color: #fff;
					font-size: 14px; }
					
					#marquee marquee span {
						font-weight: bold;
						font-size: 24px; }
					
					#marquee marquee a {
						color: #fff;
						text-decoration: none; }
						
						#marquee marquee a:hover {
							text-decoration: underline; }
			
		/*** RIGHT SIDEBAR ***/
		#rightSidebar {
			float: left;
			margin: 10px 0 0 0;
			width: 178px; }
			
			/*** CURRENT RATES ***/
			#currentRates {
				width: 178px;
				min-height: 29px;
				float: left;
				text-align: justify;
				background: #f5454c; }
				
				ul#currentRatesList {
					list-style: none;
					color: #fff;
					margin: 10px 0 0 10px; }
					
					ul#currentRatesList li {
						float: left; }
						
						ul#currentRatesList li.left {
							width: 120px; }
						
						ul#currentRatesList li.last {
							margin: 0 0 10px 0; }
							
			/*** TESTIMONIALS ***/
			#testimonials {
				width: 178px;
				min-height: 29px;
				margin: 10px 0 0 0;
				float: left;
				text-align: justify;
				background: #00b5de; }
				
				ul#testimonialsList {
					width: 158px;
					margin: 10px;
					list-style: none;
					color: #fff;
					font-size: 9px; }
					
					ul#testimonialsList li {
						margin: 0 0 10px 0; }
						
						ul#testimonialsList li span {
							font-weight: bolder;
							font-style: italic; }
										
						#testimonials a:link,#testimonials a:hover, #testimonials a:visited {
							text-decoration: underline;
							color: #fff; }
								
			/*** BANKS ***/
			#banks {
				width: 178px;
				height: 98px;
				float: left;
				margin: 10px 0 0 0; }
			
/*** FOOTER ***/
#footer {
	width: 100%;
	height: 94px;
	background: #7d7f7e;
	text-align: left;
	float: left;
	margin: 0 auto; }
	
	
	#footerContent {
		width: 930px;
		margin: 0 auto; }
		
		#footer p { 
			font-size: 10px;
			color: #fff;
			margin: 40px 0 0 10px; }
			
			#footer a:link, #footer a:hover, #footer a:visited {
				text-decoration: underline;
				color: #fff; }


		#footer p.poweredby { 
			float: right;
			margin: -25px 10px 0 0;
			text-align: right; }
	
		#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 */