/*
author: Ryan O'Connell
studio:	hothouse interactive
website:www.hothouse.com.au
email: 	info@hothouse.com.au
----------------------------------------------- */

/*
----------------------------------------------- 
LAYOUT STYLES

includes basic layout - banner, columns, footer
----------------------------------------------- */

/*-------Start containers to hold all the content in place---------------------------------------------------------------------------*/

.container_main {
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	line-height: 1.2em; /* IE 6 Peekaboo bug hack */
	width: 760px; /* IE PC dimensions - overridden for browsers that utilise correct box model by Tantek box model hack below */
	height: 100%;
	voice-family: "\"}\"";  /* Box model hack: IE5 and 5.5 Win can't see the following correction */
	voice-family:inherit;
	width:760px; 
	min-height: 100%; 
	height: auto;
} html>body .container_main { width:760px; min-height: 100%; height: auto;  }  /* For browsers that also couldn't see the correction but use the correct box model */

.pageBackground {
	background:url("../images/bg_pageIE.gif") left bottom no-repeat;
	padding:0 0 23px 0;
	voice-family: "\"}\"";  /* IE hack */
	background:url("../images/bg_page.gif") center bottom no-repeat;
	voice-family:inherit;
}
/*-----End header layout--------------------------------------- */


/*-----Start feature layout------------------------------------ */
.featureArea {
	padding:0 0 0 0;
	width:515px;
	float:left;
   height:147px;
}
.banner {
	height: 90px;
	background:#FBFBFB url("../images/bg_banner.jpg") left top no-repeat;
	overflow: hidden;
	margin:0 5px 0 5px;
	position:relative;
	border:0px solid red;
	display:block;
	width:750px;
} 
/*-----End feature layout-------------------------------------- */
/*-----login layout-------------------------------------- */
.login_container {
	padding:5px 10px;
	background:url("../images/bg_loginBox.jpg") no-repeat; 
	height:147px;
	margin:0 0 5px 0;
}
.login_container h4 {
	background:url("../images/icon_login.gif") no-repeat;
	padding:4px 0 0 20px;
	height:20px;
	color:#3B9F34;
	font-size: 1.2em;	
	margin:0 0 3px 0 ;
}

.login_container h5 {
	background:url("../images/envelope.gif") no-repeat;
	padding:1px 0 0 25px;
	height:20px;
	color:#3B9F34;
	font-size: 1.2em;	
	margin:0 0 3px 0 ;
}

.login_container p {
	 margin:0;
	 padding:0;
	 line-height:1em;	
}
.login_container p.note {
	 margin:0 0 5px 0;
	 padding:0;
	 font-size:95%;
	 line-height:1em;	
}

.login_container_main {
	padding: 5px 220px;
	background:url("../images/bg_loginBox_main.gif") no-repeat; 
	background-position:180px;
	height:240px;
	margin:5px 0 5px 0;
}

.login_container_main h4 {
	background:url("../images/icon_login_long.gif") no-repeat;
	padding:17px 0 10px 15px;
	height:20px;
	color:#3B9F34;
	font-size: 1.2em;	
	margin:0 0 3px 0 ;
}
.login_container_main p {
	 margin:0;
	 padding:3px;
	 line-height:1em;	
}
.login_container_main p.note {
	 margin:0 0 5px 0;
	 padding:0;
	 font-size:95%;
	 line-height:1em;	
}
.login_container_main p.note2 {
	 margin:5px 0 10px 0;
	 padding:0;
	 line-height:1.5em;	
}

/*-----Start content layout------------------------------------ */
.container_content {
	font-size: 90%;
	background:#FFFFFF ;
	padding:1px;
	margin: 5px 5px 0px 0px;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	border-top: 1px solid #FFF; /* Stop margins collapsing (from nested content in columns) */
}
.container_col_home_left {
	position: relative;
	float:left;
	width:513px;
	margin: 0px 0px 0px 0px
	padding:6;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	border:0px solid red;
}

.container_col_home_left2 {
	position: relative;
	float:left;
	width:720px;
	margin: 0px 0px 0px 0px
	padding:6;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	border:0px solid red;
}
.container_col_home_right {
	position: relative;
	float:right;
	width:226px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
}

.container_col_details_right {
	position: relative;
	float:right;
	width:150px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	font-size:90%;
	border:0px solid red;
}
.container_col_details_left {
	position: relative;
	float:left;
	width:450px;
	
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	border:0px solid red;
	
}

.container_col_left {
	position: relative;
	float:left;
	width:186px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	font-size:95%;
}

.container_col_right {
	position: relative;
	float:right;
	width:550px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	margin:0 0 0 0;
}
.col_border {
	 border-left:4px solid #E8E8E8;
	 border-right:4px solid #E8E8E8;
	 margin:0;
	 line-height: 1.6em; /* IE 6 Peekaboo bug hack */
	 height:1%;
}
.content_left {
	position: relative;
	float:left;
	width:300px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	font-size:95%;
}

.content_right {
	position: relative;
	float:right;
	width:204px;
	padding:0;
	line-height: 1.4em; /* IE 6 Peekaboo bug hack */
	margin:0 0 0 0;
}

/* -- two col layout -- */
.half_col_left {
	float:left;
	width:292px;
	border-right:5px solid #E8E8E8;
	padding:2px;
	height:300px;
	font-size:11px;
}
.half_col_right {
	float:right;
	width:292px;
	padding:2px;
	height:300px;
	font-size:11px;
}
.contentArea { 
 width:90%;
 padding:10px;
 }
.two_cols { 
	padding:1%;
	width:48%;
	float:left;
}
/*-----End content layout------------------------------------- */

/*-----Start footer layout------------------------------------ */ 
.footer {
	clear: both;
	position: relative;
	height: 21px;
	margin: 5px;
	padding:4px 5px 0 4px;
	vertical-align: middle;
	font-size: 85%;
	color: #fff;
	
	background:url("../images/bg_footer.jpg") no-repeat;
}

.footer p.footer_copyright {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}
	
.footer p.footer_asx {
	display: inline;
	margin: 0px;
	padding: 0px;
}
	
.footer a:link, .footer a:visited, .footer a:active {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding:0 12px 0 5px;
	background:url("../images/icon_ball1.gif") right center no-repeat;
}

.footer a:hover, .footer a:active {
	text-decoration: underline;
}

.footer ul {
	display: inline;

	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.footer li {
	display: inline;
	
	margin: 0px;
	padding: 0px;
}
#footerLastLink {
	padding:0 0px 0 5px;
	background:none
}
/*
End footer layout
----------------------------------------------- */

/* 
begin popup window styles
----------------------------------------------- */

.popup {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 90%;
	/* IE 6 Peekaboo bug hack */
	line-height: 1.5em;
	background: #FFF url("../images/popup_tile.gif") left top repeat-x;
} 

.popup_banner {
	width: 100%;
	height: 68px;
	background: transparent url("../images/popup_logo.jpg") left top no-repeat;
}

.popup_colorstrip {
	height: 3px;
	background: #3EA438 url("../images/bnr_colorstrip.gif") right top no-repeat;
	overflow: hidden;
}

.popup_content {
	padding: 10px 20px;
}

img.popup_content_img {
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}

.popup_footer {
	clear: both;
	margin: 0 20px;
	padding: 10px 0;
	text-align: right;
	background: #FFFFFF url("../images/hr_dashLine.gif") 0px 0px repeat-x;
}

/* 
end popup styles
----------------------------------------------- */

/*-----End containers to hold all the content in place---------------------------------------------------------------------------*/