body {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
margin:0;
padding:0;
text-align:center;
}
html { min-height: 100%; margin-bottom: 1px; }
#header {
width:825px;
position:relative;
margin-left:auto;
margin-right:auto;
height:72px;
margin-top:10px;
}

.pageTitles {
	position:absolute;
	padding-right:15px;
	left: 187px;
	top: 462px;
}
.pageTitlesBig {
	position:absolute;
	padding-right:15px;
	left: 167px;
	top: 466px;
}
.pageTitlesBig2 {
	position:absolute;
	padding-right:15px;
	left: 213px;
	top: 467px;
}

#header .logo {
text-align:left;
float:left;
padding-left:20px;
}

.links {
text-align:right;
display:block;
padding-top:55px;
padding-right:10px;
}

#wrapper {
text-align:center;
vertical-align:middle;
height:100%;

}



#middle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:970px;
  height:600px;
  text-align:center;
  margin: auto;
}

#leftNav {
display:block;
width:76px;
height:500px;
float:left;
position:relative;
bottom:1px;
}



#leftNav a {
position:relative;
display:block;
background-color:#d1d2d4;
color:#000;
text-decoration:none;
font-size:12px;
margin:1px;
padding:2px;
}

#leftNav a:hover {
position:relative;
display:block;
background-color:#bfe2ca;
color:#000;
text-decoration:none;
font-size:12px;
margin:1px;
padding:2px;
}

#mainContent {
display:block;
width:900px;
position:relative;
margin-left:auto;
margin-right:auto;
height:490px;
text-align:left;
right:39px;
bottom:2px !important;
vertical-align:middle;

}

.headerLinks a {
position:relative;
color:#005d2b;
text-decoration:none;
font-size:11px;
bottom:12px;
margin-left:7px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding:5px 7px;
}
.headerLinks a.first {
margin-left:0px;
}

.navSelected a {
background-color:#005d2b;
position:relative;
color:#FFF;
text-decoration:none;
font-size:11px;
bottom:12px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding:5px 7px;
}

.promotionsNavSelected a {
background-color:#fcaf44;
position:relative;
color:#FFF;
text-decoration:none;
font-size:11px;
bottom:12px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding:5px 7px;
}

#contactLink {
position:relative;
color:#005d2b;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
background-color:#81c99c;
height:65px;
display:block;
width:65px;
float:right;
bottom:75px;
clear:left;
left:74px;
padding:5px;
margin-bottom:-73px;
}


#contactLinkSelected {
position:relative;
color:#005d2b;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
background-color:#005d2b;
height:65px;
display:block;
width:65px;
float:right;
bottom:75px;
clear:left;
left:74px;
padding:5px;

}

#contactLink a {
position:relative;
top:44px;
color:#005d2b;
text-decoration:none;
font-size:11px;
}

#contactLinkSelected a {
position:relative;
top:44px;
color:#FFF;
text-decoration:none;
font-size:11px;
}

#leftBoxBig {
width:350px;
margin-left:24px;
}

.paddingForBox {
padding-top:20px;
}

h1 {
font-size:16px;
margin:0;
}

h2 {
font-size:14px;
margin:0;
}

#scroller {
top:10%;
bottom:100px;
padding-left:0;
padding-right:15px;
color:#000;
overflow:auto;
width:343px;
height:450px;
margin:0;
}
#scrollerDirections {
top:10%;
bottom:100px;
padding-left:0;
padding-right:15px;
color:#000;
overflow:auto;
width:373px;
height:450px;
margin:0;
}

#scrollerPadded {
top:10%;
bottom:100px;
padding-left:0;
padding-right:15px;
color:#000;
overflow:auto;
width:355px;
height:400px;
margin:42px 0 0;
}

#scrollerThumbs {
position:relative;
left:-35px;
color:#000;
width:900px;
height:72px;
text-align:left;
}

#terms {
bottom:120px;
color:#000;
overflow:auto;
width:555px;
height:410px;
top:0px;
background-color:#FFF;
margin:0;
padding:0px 180px 40px 40px;
}

.thumbs {
padding:1px;
}

#leftBoxSmall {
width:250px;
}

#leftBoxMid {
width:320px;
margin-left:100px;
}

#leftBoxMid2 {
width:215px;
margin-left:100px;
}
.whiteBox{
	background-color:#FFFFFF;
}
#leftBoxStyles {
width:208px;
margin-left:100px;

}

#rightBox {
	float:right;
	top:20px;
	right:0;
	position:absolute;
	width:308px;
	padding-right:15px;
	left: 441px;
}
#rightBoxDirections {
	float:right;
	top:20px;
	right:0;
	position:absolute;
	width:308px;
	padding-right:15px;
	left: 411px;
}
#rightBoxLinks {
	float:right;
	right:0;
	position:absolute;
	left: 437px;
	height:400px;
	top:22px;
bottom:100px;
padding-left:0;
padding-right:15px;
color:#000;
overflow:auto;
height:430px;
margin:0;
width:362px;
}


#rightBoxPortfolio {
float:right;
padding-right:0px;
top:20px;
padding-right:20px;
position:absolute;
margin:0;

}
#rightBoxAccess {
right:0;
float:right;
padding-right:0px;
top:20px;
padding-right:20px;
position:absolute;

}

.whiteBorder {
border:1px solid #FFF;
}

.whiteBorderPadded {
border:1px solid #FFF;
margin-top:10px;
}

.greenBG {
background-color:#bfe2ca;
}

.paleBlueText {
color:#4a9b7a;
}

.paleGreenText {
color:#369532;
}

.aboutBG {
background-color:#bfe2ca;
color:#005d2b;
}

.aboutgreen2{
color:#388A2B;
}

.homePage {
background-image:url(/images/first-page-image.jpg);
height:600px;
width:100%;
background-repeat:no-repeat;
background-position:75px top;
}
.homePage2 {
background-image:url(/images/uploaded-home-page.jpg);
height:600px;
width:100%;
background-repeat:no-repeat;
background-position:75px top;
}

.map {
background-image:url(/images/map-of-areas.gif);
height:600px;
width:100%;
background-repeat:no-repeat;
background-position:75px top;
}
.mapOffice {
	background-image:url(/images/map-of-office.gif);
	height:600px;
	width:100%;
	background-repeat:no-repeat;
	background-position:3px top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #81c99c;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #81c99c;
	background-color: #81c99c;
}
.tour {
	background-image:url(/images/virtual_tour.gif);
	height:600px;
	width:100%;
	background-repeat:no-repeat;
	background-position:3px top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #81c99c;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #81c99c;
	background-color: #81c99c;
}

.theTeam {
background-image:url(/images/the-team.jpg);
height:600px;
width:100%;
background-repeat:no-repeat;
background-position:75px top;
}

.process {
background-image:url(/images/process-image.gif);
height:600px;
width:100%;
background-repeat:no-repeat;
background-position:75px top;
}
.news {
height:600px;
width:100%;
}
.caseStudy {
height:600px;
width:100%;
}
.moreNews{
position:absolute;
top:450px;
margin-left:10px;}

#pinkSelected a {
background-color:#f598a3;
}

#blueSelected a {
background-color:#70a0c9;
}

#brownSelected a {
background-color:#d0b263;
}

#orange2Selected a {
background-color:#fcb962;
}

#blue2Selected a {
background-color:#53b7e8;
}

#green2Selected a {
background-color:#63ad90;
}

.portfolioPink {
background-color:#f598a3;
color:#000;
}

.portfolioOrange {
background-color:#d78950;
color:#FFF;
}

.portfolioBlue {
background-color:#70a0c9;
color:#FFF;
}

.portfolioBrown {
background-color:#d0b263;
color:#FFF;
}

.portfolioOrange2 {
background-color:#fcb962;
color:#FFF;
}

.portfolioBlue2 {
background-color:#53b7e8;
color:#FFF;
}

.portfolioGreen2 {
background-color:#81c99c;
color:#FFF;
}

#littleBox {
position:relative;
color:#005d2b;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
height:65px;
display:block;
width:65px;
float:left;
bottom:66px;
clear:both;
left:1px;
padding:5px;
}
#littleBox a {
position:absolute;
	height:70px;
	display:block;
	width:70px;
	float:left;
	padding:0px;
	z-index:1;
}

#littleBox2 {
position:relative;
color:#005d2b;
text-decoration:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
height:65px;
display:block;
width:65px;
float:left;
bottom:143px;
left:860px;
padding:5px;
}
#littleBox2 a {
position:absolute;
	height:70px;
	display:block;
	width:70px;
	float:left;
	padding:0px;
	z-index:1;
}

.purple {
background-color:#880057;
}
.newsGreen {
background-color:#005d2b;
}

.purple2 {
background-color:#8c63aa;
}

.plumb {
background-color:#ba3940;
}

.yellow {
background-color:#fec34d;
}

.brown {
background-color:#8e4a01;
}

.blue1 {
background-color:#006f8a;
}

.blue2 {
background-color:#009bca;
}

.brown2 {
background-color:#a59a24;
}

.brown3 {
background-color:#7e581d;
}

.brown4 {
background-color:#a7997c;
}

.brown5 {
background-color:#be5717;
}

.green {
background-color:#53a080;
}

.greyText {
color:#000;
}

/*li {
margin-left:-40px;
margin-bottom:-15px;
padding:0;
}*/

.blackText {
color:#000;
}
.blackText a{
color:#000;
font-size:12px;
}
.blackTextBig {
color:#000;
font-size:14px;
}


.blackLine {
width:100%;
height:1px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
}

.right {
text-align:right;
float:right;
}

#linksBG {
background-color:#007244;
height:470px;
width:360px;
padding-left:24px;
padding-right:20px;
color:#FFF;
font-size:14px;
margin:0px;
}

.linksBGLink {
color:#FFF;
font-weight:700;
font-size:11px;
}

.linksTitle {
color:#81c99c;
font-size:24px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#contactForm {
	border:1px solid #FFF;
	width:370px;
	padding:5px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}

input, select {
	font-size:10px;
	border: 1px solid #80c97f;
	width:180px;
}
.address{
	font-size:10px;
	border: 1px solid #80c97f;
	width:180px;
}
.greenBorder{
border: 1px solid #80c97f;
}
.paleGreenText{
color:#80c97f;
}
.contactGreen{
background-color:#80c97f;}
.button{
color:#FFFFFF;
background-color:#80c97f;
width:100px;
font-size: 12px;}

.directions {
background-image:url(/images/directionsBG.gif);
background-repeat:no-repeat;
background-position:0px top;
background-color:#9bd3ae;
}

#clickImage {
color:#FFF;
position:absolute;
bottom:5px;
}

h4 {
font-size:12px;
}
.lifeJob{
background-color:#013d1a;
}

.headerLinks a:hover,#contactLink a:hover {
color:#FFF;
text-decoration:none;
font-size:11px;
background-color:#81c99c;
}

.darkGreen,.darkGreenText {
color:#005d2b;
}

.greenSelected,#greenSelected a {
background-color:#81c99c;
}
.greenSelectedLinks {
background-color:#b3dfb2;
}
#orangeSelected a,.orange {
background-color:#d78950;
}

.whiteText a {
color:#FFF;
}
.whiteTextBig{
color:#FFF;
font-size:14px;
}
.whiteTextStyles {
color:#FFF;
}
#pdf{
	position:absolute;
	left:833px;
	top:7px;
	color:#000000;
	margin:0px;
	padding:0px;
	font-size:10px;
	text-align:center;
	width: 58px;
}
.portfolioTitles{
	font-size: 14px;
	width:200px;
}
.lifeJobTitles{
color:#80c97f;
	font-size: 14px;
	width:200px;
}
.lifeJobBlue{
background-color:#68b2d3;
}

.lifeJobYellow{
background-color:#fec030;
}
#dispirito{
position:absolute;
padding-left:677px;
width:250px;

}
.tiny{
width:200px;
color:#000000;}

/* ******************************************
   *             New Items                  *
   ******************************************/
#promotionImageBox {
width:390px;
margin: 5px 10px;
}

#promotionImageBox img {
width:380px;
margin: 10px 14px;
}

#promotionTextBox {
    float:right;
    right:0;
    top: 0;
    position:absolute;
    width:395px;
    left: 425px;
    height: 376px;
}
#promotionTextBox .associate-logos {
    position: absolute;
    width: 395px;
    bottom: 0px;
    height:86px;
}

#promotionTextBox .associate-logos  img{
    position: absolute;
    height: 86px;
    border: 1px solid #000000;
}

#promotionTextBox .associate-logos img.performanceTextiles {
    width: 106px;
    left: 0px;
    text-align: left;
}

#promotionTextBox .associate-logos img.mutamarq {
    right: 0px;
    width: 130px;
    text-align: right;
}
.promotitle {
	position: absolute;
	text-align: center;
	height: 30px;
	font-size: 18pt;
	font-weight: bold;
	width: 815px;
	margin-right: 100px;
	padding: 5px;
	/*background-color: #384977;*/
}
.corporate { color: #FFF; }
.weddings { color: #FFF; }
.parties { color: #FFF; }
.paddingForPromoTitle { padding-top: 40px; }

#promotionTextBox li {

    line-height: 200%;
}

#promotionTextBox li a.lightbox {
    color: #FFF;
    text-decoration: underline;
}

#promotionTextBox li a.lightbox:hover {
    color: #000;
    background-color: #FFF;
    
}

div.contact-form {
    width: 314px;
    height: 465px;
    position: relative;
    background: #FFF;
    color: #000;
    margin: 5px;
    top: 15px;
    z-index: 10;
}

div.vacancy-form {
    width: 314px;
    height: 475px;
    position: relative;
    background: #FFF;
    color: #000;
    margin: 5px;
    top: 15px;
    z-index: 10;
}

.contact-form #rightBox {
    float:right;
    top:20px;
    right:0;
    position:absolute;
    width:308px;
    padding-right:15px;
    left: 427px;
}

form.cmxform fieldset {
  margin: 5px 0 10px 0;
  position: absolute;
  border: none;
}
form.cmxform fieldset.left {
  width: 300px;
  margin-left: 5px;
  top: 0px;
  left: 0px;
}
form.cmxform fieldset.right {
  width: 400px;
  margin-right: 5px;
  top: 0px;
  right: 0px;
  text-align: left;
}
form.cmxform fieldset.bottom-right {
  width: 400px;
  margin-right: 5px;
  bottom: 20px;
  right: 0px;
  text-align: left;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bolder;
  color: #80c97f;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.0;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form.cmxform fieldset.left label {
  width: 100px; /* Width of labels */
}
form.cmxform fieldset.left input {
  width: 180px; /* Width of labels */
}
form.cmxform fieldset.right label {
    width: 200px;
}
form.cmxform fieldset.right input {
    width: 180px;
}

form.cmxform fieldset.left label.radio_label {
  margin-left: 20px;
  width: 60px;
  padding-top: 3px;
  text-align: right;
}
form.cmxform fieldset.left input.radio_label {
  width: auto; 
}
form.cmxform fieldset.bottom-right label {
    width: 200px;
}
form.cmxform fieldset.bottom-right input {
    width: 180px;

}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


form.cmxform input.button {
    position: absolute;
    bottom: 3px;
    margin-left: 115px;
    padding: 0 0 0 0;
}
form.cmxform textarea {
    font-size:10px;
    border: 1px solid #80c97f;
    width:180px;
}

input.checkbox {
    font-size:10px;
    border: none;
    width:180px;
}

#rightBoxBottom {
    float:right;
    top:305px;
    position:absolute;
    width:295px;
    left: 585px;
    padding: 10px;
}
#rightBoxBottom strong {
    font-weight: bolder;
    color:#005d2b;
}
#rightBoxTop {
    float:right;
    position:absolute;
    width:295px;
    height: 300px;
    left: 546px;
    padding: 0px;
    margin: 24px 0px 0px 0px;
}

.thumbnail-gallery img {
    width: 46px;
    height: 46px;
    border: none;
    padding: 2px;
}

.thumbnail-gallery a img.thumbs:hover {
   background-color:#81c99c;
}

.thumbnail-gallery a:active img.thumbs {
   background-color:#81c99c;

}


.thumbnail-gallery div {
    width: 46px;
    height: 46px;
    background: #CCC;
    display: inline;
}




#portfolioImageBox {
position:absolute;
width:500px;
height: 391px;
margin: 24px;
text-align: right;
}

#portfolioImageBox img{
/*width:500px;
height: 375px;*/
max-width: 500px;
max-height: 375px; 
left: 0;
margin: 0px;
padding: 0;
border: 1px solid #FFF;
}

img, a {
    border: none;
}


a.back-button {
    margin-right: 5px;
/*    float: right;*/
}

a.portfolio-button img{
    width:60px;
    height: 21px;
    display: inline;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    border: none !important;
}

a:hover.portfolio-button img {
    background-color:#80c97f;
}


#process0{
color:#FFFFFF;
padding:10px;
padding-left:24px;
font-size:14px;
}
#process1{
    margin-top:130px;
    color:#FFFFFF;
    padding-left:10px;
    width:80px;
    float:left;
    font-size:14px;
}
#process2{
margin-top:130px;
color:#FFFFFF;
padding-left:16px;
width:260px;
float:left;
font-size:14px;
}
#process3{
margin-top:130px;
color:#FFFFFF;
padding-left:30px;
width:90px;
float:left;
font-size:14px;
}
#process4{
margin-top:130px;
color:#FFFFFF;
padding-left:37px;
width:170px;
float:left;
font-size:14px;
}
#process5{
margin-top:130px;
color:#FFFFFF;
padding-left:16px;
width:110px;
float:left;
font-size:14px;
}

#backgroundBox {
position: relative;
width: 825px;
height: 530px;
margin-left:75px;
}


#bottomBoxFullWidth {
top: 415px;
position:absolute;
float:left;
width:815px;
color: #000;
padding: 0px 5px;
}

#corporateBottomBoxFullWidth {
top: 436px;
position:absolute;
float:left;
width:815px;
height: 54px;
color: #FFF;
padding: 0px 5px;

}

#corporateBottomBoxFullWidth img.thumbs {
width: 80px;
height: 52px;
vertical-align: middle;
padding: 0px;
margin-left: 5px;
border: 1px solid white;
}

/*#bottomNavBar {
    bottom:0px;
    position:absolute;
    width:100%;
    left: 0px;
    padding: 0px;
    font-size: 11px;
}*/
#bottomNavBar {
    text-align: justify;
    bottom:0px;
    position:absolute;
    width:100%;
    left: 0px;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
    height: 35px;
    background-color: #FFF;
    font-weight: bold;}

/*#bottomNavBar ul
{
padding: 5px 0px 0px 0px;
margin: 0px;
font-weight: bold;
background-color: #FFF;
color: #000;
float: left;
width: 100%;
height: 30px;
text-align: center;
}*/

/*#bottomNavBar ul li { display: inline; padding: 0px; margin: 0px -3px 0px 0px;  border-right: 1px solid #000; height: 25px;}
#bottomNavBar ul li.last { border-right: none;}

#bottomNavBar ul li a
{
padding: 2.5px 6px;
background-color: #FFF;
color: #000;
text-decoration: none;

}*/

#bottomNavBar span.finish {display: inline-block; width: 100%}
#bottomNavBar span.inner {display: inline-block; white-space: nowrap; border-right: 1px solid #000; height: 25px; line-height: 30px;}
#bottomNavBar span.last { border-right: none;}


/*#bottomNavBar ul li a
{
padding: 2.5px 6px;
background-color: #FFF;
color: #000;
text-decoration: none;

}*/
#bottomNavBar span.inner a
{
padding: 2.5px 16px;
margin-right: 12px;
background-color: #FFF;
color: #000;
text-decoration: none;

}
#bottomNavBar span.first a { margin-left: -16px; }
/*#bottomNavBar ul li img
{
margin: -3px 5px -12px 5px;
}*/

#bottomNavBar span.inner img
{
margin: 0px 5px -14px 5px;
}
/*
#bottomNavBar ul li a:hover
{
background-color: #81c99c;
color: #000;
}*/


#bottomNavBar span.inner a:hover
{
background-color: #81c99c;
color: #FFF;
}

/*#bottomNavBar ul li a.imagelink:hover
{
background-color: #FFF;
color: #000;
}

#bottomNavBar ul li a.imagelink img
{
margin-left: 6px;
margin-right: 0px;
}
#bottomNavBar ul li a.imagelink
{
padding: 0px;
margin: 0px;
}
*/

#bottomNavBar span.inner a.imagelink:hover
{
background-color: #FFF;
color: #000;
}

#bottomNavBar span.inner a.imagelink img
{
margin-left: 6px;
margin-right: 0px;
}
#bottomNavBar span.inner a.imagelink
{
padding: 0px;
margin: 0px;
}


/*
#bottomNavBar ul li span {
    margin-right: 6px;
}
#bottomNavBar ul li span.ethos {
    margin: 0px 10px 0px 10px;
    color: #005d2b;
}*/


#bottomNavBar span.inner span {
    margin-right: 20px;
    color: #000;
}
#bottomNavBar span.inner span.ethos {
    margin: 0px 20px 0px 20px;
    color: #005d2b;
}

#bottomNavBar span.inner span.telephone {
font-size: 13px;
}

div.weirdRenderFix {
    margin-top: -5px;
}

div.shiftFlash {
    padding-left: -76px;
}

div.caseStudyBG {
    bottom: -25px;
}

div#contact-acknowledge {
    position: absolute;
    width: 825px;
    height: 500px;
    left: 0px;
    padding-top: 20px;
}

div#contact-acknowledge p {
    text-align: center;
    
    padding: 20px 0px 20px 0px;
}

div#contact-acknowledge div {
    width: 275px;
    text-align: center;
    height: 370px;
    position: absolute;
}

div#contact-acknowledge div a {
    color: #FFF;
}

div#contact-acknowledge div img.promo {
    width: 270px;
    height: 202px;
}

div#contact-acknowledge div.left {
    left: 0px;
}

div#contact-acknowledge img.logo {
    width: 122px;
    height: 67px;
}

div#contact-acknowledge img.socialmedia {
    width: 67px;
    height: 67px;
}

div#contact-acknowledge div.middle {
    left: 275px;
}

div#contact-acknowledge div.right {
    right: 0px;
}


.360Tour {
height:600px;
width:100%;
}


div#downloadBox {
    width: 785px;
    height: 455px;
    position: relative;
    background: #FFF;
    color: #000;
    margin: 5px;
    padding: 15px;
    top: 5px;
    z-index: 10;
}