body, html {
	min-height:100%;
	margin:0;
	background: -webkit-linear-gradient(#ffffff, #d9d9d9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #d9d9d9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #d9d9d9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #d9d9d9); /* Standard syntax */
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
#page {
	
	background-color:#FFFFFF;
	max-width:1200px;
	margin:0 auto;
	
}
.notrequired{
 color:#999999;	
}
.nabutton label{ display:inline !important}
.secinstct{
 margin:10px; padding:20px; background:	#ffdc9b
}

#tabs{ background:#cccccc; margin:0; padding:3px 3px 0; border:1px solid #aaaaaa;}
#tabs li { display:inline-block; padding:8px 30px; text-align:center; border:1px solid #aaaaaa; border-bottom:none; margin-bottom:-1px; background:#eeeeee; cursor:pointer}
#tabs li.current{ background:#fff;}

.tabs2{ background:#cccccc; margin:0; padding:3px 3px 0; border:1px solid #aaaaaa;}
.tabs2 li { display:inline-block; padding:8px 30px; text-align:center; border:1px solid #aaaaaa; border-bottom:none; margin-bottom:-1px; background:#eeeeee; cursor:pointer}
.tabs2 li.current{ background:#fff;}

#content{ background:#fff; overflow:hidden;}

#footer{background:#999999; text-align:left; padding:5px; overflow:hidden;}
#footer a {float:left; text-align:left; color:#FFFFFF; display:block;}
#footer div {float:right; text-align:right; }

sup {font-size:.7em}

.masthead{ background-color:#ffc000; height:85px; position:relative;}
.masthead h1 { position:absolute; z-index:8; width:21%; height:85px; padding:0; margin:0;  background-color:#fff;}
.masthead h1 a{
	font-size:20pt;
	font-weight:normal;
	color:#A6A6A6;
	letter-spacing:-1px;
	text-shadow:1px 1px 2px #aaa;
	}
	.masthead h1 a img{ width:100%; max-height:85px;}
	
	.topcolor{background-color:#ffc0FF;  }

/*	
	.topcolor{background-color:#ffc0FF; width:79%; left:21%; z-index:10; overflow:visible; height:85px ; position:absolute; margin:0; }
.maintnav{ display:inline-block; margin:0; padding:0; width:60%; left:22%; z-index:10; }
.maintnav>li{ display:inline-block; width:25%;  min-height:85px;  font-weight: bold; text-align:center; padding:5px 0; cursor:pointer;}
.maintnav a {  color: #000; display:inline-block;}
.maintnav li:hover ul{ display:block; color:#fff; padding:20px;}
.maintnav li:hover { background:#385623; color:#fff;}
.maintnav li.dropdown {}
.maintnav li.dropdown:hover, .maintnav li.dropdown a:hover { background:#385623;}
.maintnav li ul{ position:relative; width:100%; margin:0; padding:0; left:0; display:none;}
.maintnav li ul li{ display:block; font-size:.8em; font-weight: normal; width:auto; text-align:left; padding:0;}
.maintnav li ul li a{ display:block; padding:5px; color:#fff}
*/
.tiertable{}
.tiertable th{ background:#06C; color:#FFF; font-weight:bold;}
.tiertable td{ color:#000;}
.tiertable .t6{ background:#f3a447;}
.tiertable .t5{ background:#e7bc29;}
.tiertable .t4{ background:#d092a7;}
.tiertable .t3{ background:#9c85c0;}
.tiertable .t2{ background:#809ec2;}
.tiertable .t1{ background:#a5b592;}


.maintnav{ position:absolute; margin:0; padding:0; width:60%; left:21%; z-index:10;background-color:#ffc000; }
.maintnav>li{ display:inline-block; width:25%;   font-weight: bold; text-align:center; padding:5px 0; cursor:pointer;}
.maintnav a {  color: #000; display:inline-block;}
.maintnav li:hover ul{ display:block; }
.maintnav li:hover { background:#385623; color:#fff;}
.maintnav li.dropdown {}
.maintnav li.dropdown:hover, .maintnav li.dropdown a:hover { background:#385623;}
.maintnav li ul{ position:absolute; width:100%; margin:0; padding:0; left:0; display:none; background: #385623;}
.maintnav li ul li{ display:block; font-size:.9em; font-weight: normal; width:auto; text-align:left; padding:0;}
.maintnav li ul li a{ display:block; padding:5px; color:#fff}

.maintnav2{ position:absolute; display:table; margin:0; padding:0; width:60%; left:21%; z-index:10; background-color:#ffc000; height:85px;  }
.maintnav2>li{ display: table-cell; width:25%; height:100%; vertical-align:middle;   font-weight: bold; text-align:center; padding:5px 0; cursor:pointer;}
.maintnav2 a {  color: #000; display:inline-block;}
.maintnav2 li:hover ul{ display:block;}
.maintnav2 li:hover { background:#385623; color:#fff; }
.maintnav2 li.dropdown {}
.n1 li {margin-left:0%}
.n2 li {margin-left:19%}
.n3 li {margin-left:38%}
.n4 li {margin-left:57%}
.maintnav2 li.dropdown:hover, .maintnav2 li.dropdown a:hover { background:#385623;}
.maintnav2 li ul{ position:absolute; width:131.66666666666666666666666666667%; margin:0; padding:0; left:0; top:85px; display:none; background: #385623; min-height:190px;}
.maintnav2 li ul li{ display:block; font-size:.9em; font-weight: normal; width:auto; text-align:left; padding:0;}
.maintnav2 li ul li a{ display:block; padding:5px; color:#fff}


div#account{
	 position:absolute; top:10px; right:10px;
}
div#account ul{ margin:0; padding:0; list-style-type:none; text-align:right; font-size:.8em}
div#account a.topbutton { display:inline-block; width:100px; padding:3px; border-radius:10px; background:#fff; color:#000000; margin-bottom:5px; text-align:center}

.header{ background-color:#FFFFFF; 
 position:relative;

}


.b1 { background:url(../assets/workplace-performance-assessment-bg.png) no-repeat center;  background-size: cover;}
.b1 .bgnavs { background: rgba(255, 51, 0, .6);}
.b1 .bgnavs:hover { background: rgba(255, 51, 0, 1);}
.b2 { background:url(../assets/workplace-wellbeing-assessment-bg.png) no-repeat center;  background-size: cover;}
.b2 .bgnavs { background: rgba( 91, 155, 213, .6);}
.b2 .bgnavs:hover { background: rgba( 91, 155, 213, 1);}
.b3 { background:url(../assets/workplace-strategy-consulting-bg.png) no-repeat center;  background-size: cover;}
.b3 .bgnavs { background: rgba(237, 125, 49,  .6);}
.b3 .bgnavs:hover { background: rgba(237, 125, 49,  1);}
.b4 { background:url(../assets/design-analysis-bg.png) no-repeat center;  background-size: cover;}
.b4 .bgnavs { background: rgba( 112, 173, 71, .6);}
.b4 .bgnavs:hover { background: rgba( 112, 173, 71, 1);}
.b5 { background:url(../assets/post-occupancy-evaluation-bg.png) no-repeat center;  background-size: cover;}
.b5 .bgnavs { background: rgba( 153, 0, 153, .6);}
.b5 .bgnavs:hover { background: rgba( 153, 0, 153, 1);}
.b6 { background:url(../assets/education-box-bg.png) no-repeat center;  background-size: cover;}
.b6 .bgnavs { background: rgba( 68, 84, 106, .6);}
.b6 .bgnavs:hover { background: rgba( 68, 84, 106, 1);  }

.bgboxholder { padding-top:60px; text-align:center; overflow:visible;}
.bgbox { width:30%; float:left; margin-left:2.5%; margin-bottom:60px;}

.bgbox .bgnavs {font:Verdana, Geneva, sans-serif; color:#FFF; width:100%; height:300px; display:table; position:relative; }
.bgbox .bgnavs:hover { }
.bgbox .bgnavs a {height:100%; width:100%; font:Verdana, Geneva, sans-serif; color:#FFF; display:table-cell; min-width:100%; vertical-align:middle; text-align:center; padding:10px; color:#fff; font-size:2em; text-align:center; top-margin:30%;}

.whobox {font:Verdana, Geneva, sans-serif; color:#000; height:300px; position:relative;}
.whobox p{ text-align:justify; padding:20px; margin:0;}
.wbot{ position:absolute; bottom:0; height:90px; width:100%; background:#5b9bd5;}
.wbot strong{ color:#fff; font-size:30px; font-weight:normal; padding:3px; text-align:center; display: block; }
.wbot em{ color:#ffff00; font-size:12px; padding:3px; text-align:center; text-decoration:none; font-style:normal; display: block; }
.wb1{ background:#fff2cc}
.wb2{ background:#d8e2f3}
.wb3{ background:#e1efd8}

.leadershipbox { margin-bottom:60px; padding:20px;}

.keypartners { margin:0; padding:20px; list-style-type:none; background:#ededed}
.keypartners li{ position:relative; overflow:hidden; list-style-type:none; margin:0; padding-bottom:10px}
.keypartners li .compnm { float:left; width:48%; text-align:right; margin-right: 2%;}
.keypartners li .pname { float:right; width:48%; text-align:left; margin-left: 2%;}

.workplace-wellbeing { margin:0; padding:20px; background:#ededed; overflow:hidden;}
.wwbox { width:30%; float:left; margin-left:13.3%; margin-bottom:60px; background:#fff; min-height:350px;}
.wwbox img{ display:block; width:100%;}
.wwbox div{ display:block; padding:10px}
.wwbox a{ color:#000}

.publications{ margin:0; padding:30px 0; background:#ededed; overflow:hidden;}
.pbbox { width:30%; float:left; margin-left:2.5%; margin-bottom:60px; background:#fff; height:350px;}
.pbbox img{ display:block; width:100%;}
.pbbox div{ display:block; padding:10px}
.pbbox a{ color:#000}

.featurelist{}
.featurelist li{ border-bottom:#999999 thin solid; padding-bottom:20px; margin-bottom:30px}
.featurelist li img{ display:block; max-width:80%; width:auto; height:auto; margin:10px auto;}

.sideimage{ float:right; margin:10px 0 30px 30px; width:30%; min-width:250px}

.header img{ width:100%; height:100%}

.header span.catname {  position:absolute; bottom:54%; right:2%; padding:10px; 	font-size:40px; font-weight: normal;	color:#a6a6a6;	text-shadow:1px 1px 2px #aaa;}

html{background-color:#FFFFFF;}
a {
text-decoration:none;
}

.ppicn { color: red; font-weight: bold; display:inline-block; width: 15px; text-align:center; }
/*.ng-valid-required { color:red;}*/

.contenttext { padding: 15px 30px; margin-right:200px; text-align:justify;}
.contenttextnb { padding: 15px 130px; text-align:justify;}
.contenttextns { padding: 15px 30px; text-align:justify;}
.contenttext img.full ,.contenttextnb img.full , #survey  img.full{ width:100%; height:100%; display:block; max-width:700px; margin:0 auto;}
.imgcaption { padding:0; margin:4px 0 15px; text-align:center; font-size:.85em}
.sidebar { 	position:relative;	top:15px;	float:right;	width:200px; text-align:center;}

.formdata{ margin:0; padding:0}
.formdata li{ list-style-type:none; padding:3px 0;}

.plbutton {	 padding:5px 20px; margin:0 auto;	text-decoration:none;	text-align:center;	text-shadow:1px 1px 0px #cccccc; border:none; background:none;}

.fbutton {	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;	box-shadow:inset 0px 1px 0px 0px #97c4fe;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');	background-color:#3d94f6;	-webkit-border-top-left-radius:20px;	-moz-border-radius-topleft:20px;	border-top-left-radius:20px;	-webkit-border-top-right-radius:20px;	-moz-border-radius-topright:20px;	border-top-right-radius:20px;	-webkit-border-bottom-right-radius:20px;	-moz-border-radius-bottomright:20px;	border-bottom-right-radius:20px;	-webkit-border-bottom-left-radius:20px;	-moz-border-radius-bottomleft:2px;	border-bottom-left-radius:20px;	text-indent:0;	border:1px solid #337fed;	display:inline-block;	color:#ffffff;	font-family:Arial;	font-size:15px;	font-weight:bold;	font-style:normal;	/*height:38px;	line-height:38px;	width:150px;*/ padding:5px 20px; margin:0 auto;	text-decoration:none;	text-align:center;	text-shadow:1px 1px 0px #1570cd; margin:10px 0;}
.fbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.fbutton:active {
	position:relative;
	top:1px;
}
.nobutton {	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;	box-shadow:inset 0px 1px 0px 0px #97c4fe;	 background-color:#606060;	-webkit-border-top-left-radius:20px;	-moz-border-radius-topleft:20px;	border-top-left-radius:20px;	-webkit-border-top-right-radius:20px;	-moz-border-radius-topright:20px;	border-top-right-radius:20px;	-webkit-border-bottom-right-radius:20px;	-moz-border-radius-bottomright:20px;	border-bottom-right-radius:20px;	-webkit-border-bottom-left-radius:20px;	-moz-border-radius-bottomleft:2px;	border-bottom-left-radius:20px;	text-indent:0;	border:1px solid #666;	display:inline-block;	color:#ffffff;	font-family:Arial;	font-size:15px;	font-weight:bold;	font-style:normal;	/*height:38px;	line-height:38px;	width:150px;*/ padding:5px 20px; margin:0 auto;	text-decoration:none;	text-align:center;	text-shadow:1px 1px 0px #1570cd;}
.fbutton:active {
	position:relative;
	top:1px;
}

.formdata { padding:0; margin:0 0 0 25%}
.formdata li { overflow:visible;}
.formdata li label{ float:left; width:32%; margin-left:-33%; text-align:right;}

#toptabs ul{ padding:0; margin:0; border: 1px solid #aaa;border-bottom:none; background: #d9d9d9 ; padding-top:4px;}
#toptabs ul li{ display:inline-block; padding:5px; border: 1px solid #d3d3d3; background: #e6e6e6; line-height:100%; }
#toptabs ul li:hover{ background:#d9d9d9; border: 1px solid #aaa; border-bottom:none;}
#toptabs ul li:active{ background:#fff}
#toptabs ul li a{ text-decoration: none; color:#555; font-size:.9em;}
#sectabs ul{ padding:0; margin:0; border: 1px solid #aaa;border-bottom:none; background: #d9d9d9;  padding-top:4px;}
#sectabs ul li{ display:inline-block; padding:5px; border: 1px solid #d3d3d3;  background: #e6e6e6; line-height:100%; position:relative}
#sectabs ul li:hover{ background:#d9d9d9; border: 1px solid #aaa; border-bottom:none;}
#sectabs ul li a{ text-decoration: none; color:#555; font-size:.9em;}
#sectabs ul li .icon{ position:absolute; top:-6px; right:-6px; color:#009900;}
#toptabs ul li.current, #sectabs ul li.current { background:#fff; border-bottom-color:#fff}
#survey label {display:block; font-weight:normal;}

#survey dd {padding-bottom:30px; padding-left:25px;}
#survey dd ul{list-style-type:none; padding:0; margin:0;}
#survey dd ul li {padding-bottom:15px}

.gloss dt {font-weight:bold}


table.distab{width:100%; text-align:left; border-collapse:collapse;}
table.distab thead th{background:#cccccc; font-weight:bold; padding:4px;  }
table.distab tbody td{padding:4px; font-weight:normal;  border:solid 1px #cccccc;} 
table.distab tbody tr:nth-child(even) { background-color: #ececec; }

table.overview{width:100%; text-align:center; border-collapse:collapse; margin-top:50px}
table.overview caption{ text-align:center; font-weight:bold; padding:4px;   border:solid 1px #999999; }
table.overview .sec2{background:#cbc1da;  font-weight:bold; font-size:1.4em }
table.overview .sec1{background:#c5bd96;  font-weight:bold; font-size:1.4em }
table.overview .spacers{padding:10px; background:none; border:none;}
table.overview th{background:#f2f2f2; text-align:center; padding:4px; font-weight:bold;   border:solid 1px #999999; }
table.overview tbody th{background:#999; }
table.overview thead th img{ display:block; margin:0 auto;}
table.overview thead th {background:#39F; color:#FFF;}
table.overview tbody td{padding:4px; background:#f2f2f2; text-align:center;  font-weight:normal;  border:solid 1px #999999;} 

table.summary{width:100%; text-align:center; border-collapse:collapse; margin-top:50px}
table.summary caption{ text-align:center; font-weight:bold; padding:4px;   border:solid 1px #999999; }
table.summary .sec2{background:#cbc1da;  font-weight:bold; font-size:1.4em }
table.summary .sec1{background:#c5bd96;  font-weight:bold; font-size:1.4em }
table.summary .spacers{padding:10px; background:none; border:none;}
table.summary th.tophead{background:#09C; color:#FFF; text-align:center; padding:4px; font-weight:bold;   border:solid 1px #999999; }
table.summary th{background:#f2f2f2; text-align:center; padding:4px; font-weight:bold;   border:solid 1px #999999; }
table.summary tbody th{background:#999; }
table.summary thead th img{ display:block; margin:0 auto;}
table.summary thead th {background:#39F; color:#FFF;}
table.summary tbody td{padding:4px; background:#f2f2f2; text-align:center;  font-weight:normal;  border:solid 1px #999999;} 

table.freqtable{width:100%; text-align:center; border-collapse:collapse; margin-top:50px}
table.freqtable caption{ text-align:center; font-weight:bold; padding:4px;   border:solid 1px #999999; }
table.freqtable .sec2{background:#cbc1da;  font-weight:bold; font-size:1.4em }
table.freqtable .sec1{background:#CC6600;  font-weight:bold; font-size:1.4em }
table.freqtable .spacers{padding:10px; background:none; border:none;}
table.freqtable th{background:#f2f2f2; text-align:center; padding:4px; font-weight:bold;   border:solid 1px #999999; }
table.freqtable tbody th{background:#999; }
table.freqtable thead th img{ display:block; margin:0 auto;}
table.freqtable thead th {background:#39F; color:#FFF;}
table.freqtable tbody td{padding:4px; background:#f2f2f2; text-align:center;  font-weight:normal;  border:solid 1px #999999;} 

.highcharts-container{ padding:30px 0} 

#survey table{width:100%; text-align:left; border-collapse:collapse;}
#survey table td {text-align:center; padding:4px;}
#survey col.col1{ text-align:center; width:10%;}
 .tdheader   { text-align:left; transform:rotate(-90.0deg);   }

#survey table thead th,#survey  table thead td{background:#B8E6E6; font-weight:bold; padding:4px;  }

#survey table tbody th,#survey  table tbody td{padding:4px; border:solid 1px #B8E6E6;} 

#survey table tbody tr:nth-child(even) { background-color: #C4F5F5; }

#survey,#viewsurvey{ background:#fff; padding:30px;}


@media only screen and (max-width: 800px) {
    /* phones */
    
 .header span.catname {  position:absolute; bottom:49%; right:2%; padding:10px; 	font-size:25px; font-weight: normal;	color:#a6a6a6;	text-shadow:1px 1px 2px #aaa;}

#tabs{ background:#none; margin:0; padding:0; border:none;}
#tabs li { display:block; padding:8px 30px; text-align:center; border:1px solid #aaaaaa; margin-bottom:0; background:#eeeeee; cursor:pointer}


.masthead{  height:auto; background:#ffffff;}
.masthead h1 { position:relative; z-index:8; width:auto; height: auto; padding:0; margin:0; text-align:center;}
	.masthead h1 a img{ width:auto; height:auto;}
	
.maintnav2{ position:relative; margin:0; padding:0; width:100%; left:auto; top:auto; z-index:10}
.maintnav2 li{  width:20%; }
.maintnav2 li ul{ width:100%;}
.n1 li {margin-left:0%}
.n2 li {margin-left:25%}
.n3 li {margin-left:50%}
.n4 li {margin-left:75%}

.bgboxholder { padding-top:30px; text-align:center; overflow:visible;}
.bgbox { width:300px; float:none; margin:30px auto;}

.workplace-wellbeing { margin:0; padding:0; background:#ededed; overflow:hidden;}
.wwbox { width:300px; float:none; margin:30px auto;}

.publications{ margin:0; padding:0; background:#ededed; overflow:hidden;}
.pbbox { width:300px; float:none; margin:30px auto;}


.contenttext { padding: 15px 30px; margin-right:0;}
.contenttextnb { padding: 15px 30px;}
.sidebar { display:none;}

.formdata { padding:0; margin:0 0 0 0}
.formdata li { overflow:visible;}
.formdata li label{ float:none; width:auto; margin-left:0; text-align:left; display:block;}

#sectabs ul li .icon{ position:absolute; top:2px; right:3px; color:#009900;}
	
div#account{	 position:relative; top:auto; right:auto; text-align:center }
div#account ul{	 text-align:center }
div#account ul li{  display: inline-block; width:40%; text-align:center }

#toptabs ul li{ display:block; padding:5px; border: 1px solid #d3d3d3; background: #e6e6e6; line-height:100%; text-align:center; }

#sectabs ul li{ display:block; padding:5px; border: 1px solid #d3d3d3; background: #e6e6e6; line-height:100%; text-align:center; }
}



/*
body.explore {
	background-color:#fad7b7;
}

body.design {
	background-color:#dfe6f0;
}

body.engage {
	background-color:#f2fff6;
}

body.connect {
	background-color:#d7b8b6;
}
*/
div.wrapper {
	position:relative;
	width:100%;
	padding:0px;
}

div.wrapper-masthead, div.wrapper-banner {
	background-color:#fff;	
}

div.wrapper-pagebody {
	background: -webkit-linear-gradient(#ffffff, #d9d9d9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #d9d9d9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #d9d9d9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #d9d9d9); /* Standard syntax */
	padding:0px;
}

div.explorebody {
	background: -webkit-linear-gradient(#ffffff, #fad7b7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #fad7b7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #fad7b7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #fad7b7); /* Standard syntax */
}

div.designbody {
	background: -webkit-linear-gradient(#ffffff, #dfe6f0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #dfe6f0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #dfe6f0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #dfe6f0); /* Standard syntax */
}

div.engagebody {
	background: -webkit-linear-gradient(#ffffff, #f2fff6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #f2fff6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #f2fff6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f2fff6); /* Standard syntax */
}

div.connectbody {
	background: -webkit-linear-gradient(#ffffff, #d7b8b6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #d7b8b6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #d7b8b6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #d7b8b6); /* Standard syntax */
}

div.wrapper-footer {
}

div.box {
	position:relative;
	width:1028px;
	margin-left:auto;
	margin-right:auto;
}

div.box-masthead {
	min-height:50px;
	padding:5px 0px;
}

div.box-banner {
	min-height:192px;
}

div.box-pagebody {
	background-color:#eee;
	box-shadow: 2px 2px 5px #aaa;
	min-height:350px;
}

div.box-footer {
	min-height:20px;
	margin-top:10px;
}

div.segment-mast {
	float:left;
	vertical-align:middle;
}

div.sitetitle {
	width:50%;
}

div.sitetitle a {
	font-size:20pt;
	color:#A6A6A6;
	letter-spacing:-1px;
	text-shadow:1px 1px 2px #aaa;
}

div.menu {
	width:350px;
	z-index:3;
}

div.menu ul {
	list-style: none;
}

div.login {
	width:100px;
	color:white;
	vertical-align:middle;
	text-align:center;
	background-color:#d9d9d9;
	text-shadow:1px 1px 2px #a6a6a6;
	height:25px;
	border: 1px solid #a6a6a6;
	border-radius:10px;
}

div.login a {
	color:white;
}

div.layer-banner {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}

div.image {
	z-index:2;
}

div.category {
	height:145px;
	margin-bottom:5px;
	vertical-align:top;
	text-align:right;
	color:#000000;
	z-index:1;
	background: -webkit-linear-gradient(right, #ffffff, #d9d9d9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #ffffff, #d9d9d9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #ffffff, #d9d9d9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #ffffff, #d9d9d9); /* Standard syntax */
}

div.category-explore {
	background: -webkit-linear-gradient(right, #ffffff, #fad7b7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #ffffff, #fad7b7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #ffffff, #fad7b7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #ffffff, #fad7b7); /* Standard syntax */
}

div.category-design {
	background: -webkit-linear-gradient(right, #ffffff, #dfe6f0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #ffffff, #dfe6f0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #ffffff, #dfe6f0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #ffffff, #dfe6f0); /* Standard syntax */
}

div.category-engage {
	background: -webkit-linear-gradient(right, #ffffff, #f2fff6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #ffffff, #f2fff6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #ffffff, #f2fff6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #ffffff, #f2fff6); /* Standard syntax */
}

div.category-connect {
	background: -webkit-linear-gradient(right, #ffffff, #d7b8b6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #ffffff, #d7b8b6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #ffffff, #d7b8b6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #ffffff, #d7b8b6); /* Standard syntax */
}

span.catnameold {
	padding:10px;
	font-size:24pt;
	color:#a6a6a6;
	text-shadow:1px 1px 2px #aaa;
}

div.segment-body {
	position:relative;
	padding:20px;
}

div.bodytext {
	width:700px;
}
/*
div.sidebar {
	position:relative;
	top:0px;
	float:right;
	width:200px;
}
*/
div.index1 {
	position:relative;
	float:left;
	width:400px;
	border: 1px solid #a6a6a6;
	border-radius:10px;
	margin:10px 10px 10px 75px;
	padding:10px;
}

div.index2 {
	position:relative;
	float:right;
	width:400px;
	border: 1px solid #a6a6a6;
	border-radius:10px;
	margin:10px 75px 10px 10px;
	padding:10px;
}

div.index-explore {
	background: -webkit-linear-gradient(left, #ffffff, #fad7b7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #fad7b7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #fad7b7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #fad7b7); /* Standard syntax */
}

div.index-design {
	background: -webkit-linear-gradient(left, #ffffff, #dfe6f0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #dfe6f0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #dfe6f0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #dfe6f0); /* Standard syntax */
}

div.index-engage {
	background: -webkit-linear-gradient(left, #ffffff, #f2fff6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #f2fff6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #f2fff6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #f2fff6); /* Standard syntax */
}

div.index-connect {
	background: -webkit-linear-gradient(left, #ffffff, #d7b8b6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #ffffff, #d7b8b6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #ffffff, #d7b8b6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #ffffff, #d7b8b6); /* Standard syntax */
}

div.index-explore1 {
	background: center url('../assets/work1.jpg');
	min-height:200px;
}

div.index-design1 {
	background: center url('../assets/work2.jpg');
	min-height:200px;
}

div.index-engage1 {
	background: center url('../assets/work3.jpg');
	min-height:200px;
}

div.index-connect1 {
	background: center url('../assets/work4.jpg');
	min-height:200px;
}

div.segment-foot {
	float:left;
	vertical-align:middle;
}

div.sitemap {
	width:700px;
}

div.copyright {
	padding-left:80px;
	font-size:9pt;
	color:white;
	text-shadow:1px 1px 2px #aaa;
}
/*
.topnavlist{ padding:0; margin:0; z-index:3;}
.topnavlist li{ position:relative; display:inline; }
.topnavlist li ul{display:none; position:absolute; top: 10px; right:0px; width:300px}
.topnavlist li:hover ul{display:block; }
*/


/* 	LEVEL ONE */
ul.dropdown1                         { position: relative; z-index:3; padding:0; margin:0;}
ul.dropdown1 li                      { font-weight: bold; float: left; border-right: 1px solid white; border-bottom: 3px solid #fad7b7;}
ul.dropdown1 a:hover		            { color: #000; }
ul.dropdown1 a:active                { color: #ffa500; }
ul.dropdown1 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #fff; color: #222; }
ul.dropdown1 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown1 li.hover,
ul.dropdown1 li:hover                { background: #fad7b7; color: black; position: relative; }
ul.dropdown1 li.hover a              { color: black; }


/* 	LEVEL TWO */
ul.dropdown1 ul 						{ width: 352px; visibility: hidden; position: absolute; top: 100%; left: -40px; }
ul.dropdown1 ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown1 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE */
ul.dropdown1 ul ul 					{ left: 100%; top: 0; }
ul.dropdown1 li:hover > ul 			{ visibility: visible; }

/* 	LEVEL ONE */
ul.dropdown2                         { position: relative; z-index:3; padding:0; margin:0; }
ul.dropdown2 li                      { font-weight: bold; float: left; border-right: 1px solid white; border-bottom: 3px solid #dfe6f0;}
ul.dropdown2 a:hover		            { color: #000; }
ul.dropdown2 a:active                { color: #ffa500; }
ul.dropdown2 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #fff; color: #222; }
ul.dropdown2 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown2 li.hover,
ul.dropdown2 li:hover                { background: #dfe6f0; color: black; position: relative; }
ul.dropdown2 li.hover a              { color: black; }


/* 	LEVEL TWO */
ul.dropdown2 ul 						{ width: 352px; visibility: hidden; position: absolute; top: 100%; left: -131px; }
ul.dropdown2 ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown2 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE */
ul.dropdown2 ul ul 					{ left: 100%; top: 0; }
ul.dropdown2 li:hover > ul 			{ visibility: visible; }

/* 	LEVEL ONE */
ul.dropdown3                         { position: relative; z-index:3; padding:0; margin:0; }
ul.dropdown3 li                      { font-weight: bold; float: left; border-right: 1px solid white; border-bottom: 3px solid #f2fff6; }
ul.dropdown3 a:hover		            { color: #000; }
ul.dropdown3 a:active                { color: #ffa500; }
ul.dropdown3 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #fff; color: #222; }
ul.dropdown3 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown3 li.hover,
ul.dropdown3 li:hover                { background: #f2fff6; color: black; position: relative; }
ul.dropdown3 li.hover a              { color: black; }


/* 	LEVEL TWO */
ul.dropdown3 ul 						{ width: 352px; visibility: hidden; position: absolute; top: 100%; left: -212px; }
ul.dropdown3 ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown3 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE */
ul.dropdown3 ul ul 					{ left: 100%; top: 0; }
ul.dropdown3 li:hover > ul 			{ visibility: visible; }

/* 	LEVEL ONE */
ul.dropdown4                         { position: relative; z-index:3; padding:0; margin:0; }
ul.dropdown4 li                      { font-weight: bold; float: left; border-right: 1px solid white; border-bottom: 3px solid #d7b8b6; }
ul.dropdown4 a:hover		            { color: #000; }
ul.dropdown4 a:active                { color: #ffa500; }
ul.dropdown4 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #fff; color: #222; }
ul.dropdown4 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown4 li.hover,
ul.dropdown4 li:hover                { background: #d7b8b6; color: black; position: relative; }
ul.dropdown4 li.hover a              { color: black; }


/* 	LEVEL TWO */
ul.dropdown4 ul 						{ width: 352px; visibility: hidden; position: absolute; top: 100%; left: -297px; }
ul.dropdown4 ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown4 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE */
ul.dropdown4 ul ul 					{ left: 100%; top: 0; }
ul.dropdown4 li:hover > ul 			{ visibility: visible; }

/* 	LEVEL ONE */
ul.dropdown5                         { position: relative; z-index:3; padding:0; margin:0; }
ul.dropdown5 li                      { font-weight: bold; float: left; border-right: 1px solid white; border-bottom: 3px solid #fad7b7; }
ul.dropdown5 a:hover		            { color: #000; }
ul.dropdown5 a:active                { color: #ffa500; }
ul.dropdown5 li a                    { display: block; padding: 4px 8px; border-right: 1px solid #fff; color: #222; }
ul.dropdown5 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown5 li.hover,
ul.dropdown5 li:hover                { background: #fad7b7; color: black; position: relative; }
ul.dropdown5 li.hover a              { color: black; }


/* 	LEVEL TWO */
ul.dropdown5 ul 						{ width: 352px; visibility: hidden; position: absolute; top: 100%; left: -297px; }
ul.dropdown5 ul li 					{ font-weight: normal; background: #eee; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }									  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown5 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE */
ul.dropdown5 ul ul 					{ left: 100%; top: 0; }
ul.dropdown5 li:hover > ul 			{ visibility: visible; }