/*===============================================================
=================================================================
=================================================================
=================================================================
CSS IMPLEMENTATION /SCREEN.CSS FOR ADVANCESCAFFOLD.COM.AU
CREATED BY REI PAKI FOR SALIENCE - WWW.SALIENCE.COM.AU

DESIGNING YOUR OWN MARKUP IS GOOD FOR YOUR SOUL
(READ BETWEEN THE LINES...)
=================================================================
===D===O===N==='===T======S===T===E===A===L======C===O===D===E===
=================================================================
===============================================================*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #747474 url(images/body_gradient.jpg) left bottom repeat-x fixed;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}

#header {
	background: url(images/header_back.gif) center right no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header img {
	border: 0;
}
	
#main {
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

#content {
	float: left;
	padding: 10px 0 10px 10px;
	margin: 0;
	width: 500px;
}

* html #content {
	width: 480px;
}

	/*#content p {
		margin-left: 10px;
	}
	#content h2 {
		margin-top: 1.25em;
	}*/

#sidebar {
	width: 220px;
	float: right;
	padding: 1.25em 10px;
}

#sidebar img {
	width: 220px;
	margin-top: 0.5em;
}
	
#footer {
	background: #333333 url(images/advcorp.png) 20px 20px no-repeat;
	padding: 20px 10px 10px 190px;
	height: 60px;
}

a img {
	border: 0;
}

#footer p, #footer small {
	font-size: 80%;
	color: #FFFFFF;
	padding: 0;
	margin: 0.5em 0;
}

#footer a:visited, #footer a:link, #footer a:active {
	color: #CCCCCC;
	text-decoration: underline;
}

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


/*===============================================================
=================================================================
=================================================================
=================================================================
NAVIGATION - IMAGE REPLACEMENT FOR UNORDERED LISTS
=================================================================
=================================================================
=================================================================
===============================================================*/


#navigation {
	height: 27px;
	background: url(images/nav_bkgrd.jpg) no-repeat;
	width: 750px;
	padding: 10px 0 0 10px;
}	

/* * html #navigation {
	width: 740px;
}*/

#nav {
	margin: 0;
	padding: 0;
	height: 27px;
	list-style: none;
	display: inline;
	width: 760px;
}
#nav_home a  {
	width: 66px;
	background:  url(images/nav_home.gif) top left no-repeat;
}
#nav_quote a  {
	width: 118px;
	background:  url(images/nav_quote.gif) top left no-repeat;
}

#nav_buyNow a  {
	width: 66px;
	background:  url(images/nav_buyNow.gif) top left no-repeat;
}



#nav_products a  {
	width: 145px;
	background:  url(images/nav_products.gif) top left no-repeat;
}
#nav_agents a  {
	width: 96px;
	background:  url(images/nav_agents.gif) top left no-repeat;
}
#nav_hire a  {
	width: 66px;
	background:  url(images/nav_hire.gif) top left no-repeat;
}
#nav_corporate a  {
	width: 96px;
	background:  url(images/nav_corporate.gif) top left no-repeat;
}
#nav_contact a  {
	width: 101px;
	background:  url(images/nav_contact.gif) top left no-repeat;
}
#nav li {
    margin: 0; 
    padding: 0;
    list-style: none;
    display: inline;
	overflow: hidden;
}
#nav a {
    float: left;
    padding: 27px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; 
    height /**/:27px; /* for IE5/Win only */
}        
#nav a:hover, #nav a:active {
    background-position: 0 -27px;
	overflow: hidden;
}
#nav a.selected {
	background-position: 0 -54px;
	overflow: hidden;
}


/*===============================================================
=================================================================
=================================================================
===============================================================*/


h1 {
	color: #CC0000;
	text-transform: uppercase;
	padding: 0 0 0 0;
}
h2 {
	color: #660000;
	font-size:16px;
	line-height:10px;
}
h3 {
	color: #660000;
}
h4 {
	color: #660000;
	font-size:16px;
	line-height:10px;
	margin: 20px 0 10px 10px;
}
h5 {
	font-size:16px;
	line-height:16px;
	background: #990000;
	padding:2px;
	margin:0;
	width:210px;
	text-align:center;
}
p, #main li, #sidebar li {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 6px;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
ASSORTED CLASSES
=================================================================
=================================================================
=================================================================
===============================================================*/

.extra { margin-top:30px; }

.clearing {
	clear: both;
}
.caption {
	font-size: 70%;
}
.reverse {
	color: #FFFFFF;
}

.right {
	float: right;
	margin: 0 10px 10px;
}
.left {
	float: left;
	margin: 0 10px 10px;
	clear:left;
}
.advance {
	color: #990000;
}
.caption {
	font-size: 9px;
}
.strong {
	font-weight: bolder;
	text-align: right;
}
.strong_small {
	font-weight: bold;
	font-size: 70%;	
}

#underline h2 {
	border-bottom: 1px solid #CC0000;
	height:15px;
}

.specs {
	border: 1px solid #666666;
}
table {
	width: 220px;
	margin-top:1px;
}
table .next {
	background-color: #CCCCCC;
}
table td {
	font-size: 60%;
	padding: 2px;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
UNORDERED LIST - ICONS
=================================================================
=================================================================
=================================================================
===============================================================*/


.downloads {
	list-style-image: url(images/pdf.gif);
	text-indent: 10px;
}
.address {
	list-style-image: url(images/address.gif);
	text-indent: 10px;
}
.phone {
	list-style-image: url(images/phone.gif);
	text-indent: 10px;
}
.fax {
	list-style-image: url(images/fax.gif);
	text-indent: 10px;
}
.email {
	list-style-image: url(images/email.gif);
	text-indent: 10px;
}

/*===============================================================
=================================================================
=================================================================
=================================================================
NAVIGATION - HORIZONTAL UNORDERED LIST
=================================================================
=================================================================
=================================================================
===============================================================*/


#pipe {
	margin: 20px 0 0 0;
}
#pipe ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 
#pipe ul li {
	margin-left: 0;
	padding: 0.1em 0.4em 0.1em 0.7em;
	border-left: 4px solid #CC0000;
	list-style: none;
	display: inline;
}
#pipe ul li.first {
	margin-left: 0.0em;
	border-left: none;
	list-style: none;
	display: inline;
}

#main a:visited, #main a:link, #main a:active {
	color: #CC0000;
	text-decoration: none;
}
#main a:hover {
	color: #CC0000;
	text-decoration: underline;
}




/*===============================================================
=================================================================
=================================================================
=================================================================
HOME PAGE STYLING
=================================================================
=================================================================
=================================================================
===============================================================*/


#quote_home a {
    float: left;
    padding: 60px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; 
    height /**/:60px; /* for IE5/Win only */
    margin: 32px 0 0 0;
}        
#quote_home a:hover {
    background-position: 0 -60px;
	overflow: hidden;
}
#quote_home a:active, #quote_home a.selected {
	background-position: 0 -60px;
	overflow: hidden;
}
#quote_button_home a  {
	width: 510px;
	background:  url(images/quote_button_home.jpg) top left no-repeat;
}




/*===============================================================
=================================================================
=================================================================
=================================================================
HOME PAGE STYLING
=================================================================
=================================================================
=================================================================
===============================================================*/





#shows {
	width: 220px;
	background: url(images/home_side_back.jpg) repeat-y;
	text-align: center;
}

#shows img {

	width: 120px;
	margin: 20px 0 10px 0px;
/*	border-color: 0;
*/
}

.home_side_head {
	font-size: 80%;
	text-align: left;
	padding: 10px 0 0 10px;
	background: url(images/home_side_head.jpg) no-repeat;
}

#endcap {
	padding: 0 0 5px 0;
	margin: 0;
	width: 220px;
	height: 36px;
	background: url(images/home_side_end.jpg) top left no-repeat;
}

#endcap_sml {
	padding: 0 0 5px 0;
	margin: 0;
	width: 220px;
	height: 5px;
	background: url(images/home_side_end_sml.jpg) top left no-repeat;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
IMAGE REPLACEMENT - H1/LARGE HEADINGS
=================================================================
=================================================================
=================================================================
===============================================================*/


.hometext_head {
	margin: 1.25em 0 0 0;
	background: url(images/premier.gif) no-repeat;
	height: 31px;
	text-indent: -3000px;
}

.almob_head {
	background: url(images/al_mob_head.gif) top left no-repeat;
	height: 40px;
	text-indent: -3000px;
	margin: 1.25em 0 0 -10px;
	padding: 0 0 0 -20px;
	width: 510px;
	overflow: hidden;
}
.alsys_head {
	background: url(images/al_sys_head.gif) no-repeat;
	height: 40px;
	text-indent: -3000px;
	margin: 1.25em 0 0 -10px;
	width: 520px;
}
.fibreglass_head {
	background: url(images/fibreglass_head.gif) no-repeat;
	height: 40px;
	text-indent: -3000px;
	margin: 1.25em 0 0 -10px;
	width: 520px;
}
.ladders_head {
	background: url(images/ladders_head.gif) no-repeat;
	height: 40px;
	text-indent: -3000px;
	margin: 1.25em 0 0 -10px;
	width: 520px;	
}
.quote_head {
	background: url(images/quote_head.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;	
}
.product_head {
	background: url(images/product_head.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;	
}
.company_head {
	background: url(images/advance_head.gif) no-repeat;
	height:27px;
	text-indent: -3000px;
	margin: 1em 0 0 0;	
}
.hire_head {
	background: url(images/hire_head.gif) no-repeat;
	height:30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;
}
.news_head {
	background: url(images/news_head.gif) no-repeat;
	height:30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;
}
.scaffold_head {
	background: url(images/scaffoldtheworld.gif) no-repeat;
	height:30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;
}
.worldwideagents {
	background: url(images/worldwideagents.gif) no-repeat;
	height:30px;
	text-indent: -3000px;
	margin: 1em 0 0 0;
}
.privacy_head {
	background: url(images/privacy.gif) no-repeat;
	height:27px;
	text-indent: -3000px;
	margin: 1em 0 0 0;
}



/*===============================================================
=================================================================
=================================================================
=================================================================
IMAGE REPLACEMENT - H2/GENERIC PRODUCT HEADINGS
=================================================================
=================================================================
=================================================================
===============================================================*/


.advantages_head {
	background: url(images/advantages.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
}
.users_head {
	background: url(images/idealfor.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
}

.downloads_head {
	background: url(images/downloads.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
}
.specifications_head {
	background: url(images/techspecs.gif) no-repeat;
	height: 30px;
	text-indent: -3000px;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
IMAGE REPLACEMENT - H2/QUOTE PAGE
=================================================================
=================================================================
=================================================================
===============================================================*/


.quote_mobile_head {
	background: url(images/quote_mobile_head.gif) no-repeat;
	height: 27px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}
.almobile_head_sml {
	background: url(images/al_mob_head_sml.gif) no-repeat;
	height: 16px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}
.alsys_head_sml {
	background: url(images/al_sys_head_sml.gif) no-repeat;
	height: 16px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}
.fibreglass_head_sml {
	background: url(images/fibreglass_head_sml.gif) no-repeat;
	height: 16px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}
.ladders_head_sml {
	background: url(images/ladders_head_sml.gif) no-repeat;
	height: 16px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}
.steel_sml {
	background: url(images/steel_sml.gif) no-repeat;
	height: 16px;
	text-indent: -3000px;
	margin: 1em 0 1em 0;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
IMAGE REPLACEMENT - CONTACT PAGE
=================================================================
=================================================================
=================================================================
===============================================================*/


.nsw_address {
	background: url(images/nsw_address.gif) no-repeat;
	height: 18px;
	text-indent: -3000px;
	margin: 0 0 0 10px;
}
.qld_address {
	background: url(images/qld_address.gif) no-repeat;
	height: 20px;
	text-indent: -3000px;
	margin: 0 0 0 10px;	
}
.vic_address {
	background: url(images/vic_address.gif) no-repeat;
	height: 18px;
	text-indent: -3000px;
	margin: 0 0 0 10px;	
}
.nz_address {
	background: url(images/nz_address.gif) no-repeat;
	height: 22px;
	text-indent: -3000px;	
	margin: 0 0 0 10px;
}
.nl_address {
	background: url(images/nl_address.gif) no-repeat;
	height: 22px;
	text-indent: -3000px;	
	margin: 0 0 0 10px;
}
.cn_address {
	background: url(images/cn_address.gif) no-repeat;
	height: 22px;
	text-indent: -3000px;	
	margin: 0 0 0 10px;
}
.ee_address {
	background: url(images/ee_address.gif) no-repeat;
	height: 22px;
	text-indent: -3000px;	
	margin: 0 0 0 10px;
}

.contacthead { color: #CC0000; margin-top:40px; font-size:24px; }

/*===============================================================
=================================================================
=================================================================
=================================================================
IMAGE REPLACEMENT - DEGRADING BUTTONS
=================================================================
=================================================================
=================================================================
===============================================================*/


#quote a {
    float: left;
    padding: 40px 0px 0px 0px;
    overflow: hidden;
    height: 0px !important; 
    height /**/:40px; /* for IE5/Win only */
}        
	#quote a:hover {
		background-position: 0 -40px;
		overflow: hidden;
	}
	#quote a:active, #quote a.selected {
		background-position: 0 -40px;
		overflow: hidden;
	}
	#quote_button a  {
		width: 220px;
		background:  url(images/quote_button.jpg) top left no-repeat;
	}

#salience a {


    float: right;
    margin: -52px 0 0 0;
    padding: 15px 0 0 0;
    overflow: hidden;
    height: 0px !important; 
    height /**/:15px; /* for IE5/Win only */
}       
	#salience a:hover {
		background-position: 0 -15px;
		overflow: hidden;
	}
	#salience_button a  {
		width: 43px;
		background:  url(images/salience.gif) top left no-repeat;
	}

#more {
    display: inline;
	}





/*===============================================================
=================================================================
=================================================================
=================================================================
CONTACT FORM STYLING
=================================================================
=================================================================
=================================================================
===============================================================*/


#sidebar form {
	padding: 0;
	margin: 0;
}
.fieldset {
	width: 206px;
	font-size: 60%;
	color: #990000;
	border: 0;
	margin: 0;
	
}
.fieldset label {
	text-align: left;
	width: 70px;
	float: left;
	padding: 0.6em;
	margin: 0 0 0 0.6em;
}
.fieldset .nobr {
	display: none;
}  
.fieldset .textfield {
	margin: 0.6em;
	height: 20px;
	width: 180px;
}
.fieldset .textarea {
	margin: 0.6em;
	height: 165px;
	width: 180px;
}


/*===============================================================
=================================================================
=================================================================
=================================================================
QUOTE FORM STYLING
=================================================================
=================================================================
=================================================================
===============================================================*/


#quote_top {
	margin: 40px 0 0 50px;
	background: url(images/quote_top.jpg);
	width: 420px;
	height: 20px;
}
#quote_end {
	margin: 0 0 40px 50px;
	background: url(images/quote_end.jpg);
	width: 420px;
	height: 20px;
}

.quoteform {
	margin: 0 0 0 50px;
	background: url(images/quote_back.jpg);
	width: 420px;
}
.quoteset {
	font-size:80%;
	color:#990000;
	border: 0;
	}
.quoteset label {
	text-align:right;
	width: 120px;
	float:left;
	padding:0.3em;
	margin:0;
	margin-top:0.4em;
}
.quoteset .nobr {
	display:none;
}  
.quoteset .quotefield {
	margin: 5px;
	height: 20px;
	width: 220px;
}
.quoteset .textarea {
	margin: 5px;
	height: 50px;
	width: 220px;
}