/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/********
0. Reset
********/
html{
	color:#ffffff;
}
a, a:visited {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover, a:visited:hover, a:focus, a:visited:focus {
    color: #349167;
    outline: 0 none;
}
/********
1. Layout
********/
header#site{
	width:100%;
	height:140px;
	border-bottom:5px solid #b3b3b3;
}
header#site .inner{
	max-width:990px;
	margin:0 auto;
	position:relative;	
}
body{
	background:#232323;
}
.overflow{
	overflow:hidden;
	text-indent:-1000px;	
}
#right-column .float-container{
	width:600px;
	overflow:hidden;
}

.inner-page #left-column{
	width:610px;
}
.inner-page #right-column{
	width:200px;
}
.inner-page.sector #right-column{
	width:289px;
	padding-top:0;
}
/********
2. Header
********/

#home-link{
	background:url(../img/omalley-logo.png) 0 0 no-repeat;
	width: 335px;
	height: 59px;
	float:left;
	margin-top:40px;
	border:none!important;
}
.contact-header{
	float:right;
	margin-top:40px;
}
.contact-header span{
	display:block;
	background:url(../img/telephone-icon.png) left center no-repeat;
	padding-left:35px;
	text-align:right;
	font-size:152%;
	line-height:152%;
}
.contact-header span.email{
	background:url(../img/email-icon.png) left center no-repeat;
	font-size:100%;
	line-height:100%;
}

/* nav*/
nav{
	position:absolute;
	left:0;
	top:140px;
}
nav ul{
	padding:0;
	margin:0
}
nav ul li{
	float:left;
}
nav ul li a{
	display:inline-block;
	padding:10px 10px 0 10px;
	background-position: center top;
	transition: all 0.3s ease 0s;
	border-top:5px solid #b3b3b3;
}
nav ul li a:hover {
	background:url(../img/nav-item-arrow.png) center top no-repeat;
border-top:5px solid #349167;	
}

nav ul li.current a, nav ul li.current a:hover{
	border-top:5px solid #349167;
	color:#cca766;
	background:url(../img/nav-item-arrow.png) center top no-repeat;
	color:#349167
}

/* banner */
#site-wrapper{
    min-height: 300px;
	width:990px;
	margin:45px auto 45px auto;
}
#wrapper {
				width: 990px;
				height: 350px;
				margin: 0 0 0 0;
				overflow: hidden;
					position:relative;
}
			#images {
				width: 990px;
				height: 350px;
			}
			#images img {
				display: block;
				float: left;
			}
			#timer,
			#captions {
				background: rgba( 49, 123, 89, 0.5 );
				width: 990px;
				height: 5px;
				position: absolute;
				left: 0;
				bottom: 0;
			}
			#timer {
				background: rgba( 49, 123, 89, 1 );
			}
			#captions .carousel > div {
				color: #fff;
				font-size: 22px;
				font-weight: bold;
				line-height: 52px;
				text-transform: uppercase;
				text-indent: 50px;
				width: 990px;
				height: 50px;
				float: left;
			}
			.pager {
				padding: 16px 50px 0 0;
				float: right;
			}
			.pager a {
				border: 1px solid #fff;
				border-radius: 10px;
				display: none;
				width: 10px;
				height: 10px;
				margin: 0 3px;
			}
			.pager a:hover {
				background: rgba( 255, 255, 255, 0.3 );
			}
			.pager a.selected {
				background: #fff;
			}
			.cod .pager .p1,
			.cod .pager .p2,
			.cod .pager .p3,
			.gta .pager .p4,
			.gta .pager .p5,
			.gta .pager .p6,
			.mgs .pager .p7,
			.mgs .pager .p8,
			.mgs .pager .p9 {
				display: inline-block;
			}


/* Heading */
h1, h2{
	text-transform:uppercase;
	font-size:140%;
	color:#cca766;
	padding:5px 5px 0 5px;;
	border-top:2px solid #cca766;
	border-bottom:2px solid #cca766;
}
p{
	font-size:80%;
}

/* layout */
#left-column{
	float:left;
	width:360px;
}
#right-column{
	float:right;
	width:600px;
	padding-top:20px;
}
/* Homepage */
#pod-container{
	width:620px;
}
.pod{
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
}
.pod span{
	position:absolute;
	left:0;
	bottom:0;
	height:25px;
	line-height:25px;
	width:280px;
	background:url(../img/pod-trans.png) 0 0 repeat-x;
	font-size:70%;
	padding:0 5px;
}
.last{
	margin:0;
}

/* Carousel */
.testimonial{
	position:relative	
}

#s1 div{
	height:185px;
	position:relative;
	margin-left:10px;
}
.testimonial p{
	width:290px;
	
}
#inline_content p{
    color:#232323
}
a.inline{
    float: right;
    font-weight:bold;
    color:#232323;
    font-size:14px;
    padding:5px 10px 5px 10px;
    background-color:#cca766;
    display:inline-block;
}
a.inline:hover{
    background-color: #317b59;
}

.name{
	color:#8b8b8b;
}
span.tag{
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
	padding:5px 10px 5px 10px;
	background-color:#317b59;
	display:inline-block;
	position:absolute;
	left:0;
	bottom:0;	
}
#s1{
	padding:15px;
	position:relative;
	height:210px;
	
}
.testimonial .nav{
	float:right;
	margin-top:0;
	z-index:999;
	position:absolute;
	right:0;
	bottom:0;
}
.ocarousel_window_slides div{
	width:310px;
	height:200px;
	position:relative
}
.ocarousel_indicators svg{

}
#prev1, #next1{
	background:url(../img/left-arrow.png) 0 0 no-repeat;
	width:25px;
	height:35px;
	float:left;
	overflow:hidden;
	text-indent:-1000px;
}
#next1{
	background:url(../img/right-arrow.png) 0 0 no-repeat;
	margin-left:10px;
}
#work-type-container{
	width:620px;

}
#work-type-container h2{
    margin-top: 0;
}
.work-type{
	background:url(../img/tape-measure.png) left top no-repeat;
	width:220px;
	min-height:140px;
	padding-left:70px;
	border-bottom:2px solid #5d5d5d;
	padding-bottom:10px;
	margin:0 20px 10px 0;
	float:left;	
}
.work-type.trowel{
	background:url(../img/spirit-level.png) left top no-repeat;
}
.work-type.brush{
	background:url(../img/paint-roller.png) left top no-repeat;
}
.work-type h3{
	margin:0;
	padding:0;
	display:inline-block;
}
.work-type p{
	font-size:70%;
	margin:0;
}
/* Footer */
footer{
	width:100%;
	height:388px;
	background:url(../img/footer-bg.png) 0 0 repeat-x;
}
#inner-footer{
	width:990px;
	margin:0 auto;
	padding-top:20px;
}
.footer-col {
	float:left;
	margin-right:30px;
}
.footer-col ul{
	float:left;
	padding-left:0;
	list-style:none;
	margin:0 20px 0 0;
}
.footer-col ul li{
	font-size:80%;
	color:#ffffff;
}
.footer-col li a,{
    font-size:100%;
    color:#ffffff;
    text-decoration: none;
}
.footer-col li a:hover, .footer-copy a:hover{
    color:#ffffff;
    text-decoration: underline;
}
.footer-col h3{
	color:#ffffff;
	font-size:120%;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-weight:lighter;
	margin:0 0 15px 0;
}
.footer-copy{
	float:right;
	width:500px;
}
.footer-copy p{
	font-size:90%;
	padding-top:20px;
}
.copyright{
	font-size:60%;
	float:left;
	display:block;
	width:100%;
	border-top:1px solid #ffffff;
	padding-top:10px;
}

/* Inner Page */

.inner-page .intro{
	background:url(../img/intro-speach.png) left top no-repeat;
	padding-left:40px;
}
.inner-page .intro p{
	font-size:120%;
	color:#CCA766;
}


/* Feature Pods */
#feature-container{
	width:990px;
	overflow:hidden;
	margin-top:30px;
}
.feature-inner{
	width:1600px;
}
.feature-pod{
	width:258px;
	height:130px;
	position:relative;
	background-color:#349167;
	padding:163px 20px 20px 20px;
	float:left;
	margin:0 49px 49px 0
}
.feature-pod img{
	position:absolute;
	top:-1px;
	left:-1px;
}
.feature-pod h2{
	font-weight:300;
	font-size:24px;
	color:#ffffff;
	border:none;
	margin:0;
	padding:0;
	text-transform:capitalize;
}
.feature-pod p{
	font-size:70%;
}
.plus-button-large{
	background:#cca766 url(../img/grey-plus.png) 12px -50px no-repeat;
	width:38px;
	height:38px;
	color:#ffffff;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	position:absolute;
	right:0;
	bottom:0;
}

.feature-details .plus-button-large{
	background:#cca766 url(../img/grey-plus.png) 12px 12px no-repeat;
}
.feature-details .plus-button-large:hover, .plus-button-large:hover{
	background-color:#133425;
	background-position: 12px -50px;
}


/* Resources Lists */

.resource-list{
	width:289px;
	float:left;
	position:relative;
}
.resource-list ul{
	margin:0;
	padding:0;
}
.resource-list ul li a{
	font-size:16px;
	color:#7d7d7d;
	text-decoration:none;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	display:block;
	background:url(../images/form-icon.png) 5px center no-repeat;
	padding:0 0 0 10px;
	line-height:40px;
	height:40px;
}
.resource-list ul li a:hover, .resource-list ul li.active a{
	color:#ffffff;
	background:#349167 url(../images/form-icon-hover.png) 5px center no-repeat;
	border-radius:6px;
}
.resource-list ul li{
	border-top:1px solid #cacaca;
	padding:5px 0 5px 0;
	list-style:none;
}
.resource-list ul li span{
	display:none;
}
.resource-list ul a:hover span{
	display:inline-block!important;
	font-size:16px;
}
.resource-list ul li.active a:hover span{
    display: none!important;
}
.resource-list ul li em{
	font-style:normal;
}
.resource-list ul li a:hover em{
	display:none;
}
.resource-list ul li.active a:hover em{
    display:inline-block;
}

.resource-list.form-list ul li a{
	background:url(../images/document-icon.png) 5px center no-repeat;
}
.resource-list.form-list ul li a:hover{
	background:#7fa0c0 url(../images/document-icon-hover.png) 5px center no-repeat;
	padding-left:10px;
}

.case-studies .feature-pod{
	background-color:#cca766;
}
.case-studies .feature-pod h2{
	color:#56462b	
}
.case-studies .plus-button-large{
	background-color:#8a7145;
}
.case-studies .plus-button-large:hover{
	background-color:#3e321f;
}
/* ==========================================================================
	Case Studies
   ========================================================================== */
#CsDetail{
width:470px;
height:460px;

position:relative;
padding:20px 500px 20px 20px	
}
#CsDetail h2{
	font-size:39px;
	color:#ffffff;
	margin-bottom:10px;
	border:none;
}
#CsDetail em{
	font-style:normal;
	font-size:20px;
	background-color:#349167;
	padding:10px;
	color:#ffffff;
	display:inline-block;
	margin-bottom:10px;
}
#CsDetail .person{
	font-size:16px;
	font-weight:bold;
	line-height:100%!important
}
#CsDetail p{
	line-height:140%;
}
#CsDetail img{
	position:absolute;
	right:20px;
	top:20px;
}
.csControls a{
	background:url(../img/cs-controls.png) left top no-repeat;
	width:28px;
	height:28px;
	overflow:hidden;
	display:block;
	text-indent:-1000px;
	position:absolute;
	left:-35px;
	top:50%;
}
.csControls a.next{
	background-position: right top;
	left:995px;
}
.csControls a.prev:hover{
	background-position: left bottom;
}
.csControls a.next:hover{
	background-position: right bottom;
}

#TestimonialBubble{
	background :url(../img/bubble.png) 0 0 no-repeat;
	width:239px;
	height:163px;
	padding:100px 0 0 60px;
}
#TestimonialBubble p, #TestimonialBubble strong{
	font-size:11px;
	color:#333333;
}
#TestimonialBubble p{
	width:200px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}