@charset "UTF-8";
/* CSS Document */
#unit{
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	line-height: 1.5em;
}

#herotext{
font-family: "petala-pro",sans-serif;font-size:42px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width:100%;
text-align:center;
	position: relative;
}
#herotextwrapper{
	padding-bottom:160px;
	padding-top:60px;
	width:100%;
	position: relative;
	background-color: #000000;
	max-width: 1920px;
	margin: 0 auto;
}
#heroslogan{
font-family: "petala-pro",sans-serif;font-size:42px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width:100%;
	max-width: 1500px;
	padding-top: 490px;
text-align:center;
	position: relative;
}

#headlineslogantext a{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		line-height:1.5em;
	text-decoration: none;
	color: #000000;


}
#headlineslogantext a:hover{

	text-decoration: underline;


}

#archivebox{
		width: 1200px;
		height: 900px;
		position: relative;
		margin: 0 auto;
	}

#smalltext{
	font-size: 14px;
	font-family: "petala-pro",sans-serif;
	color: #555555;
	padding-top: 10px;
}

#footermiddle{

	width: 599px;
	height: 337px;
	float: left;
	display: block;
	
}
	#footermiddlemobile{

	display: none;
	
}



#footer{
width:100%;
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	clear:left;
	position:relative;
	
}
#footer2{
width:90%;
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:400;
	color:#000000;
	text-align:center;
	padding-top:50px;
	clear:left;
	position:relative;
	margin: 0 auto;
	
}
#footerlogo{
width:75%;
font-family: "petala-pro",sans-serif;
	font-size:14px;
	font-weight:300;
	color:#000000;
	text-align:center;
	clear:left;
	position:relative;
	margin: 0 auto;
	padding-bottom: 50px;
	
}
#footer3{
width:90%;
font-family: "petala-pro",sans-serif;
	font-size:42px;
	font-weight:300;
	color:#d6d6de;
	text-align:center;
	padding-top:200px;
	padding-bottom:50px;
	clear:left;
	position:relative;
		margin: 0 auto;

	
}

#serviceboxfeatured img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
#serviceboxfeatured img:not(:hover) {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
	
}
#serviceboxfeatured img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}

#servicebox img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
#servicebox img:not(:hover) {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
	
}
#servicebox img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}

#mediabox img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
#mediabox img:not(:hover) {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
	
}
#mediabox img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}

#logobox img { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
#logobox img:not(:hover) {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
	
}
#logobox img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}

#clientlogowrapper{
width:100%;
height:auto;
padding-top:25px;
background-color:#FBFBFB;
float:left;
position:relative;
margin:0 auto;
}

#serviceswrapper{
width:100%;
height:auto;
padding-top:25px;
background-color:#FBFBFB;
float:left;
position:relative;
margin:0 auto;
}


#box .text {
position:relative;
visibility:hidden;
}

#box:hover .text {
visibility:visible;
}

#maincaption{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}

#maincaptionabout{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}



#maincaption1{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
	position:relative;
	z-index:2;
}
#maincaptionlatest{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(0,0,0,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	height: auto;
	padding: 16px;
	margin:1px;
	margin-right:0px !important;
	position:relative;
	z-index:2;
}



#projectwrapper{
width:1200px;
height:auto;
margin:0 auto;
}
#projecttext{
width:1200px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#projecttext a{
	color:#FFA200;
	text-decoration:none;
	font-weight:300;


}
#projecttext a:hover{
	color:#FFA200;
	text-decoration:underline;
	font-weight:300;


}
#projecttext h2{
font-weight:300;
margin-bottom: 10px;
padding-bottom:5px;
border-bottom:#FFA200 solid 1px;
}

#projectsplitwrapper{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowesALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapper16{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowesALTwide16.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappernw16{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nwALTwide16.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappernyr{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nyrALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperafix{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_afixALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappererase{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_eraseALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperbr{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_brALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#projectsplitwrapperpope{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_popeALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}


#projectsplitwrapperck{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ckALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#projectsplitwrappertxr{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_txrALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperash{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ashALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermfs{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mfsALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperss{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ssALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperrp{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_rpALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#projectsplitwrappermll{
	width:1500px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mllALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}











#aboutwrapperreal{
width:1200px;
height:900px;
margin:0 auto;
background-image:url(../images/aboutBG.png);
background-position:left top;
background-repeat:no-repeat;
}
#aboutwrapper{
}
#aboutphoto{
width:360px;
height:340px;
float:left;
margin-right:40px;
}
#abouttext{
width:800px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#spacer{
	width:auto;
	height:50px;
}

#abouttext a{
	color:#0000ff;
	text-decoration:none;
	font-weight:300;


}
#abouttext a:hover{
	color:#0000ff;
	text-decoration:underline;
	font-weight:300;


}
#abouttext h2{
font-weight:300;
margin-bottom: 10px;
padding-bottom:5px;
border-bottom:#0000ff solid 1px;
}

#newstext{
width:1200px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

#newstext a{
	color:#0000ff;
	text-decoration:none;
	font-weight:300;


}
#newstext a:hover{
	color:#0000ff;
	text-decoration:underline;
	font-weight:300;


}
#newstext h2{
font-weight:300;

}


.servicestext{
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	text-align:center;
}

.servicestext h2{
font-weight:300;
margin-bottom: 10px;
}

#smallnav{
	position:fixed;
	width:100%;
	height:80px;
background:rgba(255,255,255,0.85);
	z-index:3 !important;	
}

#smallnavinner{
	width:46px;
	height:40px;
	margin:20px auto 0 auto;
	z-index:4 !important;
	position: relative;
}

#logo{
padding-top:35px;
margin:0 auto 35px auto;
width:300px;
height:117px;

}
	#logo2{
margin:0 auto 0 auto;
width:300px;
height:117px;

}


@media only screen and (max-width: 100000px) {
	
	#headlineslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
padding-left:120px;
	width:481px;
margin-top:90px;
text-align:left;
	float:right;
}
#headlineslogantext{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		width:481px;
padding-left:120px;
margin-top:25px;
text-align:left;
		float:right;
		line-height:1.5em;


}
	
	
	
	#servicesboxwrapper{
width:1200px;
height:auto;
margin:0 auto;
}

#servicebox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#serviceboxfeatured{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#mediabox{
width:200px;
		margin: 20px;
float:left;
}

#box{
width:299px;
margin-right:1px;
float:left;
height:299px;
background-color:#000000;
margin-bottom:1px;

}

#lowes{
width:599px;
margin-right:1px;
float:left;
height:599px;
margin-bottom:1px;


}

	#chase{
width:599px;
margin-right:1px;
float:left;
height:599px;
margin-bottom:1px;

}
	#ally{
width:1199px;
margin-right:1px;
float:left;
height:599px;
margin-bottom:1px;

}

#hooters{
width:599px;
margin-right:1px;
float:left;
height:599px;
margin-bottom:1px;

}
	#nationwide{
width:599px;
margin-right:1px;
float:left;
height:599px;
margin-bottom:1px;

}
#erase{
width:599px;
margin-right:1px;
float:left;
height:299px;
margin-bottom:1px;

}
	#JJF{
width:599px;
margin-right:1px;
float:left;
height:299px;
margin-bottom:1px;

}

#box .overlay{
	width:299px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:299px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#box:hover .overlay { background:rgba(0, 0, 0, 0.85); opacity:1;}
#box .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-top:149px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}





#lowes .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:599px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#lowes:hover .overlay { background:rgba(0, 73, 143, 0.85); opacity:1;}
#lowes .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#lowes .overlay .view2{
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:350px;
height:449px;
text-align:left;
	line-height:1em;
	position:relative;


}
#lowes .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}
	

#hooters .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:599px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#hooters:hover .overlay { background:rgba(255, 87, 31, 0.85); opacity:1;}
#hooters .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#hooters .overlay .view2{
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:350px;
height:449px;
text-align:left;
	line-height:1em;
	position:relative;


}
#hooters .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}
	#ally .overlay{
	width:1199px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:599px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#ally:hover .overlay { background:rgba(95, 40, 94, 0.85); opacity:1;}
#ally .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#ally .overlay .view2{
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:350px;
height:449px;
text-align:left;
	line-height:1em;
	position:relative;


}
#ally .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}
	
	#chase .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:599px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#chase:hover .overlay { background:rgba(240, 22, 22, 0.85); opacity:1;}
#chase .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#chase .overlay .view2{
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:350px;
height:449px;
text-align:left;
	line-height:1em;
	position:relative;


}
#chase .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}
	

#nationwide .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:599px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#nationwide:hover .overlay { background:rgba(20, 87, 165, 0.85); opacity:1;}
#nationwide .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#nationwide .overlay .view2{
	color:#FFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:350px;
height:449px;
text-align:left;
	line-height:1em;
	position:relative;


}
#nationwide .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}
	
	
	
	
	
	
#JJF .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:299px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#JJF:hover .overlay { background:rgba(152, 205, 235, 0.85); opacity:1;}
#JJF .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#JJF .overlay .view2{
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:599px;
height:199px;
text-align:left;
	line-height:1em;
	position:relative;


}
#JJF .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}







#erase .overlay{
	width:599px;
	background-size:100%;
	background:rgba(0, 0, 0);
	
	opacity:0;
	height:299px;
	position:absolute;
	    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
	z-index:1;
}
#erase:hover .overlay { background:rgba(227, 36, 89, 0.85); opacity:1;}
#erase .overlay .view{
	padding:16px; border-top: 1px solid #fff;
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:16px;
	margin-left:1px;
	margin-right:1px;
font-weight:300;
width:auto;
text-align:left;
letter-spacing:5px;
	line-height:1.75em;

}
#erase .overlay .view2{
	color:#FFFFFF;
	font-family: "petala-pro",sans-serif;font-size:42px;
	
font-weight:300;
width:599px;
height:199px;
text-align:left;
	line-height:1em;
	position:relative;


}
#erase .overlay .view2 span{
	position: absolute;
	bottom: 48px;
	left:48px;


}








#boxwrapper{
display:none;
}

#boxwrapperlarge{
width:1200px;
height:auto;
margin:0 auto;
}

#clientboxwrapper{
width:1200px;
height:auto;
margin:0 auto;
}

#logobox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}

#box .text {
position:relative;
visibility:hidden;

}

#box:hover .text {
visibility:visible;
	z-index:2;



}
#lowes .text {
position:relative;
visibility:hidden;

}
	#chase .text {
position:relative;
visibility:hidden;

}
	#hooters .text {
position:relative;
visibility:hidden;

}
	#ally .text {
position:relative;
visibility:hidden;

}

	#nationwide .text {
position:relative;
visibility:hidden;

}
		#JJF .text {
position:relative;
visibility:hidden;

}
#erase .text {
position:relative;
visibility:hidden;

}

#lowes:hover .text {
visibility:visible;
	z-index:2;



}
	#chase:hover .text {
visibility:visible;
	z-index:2;



}
	#hooters:hover .text {
visibility:visible;
	z-index:2;
		



}
	#ally:hover .text {
visibility:visible;
	z-index:2;
		



}
	#nationwide:hover .text {
visibility:visible;
	z-index:2;



}
		#JJF:hover .text {
visibility:visible;
	z-index:2;



}
#erase:hover .text {
visibility:visible;
	z-index:2;



}

#maincaption{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}


#maincaption1{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}
#maincaptionlatest{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(0,0,0,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	height: auto;
	padding: 16px;
	margin:1px;
		margin-right:0px !important;

}


}

@media only screen and (max-width: 1500px) {
	
	#headlineslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
padding-left:120px;
	width:481px;
margin-top:90px;
text-align:left;
	float:right;
}
#headlineslogantext{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		width:481px;
padding-left:120px;
margin-top:25px;
text-align:left;
		float:right;
		line-height:1.5em;


}
	

	
	#archivebox{
		width: 1200px;
		height: 900px;
		position: relative;
		margin: 0 auto;
	}

#projectsplitwrapper{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowesALT.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrapper16{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowesALT16.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrappernw16{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nwALT16.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapperafix{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_afixALT.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrappernyr{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nyrALT.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappererase{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_eraseALT.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperbr{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_brALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperpope{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_popeALT.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperck{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ckALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappertxr{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_txrALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperash{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ashALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermfs{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mfsALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperss{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ssALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperrp{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_rpALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermll{
	width:1200px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mllALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}


}


@media only screen and (max-width: 1200px) {
	
	#headlineslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
marigin: 0 auto;
	width:480px;
		padding-left:60px; padding-right:60px;
padding-top:90px;
text-align:center;
		float: none;
		clear: left;
}
#headlineslogantext{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		width:480px;
		padding-left:60px; padding-right:60px;
marigin: 0 auto;
padding-top:25px;
text-align:center;
		line-height:1.5em;
	float: none;
			clear: left;



}
	
	#archivebox{
		width: 900px;
		height: 675px;
		position: relative;
		margin: 0 auto;
	}
	#projectsplitwrapper{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes2.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapper16{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes216.jpg);
background-position:center top;
background-repeat:no-repeat;
}
			#projectsplitwrappernw16{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nw216.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrappernyr{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nyr.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapperafix{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_afix.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappererase{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_erase2.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperbr{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_brALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperpope{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_pope2.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperck{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ckALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappertxr{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_txrALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperash{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ashALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermfs{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mfsALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperss{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ssALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperrp{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_rpALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermll{
	width:900px;
height:200px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mllALTwide.jpg);
background-position:center top;
background-repeat:no-repeat;
}

	
	#projectwrapper{
width:900px;
height:auto;
margin:0 auto;
}
#projecttext{
width:900px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}


	#servicesboxwrapper{
width:600px;
height:auto;
margin:0 auto;
}

#servicebox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
		#serviceboxfeatured{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#mediabox{
width:200px;
		margin-top: 20px;
		margin-bottom: 20px;
				margin-left: 50px;
		margin-right: 50px;

		
float:left;
}




#aboutwrapperreal{
width:900px;
height:900px;
margin:0 auto;
background-image:url(../images/aboutBG.png);
background-position:left top;
background-repeat:no-repeat;
}
#aboutwrapper{
}
#aboutphoto{
width:415px;
height:340px;
float:left;
margin-right:40px;	
}
#abouttext{
width:392px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	#newstext{
width:900px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

#spacer{
	width:auto;
	height:0px;
}


#box{
width:299px;
margin-right:1px;
float:left;
height:299px;
background-color:#000000;
margin-bottom:1px;

}
#boxwrapper{
width:900px;
height:auto;
margin:0 auto;
display:block;
}
#clientboxwrapper{
width:900px;
height:auto;
margin:0 auto;
}


#boxwrapperlarge{
display:none;
}

#logobox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;}

#box .text {
position:relative;
visibility:hidden;
}

#box:hover .text {
visibility:visible;
}

#maincaption{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}


#maincaption1{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}
#maincaptionlatest{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(0,0,0,0.85);
font-family: "petala-pro",sans-serif;
	font-size:18px;
	font-weight:300;
	color:#FFFFFF;
	height: auto;
	padding: 16px;
	margin:1px;
		margin-right:0px !important;

}




}

@media only screen and (max-width: 900px) {
	
		#headlineslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
marigin: 0 auto;
	width:480px;
		padding-left:60px; padding-right:60px;
padding-top:90px;
text-align:center;
		float: none;
		clear: left;
}
#headlineslogantext{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		width:480px;
		padding-left:60px; padding-right:60px;
marigin: 0 auto;
padding-top:25px;
text-align:center;
		line-height:1.5em;
	float: none;
			clear: left;



}
	
	#heroslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width:100%;
	max-width: 900px;
	padding-top: 490px;
text-align:center;
	position: relative;
}
	#herotext{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width:100%;
text-align:center;
	position: relative;
}
	#archivebox{
		width: 600px;
		height: 450px;
		position: relative;
		margin: 0 auto;
	}
	
	#projectsplitwrapper{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapper16{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes316.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrappernw16{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nw316.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrappernyr{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nyr3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappererase{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_erase3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrapperafix{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_afix3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperbr{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_br3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperpope{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_pope3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperck{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ck3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappertxr{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_txr3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperash{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ash3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermfs{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mfs3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperss{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ss3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperrp{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_rp3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermll{
	width:600px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mll3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	
	#projectwrapper{
width:600px;
height:auto;
margin:0 auto;
}
#projecttext{
width:600px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

	
	
	
	#servicesboxwrapper{
width:600px;
height:auto;
margin:0 auto;
}

#servicebox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#serviceboxfeatured{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#mediabox{
width:200px;
		margin-top: 20px;
		margin-bottom: 20px;
				margin-left: 50px;
		margin-right: 50px;

		
float:left;
}

	
	#aboutwrapperreal{
width:600px;
height:auto;
margin:0 auto;
}
#aboutwrapper{
}
#aboutphoto{
width:600px;
height:600px;
background-image:url(../images/aboutBG.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin-right:40px;
margin-bottom:35px;	
}
#abouttext{
width:600px;
clear:left;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	#newstext{
width:600px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}



#box{
width:299px;
margin-right:1px;
float:left;
height:299px;
background-color:#000000;
margin-bottom:1px;

}

#boxwrapperlarge{
display:none;
}

#boxwrapper{
width:600px;
height:auto;
margin:0 auto;
}
#clientboxwrapper{
width:600px;
height:auto;
margin:0 auto;
}

#logobox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;}

#box .text {
position:relative;
visibility:visible;
}

#box:hover .text {
visibility:visible;
}

#maincaption{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}


#maincaption1{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:16px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}

#maincaptionlatest{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(0,0,0,0.85);
font-family: "petala-pro",sans-serif;
	font-size:16px;
	font-weight:300;
	color:#FFFFFF;
	height: auto;
	padding: 16px;
	margin:1px;
		margin-right:0px !important;

}
#spacer{
	width:auto;
	height:0px;
}



}

@media only screen and (max-width: 600px) {
	
	#logo{
padding-top:35px;
margin:0 auto 35px auto;
width:200px;
height:78px;

}
	#logo2{
margin:0 auto 0 auto;
width:200px;
height:78px;

}
	
	#heroslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width: 300px;
	padding-top: 280px;
text-align:center;
	position: relative;
}
	#herotext{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
	color:#ffffff;
	margin:0 auto;
	width:300px;
text-align:center;
	position: relative;
}
	#herotextwrapper{
	padding-bottom:90px;
	padding-top:60px;
	width:100%;
	position: relative;
	background-color: #000000;
}
	
	#headlineslogan{
font-family: "petala-pro",sans-serif;font-size:32px;
font-weight:300; 
padding-left:0px;
		padding-right: 0px;
	width:300px;
margin-top:90px;
text-align:center;
	float: none;
}
#headlineslogantext{
font-family: "petala-pro",sans-serif;font-size:18px;
font-weight:300; 
		width:300px;
padding-left:0px;
			padding-right: 0px;
margin-top:25px;
text-align:center;
		float: none;
		line-height:1.5em;


}
	
	#footermiddlemobile{

	width: 300px;
	height: 168px;
	float: left;
		display: block;
	
}
	#footermiddle{

	display: none;
	
}
	
	#unit{
margin-left:0px !important;
		
}
	
	#archivebox{
		width: 300px;
		height: 225px;
		position: relative;
		margin: 0 auto;
	}
	
	#projectsplitwrapper{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes4.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapper16{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_lowes416.jpg);
background-position:center top;
background-repeat:no-repeat;
}
			#projectsplitwrappernw16{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nw416.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrappernyr{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_nyr4.jpg);
background-position:center top;
background-repeat:no-repeat;
}
		#projectsplitwrapperafix{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_afix4.jpg);
background-position:center top;
background-repeat:no-repeat;
}
	#projectsplitwrappererase{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_erase4.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#projectsplitwrapperbr{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_br3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperpope{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_pope4.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperck{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ck3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappertxr{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_txr4.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperash{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ash3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrappermfs{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mfs3.jpg);
background-position:center top;
background-repeat:no-repeat;
}
#projectsplitwrapperss{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_ss3.jpg);
background-position:center top;
background-repeat:no-repeat;
}	
#projectsplitwrapperrp{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_rp3.jpg);
background-position:left top;
background-repeat:no-repeat;
}	
#projectsplitwrappermll{
	width:300px;
height:401px;
margin:0px auto 40px auto;
background-image:url(../images/teaser_mll3.jpg);
background-position:center top;
background-repeat:no-repeat;
}	
	#projectwrapper{
width:300px;
height:auto;
margin:0 auto;
}
#projecttext{
width:300px;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

	
	
	
	#servicesboxwrapper{
width:300px;
height:auto;
margin:0 auto;
}

#servicebox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
		#serviceboxfeatured{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;
}
	#mediabox{
width:200px;

		margin-right: 50px;
		margin-left: 50px;

float:left;
}
	
	
	#aboutwrapper{
width:300px;
height:auto;
margin:0 auto;
}
#aboutwrapperreal{
width:100%;
height:auto;
margin:0 auto;
}
#aboutphoto{
width:100%;
height:600px;
background-image:url(../images/aboutBG.png);
background-position:left top;
background-repeat:no-repeat;
float:left;
margin-right:40px;
margin-bottom:35px;	
}
#abouttext{
width:300px;
clear:left;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
	#newstext{
width:auto;
height:auto;
float:left;
font-family: "petala-pro",sans-serif;
 color:#000000;
font-weight:300;
	line-height:1.75em;
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

	
#spacer{
	width:auto;
	height:0px;
}

#box{
width:299px;
margin-right:1px;
float:left;
height:299px;
background-color:#000000;
margin-bottom:1px;

}
#boxwrapper{
width:300px;
height:auto;
margin:0 auto;
}
#clientboxwrapper{
width:300px;
height:auto;
margin:0 auto;
}


#boxwrapperlarge{
display:none;
}

#logobox{
width:300px;
float:left;
margin-bottom:20px;
margin-top:20px;}

#box .text {
position:relative;
visibility:visible;
}

#box:hover .text {
visibility:visible;
}


#maincaption{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}


#maincaption1{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(255,255,255,0.85);
font-family: "petala-pro",sans-serif;
	font-size:16px;
	font-weight:300;
	color:#000000;
	height: auto;
	padding: 16px;
	margin:1px;
}
#maincaptionlatest{
	width:auto;
	float:left;
	text-align:left;
	text-decoration:none;
background:rgba(0,0,0,0.85);
font-family: "petala-pro",sans-serif;
	font-size:16px;
	font-weight:300;
	color:#FFFFFF;
	height: auto;
	padding: 16px;
	margin:1px;
		margin-right:0px !important;

}




}