/*
-----------------------------------------------
The Roofing Centre Site Base Styles
Author: 	Ionata Pty Ltd
URL:		www.ionata.com.au
Version: 	1 June 2006
----------------------------------------------- */


body {
	background-color: 	#FFFFFF;
	margin: 			0;
	padding: 			0;
	font-family: 		Verdana, Arial, Helvetica;
	color:				#000000;
	background-image: 	url(/images/bg-full-inside.gif);
	background-repeat: 	no-repeat;
	background-position: top center;
	
}

body * { 
	margin: 			0; 
	padding: 			0; 
}

#header1
{
	display: none;
}


#printheader {
	display: none;
}

#printfooter {
	display: none;
}
.clear-all { clear: both; }

a	{
	color:				#00A8E1;
}
	
a:hover, a:visited	{
	color:				#376086;
}

p {
	padding-bottom: 12px;
}

#container {
    background: 		transparent;
    text-align: 		left;
	width: 				740px;
	margin: 			0 auto;
}


#main {
    clear: 				both;
    position: 			relative;
    top:				-100px;
    z-index: 1;
}


/* HEADER & MAIN NAV
---------------------------------------------------------------------*/

#header {
	background-image: url(/images/bg_header.gif);
	background-repeat: no-repeat;
	background-color: 	#FFFFFF;
	height:				240px;
	width:				740px;
}

#header .logo {
	padding-top:		18px;
	padding-left:		0px;
	float:				left;
	
}

#nav-main {
	position: 			relative;
	float:				right;
	font-size:			14px;
	font-weight:		bold;
	line-height:		20px;
	padding-top:		5px;
	padding-right:		10px;
	z-index: 			20;
}

#nav-main ul {
	float:				left;
	padding-left:		30px;
	
}

#nav-main li {
	list-style-type: 	none;
	list-style-position: inside;
	list-style-image: url(/images/arrow-blue.gif);

}

#nav-main li.on  {
	list-style-type: 	none;
	list-style-position: inside;
	list-style-image: url(/images/arrow-orange.gif);

}

#nav-main a {
	color:				white;
	text-decoration: 	none;

}


/* SUB-NAV
---------------------------------------------------------------------*/
#nav-sub-container {
	margin-right:		28px;
	margin-bottom:		15px;
	float:				left;
	position:			relative;
}

#nav-sub {
	width: 				178px;
	font-size:			12px;
	background-color: 	#ECF4F9;
	border-right-width: 1px;
	border-left-width: 	1px;
	border-right-style: solid;
	border-left-style: 	solid;
	border-right-color: #BCD7EA;
	border-left-color: 	#BCD7EA;
}

#tools a {
	color:				#508FC3;
	text-decoration: 	none;

}

#tools a:hover  {
	color:				#508FC3;
	text-decoration: 	underline;

}

#nav-sub li {
	list-style-type: 	none;
	padding:			0;
	margin:				0;
	width:				auto;
}

#nav-sub li a {
	color:				#508FC3;
	text-decoration: 	none;
	display:			block;
	padding: 			6px;
	padding-left:		10px;
	background-image: 	url(/images/bg-menu.gif);
	background-repeat: 	repeat-x;
	background-position: bottom;

}

#nav-sub li a:hover {
	background-color: #FFFFFF;
	background-image: 	url(/images/bg-menu.gif);
	background-repeat: 	repeat-x;
	background-position: bottom;

}

#nav-sub li a.on {
	background-color: #FFFFFF;
	font-weight:			bold;
	background-image: 	url(/images/bg-menu.gif);
	background-repeat: 	repeat-x;
	background-position: bottom;

}

#tools {
	padding-top:		20px;
}

#tools .image {
	margin:				10px;
	margin-left:		25px;
	vertical-align: middle;

}


/* CONTENT
---------------------------------------------------------------------*/

#findcentre {
	padding-left:		20px;
	padding-bottom:		20px;
	width: 200px;
	z-index: -1;
}

#path {
	font-size:			11px;
	color:				#999999;
	position:			relative;
	left:				-30px;
}

#path a {
	color:				#999999;
	text-decoration:	underline;

}

#path a:hover	{
	color:				#00A8E1;
	text-decoration:	none;
}

#path ul {
    list-style-type: 	none;
    margin: 			0;
    padding: 			0;
}

#path ul li {
	list-style-type: 	none;
    float: 				left;
    margin: 			0 8px 0 0;
    color: 				#333;
	background: 		url(/images/arrow.gif) no-repeat center left;
	padding: 			0 2px 0 12px;
}

#content {
    float:				left;
	color:				black;
	font-size:			11px;
    width:				530px;
	position:			relative;
}

#content p {
	line-height:		18px;
}

#content th {
	line-height:		18px;
	font-size:			11px;
}

#content td {
	line-height:		18px;
	font-size:			11px;
}

#content h1 {
	color:				#00A7E0;
	font-size:			22px;
	font-weight:		bold;
	padding-bottom:		10px;
	padding-top:		15px;
}


#content h2 {
	color:				#00A7E0;
	font-size:			14px;
	font-weight:		bold;
	text-transform: 	uppercase;
	padding-bottom:		5px;
	

}

#content h3 {
	color:				black;
	font-size:			11px;
	font-weight:		bold;
	text-transform: 	uppercase;

}

#content ul, ol {
	padding-left:		30px;
}

#content li {
	padding-bottom:		10px;
}

#content .intro {
	color:				#00A7E0;
	padding-bottom:		15px;
}

#content .image {
	border: 5px solid #ACCCE6;
	margin-bottom:		20px;
	margin-left:		20px;
}

#content .search-date {
	color:				#999999;
}

#download {
	color:				black;
	font-size:			11px;
	padding:			10px;
	margin-left:		10px;
	margin-bottom:		10px;
	width:				140px;
	border: 1px solid #0099CC;
	float:				right;
	
}

#download .icon {
	float:				left;
	padding:			3px;
}

#download a {
	color:				black;
	text-decoration:	underline;
	padding-top:		5px;
}

/* FOOTER
---------------------------------------------------------------------*/

#footer {
	font-size:			11px;
	color:				#999999;
	clear:				both;
	padding-top:		10;

}

#footer a {
	color:				#999999;
	text-decoration:	underline;
}

#footer a:hover	{
	color:				#00A8E1;
	text-decoration:	none;
}


/* HIDDEN
---------------------------------------------------------------------*/


#header h1 {
	display: none;
}

#credit {
	display: none;
}