/*

Theme Name: Weber

Theme URI: http://www.webersurveying.com/

Description: Theme for Weber by <a href="http://www.braunimaging.com/">Braun Imaging</a>.

Author: Braun Imaging

Author URI: http://braunimaging.com/

*/







/* Reset CSS Start */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align: baseline;

	background:none;

}

ol, ul {

	list-style:none;

}

h1, h2, h3, h4, h5, h6, li {

	line-height:100%;

}

blockquote, q {

	quotes:none;

}

q:before, q:after {

	content: '';

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

input, textarea, select {

	font:11px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding:0;

	margin:0;

}

form, fieldset {

	border-style:none;

}

.clearfix:after {

	clear: both;

	content: '.';

	display: block;

	visibility: hidden;

	height: 0;

}

.clearfix {

	display: inline-block;

}

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* general setting */



html {

	height:100%;

}

body {

	height:100%;

}

/* Reset CSS End */



/* Main CSS Start */



body {

	background: url(images/body-bg.gif) repeat;

	font-size: 15px;

	font-family: "Times New Roman", Times, Georgia, serif;

	color: #000;

	padding: 20px 0 0 0;

}

#wrapper {

	width: 878px;

	margin: 0 auto;

}

h1 {

	font-size: 25px;

	color: #8b0504;

	padding: 0 0 16px 0;

	font-weight: normal;

}

h2 {

	font-size: 22px;

	color: #0c3a20;

	padding: 0 0 10px 0;

}

h3 {

	font-size: 20px;

	color: #0c3a20;

	padding: 0 0 7px 0;

}

h4 {

	font-size: 16px;

	color: #243573;

	padding: 0 0 15px 0;

	font-weight: normal;

}

h5 {

	font-size: 14px;

	color: #243573;

	line-height: 18px;

}

h6 {

	font-size: 12px;

	color: #8a4355;

	padding: 0 0 10px 0;

}

ul {

	padding: 0 0 12px 30px;

}

ul li {

}

ol {

	padding: 0 0 10px 37px;

}

ol li {

}

a {

	color: #8b0504;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

p {

	padding: 0 0 17px 0;

	color: #000;

	line-height: 16px;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 23px;

}

img.alignright {

	padding: 0px;

	margin: 0 0 10px 10px;

	display: inline;

}

img.alignleft {

	padding: 0px;

	margin: 0 10px 5px 0;

	display: inline;

}

img.aligncenter {

	display: block;

	padding: 0px;

	margin: 0 10px 0 10px;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

/* Main CSS End */





/* Header CSS Start */

#header {

	width: 878px;

	height: 115px;

	margin: 0 0 20px 0;

}

.logo {

	width: 269px;

	height: 114px;

	float: left;

}

.logo a {

	background: url(images/logo.png) no-repeat;

	width: 269px;

	height: 115px;

	display: block;

	text-indent: -9000px;

}

#menu {

	width: 609px;

	height: 37px;

	float: right;

	background: url(images/menu-bg.gif) no-repeat right top;

	margin: 39px 0 0 0;

}

#menu ul {

	list-style: none;

	padding: 7px 0 0 30px;

	width: 579px;

	float: left;

}

#menu ul li {

	float: left;

	display: inline;

	padding: 0 0 0 15px;

	margin: 0 12px 0 0;

	position: relative;

}

#menu ul li a {

	font-size: 14px;

	color: #bf9b64;

	font-weight: bold;

	display: inline-block;

	line-height: 22px;

	text-transform: uppercase;

	text-decoration: none;

	padding: 0 14px 0 0;

}

#menu ul li:hover, #menu ul li.current-menu-item {

	background: url(images/menu-hvr-left.gif) no-repeat left top;

	color: #0c3a20;

}

#menu ul li:hover a, #menu ul li.current-menu-item a {

	background: url(images/menu-hvr-right.gif) no-repeat right top;

	color: #0c3a20;

}

#menu ul li ul {

	position: absolute;

	top: 20px;

	left: 0;

	background: #bf9b64;

	width: 170px;

	padding: 10px 0 8px;

	z-index: 100;
display: none;

}

#menu ul li ul li {

	float: none;

	display: block;

	padding: 0;

	margin: 0 0 2px;

	background-image: none !important;

	background-color: #af8c56;

}

#menu ul li ul li a {

	font-size: 12px;

	color: #0c3a20;

	font-weight: bold;

	display: block;

	line-height: 22px;

	text-transform: uppercase;

	text-decoration: none;

	padding: 0 14px 0 15px;

	background-image: none !important;

}

/* Header CSS End */



/* Slider CSS Start */

#slider-container {

	width: 864px;

	height: 222px;

	background: url(images/slider-bg.gif) no-repeat;

	padding: 7px;

	position: relative;

	margin: 0 0 20px 0;

	overflow: hidden;

}

ul#slider {

	width: 667px;

	float: right;

	height: 222px;

	padding: 0;

	list-style: none;

}

ul#slider li {

	width: 667px;

	float: left;

	height: 222px;

	position: relative;

}

ul#slider li img {

	float: left;

}

ul#slider li .description {

	width: 160px;

	height: 175px;

	position: absolute;

	top: 0;

	left: -182px;

	padding: 10px 0 0 0;

}

ul#slider li .description h2 {

	font-size: 20px;

	color: #0c3a20;

	padding: 0 0 6px 0;

}

.slider-pagination {

	width: 170px;

	position: absolute;

	bottom: 17px;

	left: 24px;

	padding: 0;

	list-style: none;

}

.slider-pagination a {

	text-indent: -9000px;

	display: block;

	width: 21px;

	height: 21px;

	background: url(images/slider-bullet.gif) no-repeat;

	float: left;

	margin: 0 12px 0 0;

}

.slider-pagination a:hover, .slider-pagination a.activeSlide {

	background: url(images/slider-bullet-hvr.gif) no-repeat;

}

/* Slider CSS End */



/* Content CSS Start */



#content {

	width: 878px;

	overflow: hidden;

	margin: 0 0 20px 0;

}

#col-1-wide ul {
	list-style: disc;
	line-height: 20px;
	padding: 0 0 20px 15px;
}
#col-1-wide ol {
	list-style: decimal;
	line-height: 20px;
	padding: 0 0 20px 20px;
}
#col-1-wide ul li, #content ol li {
	padding: 0 0 5px;
}

#col-1 {

	width: 618px;

	float: left;

	background: #dcc297 url(images/col-top-bg.gif) no-repeat left top;

}

#col-1-wide {

	width: 100%;

	float: left;

	background: #dcc297 url(images/col-top-bg-wide.gif) no-repeat left top;

}

#col-1-inner {

	width: 594px;

	float: left;

	background: url(images/col-1-btm-bg.gif) no-repeat left bottom;

	padding: 15px 12px;

	min-height: 400px;

}

#col-1-inner-wide {

	width: 848px;

	float: left;

	background: url(images/col-1-btm-bg-wide.gif) no-repeat left bottom;

	padding: 15px 15px;

	min-height: 400px;

}

.intro {

	width: 585px;

	float: left;

	padding: 0 3px 0 4px;

}

.intro-wide {

	width: 100%;

	float: left;

	padding: 0 3px 0 4px;

}

.intro ul {

	list-style: disc;

	line-height: 20px;

	padding: 0 0 20px 15px;

}

.intro ol {

	list-style: decimal;

	line-height: 20px;

	padding: 0 0 20px 20px;

}

.intro ul li, .intro ol li {

	padding: 0 0 5px;

}

.services-container {

	width: 594px;

	float: left;

	padding: 10px 0 0 0;

	margin: 0 0 20px 0;

}

.services-container h2 {

	padding: 0 0 10px 5px;

}

.our-services {

	width: 558px;

	float: left;

	padding: 13px 14px 0 22px;

	background: url(images/services-bg.gif) no-repeat;

	height: 204px;

}

.services-links {

	width: 170px;

	float: left;

}

.services-links ul {

	list-style: none;

	padding: 13px 0 0 0;

	width: 170px;

	float: left;

}

.services-links ul li {

	float: left;

	width: 163px;

	background: url(images/dotted-bor.gif) repeat-x left bottom;

	padding: 11px 0 11px 7px;

}

.services-links ul li a {

	width: 155px;

	height: 33px;

	display: block;

	font-size: 20px;

	color: #000;

	font-weight: bold;

	line-height: 33px;

	text-decoration: none !important;

	text-align: center;

	background: url(images/dot.gif) no-repeat left bottom;

}

.services-links ul li a:hover, .services-links ul li a.active {

	background: url(images/services-hvr.gif) no-repeat;

}

.services-links ul li.last {

	background: none;

}

.services-images {

	width: 378px;

	height: 188px;

	float: right;

	overflow: hidden;

}

.latest-pro {

	width: 594px;

	float: left;

}

.latest-pro h2 {

	padding: 0 0 10px 5px;

}

.pro-box {

	width: 156px;

	height: 210px;

	float: left;

	background: url(images/project-box.gif) no-repeat;

	padding: 19px 22px 15px 19px;

	position: relative;

	margin: 0 1px 3px 0;

}

.pro-box img {

	margin: 0 0 5px 0;

	float: left;

}

.read-more {

	width: 168px;

	height: 21px;

	position: absolute;

	bottom: 15px;

	left: 13px;

	text-align: center;

	font-size: 15px;

	color: #ebd9b7;

	text-decoration: none;

	background: url(images/read-more-bg.gif) no-repeat;

	line-height: 20px;

}

.read-more:hover {

	text-decoration: underline;

}

#col-2 {

	width: 246px;

	float: right;

}

.col-box {

	width: 246px;

	float: left;

	background: url(images/col2-box-rpt.gif) repeat-y;

	margin: 0 0 20px 0;

}

.col-box-a {

	width: 246px;

	float: left;

	background: url(images/col2-box-top.gif) no-repeat left top;

}

.col-box-b {

	width: 214px;

	float: left;

	background: url(images/col2-box-btm.gif) no-repeat left bottom;

	padding: 16px;

	padding-bottom: 3px;

}

.col-box-b img {

	border: 1px solid #133f24;

	float: left;

	margin: 4px 10px 5px 0;

}

.contact-form {

	width: 214px;

	float: left;

}

.contact-form ul {

	width: 214px;

	float: left;

	list-style: none;

	padding: 10px 0 5px 0;
	

}

.contact-form ul li {

	width: 214px;

	float: left;

	padding: 0 0 10px 0;
	list-style: none;

}

.contact-form ul li label {

	width: 214px;

	float: left;

	font-size: 15px;

	color: #000;

	padding: 0 0 8px 0;

}

.contact-form ul li span.fld-1 {

	background: url(images/textfield-bg.gif) no-repeat;

	width: 213px;

	float: left;

	height: 29px;

}

.contact-form ul li span input {

	background: none;

	width: 201px;

	float: left;

	height: 17px;

	border: 0;

	font-size: 14px;

	color: #000;

	padding: 6px;

}

.contact-form ul li div {

	background: url(images/textarea-bg.gif) no-repeat;

	width: 203px;

	float: left;

	height: 65px;

	padding: 7px 5px;

}

.contact-form ul li div textarea {

	background: none;

	width: 203px;

	float: left;

	height: 65px;

	border: 0;

	overflow: auto;

	font-size: 14px;

	color: #000;

}

.contact-form ul li .send-btn {

	background: url(images/send-btn.gif) no-repeat;

	width: 213px;

	height: 29px;

	border: 0;

	cursor: pointer;

	float: left;

	margin: 7px 0 0 0;

}

.ajax-loader {

	display: none;

}

.wpcf7-response-output {

	clear: both;

}

.wpcf7-not-valid-tip {

	display: block;

	position: relative !important;

	clear: both;

	left: 0 !important;

	width: 205px !important;

}

.addthis_toolbox {

	margin: 0 0 15px;

}

.no-spc {

	margin: 0;

}

.social {

	border-top: #0c3a20 1px solid;

	border-bottom: #0c3a20 1px solid;

	padding: 7px 5px 3px;

}

.social div {

	float: left;

	padding: 0 40px 0 0;

}

/* Content CSS End */



/* Footer CSS Start */



#footer {

	height: 65px;

	width: 838px;

	background: #0c3a20 url(images/footer-bg.gif) no-repeat left top;

	padding: 22px 20px 0 20px;

}

.footer-nav {

	width: 838px;

}

.footer-nav ul {

	width: 838px;

	float: left;

	padding: 0 0 8px 0;

	list-style: none;

	text-align: center;

}

.footer-nav ul li {

	float: none;

	display: inline;

	padding: 0 11px;

}

.footer-nav ul li a {

	display: inline-block;

	font-size: 12px;

	color: #ebdab7;

	text-decoration: none;

	font-family: Georgia, "Times New Roman", Times, serif;

	text-transform: uppercase;

	font-weight: bold;

}

.footer-nav ul li a:hover {

	text-decoration: underline;

}

#footer p {

	font-size: 15px;

	color: #ebdab7;

	text-align: center;

}

/* Footer CSS End */





.navigation {

	padding: 15px 0;

}
.stay-connected {
}
.stay-connected a {
}
.stay-connected a img {
	border: none;
}