@charset "UTF-8";

/*=== START INITIAL STYLING ===*/
*{
	border: none;
	margin: 0;
	padding: 0;
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #DDDDDD;
}
.oneColFixCtr #container {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	padding-bottom: 0px;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-bottom: 0px;
}
p a {
	color: #00AAA6;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 22px;
	text-decoration: none;
}
h2 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	line-height: 22px;
	text-decoration: underline;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h3 a {
	font-weight:normal;
}
h4 {
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	letter-spacing: -1px;
}
a:link {
	color: #00AAA6;
	text-decoration: underline;
}
a {
	font-weight: bold;
}
a:visited {
	text-decoration: underline;
	color: #00AAA6;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
a:active {
	text-decoration: underline;
	color: #333;
}

/*=== FINISH INITIAL STYLING ===*/

/*=== START TEMPLATE STYLING ===*/
.mainContentTemplate{
}
.mainContentTemplate p a {
	text-decoration: none;
	color:#333;
	font-weight:normal;
}
.mainContentTemplate p a:hover {
	text-decoration: underline;
	color:#00aaa6;
	font-weight: normal;
}

/*=== FINISH TEMPLATE STYLING ===*/

/*=== START MAIN CONTENT ===*/
.oneColFixCtr #mainContent {
	width: 900px;
	float: left;
	margin-top: 15px;
	clear: both;
}
.oneColFixCtr #mainContentCentred {
	width: 900px;
	float: left;
	margin-top: 15px;
	clear: both;
	background-color: #FFF;
	text-align: center;
}
.oneColFixCtr #slideshowContent {
	padding: 0px;
	margin-top: 0px;
	clear: both;
	float: left;
	width: 900px;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 400px;
	position: relative;
}
.mainBarSingleLeft {
	float: left;
	width: 179px;
	margin-right: 1px;
	height: 500px;
	background-color: #FFFFFF;
}
.mainBarSingleRight {
	float: left;
	width: 180px;
	height: 500px;
	background-color: #FFFFFF;
}

.mainBarHeaderSingleleft {
	float: left;
	width: 169px;
	margin-right: 1px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
}

.mainBarHeaderSingleRight {
	float: left;
	width: 170px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
}
.mainBarDoubleleLeft {
	float: left;
	width: 359px;
	margin-right: 1px;
	height: 500px;
	background-color: #FFFFFF;
}
.mainBarDoubleRight {
	float: left;
	width: 360px;
	background-color: #FFFFFF;
}

.mainBarHeaderDoubleleft {
	float: left;
	width: 349px;
	margin-right: 1px;
	height: 22px;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
	background-color: #FFF;
}

.mainBarHeaderDoubleRight {
	float: left;
	width: 360px;
	height: 30px;
	background-color: #414141;

}
.mainCopyText {
	padding: 10px;
}

/*=== FINISH MAIN CONTENT ===*/

/*=== START SLIDESHOW  ===*/


#indexContactInfo {
	position: absolute;
	bottom: 60px;
	left: 70px;
	font-size: 20px;
	line-height: 30px;
	width: 400px;
}
#indexContactInfo h1 {
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}
#indexContactInfo h1 a {
	color: #333333;
	font-weight: normal;
}
.slideshow {
}
.slideshow img {
	margin-top: 15px;
	margin-left: 15px;
}
.slideshowIntroText {
	width: 900px;
	clear: none;
	float: left;
	margin-top: 30px;
	padding-top: 1px;
}
.slideshowServicesLeft2 {
	float: left;
	height: 148px;
	width: 329px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
	background-color: #FFF;
}
.slideshowServicesLeftHeader {
	float: left;
	width: 349px;
	height: 21px;
	padding-left: 10px;
	padding-top: 8px;
	border-bottom: solid 1px #DDD;
	border-right: solid 1px #DDD;
	border-top: solid 1px #DDD;
	background-color: #FFF;
}
.slideshowServicesRightHeader {
	float: left;
	width: 170px;
	height: 21px;
	padding-left: 10px;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	background-color: #FFF;
}
.slideshowServicesRight2 {
	float: left;
	height: 148px;
	width: 160px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 1px;
	background-color: #FFF;
}
/*=== FINISH SLIDESHOW  ===*/

/*=== START ABOUT PAGE  ===*/

.aboutMainContentContainer {
	width: 900px;
	float: left;
	margin-top: 15px;
}
.aboutHeader {
	background-color: #FFF;
	float: left;
	height: 60px;
	width: 880px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 1px;
}
.aboutMainBarSingleLeft {
	float: left;
	width: 180px;
}
.aboutMainBarDoubleLeft {
	float: left;
	width: 479px;
	margin-right: 1px;
	height: 372px;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-bottom: 0px;
}
.aboutMainBarSingleRight {
	float: left;
	width: 180px;
	height: 399px;
	background-color: #FFFFFF;
}
.aboutMainBarHeaderSingleleft {
	float: left;
	width: 170px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
}
.aboutMainBarHeaderSingleleft2 {
	float: left;
	width: 169px;
	margin-right: 0px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
}
.aboutMainBarSingleLeft2 {
	float: left;
	width: 179px;
	height: 368px;
	background-color: #FFF;
}
.aboutMainBarHeaderSingleRight {
	float: left;
	width: 170px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
}
.aboutMainBarHeaderSingleleft2 h3 a {
	text-decoration: underline;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}
.oneColFixCtr #projectsMainContent {
	background-repeat: no-repeat;
	width: 900px;
	clear: both;
	float: left;
	margin-top: 15px;
	background-color: #FFF;
	padding-bottom: 80px;
}
/*=== FINISH ABOUT PAGE  ===*/

/*=== START PROJECTS PAGE  ===*/
.projectsHeader {
	background-color: #FFF;
	float: left;
	height: 60px;
	width: 880px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.projectsContainerLeft {
	float: left;
	width: 720px;
	margin-bottom: 1px;
}
.projectsMoreInfoBar {
	float: left;
	height: 30px;
	width: 89px;
	clear: none;
	background-image: url(../IMAGES/PROJECTS/PROJECTS_MORE_INFO_ARROW_89PX_30PX.png);
	background-repeat: no-repeat;
	padding: 0px;
	position: absolute;
}
.projectsContainerLeft2 {
	width: 180px;
	margin-bottom: 1px;
	background-color: #FFF;
	float: left;
}
.projectsImageHeaders {
	height: 22px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	background-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.projectsImageText {
	width: 719px;
	float: left;
}
.projectsImageInsideText {
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 20px;
	width: 152px;
	float: left;
	margin-top: 40px;
	position: absolute;
}
.projectImageElementsContainer {
	background-color: #FFF;
	float: left;
	width: 719px;
	clear: both;
}
.projectsContainerLeft img {
	clear: none;
	float: right;
	background-color: #FFF;
	margin-bottom: 25px;
}
/*=== FINISH ABOUT PAGE  ===*/

/*=== START NEWS PAGE  ===*/

.newsMainContentContainer {
	width: 900px;
	float: left;
	clear: none;
	margin-top: 15px;
}
.newsContentContainer1 {
	background-color: #FFF;
	width: 539px;
	height: 1000px;
	float: left;
}
.newsContentContainer2 {
	background-color: #FFF;
	float: left;
	width: 179px;
	height: 999px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-left-color: #DDD;
}
.newsContentContainer3 {
	background-color: #FFF;
	float: left;
	width: 180px;
	height: 1000px;
}
.newsContentHeaders {
	height: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
}
.newsHeader {
	background-color: #FFF;
	float: left;
	height: 60px;
	width: 880px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.newsContentHeadersDate {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	width: 79px;
	height: 22px;
	padding-top: 8px;
	padding-left: 10px;
	float: left;
}
.newsContentHeadersHead {
	height: 22px;
	padding-top: 8px;
	padding-left: 10px;
	float: left;
}
.newsContentText {
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 20px;
}
.newsContentText p a {
	color: #00AAA6;
	
}
/*=== FINISH NEWS PAGE  ===*/

/*=== START SERVICES PAGE  ===*/

.servicesMainContentPanel1 {
	background-color: #FFF;
	float: left;
	width: 359px;
	margin-right: 1px;
	height: 600px;
}
.servicesMainContentPanel2 {
	background-color: #FFF;
	float: left;
	height: 600px;
	width: 180px;
}
.servicesMainBarDoubleLeft {
	float: left;
	width: 479px;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	height: 475px;
}
.servicesMainContentContainer {
	width: 900px;
	float: left;
	margin-top: 15px;
	background-color: #FFF;
}
.servicesMainBarSingleRight {
	float: left;
	width: 180px;
	height: 502px;
	background-color: #FFFFFF;
}
.servicesMainBarSingleLeft {
	float: left;
	width: 180px;
}
.servicesMainBarSingleLeft2 {
	float: left;
	width: 179px;
	height: 440px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}
.servicesHeader {
	background-color: #FFF;
	float: left;
	height: 60px;
	width: 880px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.servicesMainBarHeaderSingleleft2 {
	float: left;
	width: 169px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
}
.servicesMainBarHeaderSingleleft {
	float: left;
	width: 170px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
/*=== FINISH SERVICES PAGE  ===*/

/*=== START CONTACT PAGE  ===*/

.emailFormText {
	padding-left: 10px;
	padding-right: 10px;
}

.contactMainContentContainer {
	height: 447px;
	width: 900px;
	float: left;
	margin-top: 15px;
}
.contactMainBarDoubleLeft {
	float: left;
	width: 309px;
	margin-right: 1px;
	height: 310px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.contactMainBarHeaderDoubleleft {
	float: left;
	width: 349px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
	margin-right: 1px;
}
.contactMainBarTrippleRight {
	float: left;
	background-color: #FFF;
	width: 540px;
}
.contactMainBarHeaderTripleRight {
	float: left;
	width: 530px;
	height: 22px;
	background-color: #FFF;
	padding-left: 10px;
	padding-top: 8px;
	margin-bottom: 1px;
	overflow: hidden;
}
.formText {
	float: left;
	height: 22px;
	width: 445px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 8px;
	padding-right: 20px;
	padding-left: 5px;
}
.commentsFormSubmit {
	float: left;
	height: 70px;
	width: 540px;
	background-color: #FFF;
}
.commentsFormSubmitButton {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-color: #C1D82F;
	font-weight: normal;
	height: 20px;
	width: 60px;
	margin-top: 10px;
	margin-left: 460px;
	padding: 0px;
}
#commentsForm .formText #name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0px;
	padding: 0px;
	border: 0px none #063;
	height: 14px;
	width: 100%;
}
#commentsForm .formText #emailAddress {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0px;
	padding: 0px;
	border: 0px none #063;
	height: 14px;
	width: 100%;
}
#commentsForm .formText #phone {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0px;
	padding: 0px;
	border: 0px none #063;
	height: 14px;
	width: 100%;
}
.formTextMessage {
	float: left;
	height: 148px;
	width: 445px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.formTextMessage #comments {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 10px;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
}
#emailForm {
	background-color: #FFF;
	width: 179px;
	color: #333;
	height: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
}
#emailForm #email {
	width: 120px;
	height: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #999;
	margin-top: 8px;
	margin-left: 8px;
}
#emailForm #Submit {
	background-color: #FFF;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: right;
	background-image: url(../IMAGES/FORM_SUBMIT_ARROW2.png);
	background-repeat: no-repeat;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
}
.contactFormSubjects {
	float: left;
	height: 22px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 8px;
	padding-left: 10px;
	width: 60px;
}
.contactFormSubjects p {
	margin: 0px;
	padding:0px;
	
}
.contactFormSubjectsMessage {
	float: left;
	height: 158px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-top: 8px;
	padding-left: 10px;
	width: 60px;
}
/*=== FINISH CONTACT PAGE  ===*/

.oneColFixCtr #container #mainContent {
}

/*=== START FOOTER ===*/
#footerLegal {
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	background-color: #FFF;
	width: 880px;
	height: 22px;
	clear: both;
}
#footerLegal a {
	color:#333;
	text-decoration:none;
	font-weight:normal;

}
.oneColFixCtr #footerLegal p   {
	font-size: 8px;
	text-align: right;
}
.footerBarHeaderSingleleft {
	float: left;
	width: 169px;
	margin-right: 1px;
	height: 22px;
	background-color: #EFEFEF;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 8px;
}
#footerContainer {
	margin: 0px;
	clear: left;
	float: none;
	height: 300px;
}

.footerBarSingleLeft {
	float: left;
	width: 159px;
	margin-right: 1px;
	height: 220px;
	background-color: #FFFFFF;
	padding: 10px;
}
#footerContainer .footerBarSingleLeft p {
	line-height: 24px;
}

.footerBarTripleRight {
	float: left;
	background-color: #FFFFFF;
	height: 220px;
	padding: 10px;
	width: 340px;
}

.footerBarHeaderTripleRight {
	float: left;
	width: 350px;
	height: 22px;
	background-color: #EFEFEF;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 10px;
	padding-top: 8px;
}
.footerBarSingleLeftForm {
	float: left;
	width: 179px;
	margin-right: 1px;
	height: 230px;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#indexContactInfo {
}