/*

	- DETAILS - 
	
	File:				styles.css
	Description:		Earthex Logistics WA CSS styles
	Creation Date:		20/01/2009
	Author:				Nathan Gielis
	Email:				nathan.gielis@rowland.com.au
	Link:				http://www.rowland.com.au
	
	
	- CHANGELOG -
	
	20/01/2009			v1.0.0			File created (NG)
	

*/


/* - GENERAL - */
body
	{
		background-color:	#FFFFFF;
		margin: 			0 0;
	}
	
/* - LAYOUTS - */ 
#container 
	{ 
		width:				864px;
		margin:				0 auto;
	}
	
#hero
	{
		float: left;
	}
	
#menu 
	{
		float: 				left;
		width: 				794px;
		height: 			27px;
		margin: 			-527px 0 0 70px;
	}
	
#inside-menu 
	{
		float: 				left;
		width: 				794px;
		height: 			27px;
		margin: 			-268px 0 0 70px;
	}
	
#main
	{
		float: 				left;
		width:				864px;
		margin:				0 0;
		background:			url(../images/bg_tile.jpg) repeat-y;
	}

#menu a, #inside-menu a
	{
		padding: 	        0 0 0 11px;
		float: 				left;
	}

#left
	{
		width:              609px;
		margin-top:			-318px;
		float:				left;
	}
	
#right
	{
		width:				203px;
		margin:				-498px 52px 0 0;
		background:			url(../images/bg_right.png) repeat-y;
		float:				right;
	}
	
#inside-left
	{
		float:				left;
		width:              609px;
		margin-top:			-80px;
	}
	
#inside-left-content
	{
		float: 				left;
		width: 				479px;
		font-family:		Arial, Helvetica, sans-serif;
		color: 				#30332a;
		font-size:			11px;
		margin: 			0 0 30px 63px;
		line-height:		17px;
	}
	
#inside-left-content>h1
	{
		margin-bottom: 		0px;
		padding-bottom: 		0px;
	}
	
#inside-right
	{
		width:				203px;
		margin:				-238px 52px 0 0;
		background:			url(../images/bg_right.png) repeat-y;
		float:				right;
	}
	
#rightcontent
	{
		width: 				157px;
		margin: 			188px 0 140px 26px;
		font-family:		Arial, Helvetica, sans-serif;
		font-size: 			11px;
		color:				#c8c9ca;
		line-height:		17px;
	}
	
#rightcontent>a
	{
		font-family:		Arial, Helvetica, sans-serif;
		font-size: 			11px;
		color:				#fff;
		line-height:		17px;
		text-decoration:	none;
	}
	
#logo 
	{
	 	width: 				257px;
		height:				54px;
	 	float: 				left;
	 	margin: 			70px 0px 61px 288px;
	}
	
#content 
	{
	 	width: 				546px;
	 	float: 				left;
	 	padding: 			0 0;
	 	margin: 			0 0 30px 63px;
	 	
	}
	
#thumbnails 
	{
	 	width: 				609px;
		height:				87px;
	 	float: 				left;
	 	padding: 			0 0;
		margin: 			0 0 30px 51px;
	}
	
#thumbnails .thumb
	{
		width:				217px;
		height:				87px;
		margin-left:		12px;
		float: 				left;
	}
	
#inside-thumbnails 
	{
	 	width: 				217px;
	 	float: 				left;
	 	padding: 			0 0 10px 0;
		margin: 			205px 0 0 -7px;
	}
	
#inside-thumbnails .thumb
	{
		width:				217px;
		height:				87px;
		float: 				left;
		margin-bottom:		10px;
	}
	
#footer, #inside-footer
	{
	 	width: 				864px;
		float: 				left;
	 	padding: 			20px 0 0 0;	
		background:			url(../images/bg_foot.jpg) no-repeat; 	
	 	margin: 			0 0;
		text-align: center;
	}

/* - TYPE - */ 	
#footer, #footer a, #inside-footer, #inside-footer a
	{
	 	font-family: 		Tahoma, Arial, sans-serif;
		font-size:			10px;
		color: 				#c4c4c4;
		text-decoration:	none;		
	}
	
#footer a:hover
	{
		color: 				#a2a2a2;
		text-decoration:	underline;
	}	
	
h1
	{
		padding-bottom:     10px;
	}
	
h2
	{
		padding-bottom:     10px;
	}
	
a
	{
		color: #e01a22;
		
	}
	
/* - CLEARS - */  
.clear {
	clear:both;
	margin-bottom: -1px; /* for Gecko-based browsers */
	overflow:hidden;
	padding-bottom: 1px; /* for Gecko-based browsers */
	}
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
	}
.clearfix {display: inline-table;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

.hidden
	{
		display:none;
	}