/******************************************** BROWSER FIXES *****************************************************/
.clearAfter:after, .clearFloats {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	_font-size: 0;
}

.clearAfter {display: inline-block;}

*{padding: 0; margin: 0;}

/* Hides from IE-mac \*/
* html .clearAfter {height: 1%;}
.clearAfter {display: block;}
/* End hide from IE-mac */

/* IE doubled-top-padding Hack
   hides rule from IE5-Mac \*/
* html .hotelDetail {height: 1%;}
/* End hide from IE5-mac */


:-moz-any-link:focus { /* remove dotted border when clicking links in Firefox */
  outline: none;
}

/*INDEX PAGE ******************************************************************/

div.index{
  background-color:#860038;
}

div#indexHeader{
  background-color:#fff;
  height:160px;
  width: 100%;
  background-image: URL('images/header_01.jpg');
  background-repeat:no-repeat;
  background-position: 85px 10px;
  position:absolute;
  left:0px;
  top:90px;
}

div#indexSubHeader{
  height:70px;
  width:100%;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 16pt;
  text-align:center;
  text-transform:uppercase;
  font-weight: 600;
  color: #fff;
  position:absolute;
  top: 250px;
  left: 0px;
  padding-top: 10px;
}

.spacer{
	width: 20px;
	height: 100%;
	display:inline;
}

div#indexImages{
  height: 85px;	
  width:100%;
  position:absolute;
  top:320px;
  left:0px;
}

div#indexImages div:first-child{
  margin-left:160px;	
}

div.indexImage{
  height:85px;
  border: 3px solid #fff;
  float:left;
  margin-left:10px;
}

div.w85{
  width:85px;
}

div.w70{
  width:70px;	
}

div.w110{
  width:110px;	
}

div.w45{
  width:45px;	
}

div#indexDes{
   height:70px;
  width:380px;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 10pt;
  text-align:center;
  font-weight: 400;
  color: #fff;
  position:absolute;
  top: 440px;
  left: 200px;
}

div#indexDes_02{
  height:20px;
  width:100%;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 7pt;
  text-align:center;
  text-transform:uppercase;
  font-weight: 400;
  color: #fff;
  position:absolute;
  top: 510px;
  left: 0px;
}

div#enter{
  height:20px;
  width:100%;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 10pt;
  text-align:center;
  text-transform:uppercase;
  font-weight: 500;
  color: #fff;
  position:absolute;
  top: 540px;
  left: 0px;
}

div#enter a{
  text-decoration:none;
  color:#fff;
}

div#indexFooter a{
  color:#fff;	
}

div#indexFooter{
  height:50px;
  width:100%;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 6pt;
  text-align:center;
  font-weight: 500;
  color: #fff;
  position:absolute;
  top: 580px;
  left: 0px;
  line-height: .9em;
}

div#green{
  height: 60px;
  width: 37px;
  position:absolute;
  top: 430px;
  left: 35px;
  background-color:#fff;
}

div#nari{
  height: 60px;
  width: 60px;
  position:absolute;
  top: 430px;
  right: 35px;
  background-color:#860038;
}



#wrap{
  width:800px;
  height: 615px;
  margin:auto;
  margin-top: 40px;
  position:relative;
  
}

/*NAVIGATION*******************************************************************/

#nav{
  width: 150px;
  height: 615px;;
  background-color: #860038;
  float:left;
  position:relative;
}

#navServices{
  width: 150px;
  height: 730px;;
  background-color: #860038;
  float:left;
  position:relative;
}

#navServices_02{
  width: 150px;
  height: 975px;;
  background-color: #860038;
  float:left;
  position:relative;
}

#navServices3{
  width: 150px;
  height: 630px;;
  background-color: #860038;
  float:left;
  position:relative;
}

#largeImg{
  height:250px;
  width:160px;
  position:absolute;
  top: 40px;
  left: -20px;
  z-index:2;
  border:3px solid #e6e7e8;
}


div#largeImg_02{
  height:292px;
  width:192px;
  position:absolute;
  top: 40px;
  left: -20px;
  background-color: #e6e7e8;
  z-index:2;
}

#contractor{
  height: 150px;
  width:180px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:3;
  border: 3px solid #e6e7e8;
}

#consultant{
  height: 130px;
  width:180px;
  position:absolute;
  top:156px;
  left:0px;
  z-index:3;
  border: 3px solid #e6e7e8;

}


.navImg{
  height:85px;
  width: 85px;
  margin: auto;
  border: 3px solid white;
  position:relative;
  margin-top: 50px;
}

ul.menu{
	text-align:center;
	margin:auto;
	height:400px;
	width: 100px;
	position:relative;
	list-style:none;
}

ul.menu li:first-child{
	margin-top: 50px;	
}

li.menuButton{
	text-transform:uppercase;
	color:#b05c6e;
	font-family: "Futura", "Verdana", sans-serif;
	font-size: 9pt;
	text-align:center;
	margin-top:45px;
}

li.menuButton a{
	text-decoration:none;
	color:#fff;
	height:auto;
	width:auto;
	display:block;
}

li.selected{
	margin:auto;
	margin-top:45px;
}

/*CONTENT AND HEADER **********************************************************/

div#header{
  width: 650px;
  height: 150px;
  float:left;
}

div#content{
  width: 650px;
  background-color:#e6e7e8;
  float:left;
  position:relative;
}

div.contentBG_01{
  background-image: URL('images/logo_01.png');
  background-repeat: no-repeat;
  background-position: 70px 325px;
  height:465px;
}

div.contentBG_02{
  background-image: URL('images/logo_01.png');
  background-repeat: no-repeat;
  background-position: 70px 385px;
  height: 550px;
}

div.contentBG_03{
  background-image: URL('images/logo_01.png'); /*ABOUT SECTION */
  background-repeat: no-repeat;
  background-position: 70px 385px;
  height:465px;
}

div.contentBG_04{
  background-image: URL('images/logo_01.png'); /*PORTFOLIO SECTION */
  background-repeat: no-repeat;
  background-position: 70px 380px;
  height:465px;
}

div#contentHeader{
  text-transform:uppercase;
  color:#860038;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 12pt;
  font-weight: 800;
  position:absolute;
  top: 8px;
  left: 180px;
}

div#copy{
  width: 415px;
  position:absolute;
  top: 40px;
  left: 175px;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 8pt;
  line-height: 1.2em;
  letter-spacing: .01em;
}

div#copy a.link{
  color:#860038;
  font-weight: 600;
}

span.signature{
  position:absolute;
  top: 310px;
  left: 360px;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 14pt;
  color:#860038;
}

span.sigImg{
 height:50px;
 width:120px;
 background-image:URL('images/signature_01.png');
 background-color:#e6e7e8;
 position:absolute;
 top:300px;
 left:350px;
}

span.upperBold{
  font-weight:600;
  text-transform:uppercase;
}

/* LINKS **********************************************************************/

li.selected a{
  color:#edebad;	
}

div#links{
  position:absolute;
  bottom: 10px;
  left: 70px;
  height: 40px;
  width: 550px;
}

span.linkIntro{
  text-transform:uppercase;
  color:#860038;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 6.5pt;
  float:left;
  width: 20px;
  height: 30px;
  margin-right: 10px;
}

div.link {
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 6.5pt;
  text-align:center;
  float:left;
  width:auto;
  height: 15px;
  display:block;
  position:relative;
  margin-right: 10px;
}

div.link a{
 color:#860038;
}

/* SERVICES *******************************************************************/

div.justify{
 text-align:justify;	
}

span.serviceHeader, span.contactHeader{
  font-size: 9pt;	
  font-weight: 600;
  color:#860038;
}

div.h750{
  height:850px;	/*needed in order to ensure nav can match height of content div */
}

div.h1050{
  height:1050px;	/*needed in order to ensure nav can match height of content div */
}

div#sandbag_01, div#sandbag_02{
  clear:left;
  float:left;
  margin:0;
  padding:0;
  /*border:1px solid yellow; USED FOR TESTING */
}

div#sandbag_01{
  height:330px;
  width: 1px;
}

div#sandbag_02{
  height:80px;
  width: 100px;
}

/* SERVICES_02 ****************************************************************/

#servicesHeader{
  width:650px;
  height: 130px;
  float:left;
  background-color:#fff;
}

#servicesLogo{
  width:200px;
  height:60px;
  margin:auto;  
}

div#headerCopy_01{
 font-family: "Futura", "Verdana", sans-serif;
  font-size: 14pt;
  color:#860038;
  text-align:center;
  text-transform:uppercase;
  font-weight:600;
  margin-top:10px;
  width:650px;
  float:left;
}

div#headerCopy_02, div#headerCopy_02a{
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 8pt;
  color:#000;
  padding: 10px;
  margin-top: 10px;
  text-align:justify;
  width:650px;
  height:100px;
  float:left;
  position:relative;
}

div#headerCopy_02a{
  height:40px;	
}

div#headerSubCopy{
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 10pt;
  color:#860038;
  text-align:center;
  margin:0px 20px 0px 20px;
  font-weight:600;
  text-transform:uppercase;
  width:630px;
  height:25px;
  position:relative;
  border-bottom: 8px solid #860038;
  float:left;
}

div.phase{
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 8pt;
  width:630px;
  height: 100px;
  float:left;
  margin-left:20px;
}

span.phaseHeader{
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 10pt;
  font-weight: 600;
  text-transform:uppercase;
  color:#860038;
}

div.phaseLeft{
  width:275px;
  height:auto;
  float:left;
  padding:5px 40px 5px 0px;
  text-align:right;
  line-height:80%;
}

div.phaseRight{
  width:275px;
  height:auto;
  padding:5px 40px 4px 0px;
  float:left;
  line-height:13px;
}

div.h50{
 height:30px;	
 padding-top:20px;
}

div.h80{
  height:75px;	
}

div.h90{
  height:90px;	
}

div.h120{
  height:120px;	
}

div.h100{
  height:100px;	
}

div.cGrey{
 background-color:#e6e7e8;	
}

div.bold, span.bold{
  font-weight: 600;	
  color:#860038;
}
	

/* PORTFOLIO ******************************************************************/

div#portfolioCopy{
  width:500px;
  position:absolute;
  top: 40px;
  left: 70px;
   font-family: "Futura", "Verdana", sans-serif;
  font-size: 8pt;
  line-height: 1.25em;
  letter-spacing: .01em;
  text-align:justify;
}

div#portfolioHeader{
  text-transform:uppercase;
  color:#860038;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 11pt;
  font-weight: 800;
  position:absolute;
  top: 8px;
  left: 70px;
}

div.pImg_01{
  height:160px;
  width:280px;
  position:absolute;
  top:100px;
  left:-15px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

div.pImg_02{
  height:130px;
  width:115px;
  position:absolute;
  top:100px;
  left:285px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

div.pImg_03{
  height:130px;
  width:145px;
  position:absolute;
  top:100px;
  left:420px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

div.pImg_04{
  height:85px;
  width:72px;
  position:absolute;
  top:280px;
  left:193px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

div.pImg_05{
  height:115px;
  width:160px;
  position:absolute;
  top:250px;
  left:285px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

div.pImg_06{
  height:115px;
  width:100px;
  position:absolute;
  top:250px;
  left:465px;
  z-index:1;
  border: 3px solid #e6e7e8;
}

a img{
  border:none;
}

div.imgDes{
  height:12px;
  width: 72px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color:#860038;
  z-index:2;
  font-family: "Futura", "Verdana", sans-serif;
  font-size: 7pt;
  text-align:center;
  padding-top:3px;
  color: #fff;
  text-decoration:none !important;
}

/* PORTFOLIO_02 ***************************************************************/

div#portfolioWrap{
  width: 560px;
  height: 400px;
  margin:30px 0px 0px 70px;
  
}

div.portfolioImage{
  position:relative;
  float:left;
  border: 3px solid #860038;
  margin: 0px 20px 15px 0px;
}

div.portfolioImage2{
  position:relative;
  float:left;
  margin: 0px 20px 15px 0px;
}

div.h115{
  height:115px;	
}

div.h130{
  height:130px;
}

div.h110{
  height:110px;	
}

div.w180{
  width:180px;	
}

div.w115{
  width:115px;	
}

div.w150{
  width:150px;	
}

div.w130{
  width:130px;	
}

div.w30{
  width:30px;	
}

div.w200{
  width: 200px;	
}

/* PORTFOLIO_03 ***************************************************************/

div.h240{
  height:240px;	
}

div.h125{
  height:125px;
}

div.w210{
  width:210px;	
}

div.w240{
  width:240px;	
}

div.w125{
  width:125px;	
}

div.w95{
  width:95px;	
}

/* PORTFOLIO_04 ***************************************************************/

div.w250{
  width:250px;
}

div.w210{
  width:210px;	
}

div.w100{
  width:100px;	
}

div.w120{
  width:120px;	
}

div.h160{
  height:160px;	
}

div.h110{
  height:110px;	
}

div.h150{
  height:150px;	
}

/* PORTFOLIO_05 ***************************************************************/

div.w135{
  width:135px;	
}

div.w140{
  width:140px;	
}

div.w150{
  width:150px;	
}

div.h200{
  height:200px;	
}

div.h250{
  height:250px;	
}

div.h300{
  height:300px;	
}

span.before, span.after {
   height:20px;
   width: 70px;
   position:absolute;
   font-family: "Futura", "Verdana", sans-serif;
  font-size: 10pt;
  text-align:center;
  z-index:3;
  font-weight: 600;
  color:#860038;
}

span.before{
 top:240px;
 left:150px;
 
}

span.after{
 top:290px;
 left:258px;
 
}

/* PORTFOLIO_06***************************************************************/

div.h180{
  height:180px;	
}

div.h135{
  height:135px;
}

div.w130{
  width:130px;	
}

div.h100{
  height:100px;	
}

div.w225{
  width:225px;
}

div.w90{
  width:90px;	
}

div.w100{
  width:100px;	
}

div.w140{
  width:140px;	
}

div.h170{
  height:170px;	
}

div.w135{
  width:135px;	
}

/* PORTFOLIO_06***************************************************************/

div.w160{
  width:160px;	
}

div.h240{
  height:240px;	
}

div.h150{
  height:150px;	
}

div.w120{
  width:120px;	
}

div.h120{
  height:120px;	
}

div.h200{
  height:200px;	
}

div.w150{
  width:150px;	
}

div.w110{
  width:110px;	
}

div.h140{
  height:140px;	
}

/* CONTACT ********************************************************************/

#largeImg_05{
  height:180px;
  width:180px;
  position:absolute;
  top: 40px;
  left: -20px;
  z-index:2;
  border:3px solid #e6e7e8;
}

span.emailAddress{
  font-weight:600;
}

span.emailAddress a{
    color:#000;
	
}