/* Copyright 2008 WYSDesign / wysdesign.com.au */ 
html, body{
 background-image:url(images/body_bg.jpg);
 background-repeat:repeat-x;
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#FFFFFF;
} 
 
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin: 0;
} 
 
#header{
	width: 1000px;
	height: 170px;
	margin: 0 auto;
	background-image: url(images/header_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
} 

#body{
width:900px; margin:0 auto; padding:0 0 20px 0; text-align:left;

}
#body a {
	color:#05367E;
	text-decoration:underline;

}

#body a:hover {
color: #333333;
text-decoration:none;

}

/* Right Column */ 

#leftcol{
width: 450px; height: 600px; float: left; margin: 0px; padding: 0px;}

.leftcol{
	width:412px; height: 338px; padding: 0;}
	
	
.howitworks{
	width:412px; height: 200px; padding: 0; float:left; margin-top: 25px;
	background: url(images/tt_howitworks_bg.gif) no-repeat; background-position: left}
	
.howitworks h2{
    width:220px; padding-left: 150px; padding-top: 0px; text-align:left;
	background: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:200; line-height: 18px; color: #CCCCCC;
 
}
	

/* Right Column */ 

#rightcol{
 width: 450px; height: 600px; float:right; margin: 0px; padding: 0px;
 
 }
 
.rightcol{
	width:412px; height: 338px; float:right; margin: 0px; padding: 0px;
	background: none;
	}
	
.rightcol h3{
	text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color:#666666;
	}


.contact{
	width: 412px; height: 200px; float:right; margin-top: 25px;
	background: url(images/tt_contact_bg.gif) no-repeat; background-position: left}
	
.contact h2{
    width: 250px; height: 200px; text-align:left; padding-top:0px;
	background: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:200; line-height: 18px; color: #666666;
 
}

/* Text Styles */ 

.namebold{

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; line-height: 18px; color: #333333;
 
}
 
.bodyText{

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; color: #333333;

}

.subheader{

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height: 18px; color: #333333;

}

/* Footer Styles */ 

#footer {
	clear: both;
	margin: 0 auto;
	padding: 0;
	
}
#footer a {
	color: #999999;
	text-decoration:underline;

}

#footer a:hover {
color: #CCCCCC;
text-decoration:none;

}

.footer{
	width:900px; height:80px; margin:0 auto; padding: 0;}
	

.footer h2 {
	width: 450px; height: 80px; padding: 0; float: left; text-align:left; margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:200;
	color:#999999;
	
	}
.footer h3 {
	width: 450px; height: 80px; padding: 0; float: right; text-align:right; margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:200;
	color:#999999;

 /* *** Float containers fix *** */ 
}
.clearfix:after {
 content: inherit; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */