/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html {
	color:#000000;
	background:url(../images/background.gif) repeat #000000;
	font-family: "Arial", Verdana, Sans-serif;
	font-size: 13px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}
ul li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
*font-size:100%;
}
/*
Copyright (c) 2010 BrioGroup
version: 0.1
*/
p {
	color: #6d6e71;
	line-height: 19px;
}
p a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
h3, a {
	outline: none;
}
input {
	border: 0px solid;
	background: #ffffff;
	padding: 3px;
}
a.thickbox {
	border: none;
}
.right h3 {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
#wrapper {
	background: #ffffff;
	padding: 0 0 90px 0;
}
.container {
	width: 960px;
	margin: 0 auto;
	clear: both;
}
.footer {
	height: 162px;
	background: url(../images/footer-bg.gif) repeat-x;
}
.footer .column {
	width: 135px;
	padding-right: 25px;
	display: table-cell;
	color: #57595b;
	vertical-align: top;
}
.footer .column h4 {
	margin: 15px 0 10px 0;
}
.footer .column .heading {
	margin: 15px 0 0 0;
}
.footer .center {
	text-align: center;
	width: 300px;
}
.footer .column ul li {
	margin: 9px 0;
	font-size: 9px;
}
.footer .column ul li a {
	color:#6d6e71;
	text-decoration:none;
}
.footer .column ul li a:hover {
	color:#fff;
	text-decoration:none;
}
.left {
	float: left;
	width: 220px;
}
.right {
	float: right;
	width: 740px;
}

.at300bs {
width: auto;
display: inline ;
}
.global-top {
	height: 30px;
	background: #f2f2f2;
	text-align: right;
}
.global-top a {
	display: inline-block;
	padding: 6px 5px;
	background: #ffffff;
	text-decoration: none;
	color: #000000;
	text-transform: uppercase;
	margin: 4px 5px 0 0;
	font-size: 9px;
}
.global-top a:hover {
	background: #ffdd00;
}
.global-top a.rss-link {
	margin: 0;
	padding: 0;
}
.global-top img {
	margin: 4px 0 0 0;
}
.global-top .links, .global-top .rss, .global-top .form {
	float: right;
}
.global-top .form input.text {
	margin: 4px 3px 0 0;
	padding-bottom: 4px;
}
.global-top .form input.image {
	padding: 0;
	margin: 4px 0 0 0;
	float: right;
}
#global-navigation {
}
#global-navigation .brio-group-logo {
	float: left;
	width: 186px;
	height: 115px;
}
#global-navigation .menu {
	float: right;
	margin: 42px 0 0 0;
}
#global-navigation .menu ul li {
	padding: 0 25px 0 26px;
	display: inline;
}
#global-navigation .menu ul li a {
	color: #d4d5d6;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
}
#global-navigation .menu ul li a:hover {
	color: #000000;
}
#global-navigation .menu ul li a.active {
	color: #000000;
}
#cycle-nav {
	background: #f9f9f9;
	padding: 10px;
	text-align: right;
}
#cycle-nav a {
	text-decoration: none;
	margin: 0;
	padding: 10px 13px;
	color: #000000;
	font-size: 13px;
}
#cycle-nav a.activeSlide {
	background: #ffdd00;
}
#cycle-nav a:focus {
	outline: none;
}
.our-work {
	overflow: hidden;
	height: 260px;
}
.our-work-container {
	clear:both;
	height:260px;
	width:760px;
}
.home-cycle-box-left {
	float:left;
	width:364px;
	overflow:hidden;
}
.home-cycle-box-right {
	float:right;
	width:320px;
        margin-right:10px;
	padding:15px;
	color:#6d6e71;
	font-size:12px;
}
.home-cycle-box-right h5 {
	font-size:40px;
	margin-bottom:7px;
	color:#000000;
}
.home-cycle-box-right a {
	color:#000;
	font-weight:bold;
}
a.cycle-block-button {
	display: block;
	background: #f5f5f5;
	padding: 5px;
	font-size: 8px;
	text-decoration: none;
	border: none;
	text-align: center;
	text-transform: uppercase;
}
a:hover.cycle-block-button {
	background: #ffdd00;
}
.serv-butt {
	padding: 0 0 10px 0;
}
.social-media-tips .top, .charity .top, .sub-navigations .top {
	background: url(../images/social-network-top.gif) no-repeat;
	height: 9px;
}
.social-media-tips .middle, .charity .middle, .sub-navigations .middle {
	background: url(../images/social-network-middle.gif) repeat-y;
	padding: 0 10px;
}
.social-media-tips .middle {
	width:170px;
	text-transform:uppercase;
}
.social-media-tips .middle p {
	color:#000;
	font-size:14px;
	line-height:auto;
	padding:2px 0px 2px 1px
}
.social-media-tips .middle a {
	display:block;
	width:155px;
	background:#ececec;
	text-transform:uppercase;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-size:8px;
	display: block;
	background: #f5f5f5;
	padding: 4px;
	font-size: 8px;
	text-decoration: none;
	border: none;
	text-align: center;
	text-transform: uppercase;
	margin:5px auto 2px auto;
}
.social-media-tips .middle a:hover {
	background-color:#ffdd00;
}
.social-media-tips .bottom, .charity .bottom, .sub-navigations .bottom {
	background: url(../images/social-network-bottom.gif) no-repeat;
	height: 9px;
	margin-bottom: 20px;
}
.social-networking .top, .charity .top, .sub-navigations .top {
	background: url(../images/social-network-top.gif) no-repeat;
	height: 9px;
}
.social-networking .middle, .charity .middle, .sub-navigations .middle {
	background: url(../images/social-network-middle.gif) repeat-y;
	padding: 0 10px;
}
.social-networking .bottom, .charity .bottom, .sub-navigations .bottom {
	background: url(../images/social-network-bottom.gif) no-repeat;
	height: 9px;
	margin-bottom: 20px;
}
.social-network-cycle {
	height: 180px;
}
.social-network-cycle p {
	margin-right: 36px;
}
.social-network-cycle ul li {
	width: 168px;
}
.social-network-cycle ul li a {
	color: #000000;
	text-decoration: none;
}
.social-network-cycle .icon {
	padding-bottom: 8px;
}
.yellow-circle {
	background: url(../images/yellow-circle.gif) no-repeat 0 0;
	text-align: center;
}
.number {
	position: absolute;
	margin: 25px 0 0 10px;
	font-size: 16px;
	display: table-cell;
	text-align: center;
	height: 45px;
	width: 44px;
}
.yellow-circle .title {
	padding: 10px 0 0 50px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}
.yellow-circle .title span {
	font-size: 9px;
	text-transform: lowercase;
}
.yellow-circle img {
	margin-top: 15px;
}
.yellow-circle .button {
	display: block;
	padding: 5px 0 3px 0;
	background: #ffdd00;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	cursor: pointer;
	width: 166px;
}
.fred-hollows-info-click {
	display: none;
	position: absolute;
	margin: -140px 0 0 166px;
	background: #ffdd00;
	width: 160px;
	padding: 15px;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 1000;
}
.fred-hollows-info-click p {
	color: #000000;
}
.fred-hollows-info-click p a {
	text-decoration: none;
	text-transform: lowercase;
}
.close-fred {
	cursor: pointer;
}
.show-fred-info {
	display: block;
	position: absolute;
	margin: -140px 0 0 166px;
	background: #ffdd00;
	width: 160px;
	padding: 10px;
	text-align: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: 999;
}
.social-networking .middle #cycle-social-nav {
	padding: 3px;
	position: absolute;
	margin-left: 115px;
	z-index: 900;
}
.social-networking .middle #cycle-social-nav a {
	background: #f9f9f9;
	text-decoration: none;
	margin: 0;
	padding: 3px 5px;
	color: #000000;
	font-size: 9px;
}
.social-networking .middle #cycle-social-nav a.activeSlide {
	background: #ffdd00;
}
.social-networking .middle #cycle-social-nav a:focus {
	outline: none;
}
.index-body {
	clear: both;
	width: 730px;
}
.index-body .copy {
	float: left;
	width: 365px;
}
.index-body .copy h2 {
	font-size: 22px;
	margin: 20px 0 10px 0;
}
.index-body .multimedia {
	float: right;
	width: 330px;
	margin: 20px 0 10px 0;
}
a.sub-menu {
	color: #D4D5D6;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding-bottom: 6px;
	margin-right: 36px;
}
a.sub-menu:hover {
	color: #000000;
}
a.sub-sub {
	display: block;
	color: #5d5e5f;
	text-decoration: none;
	padding-bottom: 6px;
	margin-right: 36px;
	margin-left: 5px;
}
a.sub-sub:hover {
	color: #000000;
}
.copy-body .work-normal {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: url(../images/work-normal.gif) no-repeat;
	margin-bottom: 15px;
}
.copy-body .work-yellow {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: url(../images/work-yellow.gif) no-repeat;
	margin-bottom: 15px;
}
.copy-body .odd {
	margin-right: 10px;
}
.copy-body .items {
	display: table-cell;
	vertical-align: middle;
	width: 363px;
	height: 204px;
}
.copy-body .i9 {
	background: url(../images/work-design.png) top right no-repeat;
}
.copy-body .i10 {
	background: url(../images/work-digital.png) top right no-repeat;
}
.copy-body .i11 {
	background: url(../images/work-advertising.png) top right no-repeat;
}
.copy-body .i12 {
	background: url(../images/work-pr.png) top right no-repeat;
}
.copy-body h2 {
	font-size: 37px;
	margin: 35px 0 7px 0;
}
.copy .blocks {
	display: inline-table;
	margin: 0 0 5px 0;
}
.copy .left {
	width: 380px;
}
.copy .right {
	width: 325px;
	margin: 0 0 0 5px;
}
.copy .blocks h3 {
	font-size: 20px;
	margin: 0px 0 10px 0;
}
.copy .blocks p {
}
.copy .blocks .download {
	margin: 25px 0 0 0;
}
.copy .blocks .download p {
	margin: 5px 0 0 0;
}
a.website, a.case-study {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}
a:hover.website, a:hover.case-study {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffdd00;
	border-bottom: 1px solid #ffdd00;
}
.right h2 {
	font-size: 41px;
	margin: 20px 0 20px 0;
}
.right p {
	margin: 0 0 15px 0;
}
.right p strong {
	font-weight: bold;
}
.right .team-head {
	width: 740px;
	height: 160px;
}
.right .team-head .image {
	float: left;
	width: 170px;
}
.right .team-head .name {
	float: right;
	width: 570px;
	height: 160px;
}
.team-member, .landing-page {
	display: block;
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}
.team-member .image, .landing-page .image {
	float: left;
	width: 180px;
	height: 160px;
}
.team-member .member, .landing-page .intro {
	width: 560px;
	display: table-cell;
	vertical-align: middle;
	height: 160px;
}
.team-member .member a, .landing-page .intro a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
}
.team-member .name {
	font-size: 20px;
	margin: 0 0 20px 0;
}
.landing-page .intro .name {
	font-size: 20px;
	margin: 0 0 20px 0;
}
#contact_form {
	overflow: auto;
	height: 360px;
}
#contact_form input {
	border: 1px solid #999999;
}
#contact_form .name {
	float: left;
	width: 160px;
}
#contact_form .input-field {
	float: left;
}
#contact_form .input-field .veri {
	padding: 4px 15px;
	background: #f3f3f3;
	border: 1px solid #838383;
	margin: 15px 0 3px 0;
	color: #666666;
}
#contact_form .buttons .contact_button {
	border: 1px solid #838383;
	background: url(../images/button-bg.png) repeat-x #f3f3f3;
	height: 21px;
	font-size: 11px;
	padding: 0 8px;
}
.clear {
	clear: both;
}
.ditto_paging {
	border-top: 1px solid #cccccc;
	padding: 10px;
	font-size: 86%;
	color: black;
}
#ditto_pages {
	margin-bottom: 20px;
}
#ditto_pages .ditto_currentpage {
	border: 1px solid #999999;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #eeeeee;
	color: #6D6E71;
}
#ditto_pages .ditto_off {
	border: 1px solid #cccccc;
	padding: 1px 5px 2px;
	margin-right: 1px;
	color: #999999;
}
#ditto_pages a, #ditto_pages a:link {
	border: 1px solid #999999;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: #6D6E71;
}
#ditto_pages a:hover {
	background-color: #fff;
	color: #000;
}
.black-dot {
	background: url(../images/black-circle.png) no-repeat;
}
.cycle-adjustment {
	height: 429px;
}
area {
	cursor: pointer;
}
.services-grid {
	background: url(../images/services-circle5.png) no-repeat top left;
}
.services-grid .Advertising {
	background: url(../images/services-circle5.png) no-repeat 0 -1896px;
}
.services-grid .PR {
	background: url(../images/services-circle5.png) no-repeat 0 -1264px;
}
.services-grid .Design {
	background: url(../images/services-circle5.png) no-repeat 0 -632px;
}
.services-grid .Digital {
	background: url(../images/services-circle5.png) no-repeat 0 -2528px;
}
/***** SHARE CUSTOM VALUES *****/
#at15s {
	border: 0px solid;
	background: none;
}
#at15s_head {
	display: none;
}
#at15s_inner {
	background: #ededee;
}
#at16pf {
	display: none;
}
.serv-butt1 {
	margin:5px 0px;
	width:185px;
	height:75px;
	background:red;
	display:block;
	background:url(/assets/images/services-buttons/discovery-workshop.gif) no-repeat;
}
.serv-butt1:hover {
	background:url(/assets/images/services-buttons/discovery-workshop2.gif) no-repeat;
}
.serv-butt2 {
	margin:5px 0px;
	width:185px;
	height:75px;
	background:red;
	display:block;
	background:url(/assets/images/services-buttons/brand-strategy.gif) no-repeat;
}
.serv-butt2:hover {
	background:url(/assets/images/services-buttons/brand-strategy2.gif) no-repeat;
}
.serv-butt3 {
	margin:5px 0px;
	width:185px;
	height:75px;
	background:red;
	display:block;
	background:url(/assets/images/services-buttons/web-strategy.gif) no-repeat;
}
.serv-butt3:hover {
	background:url(/assets/images/services-buttons/web-strategy2.gif) no-repeat;
}
.serv-butt4 {
	margin:5px 0px;
	width:185px;
	height:75px;
	background:red;
	display:block;
	background:url(/assets/images/services-buttons/brand-communication.gif) no-repeat;
}
.serv-butt4:hover {
	background:url(/assets/images/services-buttons/brand-communication2.gif) no-repeat;
}
.serv-butt5 {
	margin:5px 0px;
	width:185px;
	height:75px;
	background:red;
	display:block;
	background:url(/assets/images/services-buttons/social-media.gif) no-repeat;
}
.serv-butt5:hover {
	background:url(/assets/images/services-buttons/social-media2.gif) no-repeat;
}

/********** IMAGE ROTATOR ***********/
@media screen, projection {
.imageflow {
	overflow:hidden;
	position:absolute;
	margin-top: -20px;
	text-align:left;
	visibility:hidden;
	width:300px;
	height: 300px;
	float: left;
}
.imageflow img {
	border:none;
	position:absolute;
	top:0px;
	visibility:hidden;
	-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
}
.imageflow p {
	margin:0 auto;
	text-align:center;
}
.imageflow .loading {
	border:1px solid white;
	height:15px;
	left:50%;
	margin-left:-106px;
	padding:5px;
	position:relative;
	visibility:visible;
	width:200px;
}
.imageflow .loading_bar {
	background:#fff;
	height:15px;
	visibility:visible;
	width:1%;
}
.imageflow .navigation {
	z-index:10000;
}
.imageflow .caption {
	font-weight:bold;
	position:relative;
	text-align:center;
	z-index:10001;
}
.imageflow .slideshow {
	cursor:pointer;
	height:14px;
	margin:20px 0 0 20px;
	position:absolute;
	width:14px;
	z-index:10003;
}
.imageflow .images {
	overflow:hidden;
	white-space:nowrap;
}
.imageflow .images img {
	background: #000000;
}
}