@charset "utf-8";
.web {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight:400;
}
.font1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #039;
	text-decoration: none;
}
.font7 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #039;
	font-weight: bold;
}

.font2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
.font3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight:400;
}
.underline {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1D7B2F;
	text-decoration: underline;
}
.bold {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #1A7A32;
	text-decoration: none;
}
.bold1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #00349A;
	text-decoration: none;
}
.font4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	font-weight: 400;
	color: #006600;
	text-decoration: none;
}
.font5 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 36px;
	font-weight: 400;
	color: #666;
	text-decoration: none;
	line-height: 46px;
}
.main {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 22px;
	font-weight:400;
}
.blue-main {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #022D96;
	text-decoration: none;
	font-weight:400;
}


.font6 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
.shadow {
	-moz-box-shadow: 0px 0px 17px 6px #c0c0c0; 
	-webkit-box-shadow: 0px 0px 17px 6px #c0c0c0; 
	box-shadow: 0px 0px 17px 6px #c0c0c0; 
	/* Alas, box-shadow is not fully supported by IE < 9 */
}
.backmain {
	background-image: url(images/septic-tank_replacement/septic1tank-replacement.jpg);
	background-repeat: repeat-y;
}
.grey-groundworks {
	background-image: url(images/septic-tank_replacement/septic-tank_replacements.png);
}
.light-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #94bcf2;
	text-decoration: none;
	font-weight:400;
}

.site-birder {
	border: thin solid #00349A;
}

.backtop {
	background-image: url(images/septic-tank_replacement/septic_tank-replacement1.jpg);
	background-repeat: no-repeat;
}
.bottom {
	background-image: url(images/septic-tank_replacement/groundworks_devon.jpg);
	background-repeat: no-repeat;
}
.leftmain {
	background-image: url(images/septic-tank_replacement/septic_tank1replacement.png);
	background-repeat: repeat-y;
}
.mainbac {
	background-image: url(images/septic-tank_replacement/septic_tanks-emptying.png);
	background-repeat: no-repeat;
}
.backmain4 {
	background-image: url(images/septic-tank_replacement/septic_tank2replacment.png);
	background-repeat: no-repeat;
}
.headers {
	font-weight:normal;	
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight:400;
}
.white-18 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	font-weight:400;
}
.white-main {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight:400;
}

.gallerybrdr {
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.myriad-24-black {
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	color: #666;
	text-decoration: none;
	font-weight:600;
}
.myriad-24-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #00349A;
	text-decoration: none;
	font-weight:400;
}
.myriad-16-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #00349A;
	text-decoration: none;
	font-weight:400;
}

.myriad-24-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-weight:400;
}


.case-back {
	background-image: url(images/devon-groundworks/groundworks1devon.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.shadow {
	-moz-box-shadow: 1px 1px 6px 1px #1f1f1f; 
	-webkit-box-shadow: 1px 1px 6px 1px #1f1f1f; 
	box-shadow: 1px 1px 6px 1px #1f1f1f;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	/* Alas, box-shadow is not fully supported by IE < 9 */
}
.shadow2 {
	-moz-box-shadow: 1px 1px 5px 0px #333333; 
	-webkit-box-shadow: 1px 1px 5px 0px #333333; 
	box-shadow: 1px 1px 5px 0px #333333; 
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	/* Alas, box-shadow is not fully supported by IE < 9 */
}
  	/* override the root element to enable scrolling */
.css-panes {
       height: 410px;
       width: 702px;
		position:relative;
		overflow:hidden;
		clear:both;
        background-color: transparent;
}

	/* override single pane */
.css-panes div {
		float:left;
		display:block;
		width:660px;
		font-size:14px;
        background-color: transparent;
	}

	/* our additional wrapper element for the items */
	.css-panes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
        border:0;
	}


	.css-panes .less, .css-panes .less a {
		color:#999 !important;
		font-size:11px;
	}
    
    .css-panes .items div {
        background-color: #ddd;
    }
    .css-panes .items div div {
        border: 0 !important;
}
.arial-12-gap {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	text-align: justify;
}
.myriad-30-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #00349A;
	text-decoration: none;
}
.myriad-30-blue-tall {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #00349A;
	line-height:32px;
	text-decoration: none;
}
.myriad-30-grey-tall {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #666666;
	line-height:32px;
	text-decoration: none;
}

.myriad-25-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #333333;
	line-height:30px;
	text-decoration: none;
}


.myriad-30-black {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #666;
	text-decoration: none;
}
.arial-14-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
.sop:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.main-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #069;
}
.main-bold {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #036;
	font-weight: 700;
}

.main-black {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
}
.baskerville {
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	font-style: italic;
	color: #FFF;
	font-weight: 400;
}

.rob-header {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #069;
	font-weight: 400;
}
.ROB-18-WHITE {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: 400;
}
.rob-header-red {
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #E32F32;
	font-weight: 400;
}
.red-line-bottom {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #069;
}
.rob-37 {
	font-family: 'Open Sans', sans-serif;
	font-size: 38px;
	color: #666;
	font-weight: 300;
}
.rob-36-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #00349A;
	font-weight: 300;
}
.rob-20-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #069;
	font-weight: 900;
}
.roboto-25 {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #666;
	font-weight: 300;
}
.roboto-black-18 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 24px;
	color: #0F6FB9;
	font-weight: 300;
	text-decoration: none;
}
.roboto-black-28 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 28px;
	color: #0F6FB9;
	font-weight: 300;
	text-decoration: none;
	line-height: 38px;
}

.roboto-light-18 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #999;
	font-weight: 300;
}
.roboto-light-36 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #000;
	font-weight: 300;
}
.roboto-light-30 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #000;
	font-weight: 300;
}
.roboto-medium-30 {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 40px;
	color: #666;
	font-weight: 400;
}
.roboto-medium-30-blue {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 40px;
	color: #0F6FB9;
	font-weight: 400;
}
.roboto-medium-30-darkgrey {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 40px;
	color: #333333;
	font-weight: 400;
}


.roboto-medium-22-grey {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: 400;
}
.roboto-medium-16-grey {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 16px;
	color: #666;
	font-weight: 400;
}

.roboto-medium-30-grey {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 35px;
	color: #666;
	font-weight: 400;
	line-height: 35px;
}


.roboto-light-13 {
    font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 24px;
	font-weight: 300;
}
.roboto-black-24 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #FFF;
	font-weight: 400;
}

.roboto-white-30 {
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	color: #FFF;
	font-weight: 400;
}

.roboto-light-24 {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #4d4c51;
	font-weight: 300;
}
.roboto-grey-24 {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	color: #4d4c51;
	font-weight: 300;
}

.roboto-white-18 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: 400;
}
.roboto-black-13 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 24px;
	font-weight: 900;
}
.roboto-33-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 33px;
	color: #336e9f;
	font-weight: 300;
}
.bottom-line {
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #374955;
}
.header-back {
	background-image: url(images/civil-engineering-devon/devon_civil-engineering-contractor.jpg);
	background-repeat: no-repeat;
}
.roboto-18-white-thick {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: 900;
}
.roboto-medium-36 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	color: #374955;
	font-weight: 500;
}
.baskerville-small {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-style: italic;
	color: #FFF;
	font-weight: 400;
}
.roboto-black-30 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	color: #000;
	font-weight: 900;

}
.roboto-medium-14 {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #374955;
	font-weight: 700;

}
.bread {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #666;
}
.roboto-light-16 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 300;
}
.roboto-14-light {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: 300;
}
.roboto-14-dark {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: 300;
}
.roboto-14-bold {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: 700;
}
a.top-link {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 40px;
	width: 100%;
	line-height:40px;
	font-weight: 300;
	
}
a.top-link:hover {
	background-color: #0f6fb9;
	color: #ffffff;
}
#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 100%;
	line-height: 40px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	line-height: normal;
	height: auto;
	min-height: 15px;
	padding: 0px;
	z-index: 10000000000;
}
#topnav div.drop:hover div {
	display: block;
}
.button-grey {
	display: block;
	height: 42px;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:42px;
	font-weight: 300;
	background-color: #0f6fb9;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}
a.button-grey:hover {
    background-color: #737373;	
	color: #FFFFFF;
}
.button-blue {
	display: block;
	height: 50px;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #0f6fb9;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}
a.button-blue:hover {
    background-color: #737373;	
	color: #FFFFFF;
}
.button-white {
	display: block;
	height: 50px;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #666666;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #ffffff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}
a.button-white:hover {
    background-color: #eeeeee;	
	color: #FFFFFF;
}
.button-dark-grey {
	display: block;
	height: 50px;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #4d4c51;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}
a.button-dark-grey:hover {
    background-color: #737373;	
	color: #FFFFFF;
}
.button-light-grey {
	display: block;
	height: 50px;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #666666;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #eeeeee;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	}
a.button-light-grey:hover {
    background-color: #333333;	
	color: #FFFFFF;
}

#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: Arial, sans-serif;
   color: #000;
}
.helvetica-40-grey {
	font-family: 'Helvetica', sans-serif;
	font-size: 40px;
	color: #374955;
	font-weight: 300;
	line-height: 50px;
}
.myriad-20-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	font-weight:400;
}
.myriad-18-grey {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: 5d5d5d;
	text-decoration: none;
}
.myriad-18-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: 5d5d5d;
	text-decoration: none;
}
.myriad-18-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}