@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

a {
   outline: 0;
   text-decoration:none;
}

p {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}

h4 {
	font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height:160%; 
	letter-spacing:0.15em; 
	color:#fff; 
	text-shadow: 1px 1px 0 rgb(0,0,0);
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	/* [disabled]background-image: url(../img/bg-grid.png); */
	background-repeat: repeat;
}

.color {
	color: #D90000;
}

.container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.containerAboutUs {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 1780px;
}

.containerContactUs {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 1030px;
}

.containerPhotoGallery {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 2960px;
}

.containerTestimonialsBigOne {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 1500px;
}

.header {
	background-color: #2E2E2E;
	height: 202px;
}

.logo {
	width: 271px;
	padding-top: 34px;
	padding-left: 42px;
	float: left;
}

.mainBodyArea {
	position:relative;
	clear: both;
	height: 555px;
}

.mainBodyAreaSections {
	padding-bottom: 35px;

}

.tagLine {
	background-color: #EEE;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.headerFeaturedWork {
	float: left;
	width: 738px;
	margin-top: 45px;
	margin-bottom: 25px;
	margin-left: 9px;
}

.headerAboutUs {
	float: left;
	margin-bottom: 25px;
}

.headerOurServices {
	margin-bottom: 25px;
}

.containerFeaturedWork {
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	height: 553px;
	background-color: #FFF;
	padding-left: 26px;

}

.containerAboutNelsonMasonry {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	background-color: #FFF;
	padding-left: 40px;
}

.aboutLeft {
	float: left;
	width: 415px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #999;
}

.aboutCopyLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333;
	line-height: 30px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.aboutRight {
	float: left;
	height: 300px;
	margin-left: 54px;
	width: 425px;
	background-color: #333333;
}

.aboutRightTop {
}

.icons {
	margin-bottom: 20px;
}

.containerOurServices {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	height: 61px;
	background-color: #FFF;
	padding-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
}

.containerOurServicesTwo {
	width: 934px;
	margin-right: auto;
	margin-left: auto;
	height: 515px;
	background-color: #FFF;
	padding-left: 26px;
}

.ourServBoxOne {
	width: 230px;
	background-color: #333;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #babaac;
	line-height: 25px;
	padding: 23px;
}

.ourServBoxTwo {
	width: 230px;
	background-color: #333;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #babaac;
	margin-right: 40px;
	margin-left: 40px;
	padding: 23px;
	line-height: 25px;
	margin-bottom: 25px;
}

.ourServBoxOneGRAY {
	height: 8px;
	width: 276px;
	background-color: #E5E5E5;
	float: left;
}

.ourServBoxTwoGRAY {
	height: 8px;
	width: 276px;
	background-color: #E5E5E5;
	float: left;
	margin-right: 40px;
	margin-left: 40px;
}

.ourServBoxOneHeader {
	height: 22px;
	width: 276px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.ourServBoxTwoHeader {
	height: 22px;
	width: 276px;
	float: left;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: center;
}


.footer {
	background-color: #2E2E2E;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	height: 168px;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
}


.footerAboutHeader {
	height: 30px;
	/* [disabled]width: 300px; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F9F9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	line-height: 28px;
	font-weight: bold;
}

.footerAboutContainer {
	float: left;
	width: 282px;
	margin-left: 58px;
	margin-right: 60px;
}

.footerSocialIcons {
	float: left;
	width: 40px;
	margin-top: 33px;
}

.footerLatestWork {
	float: left;
	width: 440px;

}

.footerLatestWorkHeader {
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 9px;
}
	
.footerAbout {
	height: 30px;
	/* [disabled]width: 300px; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F9F9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bababa;
	line-height: 29px;
}

.footerAbout a {
	color:#FFF;
	/* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
	text-decoration: none;
}

.footerAbout a:hover {
	color:#8A8A8A;
	text-decoration: none;
}


.dateContainer {
	margin-left: 35px;
	float: left;
	clear: both;
}

.footerBottom {
	background-color: #3C3C3C;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	font-size: 12px;
	color: #8A8A8A;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/footerBG.png);
	background-repeat: no-repeat;
	padding-top: 32px;
	padding-right: 0px;
	padding-bottom: 47px;
	padding-left: 40px;
}

.madeBy {
	float: left;
	margin-left: 330px;
	width: 200px;
	text-align: right;
}

.madeBy a {
	color:#8A8A8A;
	/* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
	text-decoration: none;
}

.madeBy a:hover {
	color:#FFF;
	text-decoration: none;
}

.special {
	margin-left: -18px;
	height: 134px;
	width: 930px;
	clear: both;
}

.special-two {
	height: 134px;
	width: 930px;
	clear: both;
	margin-left: 8px;
}

.special-three {
	height: 134px;
	width: 930px;
	clear: both;
	margin-left: 8px;
}