@charset "UTF-8";
/*
Theme Name: W5
Theme URI: http://www.website.com/
Description: Theme for W5
Version: 1.0
*/

/* Resetting the CSS */
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, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Ah, thats better. */

html, body { height:100%; font-family:Arial, Helvetica, sans-serif; }
 @font-face {
 font-family: 'TradeGothicLTStdBdCnNo.20';
 src: url('fonts/tradegothicltstd-bdcn20-webfont.eot');
 src: url('fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),  url('fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),  url('fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
 font-weight: normal;
 font-style: normal;
}
.vertical-prev-next { display:block; }
.contract { font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #505050; width:50px; z-index:20000; height:50px; top:0; position:absolute; }
.contract a { font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #505050; background:url(images/tab-contract.png) 0px 0px #000; width:50px; z-index:20000; height:50px; top:0; position:absolute; }
.quote-author { text-transform:none; text-align:center; display:block; }
p a, #casestudies a { color:#77847c; text-decoration:underline; }
p a:hover, #casestudies a:hover { color:#f45a10; }
b, strong { font-weight:bold; }
h1, h2, h3 { font-family: 'TradeGothicLTStdBdCnNo.20'; text-transform:uppercase; letter-spacing:.04em; color:#77847c; }
h2 { font-size:22px; margin-bottom:15px; }
#curiosity-slides { width:617px; height:410px; }
.curiosity-slide { width:617px; height:410px; position:absolute; background:transparent; }
.curiosity-slide img { background:transparent;}
.left h2.resources { padding-left:35px; height:30px; line-height:30px; background:url(images/resources-circle.jpg) no-repeat; margin-top:-7px; }
.headquote { color:#77847c; position:absolute; font-size:11px; width:155px; font-weight:bold; line-height:18px; }
.research-headquote { width:200px; color:#8bb6b1; position:absolute; font-weight:bold; line-height:18px; font-size:13px; left:415px; top:5px; }
.strategy-headquote { width:200px; color:#cdbc6c; position:absolute; font-weight:bold; line-height:18px; font-size:13px; top:345px; }
.planning-headquote { width:200px; color:#b8b9ba; position:absolute; font-weight:bold; line-height:18px; font-size:13px; left:415px; top:345px; }
.center-headquote {
    color: #B8B9BA;
    font-size: 13px;
    font-weight: bold;
    left: 135px;
    line-height: 18px;
    position: absolute;
    top: 365px;
    width: 400px;
}
#research-button { width:170px; height:120px; position:absolute; cursor:pointer; left:225px; top:85px; background:url(images/clear.png); }
#strategy-button { width:170px; height:120px; position:absolute; cursor:pointer; left:155px; top:205px; background:url(images/clear.png); }
#planning-button { width:170px; height:120px; position:absolute; cursor:pointer; left:295px; top:205px; background:url(images/clear.png); }
.approach-buttons {
	width:617px;
	height:410px;
	position:absolute;
	top:0;
	z-index:100;
}
.approach-center { width:58px; height:68px; position:absolute; top:185px; left:280px;  cursor:pointer; background:url(images/clear.png); }
.headquote-big { font-size:14px; }

.approach-research {
    height: 40px;
    margin-left: 30px;
    margin-top: 45px;
    position: absolute;
    width: 155px;
}

.approachbg {
	background:url(images/approach-slide.jpg) center center no-repeat;
}

.approach-research:hover {
	background:url(images/approach-slide-active.jpg) -20px -8px;
}

.approach-strategy {
    height: 40px;
    margin-left: 208px;
    margin-top: 45px;
    position: absolute;
    width: 155px;
}

.approach-strategy:hover {
	background:url(images/approach-slide-active.jpg) -198px -8px;
}

.approach-planning {
    height: 40px;
    margin-left: 385px;
    margin-top: 45px;
    position: absolute;
    width: 155px;
}

.approach-planning:hover {
	background:url(images/approach-slide-active.jpg) -375px -8px;
}

p, h4 { font-size:12px; color:#21211f; margin:20px 0px; line-height:18px; }
h4 { font-weight:bold; font-size:14px; }
body { background:#efefe6; color:#77847c; font-family:Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
#wrapper { width:925px; overflow:hidden; margin:0 auto; min-height:100%; }
#top-menu { height:32px; padding:8px 0px 1px 0px; background:url(images/header-bg.jpg) repeat-x; width:100%; }
#header { height:110px; width:905px; padding:30px 0px 0px 20px; }
#logo { float:left; height:90px; width:90px; }
#slogan { float:left; font-family:Georgia, "Times New Roman", Times, serif; color:#707070; font-size:14px; font-style:italic; font-weight:bold; padding-bottom:2px; border-bottom:2px solid #dbdd5c; margin-top:35px; margin-left:20px; }
#container { width:100%; overflow:hidden; margin-bottom:50px; height:600px; }
.left { width:47.5%; margin-right:2.5%; float:left; }
.right { width:47.5%; margin-left:2.5%; float:left; margin-top:70px; }
#approachright { margin-top:30px; }
#approachright .item-list { font-size:11px; }
#approachright .item-list li { font-size:11px; line-height:14px; }
.everywhere-left { width:40.5%; margin-right:2.5%; float:left; }
.everywhere-right { width:54.5%; margin-left:2.5%; float:left; margin-top:70px; }
.contact-left { width:49%; float:left; padding-right:8%; border-right:1px dotted #989898; }
.contact-quote { color:#77847c; font-size:14px; font-style:italic; text-align:center; margin-top:40px; }
.contact-right { width:37%; float:right; }
.contact-info { color:#77847c; font-size:11px; }
.contact-info a { color:#77847c; }
.contact-info h5 { font-weight:bold; text-transform:uppercase; }
.contact-section { margin-bottom:20px; line-height:18px; }
blockquote { width:100%; }
.circle { width:30px; height:30px; background-image:url(images/circle.png); font-size:24px; line-height:30px; text-align:center; float:left; margin-top: -5px; }
.mini-logo { width:30px; height:30px; background-image:url(images/mini-logo.png); overflow:hidden; text-indent:300px; float:left; margin-top: -5px; }
blockquote p { width:88%; margin:0 6%; padding:20px 0px 15px 0px; color:#77847c; border-top:3px solid #77847c; border-bottom:6px solid #77847c; font-family: 'TradeGothicLTStdBdCnNo.20'; font-size:16px; text-transform:uppercase; line-height:30px; }
.approach blockquote { background-image:url(images/block-approach.jpg); }
.approach blockquote .circle { color:#d9effa; }
.curiosity blockquote { background-image:url(images/block-curiosity.jpg); }
.curiosity blockquote .circle { color:#fef7cb; }
.contact blockquote { background-image:url(images/block-contact.jpg); text-align:center; }
.contact blockquote .circle { color:#cdded4; }
.everywhere blockquote { background-image:url(images/block-everywhere.jpg); }
.everywhere blockquote .circle { color:#e4eaea; }
.resources blockquote { background-image:url(images/block-resources.jpg); }
.resources blockquote .circle { color:#eaf2bf; }
.skin-slidedeck { height:470px; }
#slidedeck-container {
	position:absolute;
	width:925px;
	height:470px;
	overflow:hidden;
}
.tab-header { height:50px; width:100%; display:block; }
.tab-header#curiosity { background:url(images/header-curiosity.png) right bottom no-repeat; }
.tab-header#approach { background:url(images/header-approach.png) right bottom no-repeat; }
.tab-header#resources { background:url(images/header-resources.png) right bottom no-repeat; }
.tab-header#everywhere { background:url(images/header-everywhere.png) right bottom no-repeat; }
.tab-header#contact { background:url(images/header-contact.png) right bottom no-repeat; }
.active .tab-header { background-position:right top!important; }
dt:hover .tab-header { background-position:right top!important; }
#footer { height:50px; margin:-51px auto 0 auto; background:#21211f; width:925px; color:#919693; font-size:11px; }
#footer a { color:#919693; }
#footer-left { padding:20px; float:left; }
#footer-right { padding:20px; float:right; }
.item-header { color:#77847c; margin-bottom:10px; font-size:11px; line-height:18px; font-weight:bold; }
.item-list { background:url(images/list-top.jpg) top no-repeat; width:245px; font-size:12px; margin-bottom:10px; }
.item-list ul { background:url(images/list-bottom.jpg) bottom no-repeat; padding:10px 25px; }
.item-list li { background:url(images/bullet.jpg) left center no-repeat; padding-left:5px; line-height:18px; }
.link-list li { background:url(images/bullet.jpg) left center no-repeat; padding-left:5px; line-height:18px; font-size:12px; margin-bottom:5px; }
 .link-list li:nth-child(2n-1) a {
 color:#77847c;
}
 .link-list li:nth-child(2n+0) a {
 color:#9eaa5b;
}
.link-list li a:hover { color:#f45a10; }
.light-body { color:#77847c; margin-bottom:10px; font-size:11px; font-weight:bold; line-height:18px; margin:15px 0px; }
#resource-nav li { padding-left:35px; font-family: 'TradeGothicLTStdBdCnNo.20'; font-size:22px; margin-left:10px; text-transform:uppercase; height:30px; line-height:30px; display:block; background:url(images/resources-circle.jpg) no-repeat; margin-bottom:15px; }
#resource-nav li a { color:#77847c; }
#resource-nav li a:hover { background:#ebf4bd; text-decoration:none; }
ul#casestudies li { height:24px; width:100%; margin-bottom:5px; }
 ul#casestudies li:nth-child(2n-1) {
 background-image:url(images/block-resources.jpg);
}
 ul#casestudies li:nth-child(2n+0) {
 background-image:url(images/block-everywhere.jpg);
}
ul#casestudies li:hover { background:#21211f; }
ul#casestudies li a { background:url(images/bullet.jpg) left center no-repeat; padding-left:5px; line-height:24px; height:24px; margin-left:10px; font-size:11px; text-decoration:none; font-weight:bold; display:block; }
ul#casestudies li a:hover { color:#fff; }
#approach-slides { width:617px; height:410px; position:absolute; z-index:50; }
.approach-slide { width:617px; height:410px; position:absolute; }
.approach-slide img { display:none; background:#fff; }
#map { width:565px; height:265px; margin-top:70px; margin-left:25px; background:#fff; }
#map > div { cursor:pointer; }
#map-one { height:265px; width:190px; float:left; background:url(images/everywhere/one.jpg) #fff; }
#map-one .map-hover { height:265px; width:190px; background:url(images/everywhere/one-hover.jpg) #fff; }
#map-two { height:265px; width:185px; float:left; background:url(images/everywhere/two.jpg) #fff; }
#map-two .map-hover { height:265px; width:190px; background:url(images/everywhere/three-hover.jpg) #fff; }
#map-three { height:265px; width:185px; float:left; background:url(images/everywhere/three.jpg) #fff; }
#map-three .map-hover { height:265px; width:190px; background:url(images/everywhere/two-hover.jpg) #fff; }
ul#dropdown { margin-top:-40px; }
ul#dropdown > li { margin-bottom:10px; }
ul#dropdown > li > a { background:#dadc55; color:#77847c; font-size:18px; text-transform:uppercase; }
ul#dropdown > li { padding-left:20px; background:url(images/slidedown-active.jpg) top left no-repeat; }
ul#dropdown > li.active { padding-left:20px; background:url(images/slidedown-active.jpg) top left no-repeat; }
ul#dropdown > li > ul { margin-top:5px; margin-bottom:5px; }
ul#dropdown li li { background:url(images/bullet.jpg) left center no-repeat; padding-left:5px; line-height:18px; font-size:11px; }
ul#dropdown li li a { color:#77847c; }
#search { float:right; }
#search input.textfield { height:12px; padding:2px; margin:7px 5px; border:1px solid #a8a8a8; float:left; color:#999; font-size:10px; }
#search input.button { height:18px; border:none; display:block; float:left; margin:7px 5px 7px 0px; background:#acacac; color:#fff; font-size:9px; line-height:18px; }
#connect, #blog { margin-top:8px; float:right; margin-right:10px; color:#2c2c29; font-size:9px; line-height:22px; }
#connect li, #blog li { float:left; margin-right:3px; }
#client-slider { width:885px; margin:500px 20px 30px 20px; position:absolute; }
#left-nav { width:20px; height:20px; float:left; }
#left-nav a { height:20px; width:20px; display:block; background:url(images/prev-button.png) -20px -25px; }
#left-nav a:hover { background:url(images/prev-button.png) -80px -25px; }
#right-nav { width:20px; height:20px; float:right; }
#right-nav a { height:20px; width:20px; display:block; background:url(images/next-button.png) -80px -25px; }
#right-nav a:hover { background:url(images/next-button.png) -20px -25px; }
ul#client-slides { width:845px; height:20px; line-height:20px; color:#77847c; font-size:15px; line-height:20px; text-align:center; float:left; font-weight:bold; }
#client-slides li { width:845px; }
.slides { width:845px; float:left; }
#nivo-slider { position:relative; width:320px; /* Change this to your images width */ height:250px; /* Change this to your images height */ background:url(images/loading.gif) no-repeat 50% 50%; border-top:3px solid #21211F; border-bottom:5px solid #21211F; }
#nivo-slider img { position:absolute; top:0px; left:0px; display:none; }
#nivo-slider a { border:0; display:block; }
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
.nivo-controlNav { height:247px; width:320px; position:absolute; z-index:999999; }

#primary,
#secondary {
	float: right;
	width: 220px;
	margin-top:60px;
	padding-left:9px;
	border-left:dashed thin #ccc;
	
}
.xoxo {
margin-top:-60px;

		
}
.alignright { float:right; padding-left:10px; }
.aligncenter { text-align:center; }
.alignleft { float:left; padding-right:10px; }

#nav_menu-4 h2.widgettitle {
	background-image:url('images/w5_pages.jpg');
	background-repeat:no-repeat;
	width:106px;
	height:20px;
	text-indent:-9999em;
	margin:20px 0 10px 0;
	padding:0;
	
}

#nav_menu-5 h2.widgettitle {
	background-image:url('images/w5_blog_roll.jpg');
	background-repeat:no-repeat;
	width:106px;
	height:20px;
	text-indent:-9999em;
	margin:20px 0 10px 0;
	padding:0;
}

#tag_cloud-3 h2.widgettitle {
	background-image:url('images/w5_tags.jpg');
	background-repeat:no-repeat;
	width:106px;
	height:20px;
	text-indent:-9999em;
	margin:20px 0 10px 0;
	padding:0;
}

#simplecontactformrevisited-2 h2.widgettitle {
	background-image:url('images/drop_w5_a_line.jpg');
	background-repeat:no-repeat;
	width:106px;
	height:20px;
	text-indent:-9999em;
	margin:20px 0 10px 0;
	padding:0;
}

#entry-butility {
	margin-bottom:30px;	
}
#entry-butility a, .entry-title a, .cat-links a, .tag-links a, .navigation a, .comments-link a, .edit-link a,a  {
	color:#435a6a;
}

.nav-previous {
	float:left;	
}
.nav-next {
	float:right;
}

.xoxo a {
	color:#8f8f8f;
}

#s {
	width:200px;
	height:25px;	
}
.menu-item a {
		font-weight:bold;
	font-size:12px;
	line-height:16px;
	margin-left:4px;
}
.tagcloud {
	margin-left:3px;
}

.entry-content ul {
	list-style:disc;
	margin-left:15px;
	padding-left:5px;
	color:#21211f;	
}

.entry-content li {
	line-height:18px;
	font-size:12px;	
}

.entry-content li a {
	color:#77847c;
	text-decoration:underline;
}
.entry-content li a:hover {
	color:#f45a10;
}
