/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

body {
font:62.5% Helvetica, Arial, arial, sans-serif;
background:#f4f4f4;
color:#4b4b4b;
text-align:center;
}

p { margin: 0 0 1em 0; }

h1, h2, h3, h4, h5, h6, h7 {
font:1em/1.1 times, 'times new roman', georgia, serif;
margin:0 0 .5em 0;
font-weight:normal;
}

h1 {
color:#aa6d28;
color:#34285a;
font-size:2.3em;
}

h1.fullpage-title {
padding-left:40px;
text-align:left;
color:#6b7991;
font-size:3em;
font-family:times, 'times new roman', georgia, serif;
}

h1.fullpage-title2 {
margin:0 0 10px 0;
padding-left:20px;
text-align:left;
color:#6b7991;
font-size:3em;
font-family:times, 'times new roman', georgia, serif;
}


h2 {
color:#8f6b33;
color:#aa6d28;
font-style:italic;
font-size:1.4em;
}

h3 {
margin:0; padding:5px;
font-size:1.8em;
color:#6b7991;
color:#996633;
font-weight:normal;
letter-spacing:0.1em;
border-bottom:1px dotted #996633;
}

/* Styles for content area
----------------------------------------------- */
.entry-content h1 {
padding:0; 
margin:0 0 5px 0;
font-size:1.8em;
font-style:normal;
}
.entry-content h2 {
font-size:1.8em;
color:#6b7991;
padding:0; 
margin:0 0 5px 0;
font-style:normal;
}
.entry-content h3 {
padding:0; 
margin:0 0 5px 0;
font-size:1.8em;
color:#996633;
font-weight:normal;
letter-spacing:0;
border-bottom:0;
}

.entry-content h4 {
color:#34285a;
font-family:helvetica, verdana, tahoma, arial, sans;
font-size:1.5em;
}

.entry-content h5 {
color:#6b7991;
font-family:helvetica, verdana, tahoma, arial, sans;
font-size:1.5em;
}

.entry-content h6 {
color:#996633;
font-family:helvetica, verdana, tahoma, arial, sans;
font-size:1.5em;
}

.entry-content strong {
font-weight:bold;
}
.entry-content em {
font-style:italic;
}

.entry-content blockquote {
margin:20px 20px;
padding:10px 20px;
background:#f9f0e5;
border-top:2px solid #e7c297;
border-bottom:1px solid #e7c297;
}

/* Links
----------------------------------------------- */
a, a:link, a:visited { text-decoration:none; color: #996633; }
a:hover { text-decoration:underline; color:#996633; }


/* Lists
----------------------------------------------- */
.entry-content ul{ margin:10px 0 10px 20px; }
.entry-content ul li { padding:0 0 0 15px;
background: url(/cssimages/list-bullet.gif) no-repeat top left;
}

/* Column Layout Classes
----------------------------------------------- */


/* Request Information Panel at top
----------------------------------------------- */
#request-information-bar {
clear:both;
margin:0;
padding:0;
width:100%;
height:5px;
background:#382b5f;
background:#1a1a3a;
}

#request-information-full {
margin:0 auto;
padding:0;
width:100%;
background:#fff;
}

#request-information-container {
margin:0 auto;
padding:0;
width:900px;
height:24px;
}

#request-information {
margin:0;
float:right;
width:145px;
height:24px;
}

#request-information li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; right:0px; }

#request-information li, 
#request-information a { height:24px; display: block; }

#request-information-btn {left: 0px; width:145px;
background: transparent url(/newsite/cssimages/request-information.gif) 0px 0px no-repeat;}

#request-information-btn a:hover {
background: transparent url(/cssimages/request-information.gif) -0px -24px no-repeat;}

#panel {
background: #1a1a3a url(/cssimages/panel-bg.gif) center bottom;
display: none;
}

#panel-content {
margin:0 auto;
width:900px;
}

#panel-content-main {
padding:40px 0 0 0;
float:left;
margin:0;
width:380px;
color:#fff;
font-size:1.5em;
line-height:1.7em;
text-align:left;
}

#panel-content-left {
padding:40px 0 0 0;
float:left;
margin:0 0 0 40px;
width:240px;
color:#fff;
font-size:1.1em;
text-align:right;
display:inline;
border-left:2px solid #1a1a3a;
}

#panel-content-left a:link, #panel-content-left a:link, #panel-content-left a:link { color:#fff; }
#panel-content-left a:hover { color:#fff; text-decoration:underline; }

#panel-content-right {
padding:30px 0;
float:right;
margin:0 auto;
width:190px;
color:#fff;
text-align:left;
}

.slide {
	margin: 0;
	padding: 0;
        width:187px;
        float:right;
}
.btn-slide {
	background: url(/cssimages/request-information.gif) no-repeat center top;
	text-align: right;
	width: 187px;
	height: 24px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
}
.active {
background-position: center -24px;
}

/* General Layout
----------------------------------------------- */
#wrap {
clear:both;
margin:0;
padding:0;
width:100%;
background: #f4f4f4 url(/cssimages/bg.gif) repeat-x top center;
}

#container-middle {
margin:0 auto;
padding:0;
width:920px;
background:url(/cssimages/container-bg-repeat.gif) repeat-y top center;
}

#container-top {
margin:0 auto;
padding:0;
width:920px;
background:url(/cssimages/container-top.gif) no-repeat top center;
}

#container-bottom {
margin:0 auto;
padding:0;
width:920px;
background:url(/cssimages/container-bottom.gif) no-repeat bottom center;
}

#head {
width:100%;
height:83px; 
}

#wraywallace {
margin:10px 0 0 15px;
float:left;
height:50px;
display: inline;
}

/* Navigation Main
----------------------------------------------- */
#tabbed-navigation {
margin:43px 40px 0 0;
float:right;
display: inline;
width:523px;
height:40px;
}

/* main menu
----------------------------------------------- */
.menu { position:relative; margin-top:0px; z-index:5000; }
.menu ul {padding:0; margin:0;list-style-type: none; width:523px; background:url(/cssimages/tabbed-navigation.gif) no-repeat top left; font-size:11px; height:40px; }

.menu ul li {float:left; position:relative;}
.menu ul li a b {margin-left:-9999px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:104px; height:40px; text-align:left; color:#996633; border:1px solid #fff; border-width:0 0px 0px 0; line-height:40px; font-size:12px; font-weight:bold; }

.menu ul li a.services { left:0; width:104px; display:block; float:left; height:40px; cursor:pointer; }
.menu ul li a.expertise { left:104; width:104px; display:block; float:left; height:40px; cursor:pointer; }
.menu ul li a.depth { left:208; width:104px; display:block; float:left; height:40px; cursor:pointer; }
.menu ul li a.clients { left:312; width:104px; display:block; float:left; height:40px; cursor:pointer; }
.menu ul li a.about { left:416; width:104px; display:block; float:left; height:40px; cursor:pointer; }

.menu ul :hover a.services,
.menu ul li a.services.active { background: transparent url(/cssimages/tabbed-navigation.gif) no-repeat 0px -40px; }
.menu ul :hover a.expertise,
.menu ul li a.expertise.active { background: transparent url(/cssimages/tabbed-navigation.gif) no-repeat -104px -40px; }
.menu ul :hover a.depth,
.menu ul li a.depth.active { background: transparent url(/cssimages/tabbed-navigation.gif) no-repeat -208px -40px; }
.menu ul :hover a.clients,
.menu ul li a.clients.active { background: transparent url(/cssimages/tabbed-navigation.gif) no-repeat -312px -40px; }
.menu ul :hover a.about,
.menu ul li a.about.active { background: transparent url(/cssimages/tabbed-navigation.gif) no-repeat -416px -40px; }

.menu ul li ul {visibility:hidden; position:absolute; background:transparent; }
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover { background:transparent; }

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; top:39px; left:0; z-index:6000; width:170px;
/*border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-top:1px solid #efefef;*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; width:170px; clear:both; border-left:2px solid #e4e4e4;}
.menu ul li:hover ul li a { height:auto; font-size:11px; line-height:14px; padding-top:8px; padding-bottom:8px; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; width:100%; padding-left:10px; padding-right:5px; 
background:url(/cssimages/subnavbg90.png) !important; background:#fff;
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { /*background:#2d2113;*/ text-decoration:underline; }

/* end navigation main
----------------------------------------------- */

#banner-text{
clear:both;
margin:0; padding:0;
float:left;
width:320px;
height:278px;
text-align:left;
color:#6b7991;
font-size:3.7em;
letter-spacing:0.1em;
line-height:1.3em;
font-family:times, 'times new roman', georgia, serif;
display:none;
}

.innerpage #banner-text {
width:540px;
font-size:3.5em;
}

#banner-text p { margin:0; padding:0; }

#banner-text .btext-pad {
/*padding:40px 0px 0px 50px;*/
padding:0px 0px 0px 20px;
}

#banner-image{
margin:0; padding:0;
float:right;
width:580px;
height:278px;
text-align:left;
background:url(/cssimages/banner-bg-home.gif) no-repeat top left;
}

.innerpage #banner-image {
width:350px;
background:url(/cssimages/banner-bg-page.gif) no-repeat top left;
}

#banner-image2{    /* secondary level page */
margin:0; padding:0;
width:350px;
height:278px;
text-align:left;
background:url(/cssimages/banner-bg-page.gif) no-repeat top left;
}


#banner-image img, #banner-image2 img { padding:20px 0 0 20px; }

#main {
clear:both;
margin:0 auto;
}

#main-fullpage {
clear:both;
margin:0 auto;
}

#sidebar {
float:left;
width:180px;
font-size:1.2em;
line-height:1.5em;
text-align:right;
}

#sidebar-left {
float:left;
width:180px;
font-size:1.2em;
line-height:1.5em;
text-align:right;
}

#sidebar2 {
float:right;
width:180px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}

#sidebar-right {   /* default */
float:right;
width:300px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}

#sidebar-right2 {   /* secondary level */
float:right;
width:350px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}


#sidebar-right-full {
margin:0 20px 0 0;
float:right;
display:inline;
width:180px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}

#sidebar-right-full2 {
float:right;
width:300px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}

#sidebar-full-upper {
margin:50px 0 0 0;
width:100%;
height:220px;
}

#sidebar-full-lower {
padding:5px 20px;
}

#sidebar-full-lower2 {  /* secondary level page */
margin:20px 0 0 30px;
}


#content {
margin:0 0 0 190px;
font-size:1.3em;
line-height:1.7em;
text-align:left;
}

#content-sidebar-left {
margin:0 0 0 190px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
}

#content-sidebar-right {  /* default */
margin:0 320px 0 0;
font-size:1.2em;
line-height:1.5em;
text-align:left;
border-right:1px solid #d7d6d2;
}

#content-fullpage {
margin:0 0 0 20px;
float:left;
width:640px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
background: url(/cssimages/main-bg-full.gif) no-repeat top left;
}

#content-fullpage2-wrap {
margin:30px 0 0 20px;
float:left;
width:500px;
}

#content-fullpage2 {
margin:0;
width:500px;
min-height:565px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
background: url(/cssimages/main-bg-full500.gif) no-repeat top left;
}

#content-fullpage2-nq {
margin:0;
width:500px;
min-height:400px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
background: url(/cssimages/main-bg-full500.gif) no-repeat top left;
}


/* !-- REPLACED W/ -----^... JB
#content-fullpage2-nq {
margin:0;
width:500px;
font-size:1.2em;
line-height:1.5em;
text-align:left;
border:1px solid #d7d6d2;
background:#fff;
}
*/

.entry-content {

}

.entry-content1 {

}

.entry-content2 {

}

.cli-leftcol {
margin:20px 0;
float:left;
width:40%;
color:#34285a;
}

.cli-rightcol {
margin:20px 0;
float:right;
width:50%;
color:#34285a;
}

#footer {
clear:both;
width:100%;
padding:20px auto;
text-align:center;
color:#aa6d28;
color:#444;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
color:#4b4b4b;
color:#444;
text-decoration:none;
}
#footer a:hover { 
border-bottom:1px dotted #444; 
color:#444; 
text-decoration:none;
}

#footer img {
display:block;
margin: 10px auto 20px auto;
}

#accessibility {
position: absolute;
top: -10000px;
}

#showhere {
text-align:center;
}

#error-content {
margin:40px 0;
padding:0 60px;
font-size:1.3em;
line-height:2em;
}

.bottom-of-page {
width:880px;
margin: 20px 0 0px 0;
background:#e8e8e8;
border-top:2px solid #d0d0d0;
border-bottom:1px solid #d8d8d8;
text-align:right;
font-size:0.9em;
}

.bottom-of-page2 {
width:880px;
margin: 20px 20px 0 0;
background:#e8e8e8;
border-top:2px solid #d0d0d0;
border-bottom:1px solid #d8d8d8;
text-align:right;
font-size:0.9em;
}

.bottom-of-pageError {
width:100%;
margin: 20px 0 0 0;
background:#e8e8e8;
border-top:2px solid #d0d0d0;
border-bottom:1px solid #d8d8d8;
text-align:right;
font-size:0.9em;
}

/* Navigation Secondary - primary pages
----------------------------------------------- */
#secondary-navigation {
width:100%;
margin:0;
padding:10px 0;
text-align:left;
}

#secondary-navigation ul {
margin:0 0 0 20px;
font-size:1.2em;
}

#secondary-navigation li {
display: inline;
list-style-type: none;
}

#secondary-navigation ul li a:link, 
#secondary-navigation ul li a:visited, 
#secondary-navigation ul li a:active
{
text-decoration:none; 
font-weight:bold;
color:#34285a; 
}


#secondary-navigation ul li a:hover
{
text-decoration:none; 
font-weight:bold;
color:#34285a; 
border-bottom:1px dotted #34285a;
}

/* Navigation Secondary - secondary pages
----------------------------------------------- */
ul.subnavigation {
margin:10px 0 20px 0;
width:100%;
}

ul.subnavigation li {
display:block;
color:#996633;
padding:8px 5px;
border-bottom:1px dotted #d7d6d2;
}

#main-nobanner-right {
float:right;
width:150px;
margin:40px 0 0 0; padding:0;
text-align:left;
}

#main-nobanner-right h3 {
padding:20px 5px 15px 15px;
}

#main-nobanner-right .subnav-top {
width:100%;
background: url(/cssimages/subnav-bg-top.gif) no-repeat top center;
}

#main-nobanner-right .subnav-bottom {
width:100%;
background: url(/cssimages/subnav-bg-bottom.gif) no-repeat bottom center;
}

#main-nobanner-right ul {
padding:0px 8px 15px 10px;
font-size:1.1em;
}

#main-nobanner-right li {
list-style-type: none;
padding:10px 0;
/*border-bottom:2px solid #d7d6d2;*/
}

ul.subnavigation li.active {
font-style:italic;
font-weight:bold;
}

#main-nobanner-right li.active {
font-style:italic;
}

#main-nobanner-right ul li a:link, 
#main-nobanner-right ul li a:visited, 
#main-nobanner-right ul li a:active
{
text-decoration:none; 
font-weight:bold;
color:#34285a; 
}

#main-nobanner-right ul li a:hover
{
text-decoration:none; 
font-weight:bold;
color:#34285a; 
border-bottom:1px dotted #34285a;
}

.logo-section {
padding: 0;
margin:20px auto 0 auto;
text-align:center;
}

.logo-section2 {
padding: 0 20px 0 0;
margin:20px auto 0 auto;
text-align:center;
/*
padding: 0;
padding:100%;
margin:10px auto 0 auto;
text-align:center;
background: url(/cssimages/page-bottom.gif) no-repeat bottom center;
*/
}

/* Landing pages
---------------------------------------------- */


/* General Classes
----------------------------------------------- */
.padding-left20 { padding:20px 0 20px 20px; }
.padding-right20 { padding:20px 20px 20px 0; }
.padding-20 { padding:20px; }
.padding-20s { padding:0 0 20px 20px ; }
.padding-30 { padding:30px; }
.padding-40 { padding:40px; }
.padding-tb20 { padding:20px 0; }
.padding-lr15 { padding:0 15px; }
.padding-sidebar { padding:20px 40px; }
.indent { margin:10px auto; padding:10px 20px; background-color:#e7e6e2; border:1px solid #d7d6d2; }

/* Image Classes
----------------------------------------------- */
.sidebar-btn { margin-bottom:10px; }

/* Section Classes
----------------------------------------------- */
.address { margin:10px 0 30px 0; font-size:0.9em; }


/* Sub navigation styles
----------------------------------------------- */

.subnavclass {
position:relative;
padding:5px 15px 10px 25px;
/*width:150px;*/
line-height:1.7em;
border-left:1px solid #c4c4c4;
}

.subnavclass ul li a, 
.subnavclass ul li a:link, 
.subnavclass ul li a:visited 
{ 
text-decoration:none; color: #4b4b4b;
}
.subnavclass ul li a:hover 
{ 
text-decoration:none; 
color:#4b4b4b; 
border-bottom:1px dotted #4b4b4b;
}

/* clear floats
----------------------------------------------- */
.clear { clear:both; }



.clearfix:after {

content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* fix in IE/Mac */
.clearfix {display: inline-block;}

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


/* zem contact form
----------------------------------------------- */
.zemTextarea, .zemText { 
width:160px; 
font-family:Helvetica, Arial, arial, sans-serif;
font-size:11px;
margin:0 0 3px 0;
}

.zemTextarea { height:50px; }
.zemSubmit { 
margin:5px 0 0 0;
padding:3px 10px;
background:#1a1a3a;
border-left:1px solid #1a1a3a;
border-right:1px solid #3a3a5a;
border-top:1px solid #1a1a3a;
border-bottom:1px solid #3a3a5a;
color:#fff;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.1em;
text-transform:uppercase;
}

.sidebar-btn {
margin:10px auto;
text-align:left;
}

.sidebar-quote {
margin:30px 0 0 -20px;
padding:15px 20px;
background:url(/cssimages/quote-left.gif) no-repeat top left;
}


/* client ticker
----------------------------------------------- */
#myhtmlticker {
border-top:2px solid #d4d4d4;
clear:right;
margin:0 0 10px 0;
width:150px;
min-height:120px;
}

.client-quote {
font-size:0.9em;
text-align:left;
color:#34285a;
color:#6b7991;
}

.client-name {
padding:5px 0px 0px 0;
font-size:0.9em;
font-weight:bold;
color:#aa6d28;
color:#34285a;
}

.quotes-title {
font-size:0.9em;
margin:30px 0 5px 0;
text-align:left;
font-style:bold;
text-transform:uppercase;
letter-spacing: 0.2em;
}

/* bio image replacement
----------------------------------------------- */
/* edit notes: the height for gallery allows for the bio text
   to fit below the image. That is, a longer bio might require 
   an increase in the gallery height.
*/
#gallery {
margin:10px 0; padding:0;
position:relative;
height:1200px; 
min-height:1200px;
background:url(http://www.wraywallace.com/newsite/images/51.jpg) no-repeat 20px 0px; /* left,top */
}

.switch {
display:block; 
margin: 0 150px 0 300px;
color:#996633; 
cursor:pointer; 
padding:3px 0; 
text-align:left; 
font-weight:normal;
font-size:0.9em; 
border-bottom:1px solid #d7d6d2; 
}

.off { 
color:#996633; 
font-weight:normal;
text-decoration:underline;
font-size:0.9em; 
}

.hide {display:none; }

.show {
position:absolute;
top:0; 
left:20px; 
display:block; 
width:266px; 
z-index:500;
}

/* edit notes: This code below determines where the bio text
   shows up below the images/list. To make more room for a longer
   list, I simply changed the top: parameter from 400 to, say, 500
   to push the text down.
*/
.show span.bio-text { 
position:absolute; 
top:450px; 
left:0; 
width:560px; 
z-index:500; 
font-size:1.1em; 
text-align:left;
margin:40px 0 0 -20px;
padding:15px 0px 15px 20px;
background:url(/cssimages/quote-left.gif) no-repeat top left; 
}

.show img {
float:left; 
padding:0;
}