@charset "UTF-8";
/* CSS Document */

/* div {border: 1px solid red;} */

a:link { color: #ffffff; text-decoration: none }
a:visited { color: #ffffff; text-decoration: none }
a:hover { color: #ffffff; text-decoration: underline;}

#slideshow a:link { color: #474747; text-decoration: none }
#slideshow a:visited { color: #474747; text-decoration: none }
#slideshow a:hover { color: #474747; text-decoration: underline;}

p {
text-align: left;
color: #474747;
font-size: 11px;
line-height: 15px;
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
}

body {
margin: 0;
padding: 0;
text-align: center;
position: relative;
}

.banner {
position: absolute;
top: 0;
left: 0;
z-index: 10;

}

.brownbox_l a.website, .brownbox_l a.schedule, .brownbox_r a.website, .brownbox_r a.schedule {
float: right;
font-weight: bold;
font-style: italic;
color: #8bd3f5;
}

.schedule {
	clear: both;
	padding-top: 5px;
}

.bluebox_l a.website, .bluebox_r a.website, .bluebox_l a.schedule, .bluebox_r a.schedule {
float: right;
font-weight: bold;
font-style: italic;
color: #5bb1da;
}

#homepg {
background-image: url(../images/bg.gif);
}

#servicespg, #clientspg, #teampg {
background: url(../images/insidebg.gif) no-repeat;
}

#leftcol {
width: 245px;
height: auto;
float: left;
padding-top: 20px;
}

#services_content, #clients_content, #team_content, #content {
height: auto;
width: 510px;
text-align: left;
margin-top: 10px;
padding-left: 245px;
margin-right: 350px;
}

#slideshow {
height: auto;
width: 550px;
text-align: left;
margin-top: 30px;
}
.clear {
clear: both;
}

.clearleft {
clear: left;
}
.clearright {
clear: right;
}

#services_header {
background: url(../images/services_header.gif) no-repeat left;
width: 128px;
height: 28px;
position: relative;
left: 0;
}

#clients_header {
background: url(../images/clients_header.gif) no-repeat left;
width: 128px;
height: 28px;
position: relative;
left: 0px;
}

#team_header {
	background: url(../images/team_header.gif) no-repeat left;
	width: 128px;
	height: 28px;
	position: relative;
	left: 0px;
}

#results_header {
width: 128px;
height: 28px;
position: relative;
left: 0px;
}

/*#slideshow_header {
	background: url(../images/slideshow_header.gif) no-repeat left;
	width: 128px;
	height: 28px;
	position: relative;
	left: 0px;
}*/

.team-photo {
	padding: 20px 0 40px 0;
}

.sidebar {
float: left;
width: 245px;
position: relative;
top: -100px;
}

#clients_tv_header, #clients_publications_header, #clients_online_header, #clients_outreach_header, #clients_charity_header {
width: 185px;
height: 28px;
position: relative;
left: -25px;
text-indent: -9999px;
}

#clients_tv_header {
background: url(../images/clients_tv_header.gif) no-repeat;
margin-top: 20px;
}

#clients_publications_header {
background: url(../images/clients_publishing_header.gif) no-repeat;
}

#clients_outreach_header {
background: url(../images/clients_outreach_credits.gif) no-repeat;
}

#clients_online_header {
background: url(../images/clients_online_header.gif) no-repeat;
width: 219px;
position: relative;
left: 0;
}

#clients_charity_header {
background: url(../images/clients_charity_header.gif) no-repeat;
}

ul.clientlist {
list-style-type: circle;
padding: 0 20px 0 30px;
}

ul.clientlist  li {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #2a10f;
text-align: left;
padding: 0 0 10px 0;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 0 10px 10px;
}

.sidebar ul li {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
color: #2a10f;
margin: 0px;
text-align: left;
padding: 5px;
}

.credits li {
font-weight: bold;
}

IMG.clientlogo {
padding: 0 0 5px 0;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto
}


#wrapper {
width: auto;
height: auto;
margin: 0 auto;
}

#footer {
background: url(../images/footer.gif) #8bd3f5 no-repeat left;
height: 20px;
position: relative;
top: 20px;
clear: both; 
}

#footer p {
color: white;
font-size: 10px;
text-align: center;
}

#announcement {
	background: url(../images/announcement_bg.gif) no-repeat center;
	width: 159px;
	height: 157px;
	float: right;
	padding-top: 40px;
}

#announcement p {
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
padding: 30px 10px 10px 35px;
margin: 0px;
text-align: left;
}

.bluetxt {
	color: #5bb1da !important;
}

#logo {
text-indent: -9999px;
background: url(../images/logo.gif) no-repeat center;
width: 229px;
height: 150px;
}

#home_main {
width: 698px;
height: 452px;
overflow: hidden;
background: url(../images/homemainNEW.png) no-repeat center;
}

#home_left {
width: 450px;
height: 452px;
float: left;
}

#hometext {
float:left;
position: relative;
top: 20px;
left: 145px;
height: 300px;
width: 260px;
}

#hometext p {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 17px;
color: #474747;
padding: 0 0 5px 5px;
margin: 0px;
text-align: left;
}

#hometext p strong {
color: #5bb1da;
font-size: 13px;
}

#credit {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 17px;
color: #565656;
padding-top: 20px;
}

#credit a:link, #credit a:visited, #credit a:hover, #credit a:active  {
color: #565656;
}

/* navigation */


#homenav {
width: 222px;
height: 452px;
float: right;
}

#insidenav {
width: 222px;
height: 500px;
background: url(../images/insidenav_bgNEW.gif) no-repeat;
}

#insidenav_clients {
width: 222px;
margin: 0 0 100px 0;
background: url(../images/insidenav_bg.gif) no-repeat;
}

.results-button {
padding-left: 90px;
}


ul#nav {
position: relative;
left: -70px;
top: -80px;
	width:222px;
	height:300px;
	margin: 0;
}

ul#navinside, ul#navinside_clients {
position: relative;
left: -40px;
float:left;
	width:222px;
	height:394px;
	margin: 0;
}

ul#navinside_clients {
float: none;
height: 300px;
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#navinside li, ul#navinside_clients li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
border:0;
text-decoration:none;
display:block;
background:transparent url(../images/nav_homeNEW.gif) no-repeat;
}


ul#navinside li a {
border:0;
text-decoration:none;
display:block;
background:transparent url(../images/nav_insideNEW.gif) no-repeat;
}

ul#navinside_clients li a {
border:0;
text-decoration:none;
display:block;
background:transparent url(../images/nav_inside.gif) no-repeat;
}

li#services a {
width:222px;
height:95px;
}

li#clients a {
width:222px;
height:113px;
}

li#team a {
width:222px;
height:88px;
}

li#results a {
width:224px;
height:100px;
}


li#services a:link, li#services a:visited {
background-position:-0px -0px;
}
li#services a:hover, li#services a:focus {
background-position:-223px -0px;
}

li#clients a:link, li#clients a:visited {
background-position:-0px -94px;
}
li#clients a:hover, li#clients a:focus {
background-position:-223px -94px;
}

li#team a:link, li#team a:visited {
background-position:-0px -206px;
}
li#team a:hover, li#team a:focus {
background-position:-223px -206px;
}

li#team a:link, li#team a:visited {
background-position:-0px -206px;
}
li#team a:hover, li#team a:focus {
background-position:-223px -206px;
}

li#results a:link, li#results a:visited {
background-position:-0px -293px;
}
li#results a:hover, li#results a:focus {
background-position:-223px -293px;
}

#servicespg ul#navinside li#services a {
background-position: -446px -0px;
}

#clientspg ul#navinside_clients li#clients a {
background-position: -446px -94px;
}

#teampg ul#navinside li#team a {
background-position: -446px -206px;
}

#resultspg ul#navinside li#results a {
background-position: -446px -293px;
}

/* contact bubbles */

#contact_home {
background: url(../images/contact_title.gif) no-repeat;
width: 120px;
height: 100px;
position: relative;
top: 330px;
left: -240px;
}

#contact_home p {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 12px;
color: white;
padding: 0 0 5px 5px;
margin: 0px;
text-align: left;
position: relative;
top: 30px;
}

#contact_inside, #contact_inside_clients {
background: url(../images/contactbg.gif) no-repeat;
width: 159px;
height: 157px;
float: right;
}

#contact_inside_clients {
float: none;
clear: left;
}

#contact_team {
background: url(../images/team_contactcircle.gif) no-repeat;
width: 225px;
height: 2000px;
float: left;
position: relative;
top: -100px;
padding-top: 5px;
}


#contact_inside p, #contact_team p, #contact_inside_clients p {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: white;
padding: 0 0 5px 5px;
margin: 0px;
text-align: left;
position: relative;
top: 70px;
left: 27px;
}

#contact_team p {
font-size: 12px;
line-height: 15px;
padding-left: 15px;
}

/* brown and blue boxes */

.col {
width: 237px;
float: left;
}

.boxrow {
width: 650px;
height: 545px;
}

#quotes {
	}

.brownbox_l, .brownbox_r {
background: url(../images/brown_box_mid.gif) repeat-y top center;
width: 233px;
height: auto;
margin: 2px;
padding: 0;
}

.bigbrownbox {
background: url(../images/bigbrownbox_mid.gif) repeat-y top center;
width: 507px;
height: auto;
margin: 0 0 5px 0;
}

.brownbox_top {
background: url(../images/brown_box_top.gif) no-repeat top center;
width: 233px;
height: 43px;
}

.bigbrownbox_top {
background: url(../images/bigbrownbox_top.gif) no-repeat top center;
width: 507px;
height: 30px;
}

.brownbox_l p, .brownbox_r p, .bigbrownbox p {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #ffffff;
text-align: left;
padding: 0 20px 0 20px;
}

.brownbox_l p strong, .brownbox_r p strong, .bigbrownbox p strong {
font-weight: bold;
font-style: italic;
color: #8bd3f5;
}

.bigbrownbox p strong {
font-weight: bold;
font-size: inherit;
color: #8bd3f5;
}

.brownbox_l p strong a, .brownbox_r p strong a, .brownbox_l p strong a:visited, .brownbox_r p strong a:visited, .bigbrownbox p strong a, .bigbrownbox p strong a:visited {
color: #8bd3f5;
}

.bluebox_l p strong a, .bluebox_r p strong a, .bluebox_l p strong a:visited, .bluebox_r p strong a:visited, .bigbluebox p strong a, .bigbluebox p strong a:visited {
color: #5bb1da;
}

.brownbox_btm {
background: url(../images/brown_box_btm.gif) no-repeat bottom center;
width: 233px;
height: 24px;
}

.bigbrownbox_btm {
background: url(../images/bigbrownbox_btm.gif) no-repeat bottom center;
width: 507px;
height: 30px;
}

.bluebox_r, .bluebox_l {
background: url(../images/blue_box_mid.gif) repeat-y top center;
width: 233px;
height: auto;
margin: 2px;
padding: 0;
}

.bigbluebox {
background: url(../images/bigbluebox_mid.gif) repeat-y top center;
width: 507px;
margin: 0 0 5px 0;
}

.bluebox_top {
background: url(../images/blue_box_top.gif) no-repeat top center;
width: 233px;
height: 43px;
}

.bigbluebox_top {
background: url(../images/bigbluebox_top.gif) no-repeat top center;
width: 507px;
height: 30px;
}

.bluebox_l p, .bluebox_r p, .bigbluebox p  {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 13px;
color: #301c12;
text-align: left;
padding: 0 20px 0 20px;
}

.bluebox_l p strong, .bluebox_r p strong, .bigbluebox p strong {
font-weight: bold;
font-style: italic;
color: #5bb1da;
}

.bigbluebox p strong {
font-weight: bold;
font-size: inherit;
color: #5bb1da;
}

.bluebox_btm {
background: url(../images/blue_box_btm.gif) no-repeat bottom center;
width: 233px;
height: 24px;
}

.bigbluebox_btm {
background: url(../images/bigbluebox_btm.gif) no-repeat bottom center;
width: 507px;
height: 30px;
}

.blue_logobox_top {
background: url(../images/blue_logobox_top.gif) no-repeat top center;
width: 233px;
height: 43px;
}

.brown_logobox_top {
background: url(../images/brown_logobox_top.gif) no-repeat top center;
width: 233px;
height: 43px;
}

.bigbluebox p, .bigbrownbox p {
padding: 5px 20px 5px 20px;
margin: 0;
}

.bigbluebox p strong, .bigbrownbox p strong {
padding: 0;
margin: 0;
}

.ss_controls_left {
padding: 10px 0 0 0;
width: 250px;
float: right;
}

.control_l {
width: 40px;
height: 40px;
float: left;
padding-right: 10px;
}

.ss_controls_right {
padding: 10px 0 0 0;
width: 250px;
float: left;
}
.control_r {
width: 40px;
height: 40px;
float: right;
padding-left: 10px;
}

#show {
	padding-top: 85px;
}

#image {
	margin: auto;
text-align: center;
}

.slideshowimage {
padding: 10px 0 0 0;
}

.caption {
width: 550px;
height: 15px;
margin: auto;
}

.caption p {
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #321d13;
text-align: center;
padding: 0;
}

.smallcap {
	font-size: 10px;
	font-style:italic;
}

#resultspg a {
	color: inherit;
	text-decoration: underline;
	font-weight: bold;
}

#resultspg a:hover {
	color: inherit;
	text-decoration: none;
}

a.attention {
	font-weight: bold;
	color: #5bb1da;
	}
	
	.vid {
		padding: 25px 0 0 0;
		width: 550px;
	}
	
	#vid2 {
		height: 485px;
		padding: 25px 0 0 0;
	}
	
blockquote.twitter-video {
	max-width: 550px;
	display: inline-block;
	}
	
.head {
with: 100px;
padding: 25px 0 0 0;
position: relative;
left: -215px;
}


/* .previous {
	height: 40px;
	width: 40px;
	background: url(../images/previous.gif) no-repeat;
	border: none;
}

.next {
	height: 40px;
	width: 40px;
	background: url(../images/next.gif) no-repeat;
	border: none;
}

.pause {
	height: 40px;
	width: 40px;
	background: url(../images/pause.gif) no-repeat;
	border: none;
}

.play {
	height: 40px;
	width: 40px;
	background: url(../images/play.gif) no-repeat;
	border: none;
}
*/

.vidheader {
	background-color: #dff3fd;
	width: 552px;
	height: 66px;
	margin-bottom: 2px;
	padding-bottom: 0;
}

.vidheader p {
	font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	text-align: left;
	padding: 10px 0 0 10px;
}