/*
	Theme Name: 
	Date: 
	Description:
	Version: 
	Author:
	Author URL:
*/

/* ===========================
   ======= Body style ======== 
   =========================== */
   
body
{
	
	color: #000305;
	text-align: left;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;	
	background-image: url('images/bg.png');
}
	
.body
{
	width:900px;
	clear: both; 
	margin: 0 auto;	
}
	
/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 
{
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

body, nav, ul, li, a  {margin: 0; padding: 0;}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a
{
	outline: 0;
}

a img 
{
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited 
{
	/* color: #CF5C3F; */
	text-decoration: none;
}

a:hover, a:active 
{
	/* background-color: #CF5C3F;
	color: #fff; */
	text-decoration: none;
}

/* ===========================	
   ===== Main Navigation ===== 
   =========================== */
#header
{
	width:100%;
	float:left;
	margin:2% 0 0 0;
	background-color:white;
}

.logo 
 {
	width:42%;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}

.logo img
 {
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}

/* ===========================
   ======= Content Area ====== 
   =========================== */

.main-content 
{
	width:100%;
	float:left;
	padding:0 0 2% 0;
	margin:1.5% 0 0 0;
	background-color:white;
}


.main-content .text-body
{
	width:96%;
	float:left;
	padding:2%;
	margin:0;
	background-color:white;
}

#content 
{
	width:100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFF;
}

#content  .page-title
{
	color: #272727;
	font: 400 30px/30px 'Dosis', sans-serif;
	margin-bottom: 35px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.96);
	text-transform: uppercase;
	float:left;
	margin:2% 2%; 	
}

#content  hr
{
	width:96%;
	float:left;
	margin:0 2%;
}

#content   .services-intro
{
	width:96%;
	float:left;
	margin:2%;
}

#content .service-moreInfo 
{
	width:96%;
	float:left;
	margin:2%;
	display:none;
}

/* ===========================
   ======== boxes ============ 
   =========================== 
 */
#box-wrapper ul
{
	width:99%;
	list-style:none;
	padding:0.5%;
	margin:2% 0;		
	float:left;
}

#box-wrapper ul li
{
	width:27%;
	height: 300px;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background-color: #FFF;	
	padding: 2%;
	background: linear-gradient(#e7eae3,white); 
	background: -webkit-linear-gradien(#e7eae3,white); /* For Safari */
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;

}

#box-wrapper .middle-box
{
	margin-left:3.5%;
}

#box-wrapper .right-box
{
	float:right;
}

#box-wrapper li article h2
{
	color:#253d01;
	font:25px arial,sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin:3%;
}

#box-wrapper li article img
{
	width:100%;
	height:149px;
	float:none;
	padding:0;
	margin:0;
}

#box-wrapper li article p
{
	color:#675e52;
	font:16px arial,sans-serif;
	font-weight:regular;
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:7% 0;
}

#box-wrapper li article a
{
	color:#639ec8;
	font-weight:bold;
	font:16px arial,sans-serif;
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:0;
}


#box-wrapper li article a img
{
	width:auto;
	height:auto;
	float:left;	
	padding:0 1% 0 0;
	margin:0;
}




/* ===========================
   ======== services ========= 
   =========================== 
 */

#services
{
	float:left;
	padding:0;
	margin:2%;
	list-style:none;
}

#services li
{
	width:100%;
	float:left;
	padding:0;
	margin-bottom:3.3%;
}

#services fieldset
{
	width:97%;
	float:left;
	border:none;
	border:1px solid #e5e4e3;
	background: linear-gradient(to bottom, #f5f5f5 , white);
}

#services fieldset img
{
	width:auto;
	height:130px;
	float:left;
	padding:0;
	margin-right:1%;
}

#services header,#services content
{
	width:100%;
	float:left;
}


#services fieldset legend
{
	text-align:left;
	font-weight:bold;
}

#services article 
{	
	padding:%;	
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	background-color:#fff;
}


/* ===========================
   ======== contact us =======
   =========================== 
*/
#content .map 
{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}

#content .map iframe
{
	width:96%;
	height:250px;
	float:left;
	margin:2%;
	position:relative;
}

#content .contact-info
{
	width:96%;
	float:left;
	padding:0;
	margin:4% 2%;
	list-style:none;
}

#content .contact-info article
{
	width:30%;
	float:left;
	padding:0;
	margin:0 3% 0 0;
	display:inline;
}

#content .contact-info article header
{
	color: #272727;
	font: 400 20px/20px 'Dosis', sans-serif;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.96);
	width:100%;
	float:left;
	margin-bottom:5%;
}

#content .contact-info article content
{
	color:#666;
	font-size:15px;
	width:100%;
	float:left;
}

#content .contact-form
{
	width:96%;
	height:20%;
	float:left;
	padding:0;
	margin:0 2%;
}

#content .contact-form  article
{
	
	width:30%;
	float:left;
	padding:0;
	margin:0 3% 2% 0;
	display:inline;
}

#content .contact-form  article header
{
	color:#666;
	font:400 18px/18px 'Dosis', sans-serif;
	margin:0 0 5% 0;
}

#content .contact-form  article content input
{
	width:100%;
	height:auto;
	float:left;
	border:1px solid #ddd;
	padding:2%;
	margin:0;
	background-image: url('images/inputbg.jpg');
	background-repeat: repeat-x;
	border-radius:4px;
}

#content .contact-form p
{
	color:#666;
	font:400 18px/18px 'Dosis', sans-serif;
	float:left;
}

#content .contact-form .email-message
{
	text-align:left;
	width:96%;
	height:auto;
	float:left;
	border:1px solid #ddd;
	padding:2% 2% 5% 2%;
	margin:0 0 2% 0;
	background-image: url('images/inputbg.jpg');
	background-repeat: repeat-x;
	border-radius:4px;
}

#content .contact-form input
{
	float:right;
	padding:0.7% 2%;
	margin:1% 0;
}

#error_msg
{
	color:red;
	font-weight:bold;
	float:left;
	width:94%;
	padding:1%;
	margin:2%;	
	background:#ffd8d8;
	display:none;
}

/* ===========================
   ======== about us =======
   =========================== 
*/
#content .about-info
{
	width:96%;
	float:left;
	padding:0;
	margin:4% 2%;
	list-style:none;
}

#content .about-info img
{
	width:35%;
	height:auto;
	float:left;
	margin:2% 0;
}

#content .about-info p
{
	width:60%;
	padding:0 2%;
	float:left;
}

#our-team 
{
	width:96%;
	float:left;
	padding:0;
	margin:2%;
}

#our-team article
{
	width:18%;
	height:18%;
	float:left;	
	padding:0;
	margin:0 7% 0 0;
}

#our-team article header
{
	font-size:1.5em;
}

#our-team article img 
{
	width:100%;
	height:18%;
	padding:0;
	float:left;	
}

#our-team article p
{
	padding:2%;
}


#our-services
{
	float:left;
	padding:0;
	margin:2%;
	list-style:none;
}

#our-services li
{
	width:30%;
	float:left;
	padding:0;
	margin-right:3.3%;
	display:inline;
}

#our-services fieldset
{
	width:auto;
	float:left;
	border:none;
	border-top:1px solid #e5e4e3;
	background: linear-gradient(to bottom, #f5f5f5 , white);
}

#our-services fieldset img
{
	width:100%;
	height:130px;
	float:left;
}

#our-services fieldset legend
{
	font-weight:bold;
}

#our-services article 
{	
	padding:2%;	
	float:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	background-color:#fff;
}





/* ===========================
   ========= Footer ========== 
   =========================== */

.footer 
{
	color: #675e52;	
	font:12px arial,sans-serif;
	width: 100%;
	float: left;
	padding:1% 0;
	margin:0;
	background-color: #e3ded5;	
}

.footer div
 {
	width: 91%;
	text-align:center;
	padding:0;
	margin:auto;
}

.footer div a
 {
	color:#675e52;
}

.footer div a:hover
 {
	text-decoration:underline;
}

.footer p
 {
	text-align:center;
	width: 91%;
	margin:auto;
}