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

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

Title : greencorp interiors
URL :http://www.greencorpinteriors.com.au/

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/bg.jpg) 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: 'Titillium Web', sans-serif; font-weight:300;   font-size:18px; line-height:28px; color: #ffffff;}
 

a { text-decoration:none; color: #ffffff;}
a:hover { color: #5aab47;}

h1 { font-size:49px; line-height:40px; color:#5aab47; padding: 0px; margin:0px; padding-bottom:20px; text-align:left; font-family: 'Titillium Web', sans-serif; font-weight:300; }
    @media screen and (max-width: 650px) {
h1 {text-align: center;}
	}
h2 {font-size:28px; line-height:28px;  color: #FFF; padding: 0px; margin:0px;  text-align:left;text-transform:uppercase; }

h3 {font-size:20px; line-height:28px;  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;}
.green{ color:#5aab47; padding:20px 0;}
/* end of global*/


#wrap{ float:left; 
width:100%; height:100%; 
min-height:100%; 
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;}

.list-style ul{ list-style:none; display:block;  padding:30px 0;}
.list-style li{list-style:none; display:block;  padding:10px 0 10px 35px; background:url(../images/list-icon.png); background-repeat:no-repeat; font-weight:600; background-position:left middle;}
 
 .wrap_general{ float:left; width:100%; height:10px; min-height:10px;}
 html>body  .wrap_general{ height: auto;}
 
 .wrap_50{ float:left; width:40%; height:10px; min-height:10px; padding:0 5%;}
 html>body  .wrap_50{ height: auto;}
    @media screen and (max-width: 650px) {
 .wrap_50{   width:90%;  padding:0 5%;}
	}
	
	 .wrap_33{ float:left; width:33.33%; height:10px; min-height:10px; }
 html>body  .wrap_33{ height: auto;}
     @media screen and (max-width: 1200px) {
 .wrap_33{ width:40%; padding:0 5%;}
	}
    @media screen and (max-width: 650px) {
 .wrap_33{   width:90%;  padding:0 5%;}
	}
	
	
	  
.gray-color_link {
  display: inline-block;
}

.gray-color {
 
  -webkit-filter: grayscale(100%) 
          brightness(135%)
          contrast(120%);
  filter: grayscale(100%) 
          brightness(135%)
          contrast(120%);
  
  transition: filter 0.3s, box-shadow 0.3s;
  -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;
}
.gray-color_link:hover .gray-color, 
.gray-color_link:focus .gray-color {
  -webkit-filter: none;
  filter: none;
}


/*----------------------------------------------------------------------------- 
header
-----------------------------------------------------------------------------*/
#header_wrap{ float:left; width:100%; height:20px; min-height:20px; background:url(../images/pattern_header.png); padding:20px 0; margin-bottom:20px;
   }
html>body #header_wrap{ height:auto;}
#header{ margin:0 auto; width:1200px; height:20px; min-height:20px;}
html>body #header { height:auto;}

#logo{ float:left; width:20%; height:20px; min-height:20px; text-align:left;}
html>body #logo{ height:auto;}
 
#nav_wrap{ float:right; width:75%; height:40px; padding-top:84px;}


@media screen and (max-width: 1200px) {
	
#header_wrap{background-image: none; 
   }
#header{width:95%; padding-left:2.5%;}
	}
 
@media screen and (max-width: 800px) {
#header_wrap{ max-height:96px;}
#logo{width:40%; text-align:center; padding-left:30%;}
#nav_wrap{ width:98%; float:left;  padding-top:10px; height:30px;}
	}


/*  home slogan */
#home-slogan { float:left; width:100%; height:auto; padding-top:400px; text-align:center;}
 @media screen and (max-width: 1200px) {
#home-slogan { width:90%;  padding-top:300px; padding-left:5%;}
	}


/*----------------------------------------------------------------------------- 
main contents
-----------------------------------------------------------------------------*/
/*  projects */

#projects { float:left; width:70%; height:auto; padding:20px 0 20px 15%; text-align:center;}
 @media screen and (max-width: 1200px) {
#projects { width:90%;  padding-top:10px; padding-left:5%;}
	}


 /* footer */
#footer_wrap{ float:left; width:100%; height:20px; min-height:20px; background:url(../images/pattern_header.png); padding:20px 0;  }
html>body #footer_wrap{ height:auto;}
#footer{ margin:0 auto; width:1200px; height:20px; min-height:20px; text-align:center;}
html>body #footer{ height:auto;}

.footer{ color:#C9C9C9;} .footer a{ color:#C9C9C9;}  .footer a:hover{ color:#FFFFFF;} 
 @media screen and (max-width: 1200px) {
#footer{  width:90%;}
	}

 /* main inner */
 
 .inner_wrap{ float:left; width:100%; height:20px; min-height:20px; margin:20px 0;}
 html>body  .inner_wrap{ height:auto;}
 
  .inner{ margin:0 auto; width:1200px; height:20px; min-height:20px; }
 html>body  .inner{ height:auto;}

  .inner-left{ float:left; width:35%; height:20px; min-height:20px; }
 html>body  .inner-left{ height:auto;}
 
  .inner-right{ float:left; width:54%; padding-left:5%; height:20px; min-height:20px; }
 html>body  .inner-right{ height:auto;}
 
  @media screen and (max-width: 1200px) {
.inner{  width:92%; }
	}
	 
  @media screen and (max-width: 650px) {
  .inner-left{   width:100%; }
  .inner-right{   width:100%; padding-left:0; padding-top:40px; }
 
	}

/*-projects-*/

 .projects-icon{ float:left; width:95%; height:auto; line-height:80px; text-align:center; color:#ffffff; border: 1px solid #5aab47; font-size:50px; font-family: 'Titillium Web', sans-serif; font-weight:300; margin-bottom:30px;}
 .projects-icon:hover{ background:#5aab47; color:#ffffff; }
 
 
  .project-left{ float:left; width:60%; height:20px; padding-right:2%; min-height:20px; }
 html>body  .project-left{ height:auto;}
 
  .project-right{ float:right; width:38%;  height:20px; min-height:20px; }
 html>body  .project-right{ height:auto;}
 
  @media screen and (max-width: 650px) {
  .project-left{ width:100%; }
  .project-right{ width:100%; padding-left:0; padding-top:40px; }
 
	}
 .projects_wrap{ float:left; width:30%; height:auto; margin:2% 1.66%;}
 .projects_wrap:hover{ background:#5aab47;}
 .projects_img{ float:left; width:100%; height:auto; text-align:center;}
 .projects_title{ float:left; width:100%; height:auto;line-height:70px; text-align:center; color:#ffffff; font-size:40px; font-family: 'Titillium Web', sans-serif; font-weight:300; border-top:1px solid #5aab47;border-bottom:1px solid #5aab47;}
   @media screen and (max-width: 650px) {
 .projects_wrap{ float:left; width:96%; height:auto; margin:2%;}
 
	}