@charset "utf-8";
/* CSS Document */
html {
height:100%;
background-color:#fff;
background-image:url(../i/bg_body_cueball2.jpg);
background-position:top left;
background-repeat:no-repeat;
}
html#home {
background-image:url(../i/bg_body_cueball.jpg);
}
html#plain {
background-image:url(../i/bg_body_cueball.jpg);
}
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
color:#787878;
font-size:11px;
height:100%;
overflow:show;
background-image:url(../i/left_border.gif);
background-position:0px 200px;
background-repeat:no-repeat;
}
html#home body {
background-image:none;
}
a {
color:#474747;
}
a:focus,a:active {
outline:none;
}
ul {
margin:0 0 0 10px;
padding:0;
}
li {
margin-bottom:6px;
}
ul.nobull {
list-style:none;
}
h1 {
margin:0 0 17px 0;
font-size:18px;
color:#7e543a;
font-weight:normal;
}
h2 {
color:#7E543A;
font-size:14px;
margin:0;
font-weight:normal;
}
h2.more {
font-size:12px;
margin:0;
}
p {
color:#787878;
margin:0 0 8px 0;
}
blockquote {
margin:0 0 18px 12px;
width:300px;
}
div#content-main blockquote p {
line-height:14px;
margin:0 0 6px 0;
}
.clearfix {
display:block;
clear:both;
}
.clear {
display:block;
clear:both;
height:0px;
visibility:hidden;
}
sup {
font-size:10px;
font-weight:bold;
}
/*----------------------------------
						Containers
----------------------------------*/
div#container {
width:962px;
height:auto;
}
div#container-header {
height:65px;
margin:0 30px 0 0;
border-bottom:1px solid #dfdfdf;
}
html#home div#container-header {
border-bottom-color:#fff;
}
div#flash-container {
width:322px;
height:406px;
position:absolute;
left:638px;top:2px;
}
div#container-content {
min-height:475px;
_height:475px;
position:relative;
}
div#side-column {

}
/*----------------------------------
						Header
----------------------------------*/
h1#logo {
width:129px;
height:18px;
margin:0;
text-indent:-9999px;
background-image:url(../i/logo.gif);
background-position:top left;
background-repeat:no-repeat;
float:right;
position:relative;top:30px;left:-161px;
}
h1#logo a {
display:block;
width:129px;
height:18px;
text-decoration:none;
}
html#home h1#logo {
display:none;
}
/*----------------------------------
						Navigation
----------------------------------*/
ul#nav-side {
position:absolute;top:59px;left:0px;
list-style:none;
margin:0;
padding:0;
width:130px;
/*float:left;*/
border-left:3px solid #808080;
background-color:#fff;
}
ul#nav-side li {
margin-bottom:1px;
}
ul#nav-side li a {
text-decoration:none;
color:#000;
line-height:22px;
display:block;
width:100%;
border-left:1px solid #fff;
}
ul#nav-side li a:hover {
border-left-color:#aeaeae;
}
ul#nav-side li.on a {
border-left-color:#aeaeae;
}
ul#nav-side li a span {
display:block;
border-left:4px solid #fff;
padding:0 0 0 7px;
background-image:url(../i/bg_side_nav_a.jpg);
background-image:none;
background-position:top left;
background-repeat:no-repeat;
}
ul#nav-side li.on a span {
border-left-color:#5e5e5e;
background-image:url(../i/bg_side_nav_a.jpg);
}
ul#nav-side li a:hover span {
border-left-color:#7E543A;
background-image:url(../i/bg_side_nav_a.jpg);
}
ul#nav-side ul {
list-style:none;
margin:1px 0 0 6px;
padding:0;
}
ul#nav-side li ul {
display:none;
}
ul#nav-side li.on ul {
display:block;
}
ul#nav-side li.on ul li a {
background-image:none;
background-color:#fff;
border-left-color:#fff;
}
ul#nav-side li.on li a span {
border-left-color:#fff;
background-image:none;
}
ul#nav-side li.on ul li a:hover {
border-left-color:#aeaeae;
}
ul#nav-side li.on ul li.on a {
border-left-color:#aeaeae;
}
ul#nav-side li.on ul li.on a span,ul#nav-side li.on ul li a:hover span {
background-image:url(../i/bg_side_nav_a.jpg);
border-left-color:#5e5e5e;
}
ul#nav-side li.on ul li a:hover span {
border-left-color:#7E543A;
}
/*----------------------------------
						Content Main
----------------------------------*/
#blog_subtitles {
position:absolute;
left:630px;top:62px;
line-height:18px;
font-style: none;
}

.blogtitle {
font-size:18px; color:#7e543a;
}


#page-change a {
cursor: pointer
}

#page-change a hover {
color:black;
cursor: pointer
}

div#content-main {
margin:23px 0 0 3px;
padding-left:162px;
float:left;
width:377px;
background-color:#fff;
}
div#content-main.extended {
width:615px;
margin-top:62px;
margin-top:23px;
}
html#home div#content-main {
background-image:url(../i/hp_placeholder.gif);
background-position:148px 60px;
background-repeat:no-repeat;
padding:50px 0 100px 480px;
width:300px;
}
div#content-main p {
line-height:18px;
margin-bottom:18px;
}
div#content-main p em {
line-height:11px;
}
.more {
background-image:url(../i/arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:14px;
}
.more a {
text-decoration:none;
}
div#text div p {
display:none;
}
dl#attention {
width:310px;
margin:0;
padding:0;
}
dl#attention dt {
width:70px;
float:left;
clear:left;
font-weight:bold;
}
dl#attention dd {
width:240px;
float:left;
margin:0 0 20px 0;
padding:0;
}
ul#innav {
list-style:none;
margin:0;
padding:0;
}
ul#innav li {
background-position:0px 3px;
margin:0 0 4px 0;
}
ul#innav li a {
}
div#contact-info {
margin-bottom:16px;
}
div#contact-info p {
line-height:14px;
margin:0 0 6px 0;
}
a#close {
position:absolute;left:905px;top:5px;
width:45px;
height:12px;
background-image:url(../i/bg_close.gif);
background-position:top left;
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
}
dl.grey-corners {
background-color:#fff;
width:610px;
margin:0;
}
dl.alt {
background-color:#dddddd;
width:520px;
margin-bottom:6px;
}
dl.grey-corners dt {
background-image:url(../i/bg_grey_corners_bl.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#ddd;
height:90px;
width:173px;
display:block;
float:left;
clear:left;
}
dl.alt dt {
float:none;
height:auto;
width:auto;
background-image:url(../i/bg_grey_corners_tr.gif);
background-position:top right;
}
dl.grey-corners dt span.title {
margin:0;
display:block;
background-image:url(../i/bg_grey_corners_tl.gif);
background-position:top left;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
color:#7e543a;
text-transform:uppercase;
padding:14px 0 0 22px;
}
dl.alt dt span.title {
text-transform:none;
padding:4px 0 8px 8px;
}
dl.grey-corners dd {
background-color:#ddd;
height:90px;
width:437px;
background-image:url(../i/bg_grey_corners_br.gif);
background-position:bottom right;
background-repeat:no-repeat;
float:left;
margin:0 0 6px 0;
padding:0;
}
dl.alt dd {
float:none;
height:auto;
width:auto;
margin:0;
}
dl.grey-corners dd ul {
margin:0;
padding:10px 10px 0 0;
list-style:none;
background-image:url(../i/bg_grey_corners_tr.gif);
background-position:top right;
background-repeat:no-repeat;
}
dl.alt dd ul {
background-image:url(../i/bg_grey_corners_bl.gif);
background-position:bottom left;
padding:0 0 10px 20px;
_padding-bottom:0px;
width:500px;
}
dl.grey-corners dd ul li {
background-image:url(../i/bg_grey_corner_square.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding:0 0 0 16px;
margin:0 0 4px 0;
_margin-bottom:0px;
}
dl.alt dd ul li {
background-image:url(../i/bg_grey_corner_arrow.gif);
clear:left;
}
dl.alt dd ul li strong {
float:left;
margin:0 4px 4px 0;
}
dl.grey-corners dd ul li a.partners {
color:#787878;
text-decoration:none;
cursor:pointer;
display:block;
}
div#bio {
width:470px;
}
div#bio h4 {
color:#7E543A;
font-size:16px;
border-bottom:1px solid #7E543A;
padding-bottom:4px;
margin:0;
}
dl#partner-bio {

}
dl#partner-bio dt {
height:90px;
margin-bottom:12px;
}
dl#partner-bio dt img {
float:left;
margin:0 12px 0 5px;
}
dl#partner-bio dd {
margin:0;
}
span.bio-title,span.bio-link {
display:block;
overflow:hidden;
}
span.bio-title {
padding:10px 0 4px 0;
font-size:12px;
}
span.bio-link a {
color:#7E543A;
text-decoration:none;
background-image:url(../i/bg_arrow_bio_link.gif);
background-position:0px 50%;
background-repeat:no-repeat;
padding-left:10px;
}
dl#stage-sector {
margin:0;
padding:0;
height:400px;
}
dl#stage-sector dt {
margin:0;
padding:0 30px 0 0;
_padding-bottom:14px;
float:left;
height:143px;
width:143px;
font-size:14px;
font-weight:bold;
clear:left;
}
dl#stage-sector dt a {
text-align:center;
color:#fff;
text-decoration:none;
background-image:url(../i/bg_grey_circles.gif);
background-position:bottom left;
background-repeat:no-repeat;
display:block;
line-height:143px;
width:143px;
}
dl#stage-sector dt a:hover {
background-position:top left;
}
dl#stage-sector dd {
float:left;
margin:0;
padding:5px 0 0 0;
width:300px;
}
dl#stage-sector dd a {
display:block;
text-decoration:none;
color:#666;
padding:7px 5px;
_height:1%;
border:1px solid #fff;
}
dl#stage-sector dd a:hover {
background-color:#f1f1f1;
border-color:#e9e9e9;
}
span.sector-title {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
display:block;
line-height:10px;
color:#333;
}
span.industry {
font-style:italic;
font-size:10px;
display:block;
margin:0 0 4px 0;
}
/*----------------------------------
						Portfolio
----------------------------------*/
dl.portfolio {
margin:0;
padding:0;
width:425px;
}
dl.portfolio dt {
margin:0 0 10px 0;
padding:0 10px 0 0;
float:left;
clear:left;
width:136px;
/*min-height:100px;
_height:100px;*/
display:block;
}
dl.portfolio dt img {
padding:2px;
display:block;
}
dl.portfolio dd {
margin:0 0 10px 0;
padding:0;
width:279px;
float:left;
/*min-height:100px;*/
_height:100px;
}
dl.portfolio br.clearfix {
margin-bottom:40px;
clear:both;
display:block;
}
dl.portfolio dd span {
display:block;
}
dl.detail {
width:550px;
}
dl.detail dd {
width:404px;
}
dl.detail dd blockquote {
width:350px;
color:#7E543A;
margin:0 0 8px 0;
font-style:italic;
}
/*----------------------------------
						Team Page
----------------------------------*/
ul#team-nav {
margin:0;
padding:0;
list-style:none;
}
ul#team-nav li {
width:117px;
height:118px;
float:left;
margin:0 7px 7px 0;
}
ul#team-nav li img {
display:block;
}
div#bio-side {
width:175px;
width:136px;
overflow:hidden;
float:right;
text-align:right;
}
div#bio-side h5 {
font-size:11px;
color:#000;
margin:12px 0 12px 0;
font-weight:normal;
text-align:right;
}
img#profile1 {
display:block;
}
img#profile2 {
display:none;
}
div#bio-main {
width:475px;
min-height:470px;
_height:470px;
padding:0px 15px 15px 0px;
border:1px solid #fff;
margin:0 103px 0 0;
}
div#bio-main.border {
border-color:#dfdfdf;
padding:15px;
width:385px;
margin:0 193px 0 0;
}
span#signature {
display:block;
height:40px;
margin-top:14px;
}
span#readlink,span#personlink {
display:block;
margin-top:12px;
}
span#readlink a,span#personlink a {
text-decoration:none;
}
span#readlink a img,span#personlink a img {
margin-left:3px;
}
ul#bio-nav {
margin:0 0 30px 0;
padding:0;
list-style:none;
}
ul#bio-nav li {
text-align:right;
}
ul#bio-nav li.on a {
color:#5d5d5d;
}
ul#bio-nav li.on a img {
background-color:#5d5d5d;
}
ul#bio-nav li a {
color:#b8b8b8;
text-decoration:none;
}
ul#bio-nav li a span {
text-decoration:underline;
}
ul#bio-nav li a:hover {
color:#5d5d5d;
}
ul#bio-nav li a:hover img {
background-color:#5d5d5d;
}
ul#bio-nav li a img {
margin-right:5px;
background-color:#b8b8b8;
display:inline;
}
ul#thumbs {
margin:0;
padding:0;
list-style:none;
position:absolute;top:26px;left:527px;
height:21px;
width:500px;
}
ul#thumbs li {
width:53px;
height:54px;
float:left;
margin:0 3px 0 0;
width:53px;
height:21px;
overflow:hidden;
}
ul#thumbs li a:hover img {
opacity:.99;
filter:alpha(opacity=99);
-moz-opacity:.99;
}
ul#thumbs li img {
display:block;
opacity:.50;
filter:alpha(opacity=50);
-moz-opacity:.50;
}
ul#thumbs li a:hover,ul#thumbs li.on img {
opacity:.99;
filter:alpha(opacity=99);
-moz-opacity:.99;
}
div#short {
display:none;
}
div#full h5 {
margin:0 0 8px 0;
font-size:11px;
color:#7e543a;
}
strong.title {
color:#7e543a;
}
ul#footnote {
margin:0;
padding:0;
list-style:none;
}
ul#footnote li {
font-size:10px;

margin:0px;
padding:0;
font-style:italic;
clear:left;
}
ul#footnote li sup {
float:left;
margin:0 3px 0 0;
}

/*----------------------------------
						Footer
----------------------------------*/
p#footer {
margin-left:165px;
padding:20px 0;
clear:both;
}
p#footer a {
color:#808080;
}
/*----------------------------------
	New Cueball People Page Styles
----------------------------------*/

div#content-people {
margin:23px 0 0 3px;
padding-left:162px;
float:left;
width:600px;
height:632px;
background-color:#fff;
}
div#content-people.extended {
width:615px;
margin-top:62px;
margin-top:23px;
}
html#home div#content-people {
background-image:url(../i/hp_placeholder.gif);
background-position:148px 60px;
background-repeat:no-repeat;
padding:50px 0 100px 480px;
width:600px;
}
div#content-people p {
line-height:18px;
margin-bottom:18px;
}
div#content-people p em {
line-height:11px;
}

#Team_Thumb{
margin:0 0 0 0;
padding:0px;
list-style:none;
position:absolute;top:57px;left:244px;
height:39px;
width:550px;
}

#peoplepageoldbox {
position:absolute;top:145px;left:0px;
}

#Team_Thumb li {
width:39px;
height:39px;
float:left;
margin:0 0 0 0;
width:82px;
height:82px;
overflow:hidden;
border: 1px solid white;
}

#Team_Thumb a{
font: bold 13px Verdana;
display: block;
width: 100%;
color: black;
text-decoration: none;
border: 1px solid white;
}

html>body #Team_Thumb a{ /*Non IE rule*/
width: auto;
}
#Team_Thumb li a img:hover {
opacity:.99;
filter:alpha(opacity=99);
-moz-opacity:.99;
}
#Team_Thumb li img {
opacity:.750;
filter:alpha(opacity=75);
-moz-opacity:.75;
}
#Team_Thumb li a:hover{
opacity:.99;
filter:alpha(opacity=99);
-moz-opacity:.99;
}
#Collective{
margin:0 0 0 0;
list-style:none;
position:absolute;top:142px;left:247px;
height:39px;
width:530px;
}

#Collective table{
width: 400px;
}

#Collective li{
width:39px;
height:39px;
float:left;
width:40px;
height:39px;
overflow:hidden;
border: 1px solid white;
margin:0 0 0 0;
}

#Collective a{
font: bold 13px Verdana;
display: block;
width: 100%;
color: black;
text-decoration: none;
margin:0 0 0 0;
}

html>body #Collective a{ /*Non IE rule*/
width: auto;
}
#Collective li a img:hover {
opacity:.99;
filter:alpha(opacity=99);
-moz-opacity:.99;
}
#Collective img {
opacity:.75;
filter:alpha(opacity=75);
-moz-opacity:.75;
}
#info2{
width:585px;
padding: 0px;
position:absolute;top:235px;left:162px;
font-family:Arial, Helvetica, sans-serif;
color: rgb(175,175,175);
font-size: 11px;
}
#table {
font-family:Arial, Helvetica, sans-serif;
color: rgb(175,175,175);
font-size: 12px;
}
#CollectiveBio {
width: 100%;
padding: 0px;
position:absolute;top:260px;left:140px;
font-family:Arial, Helvetica, sans-serif;
color: rgb(175,175,175);
font-size: 12px;
font-weight: bold;
}

#boxTeam {
font-family:Arial, Helvetica, sans-serif;	
height: 78px;
width: 82px;
padding: 1px;
color: white;
background-color: rgb(175,175,175);
position:absolute;top:59px;left:162px;
border: 1px solid white;
font-size: 12px;
}

#BoxLabel {
padding: 0px;
position:relative;left:5px;top:5px;
font-weight: 0px;
color: white;
}
#CollectiveBox {
height: 79px;
width: 81px;
border: 1px solid rgb(175,175,175);
background-color: white;
position:absolute;top:143px;left:162px;
text-align:left;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}

#CollectiveTag{
position:relative;left:5px;top:5px;
color: rgb(175,175,175);
}

/*----------------------------------
					RSS Page
----------------------------------*/

#rss{
width: 500px;
position:relative;left:0px;top:0px;
}

#rss a {
font-weight:bold;
}

#rss p.item {
font-size: 11px;
line-height:14px;
}

/*----------------------------------
					Temporary Styles
----------------------------------*/
div#image-map {
background-image:url(../i/bg_stage_sector2.gif);
background-image:url(../i/bg_sector_info.gif);
background-position:-170px 0px;
background-repeat:no-repeat;
width:551px;
height:320px;
position:relative;
}
a.map,a.map2 {
position:absolute;
display:block;
text-indent:-9999px;
}
a.map {
width:104px;
height:22px;
left:28px;
}
a.map2 {
width:196px;
height:47px;
left:168px;
}

#scroll_box{
position:relative;
width:450px;
overflow:hidden;
text-align:left;
}


#scroller1 img, #scroller2 img{
border:1px solid #FFFFFF;
}

#bigpic{
margin-top:20px;
}

#imgtxt{
filter:alpha(opacity=75); /*opacity for IE */
}

#bigpic{
filter:alpha(opacity=100); /*opacity for IE */
}

#rollover a {
text-decoration:none;
display:block;
height:100%;
}
* html #rollover a {
width:100%;
}
#rollover {
list-style-type:none;
margin:auto;
padding:0;
}
#rollover li {
float:left;
height:113px;
width:228px;
}
#rollover li#a a{
background-image:url(http://www.cueball.com/i/ted2010_bw.jpg);
}
#rollover li#a a:hover {
background:transparent;
}
#rollover li#a {
background-image:url(http://www.cueball.com/i/ted2010_color.jpg);
height:123px;
width:250px;
}
#rollover li#b a{
background-image:url(http://www.cueball.com/i/epic_bw.jpg);
height:244px;
width:163px;
}
#rollover li#b a:hover {
background:transparent;
}
#rollover li#b {
background-image:url(http://www.cueball.com/i/epic_color.jpg);
height:244px;
width:163px;
}
#rollover li#c a{
background-image:url(http://www.cueball.com/i/ted2009_bw.jpg);
height:113px;
width:228px;
}
#rollover li#c a:hover {
background:transparent;
}
#rollover li#c {
background-image:url(http://www.cueball.com/i/ted2009_color.jpg);
height:113px;
width:228px;
}
#rollover li#d a{
background-image:url(http://www.cueball.com/i/epic_launch_bw.jpg);
height:113px;
width:169px;
}
#rollover li#d a:hover {
background:transparent;
}
#rollover li#d {
background-image:url(http://www.cueball.com/i/epic_launch_color.jpg);
height:113px;
width:169px;
}
#rollover li#e a{
background-image:url(http://www.cueball.com/i/planettran_bw.jpg);
height:82px;
width:147px;
}
#rollover li#e a:hover {
background:transparent;
}
#rollover li#e {
background-image:url(http://www.cueball.com/i/planettran_color.jpg);
height:82px;
width:147px;
}

#rollover li#f a{
background-image:url(http://www.cueball.com/i/oz_bw.jpg);
height:52px;
width:145px;
}
#rollover li#f a:hover {
background:transparent;
}
#rollover li#f {
background-image:url(http://www.cueball.com/i/oz_color.jpg);
height:52px;
width:145px;
}

#rollover li#g a{
background-image:url(http://www.cueball.com/i/newbury_bw.jpg);
height:82px;
width:130px;
}
#rollover li#g a:hover {
background:transparent;
}
#rollover li#g {
background-image:url(http://www.cueball.com/i/newbury_color.jpg);
height:82px;
width:130px;
}

#rollover li#h a{
background-image:url(http://www.cueball.com/i/epic_store_bw.jpg);
height:44px;
width:145px;
}
#rollover li#h a:hover {
background:transparent;
}
#rollover li#h {
background-image:url(http://www.cueball.com/i/epic_store_color.jpg);
height:44px;
width:145px;
}

#rollover li#i a{
background-image:url(http://www.cueball.com/i/ted2_bw.jpg);
height:82px;
width:125px;
}
#rollover li#i a:hover {
background:transparent;
}
#rollover li#i {
background-image:url(http://www.cueball.com/i/ted2_color.jpg);
height:82px;
width:125px;
}

#rollover li#j a{
background-image:url(http://www.cueball.com/i/ml_party_bw.jpg);
height:105px;
width:145px;
}
#rollover li#j a:hover {
background:transparent;
}
#rollover li#j {
background-image:url(http://www.cueball.com/i/ml_party_color.jpg);
height:105px;
width:145px;
}

/*----------------------------------
					Differentiation Page
----------------------------------*/

.dashedbottomeborder {
border-bottom-width:thin;
border-bottom-style:dotted;
border-bottom-color:#333
}