/*
Theme Name: Maugers
Author: Avatar
Version: 1.0

*/

@charset "utf-8";

/*! DS edit of normalize.css v1.1.0 | MIT License | git.io/normalize */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	background: #B2B3B6 !important;
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}
body {
    margin: 0; padding:0;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

b,
strong {
    font-weight: bold;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
p,
pre {
    margin: 1em 0;
}
small {
    font-size: 80%;
}
dl,
menu,
ol,
ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 20px;
}
menu,
ol,
ul {
    padding: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {
    overflow: hidden;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
button,
input {
    line-height: normal;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul  {list-style:none;}

/*clearfix*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */

/*template*/
.cntrct-wrapper  {margin:22px auto 0; width:950px; text-align:left;}
.cntrct-header,.footer {}
.cntrct-header {position:relative; height:190px; background:url(images/cntrct-header-bg.gif) #000;}
body.page-id-475 .cntrct-header  {background:url(images/home-header-bg.gif) #000;}
.cntrct-footer {height:103px; margin-top:18px;}
.cntrct-banner {height:257px; width:950px;}

.cntrct-content  {padding:20px 0 20px 30px; background:#FFF;}
.cntrct-main,.cntrct-main-services  {float:left; padding-right:20px;width:640px;}
.cntrct-sidebar,.cntrct-sidebar-services  {float:left; width:250px; margin-right:10px;}
.cntrct-sidebar-services  {float:right; width:200px;}
.cntrct-calc  {height:147px; padding:5px; margin-bottom:20px; background:url(images/cntrct-calc.jpg) center top no-repeat;}
.cntrct-soil  {position:relative; height:140px; padding:5px; background:url(images/cntrct-sidebar-module-bg.gif) center top no-repeat;}
.cntrct-soil-more {position:absolute; display:block; right:15px; bottom:9px; width:102px; height:41px; background:url(images/cntrct-more.png) no-repeat;}

.cntrct-header a:hover {color:white !important;}
.menu-contracting-menu-container,.menu-home-container  {position:absolute; left:0; bottom:0; width:950px; height:40px; margin:0; padding:0; display:block; font-size:11px; text-transform:uppercase; background-color:#606163;/* background:url(images/cntrct-nav-bg.jpg) repeat-x #606163;*/}

.cntrct-copyright  {float:left;}
.cntrct-meta  {float:right; list-style:none;}
.cntrct-meta li {float:left;}

.cntrct-map {width:600px;height:450px;}
/*theme*/
html  {margin:0 !important;}
body  {text-align:center; background:url(images/cntrct-body-bg.gif) 0 -22px repeat-x #B2B3B6; font-size:12px;}
h1.cntrct  {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; line-height:130%; font-weight:normal; color:#E39661; margin-bottom:20px; background:0; padding:0; height:24px !important;}
h2  {color:#E39661 !important; font-size:15px !important; font-family: Georgia, "Times New Roman", Times, srif; padding:0 4px 0 6px; margin:0; font-weight:normal;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:160%; color:#000;}
.cntrct-sidebar p {margin:0; padding-left:12px; font-size:12px; line-height:120%;}
.cntrct-sidebar h2  {padding-top:5px; padding-left:12px;}
a {color:#E39661 !important; text-decoration:underline !important;}
a:hover {color:#333 !important;}

#menu-contracting-menu,#menu-home  {margin:0; padding:0; list-style:none;}
.menu-contracting-menu-container li a,.menu-home-container li a {float:left; color:#CCC; padding:12px 10px 12px; color:#CCC !important; text-decoration:none !important;}
.menu-contracting-menu-container li a:hover,.menu-home-container li a:hover,.current-menu-item a {color:#333; background:url(images/cntrct-nav-hover.gif) repeat-x; text-decoration:none;}

.cntrct-footer {font-size:12px;}
.cntrct-footer a  {color:#FF512F !important; padding:0 4px;}
.cntrct-footer a:hover  {color:#FFF !important;}
.cntrct-footer span {clear:both; display:block;}

.cntrct-services  {padding:0; margin:0;}
.cntrct-services  li  {float:left; width:156px; margin:0 0 2px; padding:0;}
.cntrct-services  img {padding:2px; background:#FFF; border:1px dotted #E39661;}

.cntrct-services-h2 {font-size:20px !important;}
.cntrct-sidebar-services-list  {padding:0 0 0 15px; font-size:13px;}
.plus {margin-right:13px; color:#E39661;}

.gallery dl {float:left; width:271px; margin:0 28px 10px 0;}
.gallery dl img {padding:2px; border:1px dotted #E39661;}

.wpcf7  {background:#F7F7F7; padding:10px !important;}
.wpcf7 h3 {width:100%; background:#F0F0F0;}
.wpcf7 label  {clear:both; width:400px; float:left; display:block; margin-right:10px;}
.wpcf7 input,.wpcf7 textarea  {width:170px;}
.wpcf7 input[type="submit"] {float:right; width:100px; padding:5px;}

.image-link {display:inline-block;margin:auto; position: absolute;top: 0;left: 50%; margin-left: -100px;}
.section-number {display:block; float:left; width:200px;}

/*page: home*/
.cntrct-home-division {float:right;}
#home-scroll  {width:950px; height:257px; overflow:hidden !important;}
.home-col {float:left; width:285px; margin-right:20px;}
h1.home  {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; line-height:130%; font-weight:normal; color:#E39661; margin-bottom:20px; background:0; padding:0; height:auto !important;}
h2.home {font-family:Arial,Helvetica,sans-serif; color:#666 !important; font-weight:bold; font-size:19px !important; margin-bottom:.4em; padding:0;}  

.cntrct-logo {float:left;width:200px; height:100px;}
.cntrct-logo-property-division {float: right; margin-top: 0px; font-size: 11px;}
.cntrct-logo-property-division img{width: 50%; position: absolute; right: 0; max-width: 100px;}
.cntrct-logo-header{text-align:center;}

.cntrct-logo-header p {color:white;font-size: 20px;position:relative;}

.cntrct-logo-head {  position: absolute; top: 90px; left: 50%;  margin-left: -190px; }
.cntrct-logo-head p {color:white;font-size: 20px;font-family:'Times New Roman'; }

.services-wrap {}
.services-wrap h2 { font-size:20px!important; margin:30px 0 8px 0; padding:0; }
.services-wrap ul { border-top:1px solid #d1d1d3; list-style:none; margin:0; padding:0;}
.services-wrap ul li { border-bottom:1px solid #d1d1d3; margin:0; padding:0; }
.services-wrap a { display:block; font-size:13px; padding:5px; text-decoration:none!important;}
.services-wrap a:before { content:"> ";  font-family:monospace; font-size:13px; font-weight:bold; }
.services-wrap a:hover { background:#f0f0f0;}

.row { clear:both; position:relative; width:100%;}
.clearfix{clear:both;}
.row img{float:left; padding-right:10px}
.prof_pic{ float:left; width:30%;}
.prof_text{ float:left; width:70%;}
#hero-image{ width:140%;height:auto;}
.size-full { height:auto; width:100%;}

@media only screen and (max-width: 968px) {
			.cntrct-wrapper  {margin:0; width:100%; text-align:left;}
			.cntrct-banner{height: auto !important; width: 100% !important; }
			.cntrct-sidebar, .cntrct-sidebar-services { width:100%;}
			.cntrct-content { padding:20px;}
			h1.cntrct { height:auto!important;}
			.menu-contracting-menu-container,.menu-home-container  { width: 100% !important; height: auto !important;}
			 html {display:inline-block;}
			#hero-image{ width:98%;height:auto;padding-right:2%}
			.cntrct-main, .cntrct-main-services { float:left;  width:100%; padding-right: 0;}
		}     


     
@media only screen and (max-width: 654px) {					
			.cntrct-map{width:100%; height:auto;}
			.cntrct-header{height:420px;}
            .menu-contracting-menu-container li a {width:98%; padding:12px 1%; }
		}    
       

@media only screen and (max-width:480px) {	
			.cntrct-logo-property-division img{ max-width: 60px;}
			.cntrct-header{height:380px;}				
			.cntrct-logo {width:75%; height:auto; }
			.cntrct-logo-head {  position: absolute; top: 72px; left: 50%;  margin-left: -152px; }
			.cntrct-logo-head p {color:white; font-size: 16px;font-family:'Times New Roman'; }
			menu, ol, ul { padding: 0 0 0 0px;}
    	 	body{font-size: 12px;}
			.row img{float:left; padding-right:0px;padding-bottom:10px; width:100%; height:auto;}
		}     
@media only screen and (max-width:330px) {		
			.cntrct-logo-property-division img{width:30%;}			
			.cntrct-logo {width:60%; height:auto; }
			.cntrct-header{height:350px;}		
			.cntrct-logo-head {  position: absolute; top: 58px; left: 50%;  margin-left: -123px; }
			.cntrct-logo-head p {color:white; font-size: 13px;font-family:'Times New Roman'; }
            .cntrct-sidebar,.cntrct-sidebar-services  {float:left; width:80%;}
            .cntrct-soil {height: auto;}		
			.cntrct-soil-more { position: initial;}
			body{font-size: 10px;}
}     
@media only screen and (max-width:280px) {		
			.cntrct-header{height:325px;}			
			.cntrct-logo {width:50%; height:auto; }
			.cntrct-logo-head {  position: absolute; top: 45px; left: 50%;  margin-left: -95px; }
			.cntrct-logo-head p {color:white; font-size: 10px;font-family:'Times New Roman'; }
			body{font-size: 8px;}
		}