/* SRT CSS */

/* color directory
NAV GRAY = #838282
SRT RED = #e72f31
LIGHTER GRAY = #dad7d7
DARK GRAY = #383637
*/

@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('DancingScript-Regular-webfont.eot');
    src: url('DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DancingScript-Regular-webfont.woff') format('woff'),
         url('DancingScript-Regular-webfont.ttf') format('truetype'),
         url('DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CallunaRegular';
    src: url('Calluna-Regular-webfont.eot');
    src: url('Calluna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Calluna-Regular-webfont.woff') format('woff'),
         url('Calluna-Regular-webfont.ttf') format('truetype'),
         url('Calluna-Regular-webfont.svg#CallunaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	color:#444;
	font: 15px 'CallunaRegular';
	line-height:1.5em;
	background:#383637;
}

h2 {
	line-height:1.3em;	
	color:#222;
}

.italic {
	font-style:italic;
}


a {
	color:#444;
}

a:visited {
	color:#444;
}

a:hover {
	color:#e72f31;
}

#wrap {
	width:1080px;
	margin:0 auto;
	background:#FFF;
	padding:13px 20px;
}

#header {
	position:relative;
	height:102px;
	margin:0 0 13px 0;
}

#nav {
	background:#838282;
	height:35px;
	margin-bottom:6px;
}

#nav li {
	display:inline;
	color:#FFF;
	line-height:35px;
	float:left;
	border-right:1px solid #FFF;
}

#nav a {
	color:#FFF;
	text-decoration:none;
	width:215px;
	height:35px;
	display:block;
	text-align:center;
}

#nav a:hover, #active, .active {
	color:#FFF;
	background:#e72f31;
}

#nav a:visited {
	color:#FFF;
}

#last {
	border:none !important;
}

#missionStatement {
	font: 26px 'DancingScriptOTRegular', Arial, sans-serif;letter-spacing: 0;
	margin:7px 10px;
}

#mainContent {
	min-height:350px;
	background:#dad7d7;
	padding:20px;
	position:relative;
}

.home p, .wastewater p, .water p {
	margin-bottom:12px !important;
}

.homeSlide {
	width:499px !important;
}

.mainContentService {
	margin-top:13px;
	position:relative;
}

.mainAbout {
	min-height:450px !important;
}

.mainContentContact {
	height:400px !important;
}

.mainContentService p {
	border:none !important;
}

#mainContent p {
	width:420px;
	margin:0;
	text-align:justify;
}

.slideshow { 
	position:absolute;
	right:20px;
	top:18px;
	width:599px;
	height:352px;
	z-index:10;
}

.about-slideshow { 
	/*position:absolute;
	right:20px;
	top:195px;*/
	width:599px;
	height:176px;
	z-index:10;
	margin-top:12px;
}

#aboutFirm { 
	position:absolute;
	right:20px;
	top:18px;
	width:599px;
	height:176px;
	z-index:10;
}

#leftAbout {
	border-right:1px solid #FFF;
	width:411px;
	min-height:467px;
}

#leftAbout p {
	font-size:12px;
	margin-bottom:12px;
	line-height:1.4em;
	text-align:left;
	width:391px;
}

#aff {
	margin-top:24px;
}

#aboutFirm p {
	width:598px;
	margin-bottom:6px;
}

#aboutFirm h2 {
	text-align:center;
	font-size:16px;
}

#contact {
	background:#838282;
	height:35px;
	text-align:center;
	position:relative;
	margin-bottom:18px;
}

#contact p {
	line-height:35px;
	color:#222;
}

#contact a {
	text-decoration:none;
	color:#222;
}

#contactUs {
	text-decoration:underline !important;
	margin-left:20px;
}

#contactInfo {
	position:absolute;
	right:25px;
	top:18px;
	width:240px;
	z-index:10;
}

#contactInfo p {
	margin-bottom:6px;
	line-height:1.3em;
}

#contactInfo form {
	margin-top:12px;
}

#contactInfo legend {
	color:#444;
	font-weight:bold;
}

textarea {
	font:14px 'CallunaRegular';
	letter-spacing:0;
}

#contactInfo input, #contactInfo textarea {
	padding-left:10px;
	width:200px;
	font:14px 'CallunaRegular';
	border:1px solid #e72f31;
}

#submitBtn {
	margin:4px 0 0 113px;
	padding:2px 0;
	width:100px !important;
	color:#FFF;
	border:1px solid #e72f31;
	background:#838282;
	cursor:pointer;
}

#submitBtn:hover {
	background:#383637;
}

.wrapProject {
	width:900px !important;
	padding:0 !important;
}

.wrapProject #mainContent {
	min-height:770px !important;
}

#projectAbout {
	border-right:1px solid #FFF;
	min-height:467px;
	width:538px;
}

.projectHeader {
	margin-top:24px;
}

#projectAbout p {
	text-align:justify;
	font-size:13px;
	width:520px;
	line-height:1.5em;
}

.wrapProject h1 {
	font-size:20px;
	text-align:center;
	margin-bottom:18px;
	color:#222;
}

#projectPhotos { 
	position:absolute;
	right:20px;
	top:60px;
	width:300px;
	height:176px;
	z-index:10;
}

#projectPhotos p {
	font-style:italic;
	margin-top:-4px;
	font-size:13px;
	margin-bottom:4px;
	width:300px;
}

#caption {
	background:#383637;
	width:573px !important;
	position:absolute;
	top:309px;
	left:461px;
	height:44px;
	z-index:100;
	color:#FFF;
	padding:7px 13px 0 13px;
	border:none !important;
	font-size:14px;
	-moz-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#thankYou {
	font: 26px 'DancingScriptOTRegular', Arial, sans-serif;letter-spacing: 0;
	text-align:center !important;
	width:auto !important;
}

#thankYouImage {
	margin-top:12px;
}

.cms-only p {
	margin:0;
}