/* CSS Document */
body
{
margin:0;
padding:0;
background-image:url(../image/body_bg.jpg);
background-repeat:repeat-x;
background-color:#F7FEDD;
font-family:Arial, Helvetica, sans-serif;
}
.clear
{
clear:both;
}
#wrap
{
margin:auto;
width:965px;
height:auto;
background-color:#055928;
}
#header
{
width:943px;
height:auto;
background-color:#FFFFFF;
margin-left:10px;

}
#main_cont
{
width:943px;
height:auto;
background-color:#FFFFFF;
margin-left:10px;

}
#logo
{
width:933px;
height:146px;
margin-top:10px;
margin-left:10px;
}
#menu
{
width:943x;
height:35px;
background-color:#8DC540;
margin-top:2px;
}
.menu
{
width:500px;
height:30px;
margin-left:30px;
line-height:33px; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
 
 
}
.menu a
{

color: #000000;
text-decoration: none;
padding-left:13px;
padding-right:13px;
padding-top:2px; 
padding-bottom:5px;
}
.menu  a:hover{
background-color:#055928;
color:#ffffff;
}
.menu   .active{
background-color:#055928;
color:#ffffff;
}

.menu_line
{
background-image:url(../image/meni_line.jpg);
background-repeat:no-repeat;
background-position:right;
width:6px;
height:11px;
}
#content
{
width:910px;
margin-top:10px;
}
.content_left
{
width:465px;
float:left;
background-color:#CCCCCC;
margin-left:15px;
margin-top:5px;
}
.left_content
{
width:430px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:justify;
margin-top:10px;
margin-left:15px;
line-height:20px;
}
.left_img
{
background-image:url(../image/cont_img.jpg);
background-repeat:no-repeat;
float:right;
width:168px;
height:100px;
padding-top:5px;
}
.content_right
{
width:410px;
float:right;
margin-right:5px;
}

.free_quote
{
background-image:url(../image/left_bot.jpg);
background-repeat:no-repeat;
width:426px;
height:96px;
margin-top:10px;
border:4px solid #8dc540;
}
.quote_txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#FFFFFF;
font-weight:bold;
margin-left:8px;
}
.cont_txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#8DC540;
margin-top:2px;
margin-left:70px;
}
.cont_no
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
}
.line
{
width:943px;
height:9px;
background-color:#8dc540;
margin-top:20px;
}
#footer
{
width:960px;
height:35px;
}
.copy
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
width:400px;
float:left;
margin-top:10px;
margin-left:15px;
}
.nets
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
width:120px;
float:right;
margin-top:10px;
}
.nets a
{
text-decoration:none;
color:#FFFFFF;
}
.nets a:hover
{
text-decoration:underline;
color:#F7FEDD;
}
.title
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#8DC540;
}
.top_wrap
{
width:960px;
 height:20px;
}
.top
{
width:960px;
 height:5px;
}
.footer-last-content{
width:960px; 
height:20px;
}
.flash-class{
width:435px;
height:352px;
}
.flash-class-banner{
width:435px;
height:352px;
}
.about-img{
	width:435px;
	margin-top:5px
}
.service-img{
	width:435px;
	margin-top:5px
}
.client-img{
	width:435px;
	margin-top:5px
}
.contact-img{
	width:435px;
	margin-top:5px
}
.left-content-main{
	padding:10px;
}
@media (max-width: 950px) and (min-width: 531px) {

.top_wrap {
    width: 100%;
    height: auto;
    float: left;
}
#wrap {
	width: 100%;
}
.top {
    width: 100%;
}
#header {
    width: 100%;
    margin-left: 0px;
}	
#logo {
    width: 100%;
	height: auto;
	margin-left: 0px;
}
#logo a img{
    width: 100%;
}
#main_cont {
    width: 100%;
	margin-left: 0px;
}
#menu {
	width: 100%;
	text-align: center;
}
.menu{
	width: 100%;
	margin-left:0px;
}
#content {
    width: 100%;
}
.content_left{
	width:100%;
	float:left;
	margin-left: 0px;
}
.left_content {
    width: 100%;
	margin-left: 0px;
}
.left_img{
	float: none;
    margin-top: 0px;
    margin: 0px auto;
}

.content_right{
	width:100%;
	float:left;
	margin-right: 0px;
}
.free_quote {
	width:97%;
}
.line {
    width: 100%;
}
#footer {
    width: 100%;
    height: 50px;
    text-align: center;
}
.copy{
	width:100%;
	float:left;
	margin-left:0px;
}
.nets{
	width:100%;
	float:left;
}
.footer-last-content{
	width:100%;
	float:left;
}
.flash-class{
display:none;
}
.flash-class-banner{
display:none;
}
.about-img{
	width:100%;
	margin-top:5px
}
.service-img{
	width:100%;
	margin-top:5px
}
.client-img{
	width:100%;
	margin-top:5px
}
.contact-img{
	width:100%;
	margin-top:5px
}
.left_content .title {
	padding:5px;
}
.left-img-main{
    width: 100%;
    text-align: center;
    display: table;
    margin: 0px auto;	
}
}

@media (max-width: 530px) and (min-width: 320px) {
.top_wrap {
    width: 100%;
    height: auto;
    float: left;
}
#wrap {
	width: 100%;
}
.top {
    width: 100%;
}
#header {
    width: 100%;
    margin-left: 0px;
}	
#logo {
    width: 100%;
	height: auto;
	margin-left: 0px;
}
#logo a img{
    width: 100%;
}
#main_cont {
    width: 100%;
	margin-left: 0px;
}
#menu {
	width: 100%;
	height: 69px;
	text-align: center;
}
.menu{
	width: 100%;
	margin-left:0px;
}
#content {
    width: 100%;
}
.content_left{
	width:100%;
	float:left;
	margin-left: 0px;
}
.left_content {
    width: 100%;
	margin-left: 0px;
}
.left_img{
	float: none;
    margin-top: 0px;
    margin: 0px auto;
}

.content_right{
	width:100%;
	float:left;
	margin-right: 0px;
}
.free_quote {
	width:97%;
}
.line {
    width: 100%;
}
#footer {
    width: 100%;
    height: 63px;
    text-align: center;
}
.copy{
	width:100%;
	float:left;
	margin-left:0px;
}
.nets{
	width:100%;
	float:left;
}
.footer-last-content{
	width:100%;
	float:left;
}
.flash-class{
display:none;
}
.flash-class-banner{
display:none;
}
.about-img{
	width:100%;
	margin-top:5px
}
.service-img{
	width:100%;
	margin-top:5px
}
.client-img{
	width:100%;
	margin-top:5px
}
.contact-img{
	width:100%;
	margin-top:5px
}
.left_content .title {
	padding:5px;
}
.left-img-main{
    width: 100%;
    text-align: center;
    display: table;
    margin: 0px auto;	
}
}