#overlay {
       position: fixed;
       z-index:199;
       top: 0px;
       left: 0px;
       height:100%;
       width:100%;
    }
    * html #overlay { /* ie6 hack */
       position: absolute;
       height: expression(document.body.scrollHeight > document.body.
        offsetHeight ? document.body.scrollHeight : document.body.
        offsetHeight + 'px');
    }
    .overlayBG {
       background-color:#000;
       -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
       filter:alpha(opacity=75); /* IE5-7 */
       -moz-opacity: 0.75; /* Mozilla */
       opacity: 0.75;
    }
    #lightBox {
       position:fixed;
       top:50%;
       left:50%;
       margin-left:-100px;
       margin-top:-100px;
       z-index:200;
       width:200px;
       height:200px;
       background-color:#fff;
       text-align:center;
    }
    * html #lightBox { /* ie6 hack */
       position: absolute;
       margin-top: expression(0 - parseInt(this.offsetHeight / 2) +
         (TBWindowMargin = document.documentElement &&
         document.documentElement.scrollTop ||
         document.body.scrollTop) + 'px');
    }



@charset "utf-8";
/* CSS Document */
html,body{
margin:0px;
padding:0px;
clear:both;
height:100%;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v8/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
}
header{
height:40px;
width:100%;
border-bottom: 1px solid #EEE;
background-color:#F5F5F5;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #FAFAFA),
color-stop(1, #FAFAFA),
color-stop(1, #F7F7F7),
color-stop(1, #F7F7F7),
color-stop(1, #F5F5F5),
color-stop(1, #F5F5F5)
);
background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FAFAFA 100%, #F7F7F7 100%, #F7F7F7 100%, #F5F5F5 100%, #F5F5F5 100%);
background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FAFAFA 100%, #F7F7F7 100%, #F7F7F7 100%, #F5F5F5 100%, #F5F5F5 100%);
background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FAFAFA 100%, #F7F7F7 100%, #F7F7F7 100%, #F5F5F5 100%, #F5F5F5 100%);
background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FAFAFA 100%, #F7F7F7 100%, #F7F7F7 100%, #F5F5F5 100%, #F5F5F5 100%);
background-image: linear-gradient(to bottom, #FAFAFA 0%, #FAFAFA 100%, #F7F7F7 100%, #F7F7F7 100%, #F5F5F5 100%, #F5F5F5 100%);
}
#header_c{
width:1000px;
margin:auto;
height:20px;
padding-top:10px;
}
#header_c_l{
height:20px;
float:left;
width:auto;
font-family: 'Open Sans';
color:#555;
font-size:13px;
}
.custom{
float:left;
width:auto;
}
#gu{
float:left;
width:auto;
margin-right:10px;	
}
#header_c_l img{
margin-right:7px;
margin-top:1px;
}
#header_c_r{
height:20px;
float:right;
width:auto;
font-family: 'Open Sans';
color:#555;
font-size:13px;
}
#header_c_r img{
margin-right:5px;
margin-top:1px;
}
#subhead{
height:120px;
width:100%;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
background:#FFFFFF;
}
#subhead_c{
height:70px;
width:1000px;
margin:auto;
}
#logo{
width:30%;
height:40px;
margin-top:12px;
font-family: 'Lobster', cursive;
font-size:38px;
float:left;
color:#2DCB73;
}
#menu{
width:auto;
height:70px;
float:right;
}
#menu ul{
margin:0px;
padding:0px;

}
#menu li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:22px;
list-style:none;
float:left;
font-size:16px;

}
#menu li.active{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:22px;
list-style:none;
float:left;
font-size:16px;

border-bottom:3px solid #2DCB73;
}

#menu li ul{
visibility:hidden;
position:absolute;	
}
#menu li:hover ul
{
clear:both;
width:auto;
position:absolute;
z-index:100;
visibility:visible;
background-color:#FFFFFF;
margin-left:-22px;
margin-top:20px;
}
#menu li ul li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:22px;
list-style:none;
float:none;
font-size:16px;
}
#menu li a{
color:#333333;
text-decoration:none;

}
#menu li:hover{
background-color:rgba(210,255,226,0.10);
border-bottom:3px solid #2DCB73;
}
#slid{
height:450px;
width:100%;
margin:0 auto;
}
#usli{
width:100%;
height:450px;
margin:auto;
overflow:hidden;
position:relative;	
}
#slide{
height:450px;
width:100%;
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
float:left;
}
#stat{
width:auto;
margin:auto;
height:25px;
position:absolute;
margin-top:-40px;
left:50%;
}
#bun{
border:none;
border-radius: 50%;
width: 20px;
height: 20px;
margin-left:5px;
cursor:pointer;
float:right;
background-color:rgba(255,255,255,0.20); 	
}
#bun:hover{
background-color:rgba(255,255,255,0.50);	
}
#slid_mid{
width:1000px;
margin:auto;
height:450px;
}
#slid_mid_i{
float:left;
width:auto;
height:0px;
opacity:0.4;
margin-top:350px;
}
#slid_mid_i_r{
float:right;
width:auto;
height:0px;
margin-top:350px;
opacity:0.4;
}
#slid_mid_r{
width:450px;
float:right;
margin-top:80px;
height:350px;	
}
#tx_title{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:460px;
min-height:20px;
overflow:hidden;
padding:5px;
font-size:18px;
line-height:25px;
padding-right:0px;
margin-bottom:10px;
margin-left:-600px;
opacity:0.1;
}
#txt1{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:auto;
border-left:20px solid #2DCB73;
min-height:20px;
overflow:hidden;
padding:5px;
padding-right:20px;
background-color:rgba(0,0,0,0.10);
margin-bottom:10px;
margin-left:400px;
opacity:0.1;
}
#txt1:before
{
content:"›";
margin-left:-19px;
font-size:27px;
margin-top:-9px;
position:absolute;		
}
#txt2{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:auto;
border-left:20px solid #2DCB73;
min-height:20px;
overflow:hidden;
padding:5px;
padding-right:20px;
background-color:rgba(0,0,0,0.10);
margin-bottom:10px;
margin-left:-200px;
opacity:0.1;
}
#txt2:before
{
content:"›";
margin-left:-19px;
font-size:27px;
margin-top:-9px;
position:absolute;		
}
#txt3{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:auto;
border-left:20px solid #2DCB73;
min-height:20px;
overflow:hidden;
padding:5px;
padding-right:20px;
background-color:rgba(0,0,0,0.10);
margin-bottom:10px;
opacity:0.1;
margin-top:100px;
opacity:0.1;
}
#txt3:before
{
content:"›";
margin-left:-19px;
font-size:27px;
margin-top:-9px;
position:absolute;		
}
#txt4{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:auto;
border-left:20px solid #2DCB73;
min-height:20px;
overflow:hidden;
padding:5px;
padding-right:20px;
background-color:rgba(0,0,0,0.10);
margin-bottom:10px;
opacity:0.1;
margin-top:30px;
margin-left:-400px;
}
#txt4:before
{
content:"›";
margin-left:-19px;
font-size:27px;
margin-top:-9px;
position:absolute;	
}
#tx_title2{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:460px;
min-height:20px;
overflow:hidden;
padding:5px;
font-size:18px;
line-height:25px;
padding-right:0px;
margin-bottom:10px;
margin-left:-400px;
opacity:0.1;
}
#slid_mid_i_l{
float:left;
width:450px;
margin-top:80px;
height:350px;
}
#body1{
min-height:100px;
overflow:hidden;
width:100%;
}
#body1_c{
width:1000px;
margin:auto;
height:auto;	
}
.category-list
{
width:1000px;
margin:auto;
height:auto;
margin-bottom:30px;
margin-top:30px;	
}
#body4{
min-height:643px;
overflow:hidden;
width:100%;
}
#subti{
margin:0px;
padding: 0px;
font-size: 24px;
color: #2F2F2F;
margin-top:80px;
opacity:0.1;
width:100%;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
}
#subte{
color:#555;
margin-top:30px;
font-family: Open Sans,Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: #666;
line-height:20px;
width:100%;	
}
#subtitle{
margin:0px;
padding: 0px;
font-size: 24px;
color: #2F2F2F;
text-align:center;
margin-top:80px;
opacity:0.1;
width:100%;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
}
#subtext{
color:#555;
margin-top:30px;
font-family: Open Sans,Arial,Helvetica,sans-serif;
font-size: 13px;
text-align:center;
font-weight: normal;
color: #666;
line-height:20px;
width:100%;	
}
#serv{
width:30%;
height:auto;
float:left;
margin-top:50px;
margin-bottom:50px;
margin-right:5%;
}
#serv:last-child{
margin-right:0;
}
#serv_t{
width:100%;
height:50px;
}
#serv_t_l{
border-radius: 50%;
width: 30px;
text-align:center;
color:#FFFFFF;
padding-top:2px;
height:28px;
float:left;
background-color:rgba(100,100,100,0.90);
}
#serv2{
width:30%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
opacity:0.1;
}
#serv2:last-child{
margin-right:0;
}
#serv_t_r{
float:left;
width:80%;
margin-left:10px;
min-height:30px;
overflow:hidden;
font-family: 'Open Sans';
font-style: normal;
font-weight:400;
font-size: 22px;
color: #444;
}
#serv_t_r2{
float:left;
width:75%;
min-height:30px;
overflow:hidden;
font-family: 'Open Sans';
font-style: normal;
font-weight:400;
font-size: 18px;
margin-left:10px;
color: #444;
}
#date{
width:60px;
height:30px;
float:left;
font-family: 'Open Sans';
font-weight:400;
font-size:13px;	
}
#dat{
width:30px;
text-align:center;
padding-top:5px;
height:25px;
float:left;
font-size:14px;
background:#f7f7f7;
border-radius:3px 0 0 3px;
color:#414141;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F7F7F7),
	color-stop(1, #F5F5F5),
	color-stop(1, #F4F4F4),
	color-stop(1, #F1F1F1),
	color-stop(1, #F0F0F0)
);
background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #F5F5F5 100%, #F4F4F4 100%, #F1F1F1 100%, #F0F0F0 100%);
background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #F5F5F5 100%, #F4F4F4 100%, #F1F1F1 100%, #F0F0F0 100%);
background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #F5F5F5 100%, #F4F4F4 100%, #F1F1F1 100%, #F0F0F0 100%);
background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #F5F5F5 100%, #F4F4F4 100%, #F1F1F1 100%, #F0F0F0 100%);
background-image: linear-gradient(to bottom, #F7F7F7 0%, #F5F5F5 100%, #F4F4F4 100%, #F1F1F1 100%, #F0F0F0 100%);
}
#mon{
width:30px;
text-align:center;
padding-top:5px;
height:25px;
float:left;
background-color:#2DCB73;
color:#FFFFFF;
border-radius: 0 3px 3px 0;
}
#serv_tx{
width:100%;
height:auto;
font-family: 'Open Sans';
font-size: 13px;
color: #444;
line-height:20px;
margin-bottom:10px;
text-align:justify;
}
#serv_more{
width:100%;
height:auto;
font-family: 'Open Sans';
font-size: 13px;
color: #666;
font-weight:700;
line-height:20px;
}
#serv_more a{
color:#2DCB73;
text-decoration:none;	
}
.list-title a{
color:#2DCB73;
text-decoration:none;
height:35px;	
}
#body2{
min-height:100px;
overflow:hidden;
width:100%;
background-color:#2A303C;
padding-bottom:20px;
}
#body3{
min-height:100px;
overflow:hidden;
width:100%;
background-color:#fff;
padding-bottom:20px;
}
h3{
font-family: 'Open Sans';
font-size: 20px;
color:#FFFFFF;	
}
#body3 h3{
font-family: 'Open Sans';
font-size: 20px;
color: #444;	
}
#body2_c{
width:1000px;
margin:auto;
height:auto;	
}
#work{
width:33.2%;
height:200px;
float:left;
margin-right:0.2%;
margin-bottom:12px;
margin-top:0px;
opacity:0.1;
}
#work:nth-child(4)
{
margin-right:0%;
float:right;
}
#work:last-child
{
margin-right:0%;
float:right;	
}
#work img{
max-width:100%;
max-height:200px;
border-radius:10px;
}
footer{
background-color:#262626;
width:100%;
height:45px;	
}
footer #mid{
width:1000px;
margin:auto;
height:45px;	
}
#mid_l{
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
}
#mid_l a{
color:#ccc;
text-decoration:none;
}
#mid_r{
width:auto;
float:right;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
}
#mid_r a{
color:#ccc;
text-decoration:none;
}
.top_j{
position:fixed;
top:0px;
width:100%;
opacity:0.97;
background-color:#FFFFFF;
z-index:3;	
}
@media only screen and (min-width: 801px) and (max-width:1100px) {
#header_c{
width:800px;
margin:auto;
height:20px;
padding-top:10px;
}
#subhead_c{
height:70px;
width:800px;
margin:auto;
}
#slid{
height:450px;
width:100%;
margin:0 auto;
}
#usli{
width:100%;
height:450px;
margin:auto;
overflow:hidden;
position:relative;	
}
#slide{
height:450px;
width:100%;
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
float:left;
}
#slid_mid{
width:100%;
margin:auto;
height:450px;
}
#slid_mid_r{
width:350px;
float:right;
margin-top:80px;
height:350px;	
}
#tx_title{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:360px;
min-height:20px;
overflow:hidden;
padding:5px;
font-size:18px;
line-height:25px;
padding-right:0px;
margin-bottom:10px;
margin-left:-600px;
opacity:0.1;
}
#tx_title2{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#FFFFFF;
float:left;
width:360px;
min-height:20px;
overflow:hidden;
padding:5px;
font-size:18px;
line-height:25px;
padding-right:0px;
margin-bottom:10px;
margin-left:-400px;
opacity:0.1;
}
.category-list
{
width:800px;
margin:auto;
height:auto;
margin-bottom:30px;
margin-top:30px;	
}
#slid_mid_i_l{
float:left;
width:350px;
margin-top:80px;
height:350px;
}
#body1_c{
width:800px;
margin:auto;
height:auto;	
}
footer{
background-color:#262626;
width:100%;
height:65px;	
}
footer #mid{
width:100%;
margin:auto;
height:45px;	
}
#mid_l{
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
margin-left:1%;
}
#mid_r{
width:auto;
float:right;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
margin-right:1.5%;
}
#mid_r a{
color:#ccc;
text-decoration:none;
}
#body2{
height:auto;
width:90%;
margin-left:5%
}
#body2_c{
margin:auto;
height:auto;
width:90%;	
}
#work{
width:40%;
height:200px;
margin:auto;
margin-bottom:12px;
margin-top:0px;
opacity:0.1;
float:left;
margin-right:3%;
}
#work:nth-child(4)
{
float:left;
margin-right:3%;
}
#work:last-child
{
float:left;
}
#work img{
max-width:100%;
max-height:200px;
border-radius:10px;
}
#wa{
border:none;
text-decoration:none;	
}
#serv2{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
}
#body3{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
#body4{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
}
@media only screen and (min-width: 400px) and (max-width:800px) {
#slid{
visibility:hidden;
position:absolute;
}
header{
min-height:20px;
overflow:hidden;
width:100%;
}
#header_c{
width:100%;
margin:auto;
height:auto;
padding-top:10px;
}
#subhead{
height:auto;
width:90%;
margin-left:5%;
}
#subhead_c{
height:auto;
width:100%;
margin:auto;
}
#header_c_l{
height:20px;
width:40%;
margin-left:5%;
font-family: 'Open Sans';
color:#555;
font-size:13px;
float:left;
}
#header_c_r{
height:20px;
width:auto;
margin-right:5%;
font-family: 'Open Sans';
color:#555;
font-size:13px;
float:right;
}
#slid{
visibility:hidden;
position:absolute;
}
#logo{
width:100%;
height:40px;
margin-top:12px;
font-family: 'Lobster', cursive;
font-size:38px;
text-align:center;
color:#2DCB73;
}
.category-list
{
clear:both;
width:90%;
margin:auto;
height:auto;
margin-bottom:30px;
margin-top:30px;
margin-left:5%
}
#body1{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
#body1_c{
width:100%;
margin:auto;
height:auto;
padding-top:30px;
}
#menu{
width:100%;
height:auto;
}
#menu ul{
margin:0px;
padding:0px;
height:auto;
margin-top:20px;
}
#menu li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:0px;
padding-top:10px;
padding-bottom:10px;
list-style:none;
text-align:center;
width:100%;
font-size:16px;
background-color:rgba(210,255,226,0.10);
border-bottom:3px solid #2DCB73;
}
#menu li:hover ul
{
clear:both;
width:auto;
position:absolute;
z-index:100;
visibility:visible;
background-color:#FFFFFF;
margin-left:0px;
margin-top:15px;
}
#menu li:hover ul
{
clear:both;
width:auto;
position:absolute;
z-index:100;
visibility:visible;
background-color:#FFFFFF;
margin-left:0px;
margin-top:15px;
width:80.5%;
}
#menu li ul li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:22px;
list-style:none;
float:none;
background-color:#FFFFFF;
font-size:16px;
}
#menu li a{
color:#333333;
text-decoration:none;
}
#menu li:hover{
background-color:#2DCB73;
}
#menu li:hover a{
color:#333333;
}
#menu li ul li a{
color:#333333;
text-decoration:none;
}
#menu li ul li:hover{
background-color:#2DCB73;
}
#menu li ul li:hover a{
background-color:#2DCB73;
color:#FFFFFF;
}
#subtext{
color:#555;
margin-top:30px;
font-family: Open Sans,Arial,Helvetica,sans-serif;
font-size: 13px;
text-align:center;
font-weight: normal;
color: #666;
line-height:20px;
width:100%;
margin-bottom:30px;
}
#serv{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
}
#body2{
height:auto;
width:90%;
margin:auto;
}
#body4{
height:auto;
width:90%;
margin:auto;
}
#body2_c{
margin:auto;
height:auto;
width:90%;	
}
#work{
width:40%;
height:200px;
margin:auto;
margin-bottom:12px;
margin-top:0px;
opacity:0.1;
float:left;
margin-right:3%;
}
#work:nth-child(4)
{
float:left;
margin-right:3%;
}
#work:last-child
{
float:left;
}
#work img{
max-width:100%;
max-height:200px;
border-radius:10px;
}
#serv2{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
}
#body3{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
footer{
background-color:#262626;
width:100%;
height:65px;	
}
footer #mid{
width:100%;
margin:auto;
height:45px;	
}
#mid_l{
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
margin-left:5%;
}
#mid_r{
clear:both;
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:5px;
margin-left:5%;
}
#mid_r a{
color:#ccc;
text-decoration:none;
}
#body3 h3{
font-family: 'Open Sans';
font-size: 20px;
color: #444;
margin-left:2.5%;
}
}
@media only screen and (min-width: 100px) and (max-width:399px)
{
header{
min-height:60px;
overflow:hidden;
width:100%;
}
#header_c{
width:100%;
margin:auto;
height:auto;
padding-top:10px;
}
#subhead{
height:auto;
width:90%;
margin-left:5%;
}
#subhead_c{
height:auto;
width:100%;
margin:auto;
}
.category-list
{
width:90%;
clear:both;
margin:auto;
height:auto;
margin-bottom:30px;
margin-top:30px;
margin-left:5%
}
#header_c_l{
height:20px;
width:100%;
margin-left:5%;
font-family: 'Open Sans';
color:#555;
font-size:13px;
float:left;
}
#header_c_r{
height:20px;
width:100%;
margin-left:5%;
font-family: 'Open Sans';
color:#555;
font-size:13px;
float:left;
}
#slid{
visibility:hidden;
position:absolute;
}
#logo{
width:100%;
height:40px;
margin-top:12px;
font-family: 'Lobster', cursive;
font-size:38px;
text-align:center;
color:#2DCB73;
}
#body1{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
#body1_c{
width:100%;
margin:auto;
height:auto;
padding-top:30px;
}
#menu{
width:100%;
height:auto;
}
#menu ul{
margin:0px;
padding:0px;
height:auto;
margin-top:20px;
}
#menu li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:0px;
padding-top:10px;
padding-bottom:10px;
list-style:none;
text-align:center;
width:100%;
font-size:16px;
background-color:rgba(210,255,226,0.10);
border-bottom:3px solid #2DCB73;
}
#menu li:hover ul
{
clear:both;
width:auto;
position:absolute;
z-index:100;
visibility:visible;
background-color:#FFFFFF;
margin-left:0px;
margin-top:15px;
width:75.5%;
}
#menu li ul li{
height:23px;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
color:#333333;
padding:22px;
list-style:none;
float:none;
background-color:#FFFFFF;
font-size:16px;
}
#menu li a{
color:#333333;
text-decoration:none;
}
#menu li:hover{
background-color:#2DCB73;
}
#menu li:hover a{
color:#333333;
}
#menu li ul li a{
color:#333333;
text-decoration:none;
}
#menu li ul li:hover{
background-color:#2DCB73;
}
#menu li ul li:hover a{
background-color:#2DCB73;
color:#FFFFFF;
}
#subtext{
color:#555;
margin-top:30px;
font-family: Open Sans,Arial,Helvetica,sans-serif;
font-size: 13px;
text-align:center;
font-weight: normal;
color: #666;
line-height:20px;
width:100%;
margin-bottom:30px;
}
#serv{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
}
#body2{
height:auto;
width:85%;
margin:auto;
padding-left:2.5%;
padding-right:2.5%;
}
#body2_c{
margin:auto;
height:auto;	
}
#work{
width:100%;
height:200px;
margin:auto;
margin-bottom:12px;
margin-top:0px;
opacity:0.1;
float:left;
}
#work:nth-child(4)
{
float:left;
}
#work:last-child
{
float:left;
}
#work img{
max-width:100%;
max-height:200px;
border-radius:10px;
}
#serv2{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
}
#body3{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
#body4{
min-height:100px;
overflow:hidden;
width:90%;
margin-left:5%
}
footer{
background-color:#262626;
width:100%;
height:65px;	
}
footer #mid{
width:100%;
margin:auto;
height:45px;	
}
#mid_l{
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:15px;
margin-left:5%;
}
#mid_r{
width:auto;
float:left;
height:20px;
font-family: 'Open Sans';
font-weight:300;
font-size:13px;
color:#999;
margin-top:5px;
margin-left:5%;
}
#mid_r a{
color:#ccc;
text-decoration:none;
}
#body3 h3{
font-family: 'Open Sans';
font-size: 20px;
color: #444;
margin-left:2.5%;
}
}