@charset "UTF-8";
html {
	background: url(../img/html-bg-y.png) repeat-x top left;
	background-color: #500c01;
}

#header {
	width: 980px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/header-lg.jpg) no-repeat top left;
	position:relative;
}

#headerLink {
	width: 980px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0;
	bottom: 10px;
	margin: 0;
	padding:0;
}

#mainContent {
	background-color: #1d1d1d;
	color:#EEE;
	width: 980px;
	padding:0;
	margin: 0 auto;
}

#mainContentBottom {
	width: 980px;
	height: 10px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/main-content-bottom-lg.png) no-repeat top left;
}

ul#navbar {
	width: 640px;
	height: 70px;
	margin: 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.homeButton {
	width: 120px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat 0 0;
	top: 0;
	left: 160px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.homeButton * {
	  display: none;
	}
	
.homeButton	span.hover {
	width: 120px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat 0 -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.aboutButton {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -120px 0;
	top: 0;
	left: 280px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.aboutButton * {
	  display: none;
	}

.aboutButton span.hover {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -120px -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.servicesButton {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -220px 0;
	top: 0;
	left: 380px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.servicesButton * {
	  display: none;
	}

.servicesButton span.hover {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -220px -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.portfolioButton {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -320px 0;
	top: 0;
	left: 480px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.portfolioButton * {
	  display: none;
	}

.portfolioButton span.hover {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -320px -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.blogButton {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -420px 0;
	top: 0;
	left: 580px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.blogButton * {
	  display: none;
	}

.blogButton span.hover {
	width: 100px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -420px -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.contactButton {
	width: 120px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -520px 0;
	top: 0;
	left: 680px;
	position: absolute;
	text-indent: -9999px;
	display: block;
}

.contactButton * {
	  display: none;
	}
	
.contactButton span.hover {
	width: 120px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(../img/navbar.png) no-repeat -520px -70px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.imageGallery img {
	float: left;
	background-color: #2b2b2b;
	border: 1px;
	border-style: solid;
	border-color: #4d4d4d;
	display: block;
	margin: 0px 15px 10px 0px;
	padding: 5px;
	position: relative;
	-moz-border-radius: 5%;
}

.imageGallery img:hover {
	background-color: #2b0000;
	border: 1px;
	border-style: solid;
	border-color: #711a1a;
	-moz-border-radius: 5%;
}


.textBlock {
	margin: 0 -1px 20px -1px;
	padding: 0px;
	background-color: #171717;
	border: 1px solid #666;
	-moz-border-radius: 10px;
}

.sharepointSprite {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../img/sharepointButton.jpg) no-repeat 0 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.sharepointSprite * {
	  display: none;
	}
	
.sharepointSprite span.hover {
	width: 300px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/sharepointButton.jpg) no-repeat 0 -100px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

.greenbridgesSprite {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../img/greenbridges-sprite.jpg) no-repeat 0 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.greenbridgesSprite * {
	  display: none;
	}
	
.greenbridgesSprite span.hover {
	width: 300px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/greenbridges-sprite.jpg) no-repeat 0 -100px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

/* nl  = NEWSLETTERS */

.nlSprite {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../img/newslettersButton.jpg) no-repeat 0 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.nlSprite * {
	  display: none;
	}
	
.nlSprite span.hover {
	width: 300px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/newslettersButton.jpg) no-repeat 0 -100px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}

/*.atlasSprite {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../img/atlas-sprite.jpg) no-repeat 0 0;
	position: relative;
	text-indent: -9999px;
	display: block;
}

.atlasSprite * {
	  display: none;
	}
	
.atlasSprite span.hover {
	width: 300px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/atlas-sprite.jpg) no-repeat 0 -100px;
	top: 0;
	left: 0;
	position: absolute;
	display: block;
}
*/
#footer {
	margin: 20px auto;
	padding:0;
}

#footer h5 {
	padding: 0 20px;
	color:#d32a00;
	margin: 0;
}

#footer ul {
	padding: 0 20px;
	list-style-type: none;
}

#footer li {
	margin:0;
}

#footer a {
	color:#e60000;
	text-decoration:none;
}

#footer a:hover {
	color:#FFCC00;
}

#footer .copyright {
	margin-top:20px;
	color:#d32a00;
	text-align: center;
}

.clickable {
	margin-bottom: 20px;
}

.clickable:hover {
	/*background-color:#171717;*/
	display: block;
	cursor: pointer;
}

.backToPortfolio {
	padding-top:10px;
	margin: 0;
	text-align:left;
	display: block;
}

.viewSite {
	padding-top:10px;
	margin: 0;
	text-align:right;
	display: block;
}

.bottomMargin {
	margin-bottom: 20px;
}
.bottomMargin2 {
	margin-bottom: 10px;
}

.noBottomMargin {
	margin-bottom: 0; !important
}

/*.hero { margin-bottom:20px;}*/


.contactForm {
	margin: 0px;
	padding: 0px;
	/*width: 375px;*/
}

.contactForm input{
	border:1px solid #2b2b2b;
	background-color:#000;
	color: #CCC;
	font-size: 16px;
	line-height: 18px;
	margin-bottom:10px;
	overflow:auto;
	padding:5px;
	width: 100%;
}

.contactForm textarea {
	border:2px solid #2b2b2b;
	background-color:#000;
	color: #CCC;
	font-size: 16px;
	line-height: 18px;
	margin-bottom:10px;
	overflow:auto;
	padding:5px;
	width: 100%;
	font-family:'Lucinda Sans', Arial, 'Liberation Sans', FreeSans, sans-serif; !important
}

.contactForm td {
	margin: 0px;
	padding: 5px;
}

.contactForm tr {
	vertical-align: top;
}

.submitButton input {
	cursor:pointer;
	font-size: 20px;
	border:2px solid #2b2b2b;
	width: 25%;
}

.submitButton input:hover {
	border: 2px solid #F30;
	background: #900;
	color: #FFF;
	cursor:pointer;
	font-size: 20px;
}
.checkList li {
	list-style-image: url(../img/check.png);
	font-size: 14px;
	vertical-align: bottom;
	margin-bottom: 10px;
	list-style-position: inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.methodIcon {
	padding: 0px;
	float: right;
	width: 100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.heroImage {
	margin-bottom:10px;
}

#loading {
	position: relative;
	top: -175px;
	left: 225px;
	text-align:center;
	margin: 0 auto;
	padding:0;
}

#response {
	margin: 0;
	padding:10px;
	display: block;
	background-color:#000;
	border: 1px solid #333;
}