@charset "UTF-8";
/* 

Magic Elbow | 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:24px; color:#000000; font-family: Helvetica, Arial,  sans-serif;}
body {
	margin-left: 0px;
	background: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index:1;
	
}

a { text-decoration:none; color:#3d3c3f; }
a:hover { color:#000; text-decoration:underline; }

h1 { font-family:"Arial Black", Gadget, sans-serif;  font-size:30px; line-height:30px; font-weight:normal;  color:#000000; padding:0px 0px 10px 0px; margin:0px; text-align:left; }
h1 a{ color:#3d3c3f; text-decoration:none;  }
h1 a:hover{ color:#000; text-decoration: underline;}

h2 { font-family:"Arial Black", Gadget, sans-serif;  font-size:25px; line-height:30px; font-weight:normal;  color:#000000; padding:0px 0px 10px 0px; margin:0px; text-align:left; }
h2 a{ color:#3d3c3f; text-decoration:none;  }
h2 a:hover{ color:#000; text-decoration: underline;}

h3 { font-size:22px; line-height:25px;  font-weight:bold; color:#000000; padding: 0px; margin:0px; text-align:left; }


h4 {font:14px/26px;   font-weight:400; ; color: #3c2c68; padding: 0px; margin:0px; text-align:left;}
 

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


hr {color: #999; background-color:#999; height:1px; border:none; }

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

b{ }

/* 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;}
html>body .wrap{height:auto;}
.wrap02{ margin:0 auto; max-width:1000px; height:50px; min-height:50px; padding:45px 0px;}
html>body .wrap02{height:auto;}
.wrap_general{ float:left; width:100%; height:auto; }

@media screen and (max-width: 1000px) {
.wrap{ width:95%; }
	}
	
@media screen and (max-width: 760px) {
#left_wrap{width:100%; height:150px; min-height:150px; }
html>body  #left_wrap{ height:auto}

#left_name{ float: left; width:90%; height:150px; margin:40px 0 32px 5%; padding:0; text-align:center; }
.left_title{ font-size:28px; line-height:40px;}
	}

/*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/
.header_wrap{ float:left; width:100%; height:50px;  min-height:50px; background:rgba(220, 220, 220, 1);}
html>body .header_wrap{height:auto;}

#top_logo{ float:left; max-width:1000px; height:auto;}
  
/* main nav */
#main-nav{ float:right; width:1000px; height:44px; }
#main-nav ul{ float:right; width:1000px; height:auto; list-style: none; text-align:right;}
#main-nav li{ float:right; width:auto; height:auto; list-style:none; margin:0px; padding:0px;}
#main-nav li a{display:block; font-weight:normal; font-size:18px; line-height:18px; padding: 10px 30px; font-family: Helvetica, Arial, sans-serif; color:#000000; height:18px; text-decoration:none;}
#main-nav li a:hover{text-decoration:none; color:#c29638;}
#main-nav li.selected{text-decoration:none; color:#e2c86b;}
#main-nav li.selected a{text-decoration:none; color:#e2c86b;}
#main-nav li.selected a:hover{text-decoration:none; color:#c29638;}
#main-nav li.seprator{text-decoration:none; width:1px; background:#666666; margin:9px 0; height:20px;}


@media screen and (max-width: 1000px) {
#main-nav{ float:right; width:100%; }
#main-nav ul{ float:right; width:100%; height:auto; list-style: none; text-align:right;}
#main-nav li a{display:block; font-weight:normal; font-size:16px; line-height:18px; padding: 10px 10px;  height:18px; text-decoration:none;}
	}

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

#main-nav li ul a {
	font-family:Helvetica, Arial; 
	font-size:13px; 
	line-height:13px;
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align:left;
	padding: 7px 0px 7px 15px;
	color: #FFFFFF;
	width:160px;
	background: url(../images/subnav_bg.png);
	border-top: 1px solid #c6c6c6;
	}
	
#main-nav li ul a:hover { 
		text-decoration: none;
		color: #fff;
		display: block;
		background: url(../images/subnav_bg02.png);
		}

#main-nav li ul li { 
	width:160px;
	background:none;
	color:#FFF;
	}


#main-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0;
	padding: 0;
	z-index:300;
	}

#main-nav li li {
	width: auto;
	padding:0;
	border-top: 1px solid #c6c6c6;
	}

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

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

#main-nav li:hover ul,
#main-nav li li:hover ul,
#main-nav li li li:hover ul,
#main-nav li.sfhover ul,
#main-nav li li.sfhover ul {
	left: auto;
	}
#main-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
	
	}	

#main-nav li ul li.selected { 
	color: #FFF;
	text-decoration:none;
	background: url(../images/subnav_bg.png); background-repeat:repeat;
	}
	
#main-nav li ul li.selected a { 
	display: block;
	text-decoration: none;
 	text-align:left;
	width:160px;
	color: #FFF;
	background-image:url(../images/subnav_bg.png);
	}
#main-nav li ul li.selected a:hover { 
		display: block;
		text-decoration: none;
		color: #FFFFFF;
  	    display: block;
	    background-image:url(../images/subnav_bg02.png);
	} /* -------- Drop down menu -------- */	
/* end of nav */
 
/* home slider*/
#home-slide_wrap-out{ float:left; width:100%; height:auto; background:url(../images/slide-bg.jpg); background-repeat:no-repeat; background-position:center; text-align:center;}
#home-slide_wrap{ margin:0 auto;  max-width:1000px; height:auto; }

/* slide for home page */ 
#slideshow{ float:left; width:100%; height:auto;}
/* slideshow*/
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{height:auto; width:100%; overflow:hidden; position:relative;}
#img{ z-index:10; max-width:100%;}
#img img{ max-width:100%; height:auto; display:none; text-align:center;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:100%; height:40px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:85%;filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.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:20%; height:15px; line-height:15px; cursor:pointer; padding:0px 15px 0px 15px; margin-right:2px; margin-top:9px; background:#c29638;; text-align: center; color:#CCCCCC; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl span.hov{ background: #d3b050; color:#ffffff;}
.ctrl div{ float:right; width:30%;}/* end of slide for home page */

@media screen and (max-width: 1000px) {
#home-slide_wrap{ width:100%; }
	}
 
/* contents*/
.page-left{ float:left; width:62.3%; height:auto; padding:2.2% 2%; margin-top:2.2%; background:#f4f4f4;}
.page-right{ float:right; width:28.1%; height:auto; padding:2.2% 2%;background:#f4f4f4;  margin-top:2.2%; text-align:left;}
  
@media screen and (max-width: 800px) {
.page-left{ float:left; width:96%; height:auto; padding:2.2% 2%; margin-top:2.2%; background:#f4f4f4;}
.page-right{ float:right; width:96%; height:auto; padding:2.2% 2%;background:#f4f4f4;  margin-top:2.2%;}
	}
	


/* shortcut*/
.shortcut-left{ float:left; width:66.3%; height:auto; padding:2.2% 0; margin-top:2.2%; margin-bottom:20px; background:#ffffff;}
.shortcut-right{ float:right; width:32.1%; height:auto; padding:2.2% 0;background:#ffffff;  margin-top:2.2%; text-align: center; margin-bottom:20px;}
  
@media screen and (max-width: 800px) {
.shortcut-left{ float:left; width:100%; }
.shortcut-right{ float:left; width:100%; }
	}
	
	
		

/* about us*/
.about { float:left; width:96%; height:3%; min-height:3%; padding:2.2% 2%; margin-top:2.2%; background:#f4f4f4;}
html>body .about { height:auto}
.about-left{ float:left; width:45.2%; height:3%; min-height:3%; padding:2.2% 2%; margin-top:2.2%; background:#f4f4f4;}
html>body .about-left{ height:auto}
.about-right{ float:right; width:45.1%; height:3%; min-height:3%; padding:2.2% 2%;background:#f4f4f4;  margin-top:2.2%;}
html>body .about-right{height:auto}



 
/* services */
.service_wrap{ float:left; width:100%; height:100px; min-height:100px; padding-top:20px; border-top:solid 1px #d3b050; margin-top:20px;}
html>body .service_wrap{height:auto}

.service_image{ float:left; width:30%; height:100px; min-height:100px;}
html>body .service_image{height:auto}
.service_right{ float:right; width:68%; height:100px; min-height:100px;}
html>body .service_right{height:auto}
.service_title{ float:left; width:100%; height:20px; min-height:20px; padding-bottom:5px; font-size:20px; line-height:20px; text-transform:uppercase;}
html>body .service_title{height:auto}
.service_price{ float:left; width:100%; height:16px; min-height:16px; padding-bottom:8px; font-size:16px; color:#000000;}
html>body .service_price{height:auto}
.seprator{color:#d9dbae; padding:0 2px;}
.service_des{ float:left; width:100%; height:32px; min-height:32px; font-size:14px; line-height:18px;}
html>body .service_des{height:auto}

 
/* special */
h3.sepcial{ padding-top:10px; color:#FFF; font-size:35px; line-height:28px; }
.special-more {color:#FFF; }
.special-more:hover { font-weight:bold; color:#FFF}

.special_image{ float:left; width:100%; height:100px; min-height:100px; text-align:center; margin-bottom:30px;}
html>body .special_image{height:auto}

 

/* footer*/
#footer-out{ float:left; width:100%; height:auto;  background: #dbdbdb;}
 
#footer{ margin:0 auto; width:1000px; height:185px; min-height:185px; padding:42px 0px;}
html>body #footer{ height:auto}

#footer-logo{ float:left; width:29.2%; height:auto; padding: 0px 20px; text-align:right;}
.footer { float:left; width:25%; border-left:solid 4px #d3b050; height:50px; min-height:50px; padding-left:10px;}
html>body .footer { height:auto;}
 
.footer{font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; line-height:24px; color:#67675e;}
.footer .des{ font-size:12px; font-weight:normal;}
.footer a{color:#67675e; text-decoration:none; display:block;}
.footer a:hover{color:#d3b050; text-decoration:none;}
 
#footer_link{ width:100%; height:50px; float:left; text-align:center; padding-top:10px; margin-top:20px; border-top:1px solid #d8d8d8; color:#67675e;}
.footer_link{font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:20px; color:#67675e;}
.footer_link a{color:#67675e; text-decoration:none; }
.footer_link a:hover{color:#FFF; text-decoration:none;}

@media screen and (max-width: 1000px) {
#footer{ width:95%; }
	}
@media screen and (max-width: 760px) {
#footer-logo{ width:100%; height:auto; padding:0; text-align:center;}
.footer {  width:100%; border-left:none;   padding-left:0; text-align:center;}
	}

/* stylish */
#stylish-banner_wrap{ float:left; width:100%; height:470px; background: url(../images/stylish_bg.png); background-repeat:repeat-x;}
#stylish-banner{ margin:0 auto; width:1000px;  height:470px;}
#slideshow{ float:left; width:1000px; height:470px;}
*{ margin:0; padding:0;}
li{ list-style:none;}
a img{ border:none;}
.imgnav{
	width:1000px;
	height:463px;
	overflow:hidden;
	position:relative;
}
#img{ z-index:10;}
#img img{ width:1000px; height:470px; display:none;}
.ctrl{ position:absolute; z-index:100; bottom:0px; left:0px; right:1px; width:1000px; height:40px; overflow:hidden;}
.ctrl ul{ float:left; line-height:30px; overflow:hidden; width:85%;filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.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:6%; height:15px; line-height:15px; cursor:pointer; padding:0px 5px 0px 5px; margin-right:7px; margin-top:9px; background: #333333; text-align: center; color:#CCCCCC; filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.ctrl span.hov{ background:#999; color:#FFFFFF}
.ctrl div{ float:right; width:16%;}

#stylish_left{ float:left; width:151px; height:285px;}

#stylish_right{ float:right; width:790px;height:50px; min-height:50px; padding-left:26px; background:url(../images/left-border.png); background-repeat:repeat-y; }
html>body #stylish_right{ 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}

/* contact form */			

.inputfield-contact
{ 
 border-width:1px;
 border-style:solid;
 border-left-color:#d3d3d3;
 border-top-color:#d3d3d3;
 border-right-color:#d3d3d3;
 border-bottom-color:#d3d3d3;
 padding:1px 2px 2px 2px;
 line-height:25px;
 color:#c29638;;
 font-size: 12px;
 width:98%;
}

.inputfield-contact-drop
{ 
 border-width:1px;
 border-style:solid;
 border-left-color:#d3d3d3;
 border-top-color:#d3d3d3;
 border-right-color:#d3d3d3;
 border-bottom-color:#d3d3d3;
 padding:1px 2px 2px 2px;
 line-height:25px;
 color:#c29638;;
 font-size: 12px;
 width:98%;
}


.inputfield_drop
{ 
 border-width:1px;
 border-style:solid;
 border-left-color:#d3d3d3;
 border-top-color:#d3d3d3;
 border-right-color:#d3d3d3;
 border-bottom-color:#d3d3d3;
 padding:1px 2px 2px 2px;
 line-height:25px;
 color:#c29638;;
 font-size: 12px;
 width:98%;
}

.submitBtn{ width:100%; height:30px; text-align:center; cursor:pointer; background:#c29638; border:none; font-size:16px; line-height:30px; color: #ffffff; margin-top:10px;}
.submitBtn:hover{color:#FFF; background:#e2c86b; text-align:center; text-transform:uppercase;}

/* validate */

#PicValidate { font-size:12px; color:#FF0000; width:32px; line-height:22px;}
#call-submit2 { width:218px; height:22px; cursor:pointer;}

#validate_inputfield{ float:left; width:50%; height:30px; margin-right:20px;}
.inputfield-validate
{ 
 border-width:1px;
 border: thin;
 padding:0px 3px 0px 3px;
 font: normal 12px/30px Arial, Helvetica, sans-serif ;
 width: 100%;
 height:26px;
 color:#c29638;;
 background:#FFF;}
#validete_image{ float:left; width:28%; height:30px; color:#FFF; overflow:hidden; overflow:hidden;}
#change-picture{ float:right; height:30px; width:10%; padding-right:2% }
.change-picture{ width:32px; height:30px; background: url(../images/change-picture.png); cursor:pointer; background-position:center; border:0px;}
.change-picture:hover{background:url(../images/change-picture_hover.png); cursor:pointer; background-position:center;}





/* d-in photos_2014-08-21 */
#d-in_photo_mainphoto{ width:100%; height:auto;}

/* d-in blogs_2014-08-21 */
.blog_wrap{ float:left; width:30%; height:50px; margin-right:3%; min-height:50px; border-top:solid #dadada 8px;border-bottom:solid #dadada 8px; margin-bottom:5%;}
html>body .blog_wrap{ height:auto}
.blog_image{ float:left; width:100%; height:180px; overflow:hidden;}
.blog_title{ float:left; width:90%; padding:4% 5% 0 5%; height:auto; font-size:15px; color:#3d3c3f;  }
.blog_des{ float:left; width:90%; padding:2% 5%; height:auto; font-size:14px; line-height:20px; color:#8a8a8c;border-bottom:solid #dadada 1px; }
.blog_date{ float:left; width:50%; height:auto; font-size:14px; line-height:40px; color:#8a8a8c;}
.blog_more  { float:right; width:50%; height:auto; font-size:14px; line-height:40px; color:#8a8a8c; text-align:right;}
.blog_more a{color:#8a8a8c;}
.blog_more a:hover{color:#3d3c3f;}


.blog_detail{ float:left; width:950px; height:50px; min-height:50px; margin-bottom:1%;}
html>body .blog_detail{ height:auto}
.blog_detail-image{ float:left; width:100%; height:auto;}
.blog_details-title{ float:left; width:100%; padding-top:1%; height:auto;  }
.blog_details-date{ float:left; width:100%; height:auto; font-size:14px; line-height:40px; color:#8a8a8c;border-bottom:solid #dadada 1px; }
.blog_details-des{ float:left; width:100%; padding:2% 0; height:auto; font-size:14px; line-height:20px; color:#3d3c3f; border-bottom:solid #dadada 1px; }


/* video */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}