body {
	background: white url('images/bgFade3.jpg') top left repeat-x;
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", serif, "Times New Roman", Times, Serif;
	margin: 0;
	border: 0;
}

#main {
	border: 0px dashed red;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background: url('images/spotlight.png') top center no-repeat;
}

h1 {
	margin: 30px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border: 0px dashed red;
}

h2 {
	margin: .75em 0 .75em 0;
	border-bottom: 6px solid #d9d9d9;
	color: #3b3a39;
}

h3 {
	margin-top: 2.5em;
	clear: both;
}

p {
	text-indent:2em;
}

.leftColumnParagraph {
	float: left;
	width: 340px;

}

a {
	text-decoration: none;
	color: #2c85ff;
	padding: 0 3px 0 3px;
}

img {
	border: none; /* because w.r.t. images, ie doesnt understand this -> a { text-decoration: none; } */
}

p a:hover {
	background: #555555;
	color: white;
	padding: 0 3px 0 3px;
}

#header {
	border: 1px solid white;
	background-color: white;
	border-radius: 0px 0px 30px 30px;
	-moz-border-radius: 0px 0px 30px 30px;
	-khtml-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px;
	
}

#header-inside {
	border: 0px dashed red;
	background-color: white;
	margin: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#logo {
	float: left;
	margin-left: 30px;
}

#slogan {
	border: 0px dashed red;
	text-align: right;
	padding: 0px 20px 15px 0px;
	font-size: 1.5em;
}

#MainNav {
	padding: 10px;
	border: 0px dashed red;
	text-align: right;
	margin-bottom: 20px;
	font-weight: bold;
}

#MainNav a {
	padding: 4px 6px 4px 6px;
	border: 0px solid #3b3a39;
	color: white;
}

#MainNav a:hover {
	color: #4e4a47;
	background: white;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.thisPage {
	padding: 4px 6px 4px 6px;
	border: 0px solid #3b3a39;
	color: #4e4a47;
	background: white;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#content-homepage {
	border: 1px dashed white;
	margin: 0px 0px 20px 0px;
}

#content {
	border: 0px dashed red;
	margin: 60px 0px 20px 0px; /*asdf margin of 40px top is too tight on mac safari */
}

#column1 {
	border: 1px dashed white;
	width: 600px;
	margin: 0px 20px 20px 10px;
}

#column2 {
	border: 1px dashed white;
	float: right;
	width: 340px;
	margin: 0px 10px 20px 20px;
}

#secondaryNav {
	border: 6px solid #d9d9d9;
	border-width: 6px 2px 6px 2px;
	/*background: #555;
	background: #e0e0e0;*/
	position: absolute;
	top: 310px;
	padding: 20px 5px 20px 5px;
	margin-top: 50px;
	/*
	-moz-border-radius: 30px 0px 0px 30px;
	-moz-border-radius: 15px 0px 0px 15px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	*/
}

#secondaryNav a {
	display: block;
	margin: 5px 0px 4px 0px;
	padding: 1px 10px 1px 5px;
	background: #eee;
	color: #2c85ff;
}

#secondaryNav a:hover {
	
	background: #555555;
	color: white;
	/*padding: 1px 3px 1px 12px;*/
}

.biggerSecondaryNavLink {
	line-height: 35px;
	vertical-align: middle;
}

#secondaryNavlessSpace {
	border: 0px solid #222;
	/*background: #555;*/
	float: right;
	padding: 0px 10px 10px 10px;
}


#mainContent {
	border: 0px solid red;
	width: 790px;
	position: relative;
	left: 205px;
	margin: 0px 0px 50px 0px;
	/* asdf on mac safari: use width 790, left 205 */
}

#mainContent2 {
	border: 0px solid red;
	width: 790px;
	position: relative;
	/* asdf on mac safari: use width 790 */
}

#mainContent3 {
	border: 0px solid red;
	width: 1000px;
	position: relative;
}

.serviceBox {
	border: 1px solid #ddd;
	margin: 10px 0px 20px 0px;
	width: 340px;
	height: 100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	background: url('images/littleFade.jpg') bottom center repeat-x;
}

.serviceBox:hover {
	border: 1px solid #bbb;
	background: url('images/littleFade2.jpg') bottom center repeat-x;
}

.serviceBox2 a {
	font-size: 1.2em;
	margin: 34px 0px 0px 0px;
	display: block;
	Color: #2c85ff;
}

#landfill_gas_extraction_button, #migration_control_button, #building_protection_button {
	font-size: 1.2em;
	padding: 5px 5px 5px 125px;
	line-height: 90px;
	vertical-align: middle;
	display: block;
}

#landfill_gas_extraction_button {
	background: url('images/diagram1small.png') center left no-repeat;
}

#migration_control_button {
	background: url('images/diagram2small.png') center left no-repeat;
	
}

#building_protection_button {
	background: url('images/diagram3small.png') center left no-repeat;
	
}


.servicePic {
	float:left;
	margin: 10px 0px 0px 10px;
}

.moreLink {
	border: 1px solid #ddd;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #2c85ff;
}

.moreLink:hover {
	border: 1px solid #bbb;
	background-color: #ebebeb;
	color: #2c85ff;
	padding-left: 5px;
	padding-right: 5px;
}

.supportPhoto-left, .supportPhoto-right {
	margin: 10px;
	padding: 5px 15px 15px 5px;
	border: 0px solid #222;
	background: url('images/picShadow.png') top left no-repeat;
}

.supportPhoto-right, .supportPhotoContainer-right, .supportPhotoContainer300_375-right { float: right; }
.supportPhoto-left, .supportPhotoContainer-left, .supportPhotoContainer300_375-left  { float: left; }

.supportPhotoContainer-left, .supportPhotoContainer-right {
	border: 1px dashed red;
	margin: 10px 10px 10px 10px;
	padding: 5px 15px 15px 5px;
	border: 0px solid #222;
	width: 400px;
	background: url('images/picShadow.png') top left no-repeat;
}

.supportPhotoContainer300_375-left, .supportPhotoContainer300_375-right {
	border: 1px dashed red;
	margin: 10px;
	padding: 5px 15px 15px 5px;
	border: 0px solid #222;
	width: 300px;
	background: url('images/picShadow300_375.png') top left no-repeat;
}


.picCaption {
	margin-top: 10px;
	padding: 10px;
	width: 380px;
	background: #555555;
	color: white;
	font-weight: bold;
}

.picCaption300 {
	margin-top: 10px;
	padding: 10px;
	width: 280px;
	background: #555555;
	color: white;
	font-weight: bold;
}

.picCaptionMoreInfo {
	color: #e6e6e6;
	font-weight: normal;
}

.diagram-left, .diagram-right {
	margin: 10px;
	padding: 5px 15px 15px 5px;
	border: 0px solid #222;
	background: url('images/picShadow.png') top left no-repeat;
}

.diagram-right { float: right; }
.diagram-left { float: left; }

.diagramContainer-left, .diagramContainer-right {
	border: 1px dashed red;
	margin: 10px;
	padding: 5px 15px 15px 5px;
	border: 0px solid #222;
	width: 400px;
}

.diagramContainer-right { float: right; }
.diagramContainer-left { float: left; }

.businessInfoMeta {
	text-align: right;
	color: #777;
}

.businessInfoData {
	font-weight: bold;
}

#footer {
	border: 0px dashed green;
	width: 100%;
	height: 200px;
	background: #3b3a39 url('images/footerBG2.jpg') top center repeat-x;
	color: #cccccc;
	text-align: center;
	clear: both;
}

#footer a {
	color: #cccccc;
}
#footer a:hover {
	color: white;
}

#innerFooter {
	border: 0px solid blue;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	padding-top: 20px;
	background: url('images/footerBG.jpg') top center no-repeat;
}

/* ----------------- Photo Changer ----------------- */

#pictureSliderContainer {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px dashed red;
	margin: 0px 0px 0px 0px;
	height: 335px;
	background: url('images/sliderBG.png') top center no-repeat;
}

.sliderPanel {
	border: 0px dashed blue;
	position: absolute;
	top: 0px;
	left: 100px;
	height: 335px;
	width: 805px;
	z-index: 3;
}

#whitePanel {
	border: 0px dashed blue;
	position: absolute;
	top: 0px;
	left: 100px;
	height: 335px;
	width: 805px;
	background: url('images/sliderPanelShadow.png') top center no-repeat;
}

#innerWhitePanel {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 315px;
	width: 785px;
	background: white;
}

.sliderImage {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 315px;
	width: 475px;
}

.pictureFade {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 315px;
	width: 475px;
}

.sliderTitleText , .sliderTitleText2 {
	border: 0px dashed red;
	position: absolute;
	left: 15px;
	width: 455px;
	color: white;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	background: black;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.sliderTitleText  {
	top: 270px;
	height: 35px;
}
.sliderTitleText2 {
	top: 235px;
	height: 70px;
}

.whiteSidePanel {
	position: absolute;
	top: 5px;
	left: 480px;
	height: 315px;
	width: 310px;
	background: white;
}

.sliderDescriptionText {
	border: 0px dashed red;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 200px;
	width: 280px;
	padding: 10px;
	
}

.sliderControls {
	border: 0px dashed red;
	position: absolute;
	top: 285px;
	left: 585px;
	height: 20px;
	width: 300px;
	text-align: center;
	z-index: 4;
}

#lastButton, #nextButton {
	border: 0px dashed red;
	position: absolute;
	top: 127px;
	height: 80px;
	width: 60px;
}

#lastButton:hover, #nextButton:hover {
	cursor: pointer;
}

#lastButton{
	left: 42px;
}

#nextButton {
	left: 905px;

}



#pictureSliderContainer2 {
	display: none;
	border: 0px dashed red;
	margin: 0px 0px 0px 0px;
	text-align: center;
}


#panel_1 {
	display: block;
}

#panel_2, #panel_3, #panel_4, #panel_5, #panel_6 {
	display: none;
} 



/* ------------------------------------------------- */

#businessInfo {
	float: right;
	background: #e0e0e0;
	padding: 10px;
}

#businessInfo h3 {
	margin-top: 1em;
	display: block;
	font-size: 1.0em;
}

.businessInfoTable {
	border: 0px solid red;
	border-collapse: collapse;
	margin-left: auto;
	margin-right:auto;
}

.businessInfoTable td {
	border: 0px solid green;
	padding: 15px 10px 15px 10px;
}

.requiredFeildStar {
	color: #2c85ff;
}

fieldset {
	border: 0px solid black;
}

.contactFromInput {
	background: #e0e0e0;
	border: 1px solid #e0e0e0;
	width: 240px;
}

.contactFromInputLong {
	background: #e0e0e0;
	border: 1px solid #e0e0e0;
	width: 625px;
}

.contactFromInput:hover, .contactFromInputLong:hover {
	border: 1px solid #80b5f2;
}

.contactFromInput:focus , .contactFromInputLong:focus {
	border: 1px solid #2c85ff;
}

.formSendButton {
	width: 625px;
	text-align: right;
	padding: 4px 0px 4px 8px;
}

input, textarea {
	padding: 4px;
}

label, .theRecaptchaLabel{
	font-size: 0.8em;
	font-weight: bold;
}

.copyEditRemove {
	color: #bbb;
	
}

.copyEditAdd {
	color: red;
}


/* ------------------------------------------------- */

.emailPositiveResponse {
	color: green;
	font-weight: bold;
}

.emailNegativeResponse {
	color: red;
	font-weight: bold;
}

#yourEmail {
	border: 1px solid #bbb;
	background-color:  #e5e5e5;
	margin: 10px 50px 90px 50px;
	padding: 20px;
}

.tofromsubject {
	color: #777;
	font-weight: bold;
	
}

.contactFormError, .contactFormError2 {
	padding: 0px 5px 0px 10px;
	margin: 0px 10px 0px 10px;
	background: #ffdd00 url('images/contact_form_error_arrow.png') left center no-repeat;
	color: #333;
	font-weight: bold;
	display: none;
}

.contactFormError2 {
	position: relative;
	top: -4px;
}

.spamfilterlabel {
	font-size: 0.8em;
	font-weight: bold;
}