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

body
{
padding:auto;margin:auto;width:100%;height:100%; background:#ebebeb;}

img
{
	border:none;
}

#main_frame
{
padding:auto;margin:auto;width:990px;display:table; background:#FFF;
}
#main_header
{
padding:0px; margin:0px; width:100%; height:100%; background:url(../images/top_header.png) repeat-x;}


#header
{
float:left;width:990px;height:auto; margin:0px 0px 0px 0px;
}


.top_header
{
float:left; width:990px;height:41px;
}

.company_logo
{
float:left;width:414px;height:69px;margin:10px 0px 0px 10px;
}

.menu {
    display:inline-block; width:450px; padding:0; margin:-40px 0px 0px 0px;
	
}
	
	


#nav {
    display:inline-block; width:450px;height:122px;padding:0;margin:10px 0px 0px 0px;
	
}
	
	

#nav li {
    margin:5px;float:left;position:relative;list-style:none;
}
#nav a {
    font-weight:bold;color:#FFF;text-decoration:none; display:block;padding:53px 0px 0px 0px;font-size:11px;margin:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;width:80px;height:122px;background:url(../images/li_bg.png) no-repeat;text-align:center;color:#FFFFFF;
	
}

/* selected menu element */
#nav .current a, #nav li:hover > a {

      color:#52952e;width:80px;height:122px;background:url(../images/li_bg.png) no-repeat;-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out; margin-left:0px;
	
    
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;border:none;color:none;
}
#nav ul li a:hover {
    background:#74bc17;
  
	
	
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/ -moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;visibility:visible;
	
}
#nav ul {
    opacity:0;visibility:hidden;padding:0;width:250px !important;position:absolute;background:#000;color:#000000;margin:0px 0px 0px 0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;z-index:999;
	
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
	font-size:12px;
    
}
#nav ul ul {
    left:0px;
    top:0px;
}


#show {
    font-weight:bold;color:#FFF;text-decoration:none;display:block;padding:0px 10px 2px 10px;font-size:13px;margin:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;background:url(../images/li_bg.png) no-repeat;width:109px;height:151px;
	}


#main_slider
{
padding:0px;margin:0px;width:100%;height:100%; }


#slider
{
float:left;width:990px;height:343px; margin:0px 0px 0px 0px; background:url(../images/slider_bg.png);
}


#main_wrapper
{
padding:0px;margin:0px;width:100%;height:100%; }


#wrapper
{
float:left;width:990px;height:30px; margin:-5px 0px 0px 0px; background:#FFFFFF;
}

#wrapper p
{
	float:left;
	width:800px;
	height:auto;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 98px;
	color:#655f5f;
	text-align:justify;
	z-index:999;
	position:relative;
	
	
	
}


#main_content
{
padding:0px;margin:0px;width:100%;height:100%; }


#content
{
float:left;width:990px;height:auto; margin:-20px 0px 0px 0px; background:#FFFFFF;
}

.content_bg
{
float:left;width:990px; height:288px; background:url(../images/content_bg.png);
}

.more_info
{
float:left; width:285px; height:288px; background:url(../images/moreinfo_bg.png); margin-left:28px;
}

.more_info h3
{
float:left; width:auto; height:auto; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top:60px; margin-left:180px; color:#338508;font-style:italic;
}

.more_info p
{
float:left; width:260px; height:auto; font-size:11.5px; font-family:Arial, Helvetica, sans-serif; margin-top:-10px; margin-left:15px; color:#ddffcb; text-align:justify; line-height:15px;
}
.more_info h2
{
float:left; width:auto; height:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif;  margin-left:210px; color:#FFFFFF; margin-top:0px;
}



.Company_Proflie
{
float:left; width:661px; height:288px; background:url(../images/profile_bg.png);
}
.Company_Proflie h3
{
float:left; width:600px; height:auto; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top:60px; margin-left:20px; color:#338508; font-style:italic;
}

.Company_Proflie p
{
float:left; width:640px; height:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:5px; margin-left:20px; color:#ffffff; line-height:15px;
}

.explore
{
float:right; width:100px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; 
}


#gallery_content
{
float:left; width:990px; height:auto; background:#ffff; margin-top:10px;   
}

.services_content
{
float:left; width:285px; height:125px; background:url(../images/services-bg.png); margin-left:28px;
}

.services_content p
{
float:left;width:275px;height:auto; margin-top:23px;  font-size:11.6px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; color:#333; text-align:center;
}


.gallery
{
float:left; width:661px; height:119px; margin-bottom:10px; 
}

.gallery div
{
float:left; width:164px; height:116px; background:url(../images/gal_hover.png);
}



.gallery div h1
{
float:left; width:140px; height:auto; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center;  padding-bottom:3px; border-bottom:2px solid #7e5e45; margin-left:12px;
 
}

.gallery div p a
{
float:left; width:136px; height:auto; font-size:11.5px; font-family:Arial, Helvetica, sans-serif;  margin-left:8px; margin-bottom:0px; margin-top:0px; background:none; padding:5px 5px 5px 5px;
}






#main_footer
{
padding:0px;margin:0px;width:100%;height:100%; }


#footer
{
padding:0px;
margin:15px 0px 0px 0px !important;
float:left;
height:180px;
width:990px;
padding:10px 0px 0px 0px;
background:url(../images/footer_bg.png);
border-top:2px double #61a93d;
border-bottom:2px double #61a93d;
}




.copyright
{
margin:63px 10px 0px 840px;
float:left;
width:auto;
height:auto;
}

.logo
{
margin:-20px 20px 0px 0px;
float:left;
width:80px;
height:30px;
}	

.logo_1
{
margin:-20px 10px 0px 0px;
float:left;
width:40px;
height:30px;
}

.icons
		{
		float:right;
		width:200px;
		height:auto;
		margin-right:10px;
		margin-left:200px;
		margin-top:-10px;
		}
		

.icons h1
{
float:right; width:auto; height:auto; font-size:16px; font-family:"Times New Roman", Times, serif; color:#5ea53b; padding:5px 5px 5px 5px; margin:0px 30px 0px 10px; font-style:italic; 
}		
		
		
		
		
	.social-popout {
	height: 39px;
	width: 150px;
	margin: 0px 0px 0px 50px;
	float: left;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
	
}
.social-popout img {
	border-radius:50%;
	margin: 8px;
height: 39px;
	width: 40px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.social-popout img:hover {
	margin: 0px;
	box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}
		
#topcontrol
		{
		float:right;
		width:auto;
		height:auto;
		margin:0px 0px 165px 0px !important;
		}
		
		
		
#content1
{
float:left;width:990px;height:auto; margin:0px 0px 0px 0px; background:#FFFFFF; border-top:5px double #000000;border-bottom:5px double #000000;
}

#content2
{
float:left;width:990px;height:auto; margin:0px 0px 0px 0px; background:#FFFFFF; border-top:5px double #000000;border-bottom:5px double #000000;
}


#content2 h1
{
float:left;width:960px;height:auto; margin:20px 0px 20px 0px;  font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#60a83b; text-align:center; text-decoration:underline;
}

#content2 h2
{
float:left;width:400px;height:auto; margin:20px 600px 0px 87px;  font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFF; background:#745640; 
 padding:5px 5px 5px 5px;}

#content2 p
{
float:left;width:960px;height:auto; margin:0px 0px 0px 0px;  font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:20px; color:#FFFFFF; text-align:justify;
}

#content2 p a
{
float:left;width:820px;height:auto; margin:0px 0px 10px 0px;  font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:60px; color:#FFF; text-align:justify; text-decoration:none; background:#60a83b;
}

.explore1
{
float:right; color:#60a83b; background:#FFFFFF; padding:2px 5px 2px 5px; margin:5px 0px 0px 0px; border-radius:2px 0px 0px 2px;
}

.explore2
{
float:right; margin:5px 0px 0px 0px;  width:auto; color:#FFFFFF; background:#60a83b; padding:1px 5px 1px 8px;
}