/* 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 Futura, "Century Gothic", AppleGothic, sans-serif;
margin:0 0 .5em 0;
font-weight:normal;
}

h1 {
font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
color:#181718;
text-transform:uppercase;
font-weight:800;
font-size:2.3em; font-size: 1.8em;
}

h1.fullpage-title {
padding-left:40px;
text-align:left;
color:#181718;
font-size:3em; font-size:1.8em;
}

h1.fullpage-title2 {
margin:0 0 10px 0;
padding-left:20px;
text-align:left;
color:#181718;
font-size:3em; font-size:1.8em;
}

h2 {
color:#E19F2C;
/*font-style:italic;*/
font-weight:800;
font-size:1.4em;
}

h3 {
margin:0; padding:5px;
font-size:1.8em;
color:#6b7991;
color:#e19f2c;
font-weight:normal;
letter-spacing:0.1em;
border-bottom:1px dotted #e19f2c;
font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
font-weight:800;
font-size:1.6em;
}

.padding-sidebar h3 {
color:#181718;
text-transform:uppercase;
border-bottom: 1px dotted #181718;
}

.entry-content .cli-leftcol  h1 { font-size:1.5em; }
.entry-content .cli-rightcol h1 { font-size:1.5em; }
.entry-content .cli-leftcol  h3 { font-size:1.2em; }
.entry-content .cli-rightcol h3 { font-size:1.2em; }


/* 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:#181718;
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:#e19f2c;
font-weight:normal;
letter-spacing:0;
border-bottom:0;

font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
font-weight:800;
font-size:1.6em;

}

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

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

.entry-content h6 {
color:#e19f2c;
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;
}


/* home page news scroller */
h2.news-title { color:#000; font-style:normal;
text-transform:uppercase;
margin:0 0 0 10px;
}

#news_scroller {
width:220px;
height:150px;
background: url(/cssimages/news_scroller_bg2.png) no-repeat top center;
margin-bottom:20px;
}
.news_scroller_pad { padding:10px; }

.news_scroller {
height:110px;
overflow:hidden;
}
.news_item h3 {
margin:0px; padding:0px;
border:none;
font-size:12px;
color:#222;
}
.news_item {
margin-bottom:5px;
font-size:11px;
color:#666;
}

/* news page blog style */
.news-item {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px dotted #E19F2C;
border-bottom:1px dotted #D7D6D2;
}

.news-item h2 { color:#E19F2C; font-family:Futura, "Century Gothic", AppleGothic, sans-serif; }

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


/* 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:#c68101;
background:#231f20;
}

#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:154px;
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:154px;
background: transparent url(/cssimages/request-information-btn.gif) 0px 0px no-repeat;}

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

#panel {
background: #1a1a3a url(/cssimages/panel-bg-grey.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:1px solid #111;
}

#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-btn.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 {width:523px; height:40px; position:relative; z-index:5000; }
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:11px arial,sans-serif;color:#181718; line-height:20px; text-decoration:none; text-transform:uppercase; } 
 
#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}
 
#menu li.top-level-li {float:left;}
 
#menu a.top-level-a {float:left; padding:0;}
#menu a.top-level-a b {position:absolute; left:-9999px;}

#menu a.company {width:131px; height:40px; background:url(/cssimages/thecompany.gif);}
#menu a.credit {width:130px; height:40px; background:url(/cssimages/thecredit.gif);}
#menu a.difference {width:130px; height:40px; background:url(/cssimages/thedifference.gif);}
#menu a.clients {width:130px; height:40px; background:url(/cssimages/theclients.gif);}
 
#menu li.top-level-li:hover {position:relative;}
#menu a.top-level-a:hover {white-space:nowrap; position:relative; background-position:0 -40px;}
#menu li.top-level-li:hover > a.top-level-a {white-space:nowrap; position:relative; background-position:0 -40px;}
 
#menu li ul {display:block; position:absolute; visibility:hidden; left:-1px; margin:0;
background:url(/cssimages/subnavbg90.png) !important; background:#fff;
width:200px;
border-left:1px solid #e5e5e5; 
border-right:1px solid #e5e5e5; 
border-bottom:1px solid #e5e5e5;
}
#menu li ul li {display:inline;}
#menu li li a {padding:0 30px 10px 10px; } 
#menu li li a:hover {color:#181718; text-decoration:underline; } 
#menu li li:hover > a {color:#181718; text-decoration:underline; } 
 
#menu ul.drop-down {top:32px;} 
 
#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}

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

#bannerfullbg {
width:890px;
height:277px;
float:left;
display:inline;
margin:0 0 0 12px; padding:0;
background:url(/cssimages/bannerfull-bg.png) no-repeat top left;

}

#bannerfull {
clear:both;
margin:20px 0 0 21px;
width:850px;
height:240px;
text-align:left;
}

#bannerfull { background:url(/images/224.jpg) no-repeat top right; }
#services #bannerfull { background:url(/images/226.jpg) no-repeat top right; }
#depth #bannerfull { background:url(/images/227.jpg) no-repeat top right; }
#clients #bannerfull { background:url(/images/228.jpg) no-repeat top right; }
#expertise #bannerfull { background:url(/images/229.jpg) no-repeat top right; }
#about #bannerfull { background:url(/images/230.jpg) no-repeat top right; }


#swoosh {
clear:both;
margin:0; padding:0;
width:850px;
height:240px;
background:url(/images/225.png) no-repeat top left;
}

#swoosh #fade-text {
text-align:left;
color:#181718;
font-size:2.8em;
letter-spacing:-0.05em;
line-height:1.5em;
font-family:Futura, "Century Gothic", AppleGothic, sans-serif;
padding:60px 100px 0px 40px;
text-transform:uppercase;
display:none;
}
#swoosh #fade-text em { color:#fff; font-size:1.2em; }
#swoosh #fade-text p  { width:470px; margin:0; padding:0; background:#e19f2c; }

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

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

#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;
}

#content-singlePage {
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;
}


/* !-- 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:#181718;
}

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

#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:#181718; 
}


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

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

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

ul.subnavigation li a, ul.subnavigation li a:link, ul.subnavigation li a:visited { text-decoration:none; color: #181718; }
ul.subnavigation li  a:hover { text-decoration:underline; color:#181718; }

#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:#181718; 
}

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

.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:#000;
border-left:1px solid #111;
border-right:1px solid #222;
border-top:1px solid #111;
border-bottom:1px solid #222;
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;
}

.singlePageUrl .sidebar-quote {
margin:30px 0 0 -10px;
padding:15px 10px 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:#181718;
color:#6b7991;
color:#c68101;
color:#777;
}

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

.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.
*/


#expertise-bios .padding-20 {
padding:0 20px;
}

.bio-subnav {
margin-top:-30px;
/*margin:0 10px;
padding:20px;
background:#fff;
border:3px solid #eee;
*/
}

#gallery {
margin:2px 0; padding:0;
position:relative;
height:1200px; 
min-height:1200px;
background:url(http://www.wraywallace.com/images/51.jpg) no-repeat 20px 0px; /* left,top */
}

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

.off { 
color:#e19f2c; 
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:470px; 
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;
}

/* wheel diagram and hover states
----------------------------------------------- */
#wheel {
width: 500px;
height: 500px;
background:url(/cssimages/wheel-sprite.png) no-repeat 0 0; 
margin: 10px auto; padding: 0;
position: relative;
}
#wheel li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; background:transparent;}

#wheel a {display: block;}
 
#wheel1 {left: 135px; top:   0px; width: 228px; height: 200px;}
#wheel2 {left:   0px; top: 250px; width: 228px; height: 200px;}
#wheel3 {left: 272px; top: 250px; width: 228px; height: 200px;}
#wheel4 {left:   0px; top:  50px; width: 228px; height: 200px;}
#wheel5 {left: 272px; top:  50px; width: 228px; height: 200px;}
#wheel6 {left: 135px; top: 300px; width: 228px; height: 200px;}
#wheel7 {left: 194px; top: 194px; width: 112px; height: 112px;}

#wheel1 a {height: 200px;}
#wheel2 a {height: 200px;}
#wheel3 a {height: 200px;}
#wheel4 a {height: 200px;}
#wheel5 a {height: 200px;}
#wheel6 a {height: 200px;}
#wheel7 a {height: 112px;}
 
#wheel1 a:hover {background: url(/cssimages/wheel-sprite.png) 
-135px -1000px no-repeat;}
#wheel2 a:hover {background: url(/cssimages/wheel-sprite.png) 
-0px -1250px no-repeat;}
#wheel3 a:hover {background: url(/cssimages/wheel-sprite.png) 
-272px -1250px no-repeat;}
#wheel4 a:hover {background: url(/cssimages/wheel-sprite.png) 
-0px -550px no-repeat;}
#wheel5 a:hover {background: url(/cssimages/wheel-sprite.png) 
-272px -550px no-repeat;}
#wheel6 a:hover {background: url(/cssimages/wheel-sprite.png) 
-135px -800px no-repeat;}
#wheel7 a:hover {background: url(/cssimages/wheel-sprite.png) 
-194px -1694px no-repeat;}

/* tooltip styling */
.tooltip1, .tooltip2, .tooltip3, .tooltip4, .tooltip5, .tooltip6, .tooltip7  {
display:none;
font-size:14px;
height:70px;
width:160px;
padding:25px;
color:#fff;	
}

.tooltip2, .tooltip3, .tooltip6  {
display:none;
font-size:14px;
height:70px;
width:160px;
padding:35px 25px 20px 25px;
color:#fff;	
}

.tooltip1, .tooltip4, .tooltip5 {
background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png);
}
.tooltip2, .tooltip3, .tooltip6 {
background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
}
.tooltip7 {
background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black.png) no-repeat;
}