/* HIA 10 */
* {
margin:0px;
padding:0px;
}
td {
	padding:3px;
	line-height:125%;
	}
h3 {
	color:#009BCD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
h4 {
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.warning {
color:#F2A523;
font-weight:bold;
}
body {
text-align:center;
background-image:url(images/bg09.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:120%;
padding-bottom:20px;
}
#wrapper {
margin-top:20px;
width: 940px;
margin-left:auto;
margin-right:auto;
text-align:left;
border:1px solid #C4DDD8;
background-color:#FFFFFF;
padding:10px;
font-size: 70%;
}

.wrapleft { border:0; float:left}
.wrapright { border:0; float:right}
#horinav {
width:940px;
height:25px;

background-color:#009BCD;
}
.build {
color:#663300;
}
#tabnav {
width:940px;
height:33px;
margin-top:10px;
background-color:#FFF;
margin-bottom:1px;
}
a, a:visited {
color:#009BCD;

}
a:hover {
color:#999999;
}
.darklink, .darklink:visited {
color:#FFFFFF;

}
.darklink:hover {
color:#000000;
}
#bthome {
	float: left;
	}
#nav {
	margin: 0 0 0 0;
	padding: 0;
	height: 25px;
	list-style: none;
	float: right;
}

#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}

#nav a {
	float: left;
	padding: 0 0 0 0;
	overflow: hidden;
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	height:25px;
	vertical-align: middle;
}
	
#nav a:hover, #nav a:focus #nav a:visited{ background-color:#84CFE7; color:#002855 }
#nav-sponsors a:hover {background-image:url(images/bg_leaf_v.gif); background-position:62px 0; background-repeat:no-repeat;}
#nav-contact a  { width: 100px; background-color:#009BCD; border-right:1px solid #FFF; border-left:1px solid #FFF;}
#nav-media a  { width: 111px; background-color:#009BCD; border-right:1px solid #FFF;}
#nav-sponsors a  { width: 156px;  background-color:#009BCD; border-right:1px solid #FFF; background-color:#009BCD; background-image:url(images/bg_leaf.gif); background-position:62px 0; background-repeat:no-repeat}
#nav-factsheet a  { width: 92px;  background-color:#009BCD; border-right:1px solid #FFF;}
#nav-daystogo object { width: 159px; height: 25px;}
#nav-daystogo a  { width: 160px; border-left: 1px solid #FFFFFF; }
.topnav { margin-top: 3px;}
#left ul li{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color:#009BCD; 
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	height:24px;
	overflow:hidden;
	}
#left ul li a:link, #left ul li a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
	padding: 4px 0 0 7px;
	display:block;
	height:23px;
	}
#left ul li a:hover, #left ul li a:link.current,  #left ul li a:visited.current {
	color:#002855;
	list-style: none;
	background: url(images/bg_navarrow.gif) no-repeat 100% 0;
}
#left ul li.orangeli, #left ul li.orangeli:visited {
	background-color:#FC7B23;
	color:#FFFFFF;
}
#left ul li.orangeli a:hover {
	color:#002855;
	list-style: none;
	background-color:#85C441;
	background: url(images/bg_navarroworange.gif) no-repeat 100% 0;
}

#content-container { 
	padding: 0 0 0 0;
	background-color:#84CFE7;
}
* html #content-container { height:1%; } /* part of the CSS 'clearing hack' */
#home	#content-container {padding: 0;}

#home #content { padding: 0; }

/*-- the following fixes the 3 pixel problem in IE --*/
* html #content { height: 1%; margin-left: 0; }
.navshade {
 background-image:url(images/bg_navshade.jpg); 
	 background-repeat:repeat-x;

	 }

#sub-container { 
	padding: 0 0 0 1px;
	background-color:#84CFE7;
	color:#666666;
 background-image:url(images/bg_rightcol.jpg); 
	 background-position: 0 100%; 
	 background-repeat:repeat-x;
	voice-family: "\"}\""; /* hide the following rules from IE5 */
	voice-family:inherit;
	overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
	}
* html #sub-container { height:1%; } /* part of the CSS 'clearing hack' */
#home	#sub-container {padding: 0;}
#home #right { padding: 0; }

/*-- 3 column layout --*/
.three-col #left { float: left; width: 181px; }
.three-col #content { margin: 0 220px 0 0; background-color:#FFFFFF; border-top: 1px solid #ffffff;}
.three-col #right { width: 220px; float: right; margin: 0 0 0 0; height:500px;}
#imageheader {
background-color:#0097C8;
width:537px;
background-image:url(images/bg_hdstrip.gif); 
 background-position: 100% 0; 
	 background-repeat:repeat-y;
}
#imageheaderwide {
background-color:#0097C8;
width:757px;

}

/*-- the following fixes the 3 pixel problem in IE for the float right div --*/
* html .three-col #content { height: 1%; margin-right: 0px; }
* html .three-col #right { margin-left: -3px; }

* html #content { height: 1%;}

* html #left { height: auto; margin-right: -3px; }
.copy{
	width:510px;
	padding:10px;
	voice-family: "\"}\""; /* hide the following rules from IE5 */
	voice-family:inherit;
	overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */

}
.copywide{
	padding:10px;
	voice-family: "\"}\""; /* hide the following rules from IE5 */
	voice-family:inherit;
	overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */

}
.copy li{
list-style-image: url(images/gr_arrow08.gif);
margin-top: 8px;
margin-bottom: 8px;
margin-left: 20px;
}
.rightcolumn{
padding:10px;
color:#002855;
}
.rightcolumn li {
list-style-image: url(images/gr_arrow_rgt.gif);
margin-bottom: 4px;
margin-left: 18px;
}

*html .newtrends {
height:118px;
}
.newtrends li {
list-style-image: url(images/gr_arrow08.gif);
line-height: 120%;
margin: 2px 0px 2px 16px;
}
	
.beigebox {
margin-left:4px;
width:500px;
height:106px;
padding:8px;
background-image:url(http://www.sydneyhomeshow.com.au/images/bg_beigebox08.gif);
background-repeat:no-repeat;
voice-family: "\"}\""; /* hide the following rules from IE5 */
voice-family:inherit;
overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
}
.boxtext {
	padding:0px 6px 4px 0px;
	float:right;
	left: 450px;
	width: 365px;
	line-height:140%;
	
}
.boxb {
margin:4px 0 24px 4px;
width:500px;
padding:8px;
voice-family: "\"}\""; /* hide the following rules from IE5 */
voice-family:inherit;
overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
}

.boxb h2, newtrends h2 {
font-size:130%;
font-weight:normal;
}

#footer { clear:both; font-size:11px; height:45px;}

h1 {
font-size:150%;
color:#003D80;
font-weight:normal;
}
h1.green {
color:#8DAF33;
}
h2 {
font-size:1.1em;
color:#009BCD;
}
.rightcolumn h2 {
font-size:1.3em;
color:#FFF;
}
h2.green {
color:#8DAF33;
}
h2 a, h2 a:visited {
	text-decoration:none;
}
.green {
color:#8DAF33;
}
.smaller { 
font-size:90%;
line-height:110%;
}
.intro{
color:#333333;
font-size:110%;
margin:4px 0;
}
.dark {
color:#32333F;
}
.bgpoll {
background-image:url(images/bg_poll.jpg);
background-position:100% 0;
background-repeat:no-repeat;
}
.white { 
color: #FFFFFF;
}

.inner_content {
	padding:8px;
}
.imgpad {
padding:8px;
}

div.grid {
	width:162px; 
	height:192px; 
	float: left; 
	display:inline;  
	line-height:1.5; 
	margin: 0 10px 10px 0;
	background-color:#efefef;
}

.terms, .terms a{
font-size:11px;
margin-top:10px;
color:#003D7D;
}
.border_w3{
	border: 3px solid #ffffff;
}

.border{
	border: 1px solid #2CA2C9;
}
.full {
	width:474px;
	clear:both;
}

#subnav {
width:530px;
float: left;
margin:0 0 0 0 ;
}

#subnav a {
float: left;
text-decoration:none;
color:#FFFFFF;
text-align:center;
padding-top:2px;
}
#press {
border:1px solid #ccc;
padding:10px;
}
#info {
border:1px solid #ccc;
padding:10px;
}
#prod {
border:1px solid #ccc;
padding:10px;
}
#subnav_press a{ width: 100px; height:22px; border-right:1px solid #fff;}
#subnav_info a{ width: 150px; height:22px; border-right:1px solid #fff;}
#subnav_prod a{ width: 160px; height:22px; border-right:1px solid #fff;}

.subnav_press_on a{ width: 100px; background-color:#FAA442; }
.subnav_info_on a{ width: 150px; background-color:#FAA442; }
.subnav_prod_on a{ width: 160px; background-color:#FAA442; }

.subnav_press_off a{ width: 100px; background-color:#009BCD;}
.subnav_info_off a{ width: 150px; background-color:#009BCD;}
.subnav_prod_off a{ width: 160px; background-color:#009BCD;}

#subnav a:hover, #subnav a:focus #subnav a:visited{ background-color:#FAA442; }
#subnav a:active, #subnav a.current { background-color:#FAA442;  }

.newtrends {
margin-bottom:10px;
width:500px;
height:133px;
padding:0px 4px 4px 0px;
voice-family: "\"}\""; /* hide the following rules from IE5 */
voice-family:inherit;
overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
}

.newtrendsAccordian {
	margin-bottom:10px;
	width:480px;
	height:133px;
	padding:0px 4px 4px 0px;
	voice-family: "\"}\""; /* hide the following rules from IE5 */
	voice-family:inherit;
	overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
}
.boxtextAccordian {
	padding:0px 6px 4px 0px;
	float:right;
	left: 450px;
	width: 345px;
	line-height:140%;
	
}
.designer {
margin-bottom:10px;
width:500px;
padding:0px 4px 4px 4px;
height:210px;
}