F@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	border: 0;
	padding: 0 0 20px 0;
	text-align: center;
	background: #ddd url(/images/bg_body.jpg) repeat-x;
}
/*** MENU ITEMS ***/

div#nav_container {
	width: 960px;
	height: 110px;
	background: #fff;
	border: 0;
	padding: 0;
	margin: 0 auto;
}
#nav {
	float: right;
	margin: 0;
	padding-top: 52px;
}
div#nav ul {
	list-style-type:none;
	padding:0 0 0 0;
	margin: 0;
}
div#nav li {
	float:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-right: 15px;
}
div#nav li.link a {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	color:#FF3E8B;
	text-align:center;
	text-decoration:none;
}
div#nav li.link a strong {
	display:block;
	padding:6px 10px 6px 0;
}
div#nav li.link a:hover {
	background:#FF3E8B url(/images/bg_nav_li_left.gif) no-repeat top left;
	color:#fff;
}
div#nav li.link a:hover strong {
	background:url(/images/bg_nav_li_right.gif) no-repeat top right;
	color:#fff;
}
div#nav li.current a {
	display:block;
	margin:0 2px 0 0;
	padding:0 0 0 10px;
	background: none;
	color:#333;
	text-decoration:none;
}
div#nav li.current a strong {
	display:block;
	padding:6px 10px 6px 0;
	background: none;
	color:#333;
}
#nav .right {
	margin-right: 0;
}
/*** LOGO FOR WELL STUDIO ***/
.well_logo {
	float: left;
	width:235px;
	height:51px;
	margin-top: 40px;
	border:0;
}

/*** Typography ***/

.pink {
	color:#FF3E8B;
}

.testimonialHighlight {
	color:#FF3E8B;
	font-size:16px;
}

.large {
	font-size: 18px;
}

.black {
	color:#333333;
}
.smallprint {
	color:#CCCCCC;
	font-size:11px;
}
.small {
	font-size:11px;
}



/*** CONTAINER LAYER FOR MAIN CONTENT AREAS ***/

div#container {
	width: 960px;
	margin: 0 auto;
}
/*** left hand panel ***/
div#content {
	width: 600px;
	float: left;
	text-align: left;
	padding: 19px 35px 30px 10px;
}
div#content2 {
	width: 600px;
	float: left;
	text-align: left;
	padding: 19px 35px 0px 10px;
}
div#content3 {
	width: 505px;
	float: left;
	text-align: left;
	padding: 38px 10px 30px 10px;
}




div#contentwide {
	width: 960px;
	float: left;
	text-align: left;
	padding: 19px 0 30px 0;
}
div#client-logos {
	width: 960px;
	text-align: center;
	margin: 0 auto;
}


.client_thumb_left { margin-left: 0px; margin-bottom: 10px; }
a .client_thumb_left { border: 1px solid #ccc; }
a:hover .client_thumb_left { border: 1px solid #666; }

.client_thumb {	margin-left: 10px; margin-bottom: 10px; }
a .client_thumb { border: 1px solid #ccc; }
a:hover .client_thumb { border: 1px solid #666; }



hr {
	margin: 0 10px 0 10px; border: 0; padding: 0; height: 1px; color: #ccc; background-color: #ccc;
}


p {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
	text-align: left;
	margin-left: 10px;
	margin-right: 15px;
}
p.right {
	text-align:right;
}

p a,
table a {
	text-decoration: none;
	color: #FF3E8B;
	border-bottom: 1px dotted #333;
}
p a:hover,
table a:hover  {
	text-decoration: none;
	color: #fff;
	background: #FF3E8B;
	border-bottom: 1px solid #FF3E8B;
}
#content ul, #contentwide ul {
	font: normal 12px Arial, Helvetica, sans;
	color: #333;
	margin: 20px 10px 20px 5px;
	text-align: left;
	border: 0;
	padding: 0;
}
#content ul li, #contentwide ul li {
	list-style-type: none;
	line-height: 24px;
	margin-bottom: 0px;
	padding-left: 40px;
	padding-top: 3px;
	background:url(/images/li_logo.png) no-repeat;
}


#content ul li .ap, #contentwide ul li .ap {
	background:url(/images/bg_panel_middle_ap.png) no-repeat;
}
#content ul li .as, #contentwide ul li .as {
	background:url(/images/bg_panel_middle_as.png) no-repeat;
}
#content ul li .ds, #contentwide ul li .ds {
	background:url(/images/bg_panel_middle_ds.png) no-repeat;
}
#content ul li .ec, #contentwide ul li .ec {
	background:url(/images/bg_panel_middle_ec.png) no-repeat;
}
#content ul li .mm, #contentwide ul li .mm {
	background:url(/images/bg_panel_middle_mm.png) no-repeat;
}
#content ul li .sm, #contentwide ul li .sm {
	background:url(/images/bg_panel_middle_sm.png) no-repeat;
}
#content ul li .wd, #contentwide ul li .wd {
	background:url(/images/bg_panel_middle_wd.png) no-repeat;
}
#content ul li.ap, #contentwide ul li .ap {
	background:url(/images/bg_panel_middle_ap.png) no-repeat;
}
#content ul li.as, #contentwide ul li .as {
	background:url(/images/bg_panel_middle_as.png) no-repeat;
}
#content ul li.ds, #contentwide ul li .ds {
	background:url(/images/bg_panel_middle_ds.png) no-repeat;
}
#content ul li.ec, #contentwide ul li .ec {
	background:url(/images/bg_panel_middle_ec.png) no-repeat;
}
#content ul li.mm, #contentwide ul li .mm {
	background:url(/images/bg_panel_middle_mm.png) no-repeat;
}
#content ul li.sm, #contentwide ul li .sm {
	background:url(/images/bg_panel_middle_sm.png) no-repeat;
}
#content ul li.wd, #contentwide ul li .wd {
	background:url(/images/bg_panel_middle_wd.png) no-repeat;
}

#content ul li a, #contentwide ul li a {
	text-decoration: none;
	color: #FF3E8B;
	font-weight: normal;
}
#content ul li a:hover, #contentwide ul li a:hover {
	color: #fff;
	background: #FF3E8B;
}
h1 {
	font: normal 24px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 10px;
	padding: 0;
	color: #FF3E8B;
}
h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 10px;
	padding: 0;
	color: #FF3E8B;
}
h3 {
	font: normal 18px Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 10px;
	padding: 0;
	color: #FF3E8B;
}
h4 {
	font: normal 16px Arial, Helvetica, sans-serif;
	margin: 0 70px 0px 10px;
	padding: 0;
	color: #333;
}
h4 a {
	font: normal 24px Arial, Helvetica, sans-serif;
	padding: 0;
	color: #333;
	text-decoration: none;
}
h5 {
	font: normal 18px Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 10px;
	padding: 0;
	color: #FF3E8B;
}
h5 a {
	color: #FF3E8B; text-decoration: none;
}

.rssheader { 
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 10px;
	padding: 0;
	color: #FF3E8B;
}
 

.intro {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #555;
	line-height: 24px;
}
img {border:0;}

/******* NEED TO FIX THIS BIT ********/

#content .email_small {
	margin-left: 10px;
	margin-bottom: 10px;
}

#content .email_small_left {
	margin-left: 0px;
	margin-bottom: 10px;
}

#content a.email_small {
	background: none;
	border-bottom: none;
}
#content .email_manager, #contentwide .email_manager {
	padding-right: 25px;
	margin-left: 10px;
	float: right;
}
/* pullout quote styles */

#content .xsnazzy p, #contentwide .xsnazzy p {
	margin:0 10px;
	padding-bottom:0.5em;
	color: #fff;
	font: normal 15px Arial, Helvetica, sans-serif;
	line-height: 21px;
}
.xsnazzy {
	background: transparent;
	margin:1em;
	width: 300px;
	float: right;
}
.xtop, .xbottom {
	display:block;
	background:transparent;
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	background:#b5b5b5;
}
.xb1 {
	margin:0 5px;
	background:#b5b5b5;
}
.xb2 {
	margin:0 3px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}
.xboxcontent {
	display:block;
	background:#b5b5b5;
	padding: 5px;
}
/* breadcrumb font styles */

#breadcrumb {
	padding-bottom: 10px;
}
#breadcrumb p {
	background: none;
	color: #555;
}
#breadcrumb p a {
	background: none;
	color: #555;
}
#breadcrumb p a:hover {
	background: #FF3E8B;
}
#breadcrumb ul {
	list-style-type:none;
	margin:0;
	padding: 5px 20px 5px 10px;
}
#breadcrumb li {
	display:block;
	float:left;
	margin:0;
	padding: 1px 10px 1px 10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
}
#breadcrumb li a {
	margin:0;
	text-decoration:none;
	color: #FF3E8B;
	border-bottom: 1px dotted #333;
}
#breadcrumb li a:hover {
	background: #FF3E8B;
	color: #fff;
	border-bottom: 1px solid #FF3E8B;
}
#breadcrumb .left {
	padding-left: 0;
}
#breadcrumb .siteMapPath {
	display:block;
	float:left;
	margin:0;
	padding: 5px 25px 5px 15px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
}
#breadcrumb .siteMapPath a {
	margin:0 5px 0 0;
	text-decoration:none;
	color: #FF3E8B;
	border-bottom: 1px dotted #333;
}
#breadcrumb .siteMapPath a:hover {
	background: #FF3E8B;
	color: #fff;
	border-bottom: 1px solid #FF3E8B;
}
/*** flash panel with new widened carousel ***/
div#carousel-wide {
	width: 960px;
	height: 240px;
	background: white url(/images/bg_carouselwide.png) no-repeat;
	margin-bottom: 20px;
}
/*** flash panel with carousel ***/
div#flashcontent {
	width: 630px;
	height: 274px;
	background: white url(/images/bg_flashcontent.jpg) no-repeat;
	text-align: left;
	margin-bottom: 20px;
}
/*** HOMEPAGE TRIPTYCH PANEL STYLES ***/

div#triptych-container-left {
	width: 630px;
	float: left;
}
div#triptych-panel-left {
	width: 300px;
	float: left;
}
div#triptych-panel-middle {
	width: 300px;
	float: right;
}
div#tyiptych-panel-right {
	width: 300px;
	float: right;
}
/*** HOMEPAGE DUEL PANEL STYLES ***/

div#duel-container {
	margin: 0 auto;
	margin-top: 0;
	width: 940px;
	padding: 10px 0 10px 0;
}
div#duel-left {
	width: 448px;
	float: left;
	margin: 0;
	padding: 0;
}
div#duel-right {
	width: 448px;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	border-left: 1px solid #ccc;
}
/*** right hand panels ***/


div#side {
	padding-top: 35px;
	width: 310px;
	float: right;
}
/* panel one (NEW) */

div.panel_top_feed, div.panel_top_contact, div.panel_top_ourwork, div.panel_top_wellsaid, div.panel_top_new, div.panel_top_news, div.panel_top_sectors, div.panel_top_projects, div.panel_top_services, div.panel_top_maintenance, div.panel_top_email, div.panel_top_cases, div.panel_top_wd, div.panel_top_sm, div.panel_top_as, div.panel_top_ds, div.panel_top_ec, div.panel_top_ap, div.panel_top_mm {
	width: 300px;
	float: right;
	text-align: left;
	padding: 30px 0 0 0;
	margin: 0;
	height: 30px;
}
div.panel_top_ourwork {
	background: url(/images/bg_panel_top_ourwork.png) no-repeat;
}
div.panel_top_contact {
	background: url(/images/bg_panel_top_contact.png) no-repeat;
}
div.panel_top_wellsaid {
	background: url(/images/bg_panel_top_wellsaid.png) no-repeat;
}
div.panel_top_new {
	background: url(/images/bg_panel_top_new.png) no-repeat;
}
div.panel_top_news {
	background: url(/images/bg_panel_top_news.png) no-repeat;
}
div.panel_top_sectors {
	background: url(/images/bg_panel_top_sectors.png) no-repeat;
}
div.panel_top_projects {
	background: url(/images/bg_panel_top_projects.png) no-repeat;
}
div.panel_top_services {
	background: url(/images/bg_panel_top_services.png) no-repeat;
}
div.panel_top_maintenance {
	background: url(/images/bg_panel_top_maintenance.png) no-repeat;
}
div.panel_top_email {
	background: url(/images/bg_panel_top_email.png) no-repeat;
}
div.panel_top_cases {
	background: url(/images/bg_panel_top_cases.png) no-repeat;
}
div.panel_top_wd {
	background: url(/images/bg_panel_top_wd.png) no-repeat;
}
div.panel_top_sm {
	background: url(/images/bg_panel_top_sm.png) no-repeat;
}
div.panel_top_as {
	background: url(/images/bg_panel_top_as.png) no-repeat;
}
div.panel_top_ds {
	background: url(/images/bg_panel_top_ds.png) no-repeat;
}
div.panel_top_ec {
	background: url(/images/bg_panel_top_ec.png) no-repeat;
}
div.panel_top_ap {
	background: url(/images/bg_panel_top_ap.png) no-repeat;
}
div.panel_top_mm {
	background: url(/images/bg_panel_top_mm.png) no-repeat;
}
div.panel_top_feed {
	background: url(/images/bg_panel_top_feed.png) no-repeat;
}
div.panel_middle, div.panel_middle_testimonial, div.panel_middle_testimonial_homepage {
	width: 300px;
	background: #f5f5f5 url(/images/bg_panel_middle.jpg) repeat-x;
	float: right;
	text-align: left;
	padding: 0 0 0px 0;
	margin: 0;
}
div.panel_middle p {	
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 2px;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 16px; 
}

div.panel_middle_testimonial p {
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 8px;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 22px; 
}

div.panel_middle_testimonial_homepage p {
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 4px;
	font: normal 12px Arial, Helvetica, sans-serif;;
	line-height: 19px; 
}

div.panel_middle_testimonial_homepage p .testimonialHighlight {
	color:#FF3E8B;
	font-size:14px;
}

div.panel_middle ul {
	text-align: left;
	font: normal 12px Arial, Helvetica, sans;
	color: #333;
	margin: 15px 10px 10px 5px;
	border: 0;
	padding: 0;
}

div.panel_middle ul li {
	list-style-type: none;
	line-height: 18px;
	margin-bottom: 0px;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 8px;
}

div.panel_middle ul li a {
	text-decoration: none;
	color: #333;
}

div.panel_middle ul li a:hover {
	color: #FF3E8B;
}


.wd_selected {
	background:url(/images/bg_panel_middle_wd.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.sm_selected {
	background:url(/images/bg_panel_middle_sm.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.as_selected {
	background:url(/images/bg_panel_middle_as.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.ds_selected {
	background:url(/images/bg_panel_middle_ds.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.ec_selected {
	background:url(/images/bg_panel_middle_ec.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.ap_selected {
	background:url(/images/bg_panel_middle_ap.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}

.mm_selected {
	background:url(/images/bg_panel_middle_mm.png) no-repeat;
	font-weight: bold;
	font-size:14px;	
}




/* SERVICES page double column layout */

div#services_container { border: 0; width: 920px; margin: 0 auto; padding: 0 0 0 0; }

div.services_duel { margin: 0 0 30px 0; }

div.services_dark_panel_left { width: 450px; height: 150px; float: left; background: url(/images/services/bg_services_dark.jpg) top left no-repeat; }
div.services_dark_panel_right { width: 450px; height: 150px; float: right; background: url(/images/services/bg_services_dark.jpg) top left no-repeat; }
div.services_light_panel_left { width: 450px; height: 150px; float: left; background: url(/images/services/bg_services_light.png) top left no-repeat; }
div.services_light_panel_right { width: 450px; height: 150px; float: right; background: url(/images/services/bg_services_light.png) top left no-repeat; }

div.services_empty { width: 450px; height: 150px; float: right; background: url(/images/services/bg_services_empty.png) top left no-repeat; }



div.services_inner_left { width: 80px; float: left; text-align: right; }
div.services_inner_right { width: 355px; float: right; text-align: left; padding-right: 10px; }

p.services_white { color: white; margin-top: 0; }
p.services_dark { margin-top: 0; }

.services_inner_icon { margin-top: 10px; }


/* case studies */

#casestudyimage { 
	padding-top: 20px;
	margin: 0 0 20px 0;
	float: right;
}

div.panel_middle_case {
	width: 300px;
	background: #f5f5f5 url(/images/bg_panel_middle.jpg) repeat-x;
	float: right;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0;
}

div.panel_middle_case p.indexLink{
	text-align: right;
}

.casestudy {
	margin-top: 20px;
}
.casestudyTable {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	margin:1em;
	margin-bottom:2em;
	line-height:18px;
}
.casestudyTableDescription {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:18px;
	padding-top:1em;
}
.casestudyTable p{
	margin-left:0;
	margin-right:0;
}

.casestudyTableRule { 
	border-top: #CCCCCC solid 1px;
}

a .cs_top{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

a:hover .cs_top  {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

.cs_bottom {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 220px;
	height: 40px;
}

.cs_bottom p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFF;	
	padding:5px;
	margin: 0;
	line-height: 1.3em;
	text-align: left;
}

.cs_bottom p a{	
	text-decoration: none;
	color: #FFF
}

.cs_bottom p a:hover{
	background: transparent;
	color: #FF3E8B;
	border:0;
}

.cs_bottom .logo {
	background:url(/images/clients/cs_bottom_logo.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .which {
	background:url(/images/clients/cs_bottom_which.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .mishcon {
	background:url(/images/clients/cs_bottom_mishcon.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .oaklands {
	background:url(/images/clients/cs_bottom_oaklands.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .quest {
	background:url(/images/clients/cs_bottom_quest.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .ctc {
	background:url(/images/clients/cs_bottom_ctc.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .gsfw {
	background:url(/images/clients/cs_bottom_gsfw.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .shire {
	background:url(/images/clients/cs_bottom_shire.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .law {
	background:url(/images/clients/cs_bottom_law.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .boxbear {
	background:url(/images/clients/cs_bottom_boxbear.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .owenwhite {
	background:url(/images/clients/cs_bottom_owenwhite.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .intelligentpeople {
	background:url(/images/clients/cs_bottom_intelligentpeople.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .bea {
	background:url(/images/clients/cs_bottom_bea.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .dla {
	background:url(/images/clients/cs_bottom_dla.jpg) no-repeat;	
	height: 40px;
}

.cs_bottom .gsk {
	background:url(/images/clients/cs_bottom_gsk.jpg) no-repeat;	
	height: 40px;
}

/* columns on Clients Page */
.clientsColumn { 
	width: 220px; 
	float:left;
	margin-right: 10px;
}

.clientsColumnLeft { 
	width: 220px; 
	float:left;
	margin: 0 10px 0 20px;
}


/* end columns on Clients Page */
/* end case studies */




/* WHAT WE DO - SERVICES PAGES */

.large-icon-holder { float: left; width: 120px; }

.content-what-we-do { float: right; width: 475px; }
 
.whatwedo-large-image { padding: 5px 0 25px 5px; }



.ap {
	background:url(/images/bg_panel_middle_ap.png) no-repeat;
}
.as {
	background:url(/images/bg_panel_middle_as.png) no-repeat;
}
.ds {
	background:url(/images/bg_panel_middle_ds.png) no-repeat;
}
.ec {
	background:url(/images/bg_panel_middle_ec.png) no-repeat;
}
.mm {
	background:url(/images/bg_panel_middle_mm.png) no-repeat;
}
.sm {
	background:url(/images/bg_panel_middle_sm.png) no-repeat;
}
.wd {
	background:url(/images/bg_panel_middle_wd.png) no-repeat;
}
.li_logo {
	background:url(/images/li_logo.png) no-repeat;
}
.panel_middle p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 15px;
	margin: 5px 15px 5px 15px;
}
.panel_middle p.website {
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #333;
	line-height: 15px;
	margin: 5px 15px 5px 15px;
}
.panel_middle p a {
	text-decoration: none;
	color: #FF3E8B;
	border-bottom: 1px dotted #333;
}
.panel_middle p a:hover {
	text-decoration: none;
	color: #fff;
	background: #FF3E8B;
	border-bottom: 1px solid #FF3E8B;
}
p.title {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #999;
	margin: 10px 0 1px 15px;
}
p.author {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
	margin: 5px 0 10px 15px;
}
.thumb {
	margin: 10px 0 5px 8px;
}
a .thumb {
	border: 1px solid #ccc;
}
a:hover .thumb {
	border: 1px solid #555;
}
.thumb_left {
	margin: 10px 0 5px 15px;
}
a .thumb_left {
	border: 1px solid #ccc;
}
a:hover .thumb_left {
	border: 1px solid #555;
}
.panel_middle hr {
	margin: 0 15px 0 15px;
	border: 0;
	padding: 0;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
}
div.panel_bottom {
	width: 300px;
	height: 30px;
	background:url(/images/bg_panel_bottom.png) no-repeat;
	float: right;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}
div.panel_bottom_news {
	width: 300px;
	height: 62px;
	float: right;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}


/* JOURNAL STYLES */

.journaltitle { margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }

.journalentry { margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }

.journaldate { font: normal 11px Arial, Helvetica, sans-serif; color: #888; margin-top: 0; margin-bottom: 20px; padding-top: 0; }






/* JOB STYLES */

.job-box-top { width: 582px; margin: 0 0 0 10px; height: 25px; background: url(/images/jobs/bg-job-box-top.png) no-repeat; }

.job-box-middle { width: 578px; margin: 0 0 0 10px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; padding: 0; }
.job-box-middle p { margin: 0 0 0 0; padding: 5px 20px 5px 20px; }
.job-box-middle h2 { margin: 0 0 10px 20px; }
.job-box-middle hr { border: 0; margin: 5px 20px 5px 20px; padding: 0; height: 1px; color: #ccc; background-color: #ccc; }


.job-box-bottom { width: 582px; margin: 0 0 0 10px; height: 25px; background: url(/images/jobs/bg-job-box-bottom.png) no-repeat; }















/* SITEMAP STYLES */


/*** footer ***/

div#footer_top {
	width: 960px;
	height: 15px;
	text-align: left;
	background: #333 url(../images/bg_footer_top.jpg) no-repeat;
	margin: 0;
}
div#footer {
	width: 960px;
	background: #333 url(../images/bg_footer.jpg) bottom repeat-x;
	text-align: left;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

div#footerleft {
	width:600px;
	float:left;
}

div#footerright {
	width:200px;
	float:right;
	margin: 23px 8px 0 0;
}


#footerleft ul {
	list-style-type:none;
	margin:0;
	padding: 5px 20px 5px 20px;
}
#footerleft li {
	display:block;
	float:left;
	margin:0;
	padding:0 10px 0 10px;
	border-right:1px solid #666;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999;
}
#footerleft li a {
	margin:0;
	text-decoration:none;
	color: #999;
}
#footerleft li a:hover {
	color: #fff;
}
#footerleft .left {
	padding-left: 0;
}
#footerleft .right {
	border-right: 0;
}
#footerleft p {
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 20px 0 20px;
	line-height: 15px;
	color: #999;
}
div#footer_bottom {
	width: 960px;
	height: 20px;
	background: #f00;
	text-align: left;
	background:url(../images/bg_footer_bottom.jpg) no-repeat;
	margin: 0;
}
.clear {
	clear: both;
}
/* sIFR */

.sIFR-flash + div[adblocktab=true] {
	display:none !important;
}
.sIFR-flash {
	visibility:visible !important;
	margin:0;
}
.sIFR-replaced {
	visibility:visible !important;
}
span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
.sIFR-hasFlash h1 {
	visibility:hidden;
}
.sIFR-hasFlash h2 {
	visibility:hidden;
}
.sIFR-hasFlash h3 {
	visibility:hidden;
}
.sIFR-hasFlash h4 {
	visibility:hidden;
}

/* ----------------------------------------------------------------------------------------------------------------*/

/* -------->> global settings needed for thickbox <<<-----------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/

/* -------->> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {
	color: #666666;
}
#TB_window a:visited {
	color: #666666;
}
#TB_window a:hover {
	color: #000;
}
#TB_window a:active {
	color: #666666;
}
#TB_window a:focus {
	color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/

/* -------->> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}
* html #TB_overlay { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 5px solid #333;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption {
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title {
	background-color:#e8e8e8;
	height:27px;
}
#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
	padding:15px;
}
#TB_ajaxContent p {
	padding:5px 0px 5px 0px;
}
#TB_load {
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}





#searchBar {
 float: right; margin: 10px 15px 0 0; width: 363px;
}

input.searchBOX {
	border: #FF3E8B 1px solid;
	padding: 5px;
	color: #666666;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
}

input.searchBTN, input.loginBTN {
	color: #FFFFFF;
	border: 0; margin: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 31px;
	padding: 2px 0 8px 0;
}

input.searchBTN {
	background-image: url(/images/siteSearch.jpg) ;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #fff;	
	width: 68px;
	float: right;
}

input.loginBTN {
	background-image: url(/images/clientLoginButton.jpg) ;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	width: 89px;
	float: right;
}




/* Styles for Clients */
.clients_topbar { background: #222; color: white; width: 100%; padding: 20px 10px; }

.clients_main { background: #fff url(/images/bg_panel_clientsmiddle.jpg) top repeat-x; padding: 20px 10px; min-height: 450px; }

.clients_preview_med { padding: 5px; background:url(/images/bg_clients_preview_med.png) no-repeat; width: 220px; height: 170px; text-align: center; float: left; margin: 5px; }
.clients_preview_med a img { border: 5px solid #fff; }
.clients_preview_med a:hover img { border: 5px solid #ff3e8b; }

p.feed_item_header a { 
	font: normal 22px Arial, Helvetica, sans-serif;
	padding: 0;
	color: #333;
}

.clientwork li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; }
.clientwork li a { color: #ff3e8b; border-bottom: 1px dotted #333; text-decoration: none; }
.clientwork li a:hover { background: #ff3e8b; border-bottom: 1px dotted #ff3e8b; color: #fff; }









