@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Under Construction page

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


/* Perfect Full Page Background Image*/
html { 
  background: url(../images/ ) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

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

body,td,th,p,li { font-family:'Nixie One', Helvetica, Arial, serif; font-weight:400; font-size:16px; line-height:26px; color: #ffffff; }
body { background-color:#f5f3ef;
 	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;
	padding-left: 0px;	padding-top: 105px;	padding-right: 0px;	padding-bottom: 0px;
}

a { text-decoration:none; color: #fff;}
a:hover { color: #fcb243;}

h1 { font-size:40px; line-height:40px; color:#f5841e; padding: 10px 0px; margin:0px; text-align:left;   }

h2 {font-size:26px; line-height:30px;  color: #FFF; padding: 0px; margin:0px; padding-bottom:15px;  text-align:left;text-transform:uppercase; }

h3 {font-size:20px; line-height:35px;color: #FFF; padding: 0px; margin:0px; text-align:left; }

h4 {font: bold 14px/14px Verdana, Geneva, sans-serif; color: #292929; 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;}
hr {height: 1px; color: #e6e4e2;  }

b{font-size:14px}
p{ padding:0px; margin:0px; margin-top:8px;}

/* end of global*/
#wrap-out{ margin:0 auto; width:1200px; height:100px; min-height:100px;}
html>body  #wrap-out{ height:auto}

#wrap{ float:left; width:1200px; height:100px; min-height:100px; }
html>body  #wrap{ height:auto}
@media screen and (max-width: 650px) {
body {
 padding-top: 0px; 
}
#wrap-out{ margin:0 auto; width:100%; height:100px; min-height:100px;}
html>body  #wrap-out{ height:auto}

#wrap{ float:left; width:100%; height:100px; min-height:100px; }
html>body  #wrap{ height:auto}
	}

/* left*/
#left_wrap{ float:left; width:400px; height:378px; min-height:378px; background:#ff690b; }
html>body  #left_wrap{ height:auto}

#left_name{ float: left; width:350px; height:100px; margin:40px 50px 72px 0px;  font-family:'Nixie One', Helvetica, Arial, serif; font-weight:400; font-size:40px; line-height:40px; padding:10px 0px; text-align:right; color: #fff;}

#left_name:hover{color: #fcb243;}
.left_title{ font-size:32px; line-height:40px;}

@media screen and (max-width: 650px) {
#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;}
	
	}

/*----------------------------------------------------------------------------- 
right wrap
-----------------------------------------------------------------------------*/
#right_wrap{float:right; height:378px; min-height:378px; width:800px;}
html>body #right_wrap{ height:auto}

#right_wrap-about{float:right; height:459px; min-height:459px; padding:40px 36px 0px 36px; width:728px; background:url(../images/about_bg.gif); background-repeat:no-repeat;}
html>body #right_wrap-about{ height:auto}


#right_wrap-general{float:right; height:459px; min-height:459px; padding:40px 36px 0px 36px; width:728px; background:#121212; }
html>body #right_wrap-general{ height:auto}


#right_wrap-blog{float:right; height:459px; min-height:459px; padding:40px 0px 0px 36px; width:764px; background:#121212; }
html>body #right_wrap-blog{ height:auto}

.right-general{ float:left; width:100%; height:50px; min-height:50px;}
html>body .right-general{ height:auto}

.right-general-end{ float:left; width:100%; height:5px; min-height:5px; padding-bottom:35px; border-bottom:1px solid #f5841e;; margin-bottom:35px;}
html>body .right-general-end{ height:auto}


.tag01{ float: left; width:25%; height:16px; min-height:16px; background:#666666; text-align:center; line-height:16px; padding:10px 0px; margin-top:10px;}
html>body .tag01{ height:auto}
.tag02{ float: left; width:25%; height:16px; min-height:16px; background:#484848; margin-bottom:10px;text-align:center; line-height:16px; padding:10px 0px; }
html>body .tag02{ height:auto}
.tag03{ float: left; width:25%; height:16px; min-height:16px; background:#555454; text-align:center; line-height:16px; padding:10px 0px; margin-top:10px; }
html>body .tag03{ height:auto}
.tag04{ float: left; width:25%; height:16px; min-height:16px; background:#303030; margin-bottom:10px;text-align:center; line-height:16px; padding:10px 0px; }
html>body .tag04{ height:auto}

@media screen and (max-width: 650px) {
#right_wrap{float:right; height:50px; min-height:50px; width:100%;}
html>body #right_wrap{ height:auto}

#right_wrap-about{float:right; height:50px; min-height:50px; padding:40px 5% 0px 5%; width:90%; background:url(../images/about_bg.gif); background-repeat:no-repeat;}
html>body #right_wrap-about{ height:auto}


#right_wrap-general{float:right; height:50px; min-height:50px; padding:40px 5% 0px 5%; width:90%;  background:#121212; }
html>body #right_wrap-general{ height:auto}


#right_wrap-blog{float:right; height:50px; min-height:50px; padding:40px 5% 0px 5%; width:90%; background:#121212; }
html>body #right_wrap-blog{ height:auto}

.tag01{ font-size:13px;}
.tag02{ font-size:13px;}
.tag03{ font-size:13px;}
.tag04{ font-size:13px;}
	}


  

/*----------------------------------------------------------------------------- 
footer
-----------------------------------------------------------------------------*/
#footer_wrap{ float:left; width:1200px; height:100px; min-height:100px; padding:50px 0px; }
html>body #footer_wrap{ height:auto}

#footer_wrap a{color: #000;}
#footer_wrap a:hover{color: #f06628;}


#footer_left{ float:left; padding-top: 100px; width:400px; height:100px; min-height:100px; text-align:center;}
html>body #footer_left{ height:auto}
#footer_logo{ float:left; width:190px; height:204px;}
#footer_name{ float:left; margin-top:80px; width:210px; height:50px; height:60px; font-size:26px; line-height:28px; color:#a6a6a6;}
.footer_title{ font-size:19px; line-height:22px;}
 

#footer_middle{ float: left; width:480px; height:auto; padding:17px 30px; margin-top:50px;   border-right:#3c3c3c solid 1px; color:#000; }
 

#footer_right{ float:right; width:246px; padding-top:144px; height:32px; text-align:right; font-size:14px; color:#a6a6a6; }
	


@media screen and (max-width: 650px) {
#footer_wrap{ float:left; width:100%; height:100px; min-height:100px; padding:10px 0px; }
html>body #footer_wrap{ height:auto}

#footer_left{ float:left; width:100%; height:50px; min-height:50px; margin-top:30px;}
html>body #footer_left{ height:auto}
#footer_logo{ float:left; width:190px; height:204px;}
#footer_name{ float:left; margin-top:80px; width:210px; height:50px; height:60px; font-size:26px; line-height:28px; color:#a6a6a6;}
.footer_title{ font-size:19px; line-height:22px;}
#footer_viemo{ float:left; width:187px; height:64px;}

#footer_middle{ float: left; width:100%; height:auto; margin-top:20px; border: none;  padding:0; text-align: center; padding-left:0;}
 
.footer_nav, .footer_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:center;
	}

.footer_nav li {
	height: auto;
	width:auto;
	margin: 0;
	color: #a6a6a6;
 
	display: inline-block;
	}
 
.footer_nav li a {
	color:#a6a6a6;
	font-size:14px; line-height:100%;
	display: block;
	text-decoration:none;
	padding:0px 6px 0px 6px;
	display:block;
	font-family:'Nixie One', Helvetica, Arial, serif; font-weight: 400;
  
	}
.footer_nav .separator{ width:1px; height:100%; background:#3c3c3c; font-size:0px;}
		
.footer_nav li a:hover { 
	color:#a6a6a6;
	text-decoration:none;
	display:block;
	}
/* end of footer nav */

#footer_right{ float:right; width:100%; padding-top:10px; height:32px; text-align: center; font-size:14px; color:#a6a6a6; text-align:center; }
	}
	
	@media screen and (max-width: 480px) {
#footer_wrap{ float:left; width:100%; height:100px; min-height:100px; padding:10px 0px; }
html>body #footer_wrap{ height:auto}

#footer_left{ float:left; width:100%; height:50px; min-height:50px; text-align:center;}
html>body #footer_left{ height:auto}
#footer_logo{ float:left; width:45%; height:auto;}
#footer_name{ float:left; margin-top:50px; width:55%; height:50px; height:60px; font-size:26px; line-height:28px; color:#a6a6a6;}
.footer_title{ font-size:19px; line-height:22px;}
#footer_viemo{ float:right; width:55%; height:64px;  margin-top:10px;}
#footer_middle{margin-top:20px;}

	}
	
	
	

/* 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;
 color: #232521;
 font-size: 12px;
 width: 280px;
 background-image: url(image/bg_contact.gif);
 background-repeat:repeat;
}

.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;
 color: #666666;
 font-size: 12px;
 width: 255px;
background-image:url(images/bg_contact.gif);
}

.submitBtn{ width:245px; height:25px; text-align:center; cursor:pointer; background: #691f80; border:none; line-height:25px; color: #ffffff; margin-top:10px;}
.submitBtn:hover{color:#FFF; background:#e533f0; text-align:center; text-transform:uppercase;}