@charset "utf-8";

/* CSS Document */



@import url('reset.css');

@import url('../font/stylesheet.css');

@import url(http://fonts.googleapis.com/css?family=Arimo);

@import url(https://fonts.googleapis.com/css?family=Abel);

/*font-family: 'Abel', sans-serif;*/



body{margin:0; padding:0; font-family: 'Abel', sans-serif; background:#c3bd96;}



.bg1{margin:0; padding:0; background:#fff;}

.bg2{margin:0; padding:0; background:#77343D;}

.bg3{background: rgba(198,191,154,1);

background: -moz-linear-gradient(top, rgba(198,191,154,1) 0%, rgba(198,191,154,1) 25%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(198,191,154,1)), color-stop(25%, rgba(198,191,154,1)), color-stop(68%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));

background: -webkit-linear-gradient(top, rgba(198,191,154,1) 0%, rgba(198,191,154,1) 25%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);

background: -o-linear-gradient(top, rgba(198,191,154,1) 0%, rgba(198,191,154,1) 25%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);

background: -ms-linear-gradient(top, rgba(198,191,154,1) 0%, rgba(198,191,154,1) 25%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);

background: linear-gradient(to bottom, rgba(198,191,154,1) 0%, rgba(198,191,154,1) 25%, rgba(255,255,255,1) 68%, rgba(255,255,255,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6bf9a', endColorstr='#ffffff', GradientType=0 );}

.bg4{margin:0; padding:0; background:#000;}

.line1{margin:0; padding:0; background:url(../images/line1.jpg)  center; height:8px; width: 100%}

.line2{margin:10px 0; padding:0; background:url(../images/line2.png) repeat-x; height:10px;}









h1,h2,h3,h4,h5,h6{ margin:0; padding:0; }



.container{margin:0 auto; padding:0; width:1160px; display: block; overflow: hidden;}



.clear{clear:both;}

.clearl{clear:left;}

.clearr{clear:right;}



h1{margin:0 0 8px 0; padding:0; font-size:28px;  font-weight:bold; line-height:36px; color:#282828;}

h1 span{color:#493b38;}

h2{margin:0; padding:0; font-size:24px;  font-weight:bold; line-height:30px; color:#282828;}

h3{margin:0; padding:0; font-size:22px;  line-height:30px; color:#282828; font-weight:normal; }

p{margin:0; padding:0;  font-size:16px; line-height:24px; color:#292929; font-family: 'Arimo', sans-serif;}



.header{margin:0; padding:0;}

.logo{float:left; margin:0; padding:0; width:395px;}

.header_right{float:right; margin:0; padding:0; width:auto;}



.menus { margin:0; padding:42px 0; width:100%;  }  

.menu ul { padding: 0;	margin:0;	width: 100%; text-transform:uppercase; }

.menu ul li {float:left; margin:0 1px;  display:inherit; text-align:center; font-size:17px;  line-height:44px; padding:0; font-weight:bold; font-style: normal;}

.menu a { color:#000; text-decoration:none;  }

.menu ul li a, .menu ul .stator a {margin:0; padding:12px 13px; }

.menu ul li a:hover {color:#fff; background:#000;}

.menu ul .active a {color:#fff; background:#000;}



.main_body{margin:20px 0; padding:0;}

.welcome{float:left; margin:0; padding:0; width:460px;}

.slider{float:right; margin:0; padding:0; width:676px; border:4px solid #fff;}



.asap_drafting{margin:10px 0; padding:0; text-align:center;}



.sev{margin:0 0 20px 0; padding:0; }

.sev h1{text-align:center; margin:0; }

.sevs{margin:10px 0 0 0; padding:0;}

.sev1{float:left; margin:0; padding:0; width:370px; }

.sev1 img{border:4px solid #fff;}

.sev1_img{margin:0px 0 -10px 0; padding:0 0 13px 0;  background:url(../images/sev_bg.png) no-repeat bottom center; }

.sev1 h3{line-height:40px; text-transform:uppercase;  font-size:18px; font-weight:bold;}

.sev01 h3{border-bottom:2px solid #E77516;}

.sev02 h3{border-bottom:2px solid #33A33A;}

.sev03 h3{border-bottom:2px solid #FCD900;}

.sev1 p{color:#000; margin:5px 0 0 0; padding:0; font-size:14px; line-height:20px;}

.sev_space{margin:0 24px; padding:0;}

.view{margin:20px 0 0 0; padding:12px 10px; text-align:center; color:#000; background:#E77516; width:80px; font-size:16px; border-radius:5px;}

.view a{text-decoration:none; color:#000;}

.view1{margin:20px 0 0 0; padding:12px 10px; text-align:center; color:#000; background:#33A33A; width:80px; font-size:16px; border-radius:5px;}

.view1 a{text-decoration:none; color:#000;}

.view2{margin:20px 0 0 0; padding:12px 10px; text-align:center; color:#000; background:#FCD900; width:80px; font-size:16px; border-radius:5px;}

.view2 a{text-decoration:none; color:#000;}



.home_gallery{margin:0; padding:20px 0; text-align:center; }

.home_gallery h1{color:#fff !important;}

.home_gallery img{margin:0 10px; border:2px solid #fff;}

.home_gallery_view{margin:20px auto auto auto; padding:12px 10px; text-align:center; color:#000; background:#fff; width:80px; font-size:16px; border-radius:5px;}

.home_gallery_view a{text-decoration:none; color:#000;}



.top_footer{margin:0; padding:20px 0;}

.top_footer h3{margin:0 0 10px 0; padding:0 0 10px 0; background:url(../images/top_footer_hbg.png) no-repeat left bottom; text-transform:uppercase;}

.top_footer_link{ float:left; margin:0; padding:0; width:360px; }
.top_footer_links{ float:left; margin:0; padding:0; width:360px; padding-left: 25px }

.top_footer_link ul{margin:0; padding:0;}

.top_footer_link ul li{margin:0; padding:0; line-height:22px; border-bottom:1px solid #86826d; font-size:14px; font-family: 'Arimo', sans-serif;}

.top_footer_link ul li a{text-decoration:none; color:#000;}

.top_footer_link ul li a:hover{text-decoration:underline; color:#000;}

.top_footer_testi{ float:left; padding:0; width:370px; }

.top_footer_contact{ float:left; margin:0; padding:0; width:370px;}

.top_footer_contact p{line-height:30px;}

.top_footer_contact p img{vertical-align:middle;}

.social_icon{margin:10px 0;}



.footer {color:#FFF; padding:0 ; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;  line-height:48px;}

.copy{float:left; margin:0; padding:0; width:400px;}

.design{float:right; margin:0; padding:0; width:180px;}

.footer a {color:#D0CAAC; text-decoration:none;}

.footer a:hover {color:#FFF;}





.main_body_left{float:left; margin:0; padding:0px; width:350px;}

.main_body_left img{margin:0 0 8px 0; padding:0; border:3px solid #f5f5f5;}

.main_body_right{float:right; margin:0; padding:0; width:740px; }



.testi{margin:15px auto; padding:14px;  border:0.1em dotted #5d5a48;}

.testi p{color:#000; line-height:24px; font-size:14px;}

.client{color:#5d5a48 !important; font-weight:bold; text-align:right;}





.contact_left{float:left; margin:0; padding:0; width:250px;}

.contact_left p{margin:0; padding:0; font-family: 'Arimo', sans-serif; font-size:16px; color:#393939; line-height:24px;}



.contact_right{float:right; margin:0; padding:0; width:800px;}

.Feedbackform {

	padding:5px;

	margin:0 0 20px 0;

	float: left;

}

.Feedbackform h1 {

	font-size: 22px;	

}

.Feedbackform input[type="text"] {

	width: 200px;

	margin-bottom: 7px;

	padding: 4px 10px;

	border: 1px solid #CCC;

	border-radius: 3px;

}

.Feedbackform label{ font-size:14px; line-height:30px; color:#333;}

.Feedbackform select {

	width: 122px;

	margin-bottom: 7px;

	padding: 4px 10px;

	border: 1px solid #CCC;

	border-radius: 3px;

	color:#666;

}

.Feedbackform textarea{

	width: 250px;

	margin-bottom: 7px;

	padding: 4px 10px;

	border: 1px solid #CCC;

	border-radius: 3px;

}

.Feedbackform input[type="submit"] {

	background:#da2a29; 

	border: none;

	margin-top:8px; 

	padding:8px 0; 

	cursor:pointer; 

	color:#FFF; 

	width: 90px;

	font-weight:bold;

	float: none;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.Feedbackform input[type="submit"]:hover {

	background:#c6201f;

}

.alertmsg {

	font-size:12px; 

	color:#F00; 

	font-style:none;

	padding: 0;

}

.code-sec {

	clear:left;

}

.right{ width: 565px; float:right; background: none; height:auto}
.left{ width: 565px; float:left; background: none; height:auto}
.tex{ font-size: 14px; color:#000; text-align:left; line-height:24px; font-family: 'Abel', sans-serif; text-align:justify}

.gallery{width: 100%; height:auto; float:none;}
.gallery img{ width: 210px; height: 170px; float:none; border: 5px solid #fff; box-shadow: 0px 0px  1px #000; margin: 3px 3px }
.gallery img:hover{ border: 5px solid #e8e8e8}


@media only screen and (max-width : 780px) 
{
	
	
	
	h1{ font-size:18px; width: 96%; margin: 0 auto}
	h2{ font-size:18px;width: 96%;margin: 0 auto}
	h3{ font-size:18px;width: 96%;margin: 0 auto; font-weight:bold}
	.line1{margin:0; padding:0; background:#c3bd96; height:5px; width: 100%}
	
	.container{ width: 100%; margin: 0 auto;}
	.header{ width: 100%; float:none; height:100%; margin: 0 auto;}
	.logo { float:none; width: auto; height: auto; margin: 0 auto; text-align:center; float:none} .logo img{ height: auto; width: 255px}
	.menus{ margin: 0; padding: 0}
	
	.header_right{ display:block; clear:both; float:none; margin: 0 auto; width: 100%}
	 .main_body{ margin: 0px 0px} .welcome{ width: 100%; margin: 0 auto; height: auto; display:block; clear: both}
	p{ width: 96%; margin: 0 auto; text-align:justify; float:none; font-size:13px; line-height:20px}
	
	
	.slider{float:right; margin:0 auto; padding:0; width:100%; border:0px solid #fff;}
	.sev1{ width: 96%; margin: 0 auto; float:none; margin-bottom:30px} .sev1_img img{ width: 96%; margin: 0 auto; float:none}
	
	.view{ margin:5px 0px}
	.view1{ margin:5px 0px}
	.view2{ margin:5px 0px}  .home_gallery{ display:none}
	
	.top_footer_link{ width: 96%; margin: 0 auto; float:none; margin-bottom:30px}
	.top_footer_links{ width: 96%; margin: 0 auto; float:none; margin-bottom:30px; padding-left:0px}
	
	
	.footer{ line-height: 20px; text-align:center}
	.copy{ float:none; margin:0; padding:0; width:100%; text-align-last:center; font-size:13px; }
    .design{ float:none; margin:0; padding:0; width:100%; text-align-last:center; font-size:13px}
	
	.contact_left{margin: 0 auto; width: 96%; float:none; text-align:center; margin: 0px 0px}  .Feedbackform{ margin: 0px 0px; margin: 0 auto; float:none; text-align:center}
	.contact_right{ display:none}
	
	
	.main_body_right{ width: 100%; height: auto; margin: 0 auto}
	.testi{margin:0px auto; padding:0px;  border:0.1em dotted #5d5a48; margin-bottom:10px; width: 96%}

.testi p{color:#000; line-height:24px; font-size:14px;}

.client{color:#5d5a48 !important; font-weight:bold; text-align:right;}

.main_body_left{ width:100%; margin: 0 auto; height: 100%; float:left; display:none}
.main_body_left img{margin:0; padding:0; border:0px solid #f5f5f5; width:100%; height:auto; text-align:center; margin: 5px 0px}

.gallery{ margin: 0 auto; float:none; text-align:center; width: 100%;}
.gallery img{ width: 215px; height: 170px; float:none; text-align:center ; margin: 5px 0px}
.gallery img:hover{ border: 5px solid #e8e8e8}


.left{ width: 100%; margin: 0 auto; height: auto}
.right{ width: 100%; margin: 0 auto; height: auto}






}