/* WDG CSS 2.1 non-browser specific */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}


body {
  font-size: 0.80em; 
  line-height: 1.45em; /* 10pt base font size with an 17pt line height */
  color: #514f26;
  font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  background: #FFFFFF;    
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Layout */

#page {
  width: 975px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;
}

#page-inside { 
  width: 925px;
  height: 700px;
  margin-left: auto;
  margin-right: auto;   
}

	
#header {
  height: 100px;
  width: 925px;
}

.hnavigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hnavigation li {
  float: left;
}

#main {
  overflow: hidden;
  width: 925px;
  height: 535px; 
}

/* all menus */

.navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation li {
  float: left;
  width: 180px;    
}

/* Header Menu */

#nav3 a {
  float: left;
  display: block;
  width: 248px;
  height: 100px;
  background: url(/assets/templates/wdg/images/main-menu.png) no-repeat  0px 0px;
  text-indent: -9999px;
}

#nav3 a:hover {
  background-position:  0px -100px;
}

#nav3 a:active {
  background-position:  0px -100px;
}

#nav3.active a {
  background-position:  0px -200px;
}

#nav4 a {
  float: left;
  display: block;
  width: 225px;
  height: 100px;
  background: url(/assets/templates/wdg/images/main-menu.png) no-repeat  -248px 0px;
  text-indent: -9999px;
}

#nav4 a:hover {
  background-position:  -248px -100px;
}

#nav4 a:active {
  background-position:  -248px -100px;
}

#nav4.active a {
  background-position:  -248px -200px;
}

#nav92 a {
  float: left;
  display: block;
  width: 225px;
  height: 100px;
  background: url(/assets/templates/wdg/images/main-menu.png) no-repeat  -473px 0px;
  text-indent: -9999px;  
}

#nav92 a:hover {
  background-position:  -473px -100px;
}

#nav92 a:active {
  background-position:  -473px -100px;
}

#nav92.active a {
  background-position:  -473px -200px;
}

#nav96 a {
  float: left;
  display: block;
  width: 227px;
  height: 100px;
  background: url(/assets/templates/wdg/images/main-menu.png) no-repeat  -698px 0px;
  text-indent: -9999px;
}

#nav96 a:hover {
  background-position:  -698px -100px;
}

#nav96 a:active {
  background-position:  -698px -100px;
}

#nav96.active a {
  background-position:  -698px -200px;
}

.front #content {
  float: left;
  width: 925px;
  height: 535px;
}

.front h2 {
	
margin-top: 80px;
margin-left: 30px;
}

.front h3 {
	
margin-top: 80px;
margin-left: 30px;
}


.firm #left-sidebar {
  float: left;
  width: 251px;
  height: 535px;
  background: url(/assets/templates/wdg/images/firm-left-sidebar-bg.png) no-repeat;
}

.firm-secondary #left-sidebar {
  float: left;
  width: 251px;
  height: 535px;
  background: url(/assets/templates/wdg/images/firm-left-sidebar-bg.png) no-repeat;
}

.firm-menu {
  margin-top: 62px;
  margin-left: 26px;
  
}

#nav2 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px 0px;
  width: 149px;
  height: 50px;
  text-indent: -9999px; 	
}

#nav2 a:hover {
  background-position:  -149px 0px;
}

#nav2 a:active {
  background-position:  -149px 0px;
}

#nav2.active a {
  background-position:  -298px 0px;
  }

#nav8 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px -50px;
  width: 149px;
  height: 50px;
  text-indent: -9999px; 	
}

#nav8 a:hover {
  background-position:  -149px -50px;
}

#nav8 a:active {
  background-position:  -149px -50px;
}

#nav8.active a {
  background-position:  -298px -50px;
  }
  
#nav9 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px -100px;
  width: 149px;
  height: 50px; 
  text-indent: -9999px;	
}

#nav9 a:hover {
  background-position:  -149px -100px;
}

#nav9 a:active {
  background-position:  -149px -100px;
}

#nav9.active a {
  background-position:  -298px -100px;
  }

#nav10 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px -150px;
  width: 149px;
  height: 50px; 
  text-indent: -9999px;	
}

#nav10 a:hover {
  background-position:  -149px -150px;
}

#nav10 a:active {
  background-position:  -149px -150px;
}

#nav10.active a {
  background-position:  -298px -150px;
}

#nav11 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px -200px;
  width: 149px;
  height: 50px; 
  text-indent: -9999px;	
}

#nav11 a:hover {
  background-position:  -149px -200px;
}

#nav11 a:active {
  background-position:  -149px -200px;
}

#nav11.active a {
  background-position:  -298px -200px;
  }

#nav12 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/firm-menu.png) no-repeat 0px -250px;
  width: 149px;
  height: 50px; 
  text-indent: -9999px;	
}

#nav12 a:hover {
  background-position:  -149px -250px;
}

#nav12 a:active {
  background-position:  -149px -250px;
}

#nav12.active a {
  background-position:  -298px -250px;
}

.firm #content-spacer {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 80px; 
}

.firm #image-area {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 265px;
}

.firm #content {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 195px;  
}

.firm #content p {
  margin-top: .8em;
  line-height: 1.8em;
  font-size: 108%;
  color: #96916a;
}

.firm-secondary #content-spacer {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 80px; 
}

.firm-secondary #image-area {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 210px;
}

.firm-secondary #content {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 250px;   
}

.firm-secondary #content p {
  margin-top: .8em;
  font-size: 96%;
  line-height: 1.8em;
  color: #96916a;
}

#values-a {   
  border-collapse: collapse;
  text-align: left;    
  width: 674px;
}

#values-a td {
  padding: 0;
}

#ethics-a {   
  border-collapse: collapse;
  text-align: left;    
  width: 674px;
}

#ethics-a td {
  padding: 0;
}

#approach-a { 
  border-collapse: collapse;
  text-align: left;    
  width: 674px;
}

#approach-a td {	
  padding: 10px 0 0 0;
}

.firm-secondary #approach-a td p {   
line-height: 1.3em;
}

#clients-a {
  float: left;
  margin-top: .8em;
  border-collapse: collapse;
  text-align: left;    
  width: 449px;
}

#clients-a td {
  height: 1.3em;
}

.firm-secondary #clients-a td p {
  line-height: 1.3px;
}

.clients {	
  float: left;
  width: 225px;
}

.firm-secondary #content .clients p {
  line-height: 1.3em;
}

.team #left-sidebar {
  float: left;
  width: 251px;
  height: 535px;
  background: url(/assets/templates/wdg/images/firm-left-sidebar-bg.png) no-repeat;
}

.team #content-spacer {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 80px; 
}

.team #team-menu-container {
  float: left;
  overflow: hidden;
  width: 225px;
  height: 455px;
}

.team-menu {
  margin-top: -7px;	
}

.team-menu li a {
  line-height: 2em;
  font-size: 90%;
  list-style: none;
  text-decoration: none;
  font-style: italic;
  color: #96916a;
}

.team-menu a:hover {
  color: #737a35;
  font-weight: bold;
}

.team-menu a:active {
   color: #737a35;
   font-weight: bold;
}
	
.team-menu .active a {
  color: #514f26;
  font-weight: bold;	
}

.team #image-area {
  float: left;
  overflow: hidden;
  width: 449px;
  height: 210px; 
}

.team #content {
  float: left;
  overflow: hidden;
  width: 449px;
  height: 250px;
}

.team #content h1 {
  margin-top: .625em;
  font-size: 90%;
  color: #96916a;
}

.team #content p {
  margin-top: .625em;
  color: #96916a;
  font-size: 90%;
}

.portfolio #left-sidebar {
  float: left;
  width: 251px;
  height: 535px; 
  background: url(/assets/templates/wdg/images/portfolio-left-sidebar-bg.png) no-repeat;
}

.portfolio-menu {
  margin-top: 70px;
  margin-left: 26px;
}

#nav25 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px 0px;
  width: 100px;
  height: 42px;
  text-indent: -9999px;		
}

#nav25 a:hover {
  background-position:  -210px 0px;
}

#nav25 a:active {
  background-position:  -210px 0px;
}

#nav25.active a {
  background-position:  -420px 0px;
}
  
.subnav #nav24 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -42px;
  width: 200px;
  height: 25px;
}


.subnav #nav24 a:hover {
  background-position:  -210px -42px;
}

.subnav #nav24 a:active {
  background-position:  -210px -42px;
}

.subnav #nav24.active a {
  background-position:  -420px -42px;
}


.subnav #nav46 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -67px;
  width: 200px;
  height: 28px; 
}

.subnav #nav46 a:hover {
  background-position:  -210px -67px;
}

.subnav #nav46 a:active {
  background-position:  -210px -67px;
}

.subnav #nav46.active a {
  background-position:  -420px -67px;
}
    
.subnav #nav50 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -95px;
  width: 200px;
  height: 30px;  
}

.subnav #nav50 a:hover {
  background-position:  -210px -95px;
}

.subnav #nav50 a:active {
  background-position:  -210px -95px;
}

.subnav #nav50.active a {
  background-position:  -420px -95px;
}
  
.subnav #nav54 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -125px;
  width: 200px;
  height: 35px;  
}

.subnav #nav54 a:hover {
  background-position:  -210px -125px;
}

.subnav #nav54 a:active {
  background-position:  -210px -125px;
}

.subnav #nav54.active a {
  background-position:  -420px -125px;
}
               
#nav29 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -169px;
  width: 100px;
  height: 50px;
  text-indent: -9999px;	   	
}

#nav29 a:hover {
  background-position:  -210px -169px;
}

#nav29 a:active {
  background-position:  -210px -169px;
}

#nav29.active a {
  background-position:  -420px -169px;
}      
    
.subnav #nav30 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -219px;
  width: 200px;
  height: 25px;
}
  
.subnav #nav30 a:hover {
  background-position:  -210px -219px;
}

.subnav #nav30 a:active {
  background-position:  -210px -219px;
}

.subnav #nav30.active a {
  background-position:  -420px -219px;
}


.subnav #nav60 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -247px;
  width: 200px;
  height: 28px;
}

.subnav #nav60 a:hover {
  background-position:  -210px -247px;
}

.subnav #nav60 a:active {
 background-position:  -210px -247px;
}

.subnav #nav60.active a {
  background-position:  -420px -247px;
}
  
  
.subnav #nav63 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -275px;
  width: 200px;
  height: 35px;  
}

.subnav #nav63 a:hover {
  background-position:  -210px -275px;
}

.subnav #nav63 a:active {
  background-position:  -210px -275px;
}
  
  
.subnav #nav63.active a {
  background-position:  -420px -275px;
}
  
#nav32 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -315px;
  width: 100px;
  height: 50px;
  text-indent: -9999px;	   	
}

#nav32 a:hover {
  background-position:  -210px -315px;
}

#nav32 a:active {
  background-position:  -210px -315px;
}

#nav32.active a {
  background-position:  -420px -315px;
  }
    
.subnav #nav33 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -363px;
  width: 200px;
  height: 25px;
}
  
.subnav #nav33 a:hover {
  background-position:  -210px -363px;
}

.subnav #nav33 a:active {
  background-position:  -210px -363px;
}

.subnav #nav33.active a {
  background-position:  -420px -363px;
}

.subnav #nav69 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -388px;
  width: 200px;
  height: 35px;  
}

.subnav #nav69 a:hover {
  background-position:  -210px -388px;
}

.subnav #nav69 a:active {
  background-position:  -210px -388px;
}

.subnav #nav69.active a {
  background-position:  -420px -388px;
}
                            
#nav35 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -434px;
  width: 100px;
  height: 50px;
  text-indent: -9999px;	  	
}

#nav35 a:hover {
  background-position:  -210px -434px;
}

#nav35 a:active {
  background-position:  -210px -434px;
}

#nav35.active a {
  background-position:  -420px -434px;
}
  
.subnav #nav36 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -481px;
  width: 200px;
  height: 25px; 
}
  
.subnav #nav36 a:hover {
  background-position:  -210px -481px;
}

.subnav #nav36 a:active {
  background-position:  -210px -481px;
}

.subnav #nav36.active a {
  background-position:  -420px -481px;
}

.subnav #nav74 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -506px;
  width: 200px;
  height: 35px;
}

.subnav #nav74 a:hover {
  background-position:  -210px -506px;
}

.subnav #nav74 a:active {
  background-position:  -210px -506px;
}

.subnav #nav74.active a {
  background-position:  -420px -506px;
}

#nav38 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -553px;
  width: 100px;
  height: 48px;
  text-indent: -9999px;	  	
}

#nav38 a:hover {
  background-position:  -210px -553px;
}

#nav38 a:active {
  background-position:  -210px -553px;
}

#nav38.active a {
  background-position:  -420px -553px;
  }

.subnav #nav39 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -597px;
  width: 200px;
  height: 25px;
}
  
.subnav #nav39 a:hover {
  background-position:  -210px -597px;
}

.subnav #nav39 a:active {
  background-position:  -210px -597px;
}

.subnav #nav39.active a {
  background-position:  -420px -597px;
}

.subnav #nav79 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -622px;
  width: 200px;
  height: 28px;
}

.subnav #nav79 a:hover {
  background-position:  -210px -622px;
}

.subnav #nav79 a:active {
  background-position:  -210px -622px;
}

.subnav #nav79.active a {
  background-position:  -420px -622px;
}    
  
.subnav #nav82 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -650px;
  width: 200px;
  height: 35px;
}

.subnav #nav82 a:hover {
  background-position:  -210px -650px;
}

.subnav #nav82 a:active {
  background-position:  -210px -650px;
}  
  
.subnav #nav82.active a {
  background-position:  -420px -650px;
}

#nav41 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -698px;
  width: 100px;
  height: 45px;
  text-indent: -9999px;	   	
}

#nav41 a:hover {
  background-position:  -210px -698px;
}

#nav41 a:active {
  background-position:  -210px -698px;
}

#nav41.active a {
  background-position:  -420px -698px;
  }

.subnav #nav42 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -742px;
  width: 200px;
  height: 25px;  
}
  
.subnav #nav42 a:hover {
  background-position:  -210px -742px;
}

.subnav #nav42 a:active {
  background-position:  -210px -742px;
}

.subnav #nav42.active a {
  background-position:  -420px -742px;
}

.subnav #nav88 a {
  float: left;
  display: block;
  background: url(/assets/templates/wdg/images/portfolio-menu.png) no-repeat 0px -767px;
  width: 200px;
  height: 35px;
}

.subnav #nav88 a:hover {
  background-position:  -210px -767px;
}

.subnav #nav88 a:active {
  background-position:  -210px -767px;
}

.subnav #nav88.active a {
  background-position:  -420px -767px;
}

.portfolio #content-spacer {
  float: left;
  width: 674px;
  height: 80px;  
}

.portfolio #showcase-image {
  float: left;
  width: 674px;
  height: 265px; 
}

.portfolio #content {
  float: left;
  width: 674px;
  height: 195px;
}

.portfolio #content p {
  margin-top: .8em;
  margin-left: 6px;
  line-height: 1.8em;
  font-size: 108%;
  color: #96916a;
}

.showcase #left-sidebar {
  float: left;
  width: 251px;
  height: 535px;
  background: url(/assets/templates/wdg/images/portfolio-left-sidebar-bg.png) no-repeat;
}

.showcase #content-spacer {
  float: left;
  width: 674px;
  height: 80px; 
}

.showcase #content-container {
  float: left;
  overflow: hidden;
  width: 674px;
  height: 455px;
}

.showcase #showcase-image {
  float: left;
  width: 674px;
  height: 265px;
}

.showcase #showcase-menu-box {
  float: left;
  height: 195px;
  width: 224px;
}

.showcase-menu {
  margin-top: .8em;
  margin-left: .8em;
}

.showcase-menu li a {
  line-height: 2em;
  font-size: 90%;
  list-style: none;
  text-decoration: none;
  font-style: italic;
  color: #96916a;
}

.showcase-menu a:hover {
  color: #737a35;
  font-weight: bold;
}

.showcase-menu a:active {
   color: #737a35;
   font-weight: bold;
}
	
.showcase-menu .active a {
  color: #514f26;
  font-weight: bold;	
}
		
.showcase #content {
  float: left;
  height: 195px;
  width: 450px;	
}

.showcase #content p {
  margin-top: .8em;
  color: #96916a;
  font-size: 90%;
}

.connect #left-container {
  float: left;
  overflow: hidden;
  height: 535px;
  width: 473px;
}

.connect #content-spacer {
  float: left;
  width: 473px;
  height: 72px;
}
	
.connect #left-sidebar {
  float: left;
  height: 455px;
  width: 250px;
}

.connect-menu {
  margin-left: 24px;
}

#nav91 a {
  float: left;
  display: block;
  width: 180px;
  height: 40px;
  background: url(/assets/templates/wdg/images/connect-menu.png) no-repeat  0px 0px;
  text-indent: -9999px;  
}

#nav91 a:hover {
  background-position:  -180px 0px;
}

#nav91 a:active {
  background-position:  -180px 0px;
}

#nav91.active a {
  background-position:  -360px 0px;
}

#nav93 a {
  float: left;
  display: block;
  width: 180px;
  height: 50px;
  background: url(/assets/templates/wdg/images/connect-menu.png) no-repeat  0px -40px;
  text-indent: -9999px;
}

#nav93 a:hover {
  background-position:  -180px -40px;
}

#nav93 a:active {
  background-position:  -180px -40px;
}

#nav93.active a {
  background-position:  -360px -40px;
}

#nav94 a {
  float: left;
  display: block;
  width: 180px;
  height: 50px;
  background: url(/assets/templates/wdg/images/connect-menu.png) no-repeat  0px -90px;
  text-indent: -9999px;
}

#nav94 a:hover {
  background-position:  -180px -90px;
}

#nav94 a:active {
  background-position:  -180px -90px;
}

#nav94.active a {
  background-position:  -360px -90px;
}


.connect #content {
  float: left;
  overflow: hidden;
  margin-top: 2px;
  width: 200px;
}

.connect #content p {
  line-height: 1.8em;
  font-size: 108%;
  color: #96916a;
}

.connect #content .address p {
  font-size: 90%;
  color: #96916a;
}
	
.connect #content .address h2 {	
  font-size: 94%;
  color: #96916a;
}

.connect #content .directions {
  margin-top: 3px;
}

.connect #content .directions h2 {
  margin-bottom: .8em;
  font-size: 97%;
}
	
.connect #content .directions p {
  font-size: 97%;
}

.connect #right-container {
  float: left;
  overflow: hidden;
  display: inline;
  width: 452px;
  height: 535px;
  background: url(/assets/templates/wdg/images/connect-bg.png) no-repeat;
}
	
.connect #image-area {
  float: left;
  overflow: hidden;
  display: inline;
  margin-left: 3px;
  margin-top: 80px;
  width: 449px;
  height: 455px;
}

#footer {
  float: left;
  overflow: hidden;		
}

#footer-inside-left {
  float: left;
  height: 65px;
  width: 535px;
}

.footer-font p {
  margin-top: 35px;
  color: #96916a;
  font-size: 88%;
}
  
#footer-inside-right {
  float: left;
  width: 390px;
  height: 65px;
  text-indent: -9999px; 
}   
  
#wdglogohome {
  float: left;
  display: block;  
  width: 390px;
  height: 65px;
  background: url(/assets/templates/wdg/images/wdg-logo.png) no-repeat;
}

/* Styles */

/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link {
  color: #737a35;
}

a:visited {
  color: #737a35; 
}

a:hover,
a:focus {
  color: #514f26;
}

a:active {
  color: #514f26;
}