@charset "utf-8";
/* CSS Document */
 body {
     background-color: #f5f5f5;
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 #banner {
     background-repeat: repeat-x;
     background-image: url("../img/overlay.png");
}
 .logo {
     background-image: url("../img/logo.png");
     background-repeat: no-repeat;
     background-position:center center;
     width: 300px;
     height: 80px;
     margin-top: 30px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 30px;
}
 .box_top {
     width: 1000px;
     margin-left: auto;
     margin-right: auto;
}
 .box_top h1 {
     font-weight: bold;
     font-size: 2em;
     color: #2d8e74;
	 display: block;
}
 .box_top h1 span {
     font-family: "Arial";
     font-size: 0.7em;
     color: #cf824a;
     font-weight: lighter;
}
 .box_top hr {
     padding-bottom: 1em;
}
 .box1 {
     border-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;
     background-color: #FFFFFF;
     padding: 5em;
     font-size: 1.1em;
     color: #666666;
     -webkit-box-shadow: 0px 0px 15px #E3E3E3;
     box-shadow: 0px 0px 15px #E3E3E3;
     -o-box-shadow: 0px 0px 15px #E3E3E3;
     -moz-box-shadow: 0px 0px 15px #E3E3E3;
	 line-height: 28px;
}
 .box2 {
     border-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;
     background-color: #FFFFFF;
     padding: 5em;
     font-size: 1.1em;
     color: #666666;
     -webkit-box-shadow: 0px 0px 15px #E3E3E3;
     box-shadow: 0px 0px 15px #E3E3E3;
     -o-box-shadow: 0px 0px 15px #E3E3E3;
     -moz-box-shadow: 0px 0px 15px #E3E3E3;
}
 .box2 .work {
     text-align: center;
}
 .box2 .work a {
     text-align: center;
	 text-decoration: none;
	 color: #666666;
}

 .box2 .work img {
     width: 60%;
}
 .box2 .work h2 {
     font-size: 1.2em;
     padding-top: 0.5em;
     padding-bottom: 1.5em;
}

.about {
	background-image: url("../img/about.gif");
	background-repeat: no-repeat;
	background-position: top right;
}
/*****footer***************************************************************************/
 .box_bg {
     margin-top: 5em;
	 padding-bottom: 0.5em;
     background-color: #7fcdb8;
}
 .box_footer {
     width: 1000px;
     margin-left: auto;
     margin-right: auto;
	 
}
 .box3 {
     padding-top: 5em;
	 padding-bottom: 2em;
	 padding-left: 1em;
	 padding-right: 1em;
     font-size: 1.1em;
     color: #ffffff;
}
 .box3 h1 {
     font-weight: bold;
     font-size: 2em;
     color: #ffffff;
}
 .box3 h1 span {
     font-family: "Arial";
     font-size: 0.7em;
     color: #ffffff;
     font-weight: lighter;
}
 .box3 hr {
     padding-bottom: 1em;
}

 .footer {

	
}
 .footer h3 {
     font-size: 2em;
     padding-top: 1em;
     font-family: "Arial";
     color: #F1EEEE;
}
 .footer ul li {
     display: block;
     float: left;
     padding-right: 5px;
     margin-right: 1em;	 
	 margin-bottom: 0em;
	 padding-bottom: 0em;
}
.design {
	border-top: #aadfd1 solid 1px;
	padding-top: 0.5em;
	text-align: center;
	color: #ccf1e7;
	font-size: 0.8em;
}
.design a {
	text-decoration: none;
	color: #ccf1e7;	
}
.design a:link {
	color: #ccf1e7;	
}
.design a:visited {
	color: #ccf1e7;	
}
.design a:hover {
	color: #F3E29C;	
}
.design a:active {
	color: #ffffff;	
}

/**********************************************************/
 @media(max-width:1440px){
}
 @media(max-width:1366px){
}
 @media(max-width:1280px){
}
 @media(max-width:1024px){
}
 @media(max-width: 991px){
     .box_top {
         width: 100%;
    }
	 .box1 {
     padding-top: 2em;
     padding-bottom: 2em;
	 padding-left: 1.5em;
	 padding-right: 1.5em;	 
}
	 .box2 {
     padding-top: 2em;
     padding-bottom: 2em;
	 padding-left: 1.5em;
	 padding-right: 1.5em;	 
}
     .box_footer {
         width: 100%;
    }
	 .box3 {
     padding-top: 2em;
     padding-bottom: 2em;
	 padding-left: 1em;
	 padding-right: 1em;	 
}
}
 @media(max-width:768px){
     .box_top h1 {
     font-size: 1.4em;
}
	 .about {
	background-image: url("../img/about.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
    padding-bottom: 300px;
}
     .footer ul li {
         display: block;
         float: none;
         padding-right: 5px;
         margin-right: 1em;
    }
     .footer img {
         margin-left: auto;
         margin-right: auto;
         width: 70%;
         display: block;
    }
}
 @media(max-width:640px){
    
}
 @media(max-width:480px){
    
}
 @media(max-width:320px){
     
    }
}