@charset "UTF-8";
/* 

Essential Asset Group Pty Ltd | 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:#333333; font-family: Helvetica, Arial,  sans-serif;}
body {
	margin-left: 0px; 
	background-color:#f9f9f9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:1;
}

a { text-decoration:none; color:#333333; }
a:hover { color:#f7941d; text-decoration:underline; }

h1 {font-size:32px; line-height:46px;  font-family: 'Oswald', sans-serif; font-weight: 700;  color:#333333;  margin:0px;  }
 
h2 {font-size:28px; line-height:30px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #333333;   padding:10px 0px 10px 0px; margin:0px; text-align:left; }
 

h3 {font-size:20px; line-height:20px; font-family: 'Oswald', sans-serif; font-weight: 700; color:#000;   padding:20px 0px 20px 0px; margin:0px; text-align:left;}

h4 {font-size:16px; line-height:16px; font-family: 'Oswald', sans-serif; font-weight: 700;  color:#000;  padding:0px 0px 10px 0px; margin:0px; text-align:center;}

h5 {font-size:16px; line-height:16px; font-family: 'Oswald', sans-serif; font-weight: 400; 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; 
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
a img{ border:none;}
hr {color: #FFF; background-color:#FFF; height:1px; border:none; }

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

b{ color:# 333;}

.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; }
html>body .wrap-out{height:auto;}

.wrap{ margin:0 auto; width:1000px; height:50px; min-height:50px; margin-bottom:35px;}
html>body .wrap{height:auto;}

 
/*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/
#top_wrap-out{ float:left; width:100%; height:138px; background: url(../images/head_bg.gif); background-repeat:repeat-x;}
#top_wrap{ margin:0 auto; width:1000px; height:138px; }
 
#top_logo{ float: left; width:252px; height:110px; text-align:right;}
#top_right{ float:right; width:667px; height:138px;}
#top_phone{ float:right; width:198px; height:55px; line-height:55px; padding: 12px 12px 15px 0px; font-size:26px; font-family: ‘Oswald’, Arial, serif; font-weight:700; text-align:right; }
  
/* main nav */
#nav_wrap-out{ float:right; width:667px; height:36px; margin:10px 0px; }
html>body #nav_wrap-out{ height:auto}
#nav{ float:right; width:667px; height:36px;}
#nav ul{ float:right; width:667px; height:auto; list-style:none;}
#nav li{ float:left; width:auto; height:auto; list-style:none; margin:0px; }
#nav li a{display:block; font-size:15px; line-height:36px; padding:0px 30px; font-family: 'Oswald', sans-serif; font-weight:400;  color:#ffffff; text-decoration:none;
 
}
#nav li a:hover{text-decoration:none; color:#ffffff; background:#f7ad1d;
/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#nav li.selected{text-decoration:none; color:#ffffff; background:#f7941d;
/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#nav li.selected a{text-decoration:none;  background-color:#f7941d;

/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	}
#nav li.selected a:hover{text-decoration:none;  color:#ffffff; background:#f7ad1d; }
#nav li.seprator{ width:1px; height:20px; margin:8px 0px; color:#786854; background:#786854;}

/* -------- Drop down menu -------- */	
#nav li ul {
	position: absolute;
	left: -999em;
	top:128px;
	height: auto;
	width: 200px;
	margin: 0;
	padding: 0;
	z-index:300;
	color:#ffffff;
	
	}
#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 10px;
	color:#ffffff;
	width: 190px;
	background:#f7941d;
	/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 
	}
	
#nav li ul a:hover { 
	background:#f7ad1d;
	text-decoration: none;
	color:#ffffff;
	display: block;

	}

#nav li ul li { 
	background:#f7941d;
	width:200px;
	line-height:18px; height: auto; 
		/* rounded corner */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

#nav li li {
	width: 200px;
	border-top:1px dotted #786854;
	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;
	 
	padding: 8px 0px 8px 8px; margin-left:-4px;
	}
	
	
#nav li ul li.subtitle { 
	color: #FFF;
	text-decoration:none; font-weight:bold;
	 
	padding: 6px 0px 6px 0px; 
	}
	

#nav li ul li.end { 
    width: 200px;
	border-top:1px dotted #786854;
	padding:0;
	height:15px;
	background-color:#434246;
	}
	
#nav li ul li.selected { 
	color:#786854;
	text-decoration:none;
	 
	}
	
#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:#786854;
	width: 210px;
	 
	}
	
#nav li ul li.selected a:hover { 
 
		text-decoration: none;
		color: #FFF;
		font-weight:bold;
		display: block;
	}
	
	#nav li.active{
    background: #ccddff;
}
/* end of nav */
 
 
#home-title01_wrap-out{ float:left; width:100%; height:115px; background:#202021;}
#home-title01_wrap { margin:0 auto; width:1000px; height:115px; line-height:115px;}

#home-title02_wrap-out{ float:left; width:100%; height:80px; background:#eeeeee;}
#home-title02_wrap { margin:0 auto; width:1000px; height:60px; line-height:60px; text-align:center; padding-bottom:20px;}
 
/* home slide */
#slide_wrap-out{ float:left; width:100%; height: 424px; background:url(../images/home-slide_bg.gif); background-repeat:repeat-x;}
#slide_wrap{ margin:0 auto; width:1000px; height:424px;}

*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{width:1000px; height:424px; overflow:hidden; position:relative;}
#img{ z-index:10;}
#img img{ width:1000px; height:424px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:1000px; 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:7%; height:16px; line-height:16px; cursor:pointer; margin-right:20px; margin-top:0px; border:none;  color:#CCCCCC;background: #444447; text-align: center; color:#CCCCCC; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl span.hov{  border:none; color:#FFFFFF; background:#f7941d; color:#FFFFFF}
.ctrl div{ float:right; width:24%; padding-right:340px;}


/* home shortcut */
#shortcut_wrap-out{ float:left; width:100%; height:50px; min-height:50px; background: url(../images/shortcut_bg.gif); background-repeat:repeat-x; background-position:top; border-bottom:1px solid #bfbfbf}
html>body #shortcut_wrap-out{ height:auto}

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

.shortcut { float:left; width:250px; height:50px; min-height:50px; margin-bottom:30px;}
 html>body .shortcut { height:auto;}
.shortcut_image{ float:left; width:144px; height:144px; padding-left:53px;  }
.shortcut_title{ float:left; width:200px; height:44px; margin:0px 25px; line-height:44px; font-family: 'Oswald', sans-serif; font-weight: 700; color:#333333; border-bottom:solid 1px #c1c0c0; margin-bottom:20px; text-align:center; font-size:20px;}
.shortcut_des{ float:left; padding:0px 25px; width:200px; height:40px; min-height:40px;text-align:center;}
html>body .shortcut_des{ height:auto;}

/* footer nav */
#footer-nav_wrap-out { float:left; width:100%; height:50px; min-height:50px; background:#eeeeee; border-top:solid 1px #f9f9f9; border-bottom:solid 1px #cacaca; padding:20px 0px;}
html>body #footer-nav_wrap-out { height:auto}
#footer-nav_wrap { margin:0 auto; width:1000px; height:50px; min-height:50px;}
html>body #footer-nav_wrap { height:auto}

.footer-nav{ float:left; width:25%; height:auto;}
.footer-nav_title{ float: left; width:100%; font-weight:bold;}
.footer-nav_des{ float:left; width:100%;}

/* footer*/
#footer_wrap-out { float:left; width:100%; height:50px; min-height:50px; border-top:solid 1px #ffffff; padding:20px 0px;}
html>body #footer_wrap-out { height:auto}
#footer_wrap { margin:0 auto; width:1000px; height:50px; min-height:50px;}
html>body #footer_wrap { height:auto}

.footer{ float:left; width:33%; height:auto; color:#a8a7a7;}
.footer_title{ float: left; width:100%; font-weight:bold;}
.footer_des{ float:left; width:100%;}



/* inner content*/
.inner_wrap-out{ float:left; width:100%; height:50px; min-height:50px;}
html>body .inner_wrap-out{ height:auto;}
.inner_wrap{ margin:0 auto; width:1000px; height:50px; min-height:50px;  margin-bottom:20px;}
html>body .inner_wrap{ height:auto}
.inner_title{ float:left; width:100%; height:80px;}
.inner_title-des { float:left; text-align:center; width:100%; color:#959595; margin-bottom:40px;}
.inner_left{ float:left; width:75%; height:50px; min-height:50px; padding-bottom:20px;}
html>body .inner_left{ height:auto}
.inner_right { float:right; width:25%; height:50px; min-height::50px; padding-top:30px;}
html>body .inner_right{ height:auto}
.inner_image{ float:left; width:750px; height:300px; margin-bottom:20px;}
.inner_content{ float:left; width:100%; height:50px; min-height:50px;}
html>body .inner_content{ height:auto}

.shortcut_right { float:left; width:250px; height:50px; min-height:50px; margin-bottom:10px;}
 html>body .shortcut_right { height:auto;}
.shortcut_image_right{ float:left; width:144px; height:144px; padding-left:53px;  }
.shortcut_title_right{ float:left; width:200px; height:34px; margin:0px 25px; line-height:34px; font-family: 'Oswald', sans-serif; font-weight: 700; color:#333333;  margin-bottom:10px; text-align:center; font-size:20px;}
 
 
 
 /* projects*/
.project-cover{ float:left; width:292px; height:50px; min-height:50px; margin:0px 25px 25px 0px; background:#FFF;}
html>body .project-cover{ height:auto;}
.project-cover_image{ float:left; width:292px; height:179px; background: url(../images/project-cover_bg.jpg); display:block;}
.project-cover_name{ float:left; width:252px; padding:20px; height:17px; min-height:17px; font-family: 'Armata', sans-serif; font-weight: 400;  color:#97bf0d; font-size:17px; line-height:17px; text-align:center; display:block; }
html>body .project-cover_name{ height:auto;}

#inner_right{ float:right; width:630px; height:100px; min-height:100px; padding:20px 20px 5px 0px;}
html>body #inner_right{ height:auto}
 
.project-image{ float:left; width:190px; height:150px; padding:0px 20px 20px 0px; display:block;}

#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:630px; height:100px; min-height:100px; padding:20px 20px 5px 0px;}
html>body #inner_right{ height:auto}
 

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

 
.inner_project{ float:left; width:980px; height:30px; min-height:30px; padding:20px 0px 10px 20px;}
html>body .inner_project{ height:auto}
.thumbnail{ float:left; width:220px; height:120px; padding:4px; margin:0px 16px 16px 0px; display:block; overflow:hidden;}
.thumbnail:hover{ background:#f7941d;}
.caption{ font-size: 0.9em; padding-top: 0.2em ;	
}

/* 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: #000;
	width: 300px;
	background:url(../images/body_bg.gif);
	}
	
#left-nav li a:hover { 
	text-decoration: none;
	padding-left:10px;
	width: 290px;
	color:#acd913;
	font-weight:normal;
	display: block;
	background:#786854;
	}
 

#left-nav li {
	 
	width:300px;
	line-height:18px; height: auto; 
	border-bottom:1px dotted #786854;
	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:#786854;
	text-decoration:none; font-weight:bold;
	background: #FFF;
	padding: 16px 0px 16px 0px;  
	}
	
	
#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:#97bf0d;
	text-decoration:none;
	background:#786854;
	}
	
#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 10px;
	color: #97bf0d;
	width: 285px;
	background:#786854;
	}
	
#left-nav li.selected a:hover { 
	background:#786854;
	text-decoration: none;
	color:#acd913;
	display: block;
	}
/* end of left-nav */

.left-enquiry{ float:left; width:300px; height:72px; margin-bottom:20px;}


/*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;
}