body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background: #fcfaf4 url(img/em-pgbg.gif) repeat-x top left fixed;
font-size: 12px;
}

body { behavior:url("csshover.htc"); }

h1,h2,h3,h4,h5,h6,p,form {
margin: 0;
padding: 0;
}

h3 {
padding-top: 10px;
font-size: 12px;
color: #666;
}

p, ul, ol {
font-size: 11px;
}

p {
padding: 5px 0;
line-height: 130%;
}

a {
color: #006F51;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/*
-------------------------------------- Wrapper
*/

#wrap {
width: 800px;
margin: 0 auto;
padding: 4px;
background: #fefdfb;
}

/*
-------------------------------------- Case Study Table
*/

table.case {
width: 628px;
border: 1px solid #ccc;
margin: 0 auto 20px auto;
border-spacing: 0;
border-collapse: collapse;
}

table.case table {
border-spacing: 0;
border-collapse: collapse;
width: 308px;
}

table.casetext { 
width: 100%;
}

table.case table.casetext td {
padding: 10px;
}



table.case td {
vertical-align: top;
}

table.case h2 {
	padding: 20px;
	color: #fff;
}


table.case h4 {
	color: #fff;
	padding: 20px;
	text-align: right;
}

table.case p {
	line-height: 150%;
}

table.case em {
	color: #666666;
}

table.case td.pullquote {
	padding: 90px 40px;
	font-size: 16px;
	font-size: 12px;
	color: #006F51;
	background: transparent url(img/em-case-bgrep.gif) repeat-x top left;
}

table.case td.pullquote p {
line-height: 150%;
font-style: italic;
}

/*
-------------------------------------- HDR
*/

#hdr {
height: 92px;
background: transparent url(img/em-hdrrep.gif) repeat-x top left;
padding: 0 25px;
border-bottom: 4px solid #fff;
}

/*
-------------------------------------- Logo
*/

#hdr h1 {
float: left;
}

#hdr h1 a {
display: block;
height: 92px;
width: 180px;
background: transparent url(img/em-logo.gif) no-repeat top left;
}

#hdr h1 a span {
display: none;
}

/*
-------------------------------------- Main Nav
*/

ul.mnav {
list-style: none;
margin: 0;
padding: 68px 0 0 0;
float: right;
}

ul.mnav li {
position: relative;
float: left;
width: auto;
}

ul.mnav li a {
display: block;
float: left;
margin: 0 2px;
padding: 2px 10px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #006f51;
}

ul.mnav li a span.main {
position: relative;
display: block;
float: left;
width: 100%;
text-align: center;
height: 12px;
cursor: pointer;
cursor: hand;
}

ul.mnav li a span.over {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
cursor: hand;
}

ul.mnav li a span.under {
top: 0;
left: 1px;
position: absolute;
color: #f6fff1;
cursor: pointer;
cursor: hand;
}

ul.mnav li a:hover, ul.mnav li a.on {
border-bottom: 3px solid #2087ba;
text-decoration: none;
}


/*
----------------------------------------------- DROP MENUS
*/
ul.mnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility:hidden;
	position:absolute;
	top:22px;
	left:0;
	width:150px;
	background: #a9bca2;	
}

ul.mnav ul li, #nav ul ul li a {
	display: block;
	float: none;
	height: auto;
}

ul.mnav ul li a {
color: #fff;
font-size: 12px;
border: none;
}

ul.mnav ul li a:hover, #nav ul li.on ul li a:hover {
	color: #006f51;
	border-bottom: none;
}

ul.mnav li:hover ul, #nav ul :hover ul {
	visibility:visible;
 }
  

  
  /* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */ 
/*hide from ie-mac\*/
* html ul.mnav li {
    height: 1px;
    }
/* end hack */
 
/* \*/
* html ul.mnav a {
    height: 1px;
    }
/*  */

/*
-------------------------------------- IDX 3 Cols Area
*/

ul#idxcols {
list-style: none;
margin: 4px 0;
padding: 0;
float: left;
width: 790px;
/*background: transparent url(img/em-idxbgcols.png) no-repeat bottom right;*/
border-left: 10px solid #cccbcb;
}

ul#idxcols li { 
float: left;
width: 270px;
font-size: 11px;
}

ul#idxcols li div.pad {
padding: 10px;
}

ul#idxcols li.left {
background: none;
width: 246px;
}

ul#idxcols li h2 {
color: #fff;
background: #006f51 url(img/em-ttl-dots.gif) no-repeat 6px 10px;
padding: 5px 10px 5px 17px;
margin-bottom: 10px;
font-size: 12px;
}

ul#idxcols li p a {
text-decoration: none;
color: #434343;
}

ul#idxcols li p a:hover {
text-decoration: underline;
color: #006F51;
}

ul#idxcols li p {
padding-left: 10px;
padding-right: 10px;
}

ul#idxcols li ul li p {
padding-left: 0;
padding-top: 0;
}

ul#idxcols ul li {
width: auto;
height: auto;
background: transparent url(img/2arrow-copy.gif) no-repeat 5px 3px;
padding-left: 20px;
padding-bottom: 10px;
float: none;
}

ul#idxcols li.right {
margin-left: 4px;
}

ul#idxcols li h3 {
font-size: 11px;
}

ul#idxcols li h3 a {
text-decoration: none;
color: #006F51;
}

ul#idxcols li ul {
list-style: none;
margin: 0;
padding: 0;
}



#cont {
float: left;
width: 100%;
}

#cont div.pad {
padding: 0;
margin: 0;
}

#cont h1 {
color: #006F51;
font-size: 14px;
background: transparent url(img/4dot-title.gif) no-repeat left;
padding-left: 10px;
}

div#colhdr {
float: left;
width: 100%;
margin-top: 6px;
}

div#colhdr ul.cols {
list-style: none;
margin: 0;
padding: 0;
}

div#colhdr ul.cols li {
float: left;
}

div#colhdr ul.cols li.img {
width: 455px;
}

div#colhdr ul.cols li.content {
width: 345px;
}

div#colhdr ul.cols li.content div.pad {
padding: 10px 20px;
}

/*
-------------------------------------- Three Columns
*/

ul#threecols {
margin: 20px 0 4px 0;
padding: 0 20px;
list-style: none;
/*background: transparent url(img/em-3colbg.png) no-repeat bottom;*/
width: 760px;
float: left;
}

ul#threecols li {
float: left;
width: 245px;
}

ul#threecols li p {
padding-left: 10px;
padding-right: 10px;
}

ul#threecols li div.pad {
padding: 0 10px;
}

ul#threecols li ul {
margin: 0;
padding: 10px;
list-style: none;
}

ul#threecols li ul li {
width: auto;
height: auto;
background: transparent url(img/2arrow-copy.gif) no-repeat 5px 3px;
padding-left: 20px;
padding-bottom: 5px;
float: none;
}

ul#threecols li.mid {
margin: 0 12px;
}

ul#threecols li h2, ul#twocols li h2 {
font-size: 14px;
color: #006F51;
border-bottom: 8px solid #006f51;
margin-bottom: 10px;
padding-left: 10px;
padding-bottom: 3px;
background: transparent url(img/4dot-title.gif) no-repeat 0 5px;
clear: both;
}

ul#twocols li h2 {
margin: 0;
}


div.picwwd {
background: transparent url(img/em-whatwedopic2.jpg) no-repeat left;
}

/*
-------------------------------------- Two Columns
*/

#twocols {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
background: transparent url(img/em-2ndbg-rep.png) repeat-y bottom left;
float: left;
width: 100%;
}

#twocols li#lcol, #twocols li#rcol {
float: left;
}

#twocols li#lcol div.pad, #twocols li#rcol div.pad {
padding: 10px 20px;
}

#twocols li#rcol div.pad {
padding: 0;
}

#twocols li#rcol div.inpad {
padding: 0 20px 20px 20px;
}

#twocols li#lcol {
width: 365px;
}
#twocols li#rcol {
width: 416px;
border-top: 10px solid #fff;
}

ul#twocols li h2 {
font-size: 12px;
margin-top: 10px;
}

ul#twocols li#rcol p, ul#twocols li#rcol h3, ul#twocols li#rcol ul {
padding-left: 10px;
}

/*
-------------------------------------- Contact Form
*/

form.contactform {
margin: 0;
padding: 0;
}

form.contactform label {
display: block;
padding: 10px 0 0 0;
font-weight: bold;
} 

form.contactform input {
padding: 3px;
width: 200px;
border: 1px solid #ccc;
}

form.contactform input.req {
background: transparent url(img/em-req.gif) no-repeat right;
}

form.contactform textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 300px;
height: 100px;
overflow: auto;
padding: 3px;
border: 1px solid #ccc;
}

form.contactform input.btn {
cursor: hand;
cursor: pointer;
padding: 3px;
width: auto;
font-weight: bold;
}

/*
-------------------------------------- Download PDF Projects Page
*/
div.downloadpdf a {
display: block;
width: 100px;
padding: 5px 5px 5px 25px;
margin: 0 0 0 66px;
background: #E5E5E4 url(img/em-download.gif) no-repeat 5px 3px;
border: 1px solid #ccc;
border-bottom: none;
}

div.downloadpdf a:hover {
background: #006F51 url(img/em-downloadon.gif) no-repeat 5px 3px;
color: #fff;
text-decoration: none;
}

/*
-------------------------------------- Pagination
*/

div.nextprev {
text-align: center;
padding: 10px 20px;
color: #999;
}

/*
-------------------------------------- Footer
*/

#ftr {
clear: left;
float: left;
width: 100%;
height: 47px;
background: transparent url(img/em-ftrbg.gif) repeat-x left;
}

#ftr p {
text-align: center;
color: #5a5858;
font-size: 10px;
}