@charset "UTF-8";
/* 

LE aluminium | CSS Document 


Author : FOX DESIGN creative
URL: www.foxdesign.com.au

*/


/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote { 
	margin:0; 
	padding:0; 
}

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}



body,td,th,p,li { font-size:14px; line-height:22px; color:#1a171b; font-family: Helvetica, Arial,  sans-serif;}
body {
	margin-left: 0px;
	background: url(../images/body_bg02.gif); background-repeat: repeat; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:1;
}

a { text-decoration:none; color:#0e3083; }
a:hover { color:#009ee0; text-decoration:underline; }

h1 { font-size:24px; line-height:24px; font-weight:normal; font-family: Helvetica, Arial,  sans-serif; color:#009ee0;padding:0px 0px 15px 0px; margin:0px;  }
h1 a{ color:#0e3083; text-decoration:none;  }
h1 a:hover{ color: #000; text-decoration: underline;}

h2 { font-size:20px; line-height:20px; font-weight:normal; font-family: Helvetica, Arial,  sans-serif;  color: #333;   padding:0px 0px 10px 0px; margin:0px; text-align:left; }
h2 a{ color: #333;   text-decoration:none;  }
h2 a:hover{ color: #000; text-decoration: underline;}

h3 {font-size:16px; line-height:16px;font-weight:normal; font-family: Helvetica, Arial,  sans-serif;  color:#4f4085;  padding:20px 0px 20px 0px; margin:0px; text-align:left;}

h4 {font-size:14px; line-height:14px; font-weight:normal; font-family: Helvetica, Arial,  sans-serif;  color:#4f4085;  padding:0px 0px 10px 0px; margin:0px; text-align:left;}

h5 {font-size:16px; line-height:16px;font-weight:normal; font-family: Helvetica, Arial,  sans-serif;  color:#4f4085;  padding:10px 0px 0px 0px; margin:0px; text-align:left;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {color: #999; background-color:#999; height:1px; border:none; }

p{padding:4px 0px 12px 0px; margin:0;}

b{ color:# FFF;}

.listing01 ul { display:block; margin:0;}
.listing01 li { padding-left:30px; background:url(../images/listing_arrow.png); background-position:left top; background-repeat:no-repeat; line-height:20px; padding-bottom:10px; }

/* end of global
--------------------------------------------------------------------------------------------------*/
#wrap-out{ float:left; width:100%; height:50px;  min-height:50px; background: url(../images/body_bg01.gif); background-position:top center; background-repeat: repeat-x;}
html>body #wrap-out{height:auto;}

#wrap{ margin:0 auto; width:996px; height:50px; min-height:50px;}
html>body #wrap{height:auto;}

.wrap{ float:left; width:996px; height:50px; min-height:50px; padding-bottom:21px;}
html>body .wrap {height:auto;} 


.wrap_top{ float:left; width:996px; height:50px; min-height:50px; padding-bottom:13px;}
html>body .wrap_top {height:auto;} 


/*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/

#top_logo{ float:left; width:307px; height:115px;}
#top_right{ float:right; width:689px; height:36px; padding-top:79px; }
  
/* main nav */
#nav{ float:right; width:689px; height:36px;}
#nav ul{ float:left; width:689px; height:auto; list-style:none;}
#nav li{ float:left; width:auto; height:auto; list-style:none; margin:0px; }
#nav li a{display:block; font-weight:normal; font-size:17px; line-height:36px; padding:0px 14px; font-family: Helvetica, Arial,  sans-serif; color:#535353;  text-decoration:none;}
#nav li a:hover{text-decoration:none; color:#5cc5ed; }
#nav li.selected{text-decoration:none; color:#009ee0; }
#nav li.selected a{text-decoration:none;  color:#009ee0;}
#nav li.selected a:hover{text-decoration:none;  color:#5cc5ed; }
#nav li.seprator{ width:2px; height:20px; margin:8px 0px; color:#CCC; background:#CCC;}

/* -------- Drop down menu -------- */	

#nav li ul {
	position: absolute;
	left: -999em;
	top:115px;
	height: auto;
	width: 280px;
	margin: 0;
	padding: 0;
	z-index:300;
	}
#nav li ul a {
	font-size:14px; 
	line-height:18px; 
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align:left;
	padding: 6px 0px 6px 0px;
	color: #FFF;
	width: 280px;
	background:none;
	}
	
#nav li ul a:hover { 
	background: url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1
	text-decoration: none;
	color:#FFF;
	font-weight:normal;
	display: block;
	}

#nav li ul li { 
	background:url(../images/white_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/white_transparent.png");
_background:none;
z-index:1
	width:280px;
	line-height:18px; height: auto; 
	}


#nav li li {
	width: 280px;
	border-top:1px dotted #009ee0;
	padding: 0;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	}

#nav li ul li.title { 
	color: #FFF;
	text-decoration:none; font-weight:bold;
	background:url(../images/gray_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	padding: 8px 0px 8px 8px; margin-left:-4px;
	}
	
	
#nav li ul li.subtitle { 
	color: #FFF;
	text-decoration:none; font-weight:bold;
	background:url(../images/gray_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	padding: 6px 0px 6px 0px; 
	}
	

#nav li ul li.end { font:normal 8px/8px arial;
    height:15px; background:url(../images/bg_nav_end.png); background-position:bottom;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/bg_nav_end.png");
_background:none;
z-index:1
	}
	
#nav li ul li.selected { 
	color: #FFF;
	text-decoration:none;
	background:url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	}
	
#nav li ul li.selected a { 
	font: normal 14px/18px Helvetica, Arial;
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align: left;
	padding: 6px 0px 6px 15px;
	color: #FFF;
	width: 220px;
	background:url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	}
	
#nav li ul li.selected a:hover { 
	background:url(../images/white_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/white_transparent.png");
_background:none;
z-index:1;
		text-decoration: none;
		color: #FFF;
		font-weight:bold;
		display: block;
	}
/* end of nav */
 

 
/* home slide */
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{width:996px; height:410px; overflow:hidden; position:relative;}
#img{ z-index:10;}
#img img{ width:996px; height:410px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:996px; height:30px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:45%; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl li{ display:block; height:30px; text-align:left; line-height:30px;  font-size:14px; background:#000; color:#fff; padding-left:59px;}
.ctrl span{ float:left; width:8%; height:18px; line-height:18px; cursor:pointer; margin-right:20px; margin-top:0px; border:none;  text-align: center; color:#CCCCCC;background: #333333; text-align: center; color:#CCCCCC; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl span.hov{  border:none; color:#FFFFFF; background:#009ee0; color:#FFFFFF}
.ctrl div{ float:right; width:24%; padding-right:0px;}


/* home shortcut */
.shortcut01{ float:left; width:318px; height:217px; margin-right:21px;}
.shortcut02{ float:right; width:318px; height:217px;}



/* inner content*/
#inner_top { float:left; width:996px; height:9px; background:url(../images/top-padding.png);}
#inner_bottom { float:left; width:996px; height:9px; background: url(../images/bottom-padding.png);}
#inner{ float:left; width:996px; height:50px; min-height:50px; background-color:#efefef;}
html>body #inner{height:auto;}

.inner{ float:left; width:936px; height:30px; min-height:30px; padding:20px 30px 20px 30px;}
html>body .inner{ height:auto}

#inner_left{ float:left; width:300px; height:30px; min-height:30px; padding:20px 0px 20px 0px;}
html>body #inner_left{ height:auto}

#inner_right{ float:right; width:636px; height:400px; min-height:400px; padding:20px 30px 20px 0px;}
html>body #inner_right{ height:auto}

.inner_right-image{ float:left; width:636px; height:10px; min-height:10px; margin-bottom:5px;}
html>body .inner_right-image{ height:auto}

 
.inner_right{ float:left; width:636px; height:10px; min-height:10px; margin-bottom:15px;}
html>body .inner_right{ height:auto}

#inner_right_01{ float:left; width:316px; height:30px; min-height:30px;}
html>body #inner_right_01{ height:auto}

#inner_right_02{ float:right; width:290px; height:30px; min-height:30px;}
html>body #inner_right_02{ height:auto}



/* left nav */
#left-nav ul { float:left; height:auto; width:auto; display:block; margin: 0; padding: 0; z-index:300; }
#left-nav li a {
	font-size:14px; 
	line-height:18px; 
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align:left;
	padding: 6px 0px 6px 0px;
	color: #FFF;
	width: 300px;
	background: #666;
	}
	
#left-nav li a:hover { 
	background: url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	text-decoration: none;
	color:#FFF;
	font-weight:normal;
	display: block;
	}
 

#left-nav li {
	 
	width:300px;
	line-height:18px; height: auto; 
	border-top:1px dotted #FFF;
	padding: 0;
	}

#left-nav li ul  {
	margin: -1.90em 0 0 150px;
	}

#left-nav li:hover ul ,
#left-nav li:hover ul ul l,
#left-nav li.sfhover ul   {
	left: -999em;
	}

#left-nav li:hover ul,
#left-nav li li:hover ul,
#left-nav li li li:hover ul,
#left-nav li.sfhover ul,
#left-nav li li.sfhover ul {
	left: auto;
	}

#left-nav li.title { 
	color: #FFF;
	text-decoration:none; font-weight:bold;
	background: #999;
	padding: 8px 0px 8px 8px; margin-left:-4px;
	}
	
	
#left-nav li.subtitle { 
	color: #FFF;
	text-decoration:none; font-weight:bold;
	background: #999;
	padding: 6px 0px 6px 0px; 
	}
	

#left-nav li.end { font:normal 8px/8px arial;
    height:15px; background:url(../images/bg_nav_end.png); background-position:bottom;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/bg_nav_end.png");
_background:none;
z-index:1
	}
	
#left-nav li.selected { 
	color: #FFF;
	text-decoration:none;
	background:url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	}
	
#left-nav li.selected a { 
	font: normal 14px/18px Helvetica, Arial;
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align: left;
	padding: 6px 0px 6px 15px;
	color: #FFF;
	width: 285px;
	background:url(../images/yellow_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/yellow_transparent.png");
_background:none;
z-index:1;
	}
	
#left-nav li.selected a:hover { 
	background:url(../images/white_transparent.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="./../images/white_transparent.png");
_background:none;
z-index:1;
		text-decoration: none;
		color: #FFF;
 
		display: block;
	}
/* end of left-nav */
 


/* footer*/
#footer_top { float:left; width:996px; height:9px; background:url(../images/top-padding.png);}
#footer_bottom { float:left; width:996px; height:9px; background: url(../images/bottom-padding.png);}
#footer{ float:left; width:996px; height:50px; min-height:50px; background:url(../images/footer_bg.jpg); background-repeat:repeat-y;}
html>body #footer{height:auto;}

#footer_left{ float:left; width:390px; height:276px; padding:0px 30px;}
#footer_middle{ float:left; width:225px; height:276px; padding:0px 20px;}
#footer_right{ float:right; width:280px; height:276px;}
#footer_logo{ float:left; width:280px; height:94px;}
#footer_contact{ float:left; width:240px; height:172px; padding:10px 0px 0px 40px; }

.footer_title{ font-weight:bold; color:#1a171b; font-size:14px;}
.footer_ABN{ color:#b0b0b0; font-size:12px;}
.footer_gray{color:#b0b0b0;}
.footer { line-height:18px;}
.footer_link, .footer_link a{ text-align:center; font-size:12px; color:#e4e4e4;}

/*contact us page */ 
 #contact{ float:left; width:440px; height:50px; min-height:50px; }
html>body #contact{height:auto;}
 
/* enquires */
#enquires_left{ float:left; width:360px;height:50px; min-height:50px; padding-left:26px; background:url(../images/left-border.png); background-repeat:repeat-y; }
html>body #enquires_left{ height:auto}

#enquires_right{ float:right; width:560px; height:50px; min-height:50px; padding-left:26px; background:url(../images/left-border.png); background-repeat:repeat-y;}
html>body #enquires_right{ height:auto}



/* Feedback tab */
#WeChat-tab {
	height:120px;
	width:90px;
	border:none;
	background: no-repeat #004D9D url(../images/wechat_NDF.png);
	position: fixed !important;
	top: 45% !important;
	right: 0;
	z-index: 100001 !important;
	background-position: 0px 50% !important;
	display: block !important;
	margin: -45px 0 0 0 !important;
	padding: 0 !important;
	text-indent: -9000px;
	cursor:pointer;/*-webkit-text-size-adjust: none!important;*/
}
#WeChat-tab:hover {
	background: no-repeat #004D9D url(../images/wechat_NDF_h.png);
	cursor:pointer;
}


/* =gallery Code
----------------------------------------------------------------------*/
 

#gallerycontainer
{
	cursor: default;
	list-style: none;
	position: relative;
	left: 0px;
	width: 736px;
	padding: 20px 15px 15px 30px;
	color: #FDE3B3;
}

.thumbnail{
	padding: 7px;
	background: #FFF; 
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	}	

.thumbnail02 {
	padding: 10px 10px 10px 10px;
	background: url(images/bg_thumb02.gif); 
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	
}