/* copyright mars web solution */

/*--
--*/

@import"superfish.css"; @import"coin-slider.css";

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}
img {
	border:0px;
}
img a{
	border:0px;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#9ACA53;
	text-decoration:underline;
}

/* Global properties ======================================================== */
body {
	margin:0 0 0 0;
	font-family:'Roboto';
	font-size:13px;
	color:#9a8369;;
	height:100%;
 background:url(../images/boy-bg.png) 0 0 repeat;
}
html { 
	min-width:1100px;
}
html, 
body { 
	height:100%;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0px;
	padding:0px;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#491A14;
	text-transform:uppercase;
}
	.Bg1 {
    background-image: url(../images/mainbg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
h2 {
	font-size:25px; 
	padding-bottom:13px;
	color:#00A85A;
	font-weight:normal;
	font-family:'Oswald';
}
h3 {
	font-family:'Oswald'!important;
	color:#2FA0DA!important;
	font-size:20px;
	font-weight:normal;
	padding-bottom:5px;
	font-weight:400;
}
h3 a:hover{ text-decoration:none!important}
h4 {
	font-size:16px;
	line-height:26px;
	color:#7FB136;
	padding:10px 0;
	font-family:Roboto;
}
.line{ border-bottom:1px dashed #e2e2e2; padding:10px 0;}
.img{ float:right; margin-left:10px; box-shadow:2px 2px 2px 2px #e2e2e2;}
h5 {
	font-size:16px;
	color:#666;
	line-height:20px;
}
h6 {
	font-size:22px;
	color:#9ACA53;
	font-weight:bold;
	text-decoration:none;
	font-family:'Oswald';
	padding:0px;
	margin:0px;
}
p {
	color:#666;
	text-align:left;
	line-height:26px;
	font-size:14px;
	padding-bottom:15px;
	font-family:'Roboto';
}

ul li { list-style:disc; list-style-type:none;}



/* ========================================================  Global properties*/



/* Global Structure ============================================================= */

#wrapper {
	width:1110px;
	margin:auto;
    box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    -o-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -ms-box-shadow: 0px 0px 10px #666;
}
.bgmain {
	background:#fff;
	padding:5px 25px 0 25px;
	float:left;
}
header {
	height:133px;
	background:#fff;
}
.logo {
	float:left;
}
.header-ryt {
	width:259px;
	height:39px;
	background:url(../images/header-ryt.png);
	float:right;
	margin-top:64px;
	padding-left:45px;
}
.header-ryt ul {
	margin:0;
	padding:0;
	list-style:none;
}
.header-ryt li a{
	float:left;
	padding:0 18px;
	line-height:39px;
	color:#808080;
	text-transform:uppercase;
	font-family:calibri, arial;
	font-size:14px;
	background:url(../images/bullet.png) left no-repeat;
}
nav { 
	background:url(../images/menu.jpg) 0 0 repeat-x #242424; 
	margin:0 auto; 
	width:1060px;
}
.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}

/*  Buttons */
.button, .button1{
	color:#fff; 
	font:bold 12px/14px Tahoma, Geneva, sans-serif; 
	background:#208CC3; 
	padding:6px 18px 8px 17px; 
	display:inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	border:0px;
	cursor:pointer;
}
.button a, button1 a{
	color:#fff; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.button1 {
	float:right;
}
.button:hover,.button1:hover{ 
	text-decoration:none; 
	background:#9ACA53;
	color:#FFF;
}
.link1{
	text-decoration:underline;
}
.link1:hover{
	text-decoration:none;
}
#section {
	float:left;
	background:#FFF;
	width:1060px;
}
#grids {
	float:left;
}
.grids1, .grids2, .grids3, .grids_4, .grids_5, .grids4 {
	width:252px;
	padding:15px;
	float:left;
	margin-right:10px;
	
}

.grids6 {
	width:740px;
	padding:15px 0 15px 15px;
	float:left;
	
}
.gal{ padding:5px; background:#fff; box-shadow:0px 0px 10px #e2e2e2;
	margin-right:5px!important;}
 .bg{background:#F8F7EF; padding-left:10px;}
.grids2 {
	width:405px;
}
#mid_container1 {float: right;width: 728px;margin: 10px 0px 20px 10px;padding-right: 0px; min-height:550px;}
.pad20{ padding-left:10px; margin-left:-15px;}
.title2{ color:#4d4d4d; font-size:21px; line-height:35px; text-transform:uppercase; text-align:center; font-family: 'Open Sans Condensed', sans-serif; margin:30px 30px 0 10px; padding:0 10px 20px 10px; border-bottom:1px solid #e2e2e2;}
.grids3 {
	width:252px; background:#F7F8F3; padding:20px 20px; margin:0px 0
}
.grids_4 {
	width:650px;
}
.grids_5 {
	width:1020px; min-height:550px;
}.pdtUl li {
  list-style-image: url(../images/list-icon.png);
  margin-bottom: 5px;
  margin-left:20px;
  font-size:14px;
  line-height:24px;
 color:#666;
}
.grids1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.grids1 li{
	padding:0px 0 10px 27px;
	margin-bottom:10px;
	list-style:none;
	background:url(../images/marker.png) left  top no-repeat;
	font:14px/16px calibri, arial;
	height:25px;
	border-bottom:1px dashed #e2e2e2;
	color:#998267;
	font-weight:bold;
}
.grids1 li a{
	font-family:'Roboto';
	font-weight:22px; text-transform:uppercase;
	
	font-weight:bold;
	color:#666;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.grids1 li a:hover{
	color:#9ACA53;
	padding:0px 0 0 10px;
}
.selected a{
	color:#900;
	padding:0px 0 0 10px;
}
.selected a:link,.selected a:visited{
	color:#900; text-decoration:underline;
}
.grid1padding {
	margin-right:40px;
}
.grids_4 ul, .grids_5 ul{
	margin:0px;
	padding:0px;
}

.article {
	width:1110px;
	float:left;
	margin:0 0 0 10px;
}
.article ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.article li{
	float:left;
	list-style:none;
	margin:0 14px 20px 0px;
	padding:10px;
	text-align:center;
	font-size:13px;
	font-family:'Open Sans', arial;
	background:#f9f9f9;
	box-shadow:0px 0px 10px #CCC;
	-ms-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.article li:hover{
	background:#FFF;
	box-shadow:0px 0px 10px #999;
	-ms-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.article li a{
	font-weight:bold;
	color:#976f04;
}
.article li a:hover{
	font-weight:bold;
	color:#000;
}
.grid9 { width:1050px; margin-top:20px}

.project { width:295px; padding:15px; background:#FFF; box-shadow:0 0 2px #DDD; text-align:center; margin:10px 25px 25px 0; float:left; box-shadow:3px 3px 3px 3px #EEE;} .project h3, .project p{ margin:0; color:#F17442; font-size:22px; } .project p { text-align:center;}
.project img{ margin-bottom:10px;}
.project h3 a:hover{text-decoration:none}
#popular_services {
	float:left;
	margin:0px 20px 0 0;
	padding:0 30px 0 0;
	width:250px;
	border-right:1px solid #e2e2e2;
}
.logocolor{ color:#2FA0DA;}
#popular_services ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#popular_services ol {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#popular_services ol li {
	background:url(../images/p1_arr3.png) left 7px no-repeat;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0 0 10px 15px;
}
#popular_services li {
	list-style:none;
	font-family:'Roboto';
	font-size:13px;
	color:#666;
	text-align:left;
	border-bottom:1px solid #e4e3e3;
	line-height:28px;
}
#popular_services li a{
	background:url(../images/p1_arr3.png) left no-repeat;
	display:block;
	color:#666;
	line-height:40px!important;
	padding:0 0 0px 15px;
	text-decoration:none;
	font-size:16px;
}
#popular_services li a:hover{
	
	color:#FFF;
	background:#00A85A;
}
.selected{color:#FFF!important;
	background:#00A85A!important;}
#popular_services .popular_services_selected {
	display:block;
	color:#FFF;
	background:#00A85A;
}
.popular_services_bullet {
	background:url(../images/p1_arr3.png) left no-repeat;
	padding:0 0 0 15px;
}
.product_border {
	padding:5px;
	border:1px #CCC solid;
}

.ul li {
	margin-right:20px;
}
.imgindent {
	margin-bottom:15px; box-shadow:2px 2px 2px 2px #CCC;
}
.p1 {
	border-bottom:1px #EDEDED solid;
}
.h3 {
	padding-top:10px;
	color:#2FA0DA;
}
.h3-pro {
	text-align:center;
}
.border-bottom {
	border-bottom:1px #D8D3CD solid;
	height:1px;
	width:925px;
	margin:auto;
}

.tooltips{ 
	position:relative; 
	padding:0 0 0 0;
	float:left;
	height:70px;
}
.tooltips li{ 
	float:left; 
	background:none;
	padding:0px;
	margin:0 10px 00 0;
}
.tooltips li a{ 
	margin-top:10px; 
	display:block;
}
.tooltips li a:hover{ 
	padding:10px 0 0px 0px;
}
.textfield, .textarea {
	font-family:'Roboto';
	width:250px;
	height:30px;
	color:#999;
	padding-left:10px;
	outline:none;
	margin-bottom:10px;
	border:1px dashed #CEC7BF;
}
.textarea {
	width:250px;
	height:55px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#enquiry_content div {
	vertical-align:text-top;
}
#enquiry_content {
	width:99%;
	background:url(../images/enquiry_img.jpg) right no-repeat;
}
/******************** Footer ******************/
footer{ 
    width: 1080px;
    background: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    color: #8d7862;
    font: 14px/22px 'Roboto', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 15px 15px 15px 15px;
}
footer a{ 
	color:#8D7862;
}
footer a:hover{
	color:#fc912f; 
	text-decoration:none;
}

#tagline {
	margin:35px 10px 0 0;
	float:right;
	bottom:0;
	font-family:'Roboto', arial;
	font-size:20px;
	color:#76A334;
	text-align:right;
	text-shadow:1px 1px 1px #e2e2e2;
	font-weight:300;
	line-height:30px;
}

.pro-widget { margin:20px auto; padding:0px; }
.pro-widget li { float:left; margin:0 20px 10px 0px; background:#f7f9f4; padding:10px; border:1px #DDD solid;
-webkit-transition: all 0.2s ease;
}
.pro-widget li img{ }
.pro-widget li:hover { background:#f7f9f4; box-shadow:0 0 2px 2px #CCC;}
.pro-widget  h3 { font-size:16px; margin:8px 0px; color:#AC518C; font-family: 'Roboto', cursive; text-align:center;}
.why{ width:205px; float:left; border-right:1px dashed #e2e2e2; padding-right:10px;}
.why1{ width:270px; float:left; margin-left:10px;}