@charset "utf-8";
/* Lateral Group website styles */
/********************************************************************************************************/
/* Global Styles  */

html {
	height: 100%;
	background:url(../images/backer.jpg) repeat-x;
	background-color:#292929;
	margin:0;
	padding:0;
}

img, div, p, td, em { behavior: url(http://www.lateralgroup.co.uk/scripts/pngfix/iepngfix.htc) }
	
body {
	height: 100%; 
	background:url(../images/backer.jpg) repeat-x; 
	background-color:#292929; 
	margin:0; 
	padding:0; 
	font: 0.75em  Arial, Verdana, Helvetica, sans-serif;
	behavior: url("../scripts/pngfix/csshover3.htc");
}

img { border:0 }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 25px;
}

.clear {
	visibility: hidden; 
	clear: both;
	height: 1px;
	font-size: 1px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.spaceout {
	height: 25px;
}

.spaceout_10 {
	height: 10px;
}

.click {
	cursor:pointer;
}
 
.clearfix {	display: inline-block;}
html[xmlns] .clearfix { display: block; }

/*********************************** TEXT SETTINGS **********************************************/

h1, h2, h3, h4, h5, h6 {
	padding: 0; 
	margin: 0; 
	color: #615F4E; 
	font-weight: bold; 
	font-family:Arial,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	letter-spacing:-.01em;
	}
	
h1 	{ margin:0 0 20px 0; font-size: 2.2em; line-height:1em; }
h2 	{ font-size: 1.4em; margin: 40px 0 8px 0; }
h3 	{ font-size: 1.25em; margin-bottom: 5px; }
h4 	{ font-size: 1.1em; margin-bottom: 5px; }
h5 	{ font-size: 1.5em; margin: 40px 0 5px 0; color:#9e946d; }
h6 	{ margin: 25px 0 10px 0; font-size: 1.8em; color:#a59c71; }
p 	{ padding: 0; margin: 0 0 15px; line-height:18px; color:#444444; font-size: 13px; }

h1.steps { margin:25px 20px 15px 35px }
h2.steps { margin:0 20px 45px 35px }

.txt_sm {
	font-size: 8pt;
	margin: 0 0 15px 0;
	padding:0;
	letter-spacing: 1pt;
	font-weight: normal;
	line-height: normal;
}


/******************************************************** bullets *******************************************************************************/

.bullets {
	list-style:none;
	margin-left: 5px;
	padding: 0;
	}

.bullets li {
	padding: 2px 5px 5px 20px;
	background: transparent url('../images/bullet2.gif') top left no-repeat;
	color: #444444;
}

/***********************************************************************************************************************************************************/



/****************************** Link styles ********************************************************************************************************************/

a 					{ outline:0; color:#31A0F3; text-decoration:none; font-weight:bold}
a:link, a:visited 	{ text-decoration:none; }
a:hover, a:active 	{ color:#888888; text-decoration:underline; }

a.wht 						{ color:#fff; font-weight:normal }
a.wht:link, a.wht:visited 	{ text-decoration:underline; }
a.wht:hover, a.wht:active 	{ text-decoration:none; }

a.plain 						{ color:#A59; text-decoration:none; }
a.plain:link, a.plain:visited  	{ color:#888888; text-decoration:none; }
a.plain:hover, a.plain:active 	{ color:#31A0F3; text-decoration:underline; }

a.gold 						{ color:#A59C71; text-decoration:none; font-weight:normal; }
a.gold:link, a.gold:visited { color:#A59C71; text-decoration:none; font-weight:normal; }
a.gold:hover, a.gold:active { color:#A59C71; text-decoration:underline; font-weight:normal; }

a.smallLink 							{ color:#fff; font-weight:bold; text-decoration:none; }
a.smallLink:link, a.smallLink:visited 	{ text-decoration:none; }
a.smallLink:hover, a.smallLink:active 	{ text-decoration:underline; }

a.grey 						{ color:#888888; font-weight:bold; text-decoration:none; }
a.grey:link, a.grey:visited { text-decoration:none; }
a.grey:hover, a.grey:active { color: #31A0F3;  font-weight:bold; text-decoration:underline; }

.mediaCopy a:link, .mediaCopy a:visited { color:#fff; text-decoration: none; }

/***************************************************************************************************************************************************************/


/****************************** GLOBAL CONTAINERS AND AREAS *************************************/

#logo {
	float:left; 
	display:inline; 
	width:220px; 
	height:90px; 
	margin-top:0
}

.phone_ds 	{ background:url(../images/in_touch_DS.jpg) no-repeat; }
.phone_how	{ background:url(../images/in_touch_HOW.jpg) no-repeat; }

#wrapper { 
	width: 955px; 
	margin: 0 auto; 
	padding-top:0px; 
	background: #A59C71 url(../images/backer_wrapper.jpg) scroll repeat-x; 
}

.cols2_main {
	float:left; 
	display:inline; 
	text-align:left; 
	width:580px; 
}

.cols2_main .cont 	{ margin:30px 20px 50px 40px; }
.cols2_main .steps 	{ margin-top:60px; }
.cols2_main .vids 	{ margin:30px 0 50px 40px; }

#white_panel {
	float:left; 
	display:inline; 
	margin:10px 0 0 25px; 
	width:903px; 
	background-color:#fff;
}

.cols {
	width:550px; 
	margin:0px 0 0 0;
}



/****************************** LG CONTAINERS AND AREAS *************************************/

.lhs {
	float:left; 
	display:inline; 
	text-align:left; 
	width:159px; 
	height:400px; 
	margin:20px 0 0 15px;
	background-color:#fff; 
	border-right:dotted 1px #888888;
}

.hm { border:none; }

#white_centre_panel {
	float:left; 
	display:inline; 
	text-align:left; 
	width:385px; 
	margin:17px 0 50px 25px; 
}

.rhs {
	float:right; 
	display:inline; 
	text-align:left;
	width:295px; 
	margin:0px 15px 0 0; 
	_margin:0px 20px 0 0; 
}

.ie0 	{ _margin:0; }
.ie10 	{ _margin:0px 10px 0 0; }
.ie15 	{ _margin:0px 15px 0 0; }


#white_right_GDM {
	float:left; 
	display:inline; 
	text-align:left;
	width:280px; 
	height:148px; 
	margin:0px 0 15px 10px; 
	background: url("../images/webcast_backer.jpg") 0 0 no-repeat;
}


/************************** TOP NAVIGATION AREA ***********************************************************************************************************************/

.nav {
	float:left; 
	display:inline; 
	margin-left:25px; 
	width:903px; 
	height:110px; 
}

.n_lg 	{	background: url(../images/nav_backer.jpg) no-repeat; }
.n_dl 	{	background: url(../images/nav_backer_dl.jpg) no-repeat; }
.n_sc 	{	background: url(../images/nav_backer_sc.jpg) no-repeat; }
.n_ds 	{	background: url(../images/nav_backer_ds.jpg) no-repeat; }
.n_how 	{ background: url(../images/nav_backer_how.jpg) no-repeat; }


#sub_comp_nav {
	float:left; 
	display:inline; 
	margin-left:220px; 
	margin-top:14px; 
	width:455px; 
	height:51px; 
	text-align:left;
}


/**************************************** BUTTONS ************************************************/
/* TOP NAV BUTTON CONTACT */


.lg_nav { 
	float:right; 
	width:550px; 
	height:45px; 
	text-align:right; 

}

.navbut a { 
	float:left;
	display:inline;
	height: 45px;
}

.b_cont a {
	width: 200px;
	margin: 0 10px;
	height: 35px;
}

.b_home a 	{ width: 29px; background: url("../images/button_home.jpg") 0 0 no-repeat; }
.b_who a 	{ width: 65px; background: url("../images/button_who.jpg") 0 0 no-repeat; }
.b_what a 	{ width: 64px; background: url("../images/button_what.jpg") 0 0 no-repeat; }
.b_how a 	{ width: 74px; background: url("../images/button_how.jpg") 0 0 no-repeat; }
.b_val a 	{ width: 62px; background: url("../images/button_values.jpg") 0 0 no-repeat; }
.b_cli a 	{ width: 43px; background: url("../images/button_clients.jpg") 0 0 no-repeat; }
.b_lib a 	{ width: 46px; background: url("../images/button_library.jpg") 0 0 no-repeat; }
.b_ctc a 	{ width: 59px; background: url("../images/button_contact.jpg") 0 0 no-repeat; }
.b_car a 	{ width: 49px; background: url("../images/button_careers.jpg") 0 0 no-repeat; }
.b_blog a 	{ width: 34px; background: url("../images/button_blog.jpg") 0 0 no-repeat; }
.b_linx a 	{ width: 90px; background: url("../images/button_linx.jpg") 0 0 no-repeat; }

.b_home a:hover, .b_who a:hover, .b_what a:hover, .b_how a:hover, .b_val a:hover, .b_cli a:hover, .b_lib a:hover, .b_ctc a:hover, .b_blog a:hover, .b_car a:hover, .b_linx a:hover {
	background-position: 0 -45px; 
	background-color: #fff;
}

.b_home a:active, .b_who a:active, .b_what a:active, .b_how a:active, .b_val a:active, .b_cli a:active, .b_lib a:active, .b_ctc a:active, .b_blog a:active, .b_car a:active {
	background-position: 0 -45px;
}


/********************INDEX ******************************************************************************************************************************************/

/* MISSION STATEMENT */
.missionBacker{
	width:384px;
	background:url(../images/mission_backer.gif) repeat-y;
	display:block;
	_margin: 0 0 40px 0 ;
}

*:first-child+html .missionBacker{
	width:384px;
	background:url(../images/mission_backer.gif) repeat-y;
	display:block;
	margin: 0 0 40px 0 ;
}

.mission { 
	text-align:left; 
	margin:0px 0 15px 10px;
}

.mission h2 {
	padding: 15px 0 5px 15px;
	font-size: 1.6em;
}

.mission ul { 
	list-style:none; 
	margin:0 10px 0 15px; 
	padding:0;
}

.mission ul li { 
	background: url('../images/bullets_mission.gif') no-repeat top left; 
	padding: 0 10px 8px 22px;  
	font-weight:bold; 
	color:#5f594a; 
	text-align:left; 
}

/****************** Hompage specifics ****************************************************************************************************************/

.getIntouch{
	width:265px;
	height:28px;
	display:block;
	background: url('../images/bgr_phonebut.gif') top right no-repeat;
	float:right;
	margin: 28px 12px 0 0;
	_margin: 26px 10px 0 0;
}

a.getIntouch_button {
	background:url(../images/but_emailus_sm.gif) top no-repeat;
	width:65px;
	height:28px;
	display:block;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
	margin-right: 10px;
}

a.shareus_button {
	background:url(../images/but_shareus_sm.gif) top no-repeat;
	width:72px;
	height:28px;
	display:block;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
}


a:hover.getIntouch_button, a:hover.shareus_button { background-position:bottom;	}

a.gartner_logo{
	background:url(../images/gartner_icon.gif) no-repeat top;
	width:84px;
	height:74px;
	text-indent:-9999px;
	display:block;
	margin: 0 0 0 37px;
}

a.mc_logo{
	background:url(../images/MC_icon.gif) no-repeat top;
	width:119px;
	height:55px;
	text-indent:-9999px;
	display:block;
	margin: 8px 0 0 23px;
}

a:hover.gartner_logo, a:hover.mc_logo{
	background-position:bottom;
	-moz-opacity:.55; 
	filter:alpha(opacity=55); 
	opacity:.55;
}

.hmleft { width: 160px; display:block; }

.box_plain 	{ background: url(../images/LHS_box_bg.gif) repeat-y top; }
.box_gdm 	{ background: url(../images/LHS_box_gdm_bg.gif) repeat-y top; }

.box_gdm_bot {
	background:url(../images/LHS_box_bottom_gdm_bg.gif) no-repeat;
	height:6px;
}

.box_plain_bot {
	background:url(../images/LHS_box_bottom_bg.gif) no-repeat;
	height:5px;
}

.mp_sm {
	background:url(../images/mp_logo_small.gif) no-repeat top;
	height:41px;
}

.gdm_sm {
	background:url(../images/gdm_icon_small.gif) no-repeat top;
	height:46px;
}

.lhs_txt {
	width:140px;
	margin: 0 3px 0 10px;
	line-height: 115%;
	color:#757359
}

.whiteText 	{ color:#FFF; }
.blueText	{ color:#0e81b8; font-weight:bold; }

h2.darkBrownText{
	color:#5f594a;
	font-size:22px;
	padding: 15px 0 0 0;
}

.rhs_text_header{
	color:#817954;
	font-size:16px;
	line-height:120%;
	font-weight:bold;
}

#white_right_panel_homepage {
	float:right; 
	width:267px;
	margin:0px 26px 0 0;
	_margin:0px 13px 0 0; 
}

.rhs_boxes_homepage {
	width:270px;
	height: 118px;
	margin: 0 0 20px 0;
}

.last { border-bottom:dotted 1px #888888; }

.rhs_boxes{
	width:157px;
	float:right;
	margin: 0 0 0 8px;
	line-height:120%;
}

.addthis_toolbox .custom_images a{
    width: 45px;
    height: 45px;
    margin: 0 4px 0 4px;
    padding: 0;
}

#meet_companies{
	width:385px;
	margin: -10px 0 15px 0;
}

.meet a { 
	float:left; 
	display:inline; 
	width: 95px; 
	height: 76px;
	margin: 0 0 12px 0;
}

/* Division fields **************************************************************************************************************************************************/

.dl_link a 								{ background: url("../images/fourDivisions.gif") 0 0 no-repeat; }
.dl_link a:hover, .dl_link a:active		{ background-position: 0 -76px; }
.sc_link a 								{ background: url("../images/fourDivisions.gif") -95px 0 no-repeat; }
.sc_link a:hover, .sc_link a:active		{ background-position: -95px -76px; }
.ds_link a 								{ background: url("../images/fourDivisions.gif") -192px 0 no-repeat; }
.ds_link a:hover, .ds_link a:active		{ background-position: -192px -76px; }
.how_link a 							{ background: url("../images/fourDivisions.gif") -288px 0 no-repeat; }
.how_link a:hover, .how_link a:active	{ background-position: -288px -76px; }



/*************************** lhs MP and GDM hints ********************************************************************************************************************/
.side_link {
	float:left; 
	display:block; 
	width: 153px; 
	margin:10px 0; 
	border-bottom:solid 1px #DFDDC8;
}

.side_link p { line-height: 120%; font-size:9pt; padding: 0 8px; }
.side_link p a { font-weight: normal }

.mp_button_link a {
	float:left; 
	display:inline; 
	margin:0px 0 5px -2px; 
	width: 153px; 
	height: 28px; 
	background: url("../images/MP_GDM_links.jpg") 0 0 no-repeat;
}

.mp_button_link a:hover, .mp_button_link a:active  	{ background-position: 0 -28px; }

.gdm_button_link a {
	float:left; 
	display:block; 
	margin:0px 0 5px -2px; 
	width: 152px; 
	height: 30px; 
	background: url("../images/MP_GDM_links.jpg") 0 -60px no-repeat;
}

.gdm_button_link a:hover, .gdm_button_link a:active { background-position: 0 -91px; }



/*********************************************************************************************************************************************************************/
/********************* KEY PEOPLE ***********************************************************************************************************************************/
#key_people {
	float:left; 
	display:inline; 
	text-align:left; 
	width:282px; 
	background: url('../images/key_people_backer.gif') repeat-y ; 
	margin:0px 0 15px 10px;
}

#key_people_left {
	float:left; 
	display:inline; 
	width:260px; 
	margin:0px 0 0 10px;
}

#key_people_left ul { 
	margin: 10px 0 0 0; 
	padding-left: 0; 
	text-align:left; 
	color:#444444; 
	display: block;
}

#key_people_left ul li {
	margin-left: 0; 
	padding-left: 13px;
	margin-bottom: 8px;  
	list-style: none; 
	display: block; 
	font-size: 1em; 
	font-weight:normal; 
	line-height:15px;
	color:#E7E7DA;
}


/*************************************************************************************************************************************************************/
/******* on all pages: text inside header ********************************************************************************************************************/

.leader {
	float:left; 
	display:inline; 
	text-align:left; 
	font-size:1em;
	width:380px; 
	margin:130px 0 0 475px; 
	color:#fff;
}

/*********************************************************************************************************************************************************************/


#left_left, #left_right {
	float:left; 
	display:inline; 
	text-align:left; 
	width:260px; 
	margin:0px 0 0 15px; 
}

#left_left_3{
	float:left; 
	display:inline; 
	text-align:left; 
	width:550px; 
	margin:-20px 0 0 15px; 
}

#left_right_3 {
	float:right; 
	display:inline; 
	text-align:left; 
	width:235px; 
	margin:-20px 0 0 15px; 
}

#left_left2 {
	float:left; 
	display:inline; 
	text-align:left; 
	width:275px; 
	margin:0px 10px 0 0; 
}

#left_right2 {
	float:left; 
	display:inline; 
	text-align:left; 
	width:275px; 
	margin:0px 0 0 0; 
}

.boldWhite {
	font-size: 0.9em; 
	text-align:left; 
	color:#fff; 
	font-weight:bold; 
	text-decoration:none;
}


/*************************************************************************************************************************************************************/
/*************************** All RHS Links and buttons *******************************************************************************************************/
.butbox {
	float:left; 
	display:inline; 
	text-align:left;
	width:282px; 
	height:66px; 
	margin:0 0 15px 10px;
}

.flexcont {
	overflow: visible;
	height:auto;
}

.b_lib_login a {
	float:left; 
	display:inline; 
	width:282px; 
	height:66px; 
	background: url("../images/library_login_button.gif") 0 0 no-repeat;
}

.b_lib_login a:hover, .b_lib_login a:active { background-position: 0 -75px; }

.but_contactus a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width:282px; 
	height:66px; 
	background: url("../images/contact_side_link_small.gif") 0 0 no-repeat;
}

.but_contactus a:hover, .but_contactus a:active { background-position: 0 -75px; }

#infrasteamSWF {
	float:left; 
	display:inline; 
	text-align:left;
	width:282px; 
	height:164px; 
	margin:0px 0 15px 10px;
	background: url("../images/infrastreamSWF.jpg") 0 0 no-repeat;
}

.play_swf_button a {
	float:left; 
	display:inline; 
	margin:55px 0 0 115px; 
	width:150px; 
	height:65px; 
	background: url("../images/button_play.png") 0 6px no-repeat;
	cursor:pointer;
}

.play_swf_button a:hover, .play_swf_button a:active { background-position: 0 -60px; }

.but_greendm a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width:282px; 
	height:66px; 
	background: url("../images/green_dm_side_link_small.gif") 0 0 no-repeat;
}

.but_greendm a:hover, .but_greendm a:active { background-position: 0 -75px; }

.rhs_mp {
	float:left; 
	display:inline; 
	text-align:left;
	width:292px; 
	height:66px; 
	margin:0px 0 15px 10px;
}

.rhs_mp div a {
	float:left; 
	display:inline; 
	margin:0 0 0 0; 
	width:282px; 
	height:66px;
	background: url("../images/marketpower_side_link_small.gif") 0 0 no-repeat;
	background-position: 0 -75px;
}

.rhs_mp div a:hover, .rhs_mp div a:active { background-position: 0 0; }

.rhs_note {
	float:left; 
	display:inline; 
	text-align:left;
	width:265px; 
	margin:20px 15px 35px 15px;
	color: #666;
	font-size: .8em;
	letter-spacing:normal;
}

.greyContact {
	font-size: 9pt; 
	color: #444444; 
	text-decoration:none; 
	margin: 5px 5px; 
	line-height:125%;
}

.darkgreyContact {
	font-size: 8pt;
	text-align:left;  
	color: #444444; 
	text-decoration:none; 
	margin: 5px; 
	line-height:115%;
	font-weight:normal; 
}

.newsletter_text {
	float:left; 
	text-align:left; 
	margin:17px 0 0 10px; 
	height:30px;
}

.csr_panel {
	float:left; 
	display:inline; 
	text-align:left; 
	width:282px; 
	background: url('../images/bgr_csr.gif') repeat-y ; 
	margin:0px 0 15px 10px;
}

.csr_content {
	float:left; 
	display:inline; 
	text-align:left; 
	margin:10px 0 0 14px; 
	width:252px; 
}

.rhs_col {
	float:left; 
	display:inline; 
	text-align:left;
	width:280px; 
	margin:0px 0 15px 10px;
}

.play_button a {
	float:left; 
	display:inline; 
	margin:36px 0 0 110px; 
	width:150px; 
	height:65px; 
	background: url("../images/button_play.png") 0 6px no-repeat;
}

.play_button a:hover, .play_button a:active {
	background-position: 0 -60px;
}

#videocast_text {
	float:left; 
	display:inline; 
	text-align:left; 
	margin:27px 0 0 10px;
}

.serv_buts a {
	float:left; 
	display:inline; 
	margin:0px 0 5px 0; 
	width: 282px; 
	height: 46px; 
}

.dl_buts a 	{ background: url("../images/services_dl.jpg") no-repeat; }
.sc_buts a 	{ background: url("../images/services_sc.jpg") no-repeat; }
.ds_buts a 	{ background: url("../images/services_ds.jpg") no-repeat; }
.how_buts a	{ background: url("../images/services_how.jpg") no-repeat; }

.but01 a { background-position: 0 0; }
.but02 a { background-position: 0 -48px; }
.but03 a { background-position: 0 -96px; }
.but04 a { background-position: 0 -144px; }
.but05 a { background-position: 0 -192px; }
.but06 a { background-position: 0 -240px; }
.but07 a { background-position: 0 -288px; }

.but01 a:hover { background-position: -299px 0; }
.but02 a:hover { background-position: -299px -48px; }
.but03 a:hover { background-position: -299px -96px; }
.but04 a:hover { background-position: -299px -144px; }
.but05 a:hover { background-position: -299px -192px; }
.but06 a:hover { background-position: -299px -240px; }
.but07 a:hover { background-position: -299px -288px; }


/*********************************************************************************************************************************************************************/
/****************** GET KEEP GROW COLUMNS ****************************************************************************************************************************/

.gkgColumn {
	float:left;
	margin:0; 
	width:160px; 
	margin:0px 5px;  
	border-right:dotted 1px #888888;
}

.last {
	margin:0;
	border:0;
}

.gkgColumn p {
	padding:5px 15px 30px 15px;
}


/*******************************************************************************************************************************************************************/
/****************** Company logos for mid pages ********************************************************************************************************************/

.comps {
	float:left; 
	display:inline; 
	margin:0px 0 10px 0; 
	width:500px; 
	border-bottom:dotted 1px #888888;
}

.norule { border-bottom:none; }

.compbox a {
	float:left; 
	display:inline; 
	margin:10px 0 0 0; 
	width:170px; 
	height:80px;
	background: url("../images/sub_comps_gang_of_four.jpg")	0 0 no-repeat;
}

.but_comp_DL a:link, .but_comp_DL a:visited		{ background-position: 0 -128px; }
.but_comp_DL a:hover, .but_comp_DL a:active 	{ background-position: 0 -25px; }

.but_comp_SC a 									{ background-position: -202px -128px; }
.but_comp_SC a:hover, .but_comp_SC a:active		{ background-position: -202px -25px; }

.but_comp_DS a 									{ background-position: -385px -113px; height:95px }
.but_comp_DS a:hover, .but_comp_DS a:active		{ background-position: -385px -10px; height:95px }

.but_comp_HOW a									{ background-position: -586px -105px; }
.but_comp_HOW a:hover, .but_comp_HOW a:active	{ background-position: -586px -2px; }

#comps_text {
	float:left; 
	display:inline; 
	margin:10px 0 0 50px; 
	width:260px; 
}


/*****************************************************************************************************************************************************************/
/* Other contextual buttons **************************************************************************************************************************************/

.buttonAwards a {
	float:left; 
	display:inline; 
	margin:10px 0 0 0; 
	width:250px; 
	height:75px; 
	background: url("../images/awards_button.gif") 0 0 no-repeat;
}

.buttonAwards a:hover, .buttonAwards a:active {
	background-position: 0 -74px;
}

.but_cs a {
	float:left; 
	display:inline; 
	height:66px; 
	margin:0px 0 15px 10px; 
	width: 282px; 
	background: url("../images/library_link_case_studies.jpg") 0 0 no-repeat;
}

.but_cs a:hover, .but_wp a:hover, .but_nl a:hover, .but_om a:hover {
	background-position: 0 -75px; 
	background-color: #fff;
}

.but_cs a:active, .but_wp a:active, .but_nl a:active, .but_om a:active {
	background-position: 0 -75px;
}


libsec_but {
	float:left; 
	display:inline; 
	height:66px; 
	margin:0px 0 15px 10px; 
	width: 282px;
}
.but_wp a { background: url("../images/library_link_white_papers.jpg") 0 0 no-repeat; }
.but_nl a { background: url("../images/library_link_newsletters.jpg") 0 0 no-repeat; }
.but_om a { background: url("../images/library_link_other_media.jpg") 0 0 no-repeat; }


.libpr_but a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width: 80px; 
	height:45px;
}

.but_acro a { background: url("../images/acrobat.jpg") 0 0 no-repeat; }
.but_pr a { background: url("../images/pr.gif") 0 0 no-repeat; }


.clipping_acrobat_but a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width: 80px; 
	height:30px; 
	background: url("../images/pdf.png") 0 0 no-repeat;
}

.clipping_acrobat_but a:hover { background-position: 0 -30px; }

.clipping_jpg_but a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width: 80px; 
	height:30px; 
	background: url("../images/jpg.png") 0 0 no-repeat;
}

.clipping_jpg_but a:hover { background-position: 0 -30px; }

.libpr_but a:hover, .but_pr a:hover  {
	background-position: 0 -50px; 
	background-color: #fff;
}

#library_article_right h3 a {
	color:#615F4E;
	text-decoration: none;
}




/******* VIDEOs / MEDIA  **************************************************************************************************************************/

.vidthumb {
	width: 255px;
	float: left;
}

.vr {
	float: right;
}

.vidthumb img {
	margin-bottom: 15px;
}

.vidh {
	border-top: 1px solid #6195C9;
	padding: 10px 0 15px 0;
	font-size: 1.5em;
}

.vidthumb ul {
	margin: 0;
	padding: 0;
	}
	
.vidthumb ul li {
	padding: 0 0 5px 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid #F2F2F2;
	background: transparent url('../images/bullet_arrow.gif') top left no-repeat;
	list-style:none;
	
}	



/******* S U B N A V I G A T I O N S  **************************************************************************************************************************/

.allbuts a {
	height: 45px;
	display:inline;
	float:left;
	background: url("../images/subnav.jpg") no-repeat;	
}

.but_dl_hm a:link, .but_dl_hm a:visited		{ background: url("../images/subnav.jpg") no-repeat 0 0; width: 145px; }
.but_sc_hm a:link, .but_sc_hm a:visited 	{ background: url("../images/subnav_sc.jpg") no-repeat 0 0; width: 145px; }
.but_ds_hm a:link, .but_ds_hm a:visited 	{ background: url("../images/subnav_ds.jpg") no-repeat 0 0; width: 189px; }
.but_how_hm a:link, .but_how_hm a:visited 	{ background: url("../images/subnav_how.jpg") no-repeat 0 0; width: 145px; }
.but_dl_hm a:hover, .but_sc_hm a:hover, .but_ds_hm a:hover, .but_how_hm a:hover,
.but_dl_hm a:active, .but_sc_hm a:active, .but_ds_hm a:active, .but_how_hm a:active
{ background-position: 0 -46px; }


/******* DL, SC, HOW subnavigation *****************************************************************************************************************************/

.but_dl-sc-how_what a:link, .but_dl-sc-how_what a:visited  	{ background-position: -146px 0; width: 150px; }
.but_dl-sc-how_what a:hover, .but_dl-sc-how_what a:active 	{ background-position: -146px -46px;}

.but_dl-sc-how_case a:link, .but_dl-sc-how_case a:visited 	{ background-position: -297px 0; width: 150px;  }
.but_dl-sc-how_case a:hover, .but_dl-sc-how_case a:active 	{ background-position: -297px -46px;}

.but_dl-sc-how_how a:link, .but_dl-sc-how_how a:visited 	{ background-position: -450px 0; width: 155px; }
.but_dl-sc-how_how a:hover, .but_dl-sc-how_how a:active		{ background-position: -450px -46px; }

.but_dl-sc-how_contact a:link, .but_dl-sc-how_contact a:visited 	{ background-position: -610px 0; width: 138px; }
.but_dl-sc-how_contact a:hover, .but_dl-sc-how_contact a:active 	{ background-position: -610px -46px; }

.but_dl-sc-ds-how_lg a:link, .but_dl-sc-ds-how_lg a:visited { background-position: -747px 0; width: 135px; }
.but_dl-sc-ds-how_lg a:hover, .but_dl-sc-ds-how_lg a:active	{ background-position: -747px -46px; }

/******* DS subnavigation ************************************************************************************************************************************/

.but_ds_what a:link, .but_ds_what a:visited		{ background: url("../images/subnav_ds.jpg") -190px 0; width: 131px; }
.but_ds_what a:hover, .but_ds_what a:active 	{ background-position: -190px -46px;}

.but_ds_case a:link, .but_ds_case a:visited 	{ background: url("../images/subnav_ds.jpg") -320px 0; width: 136px;  }
.but_ds_case a:hover, .but_ds_case a:active 	{ background-position: -320px -46px;}

.but_ds_how a:link, .but_ds_how a:visited 		{ background: url("../images/subnav_ds.jpg") -455px 0; width: 150px; }
.but_ds_how a:hover, .but_ds_how a:active		{ background-position: -455px -46px; }

.but_ds_contact a:link, .but_ds_contact a:visited 	{ background: url("../images/subnav_ds.jpg") -610px 0; width: 137px; }
.but_ds_contact a:hover, .but_ds_contact a:active 	{ background-position: -610px -46px; }


/******* What We Do - pulldown navig *************************************************************************************************************************/

#sub_comp_sub_nav {
	float:left; 
	display:inline; 
	width:901px; 
	_width:880px; 
	height:46px; 
	_height:46px; 
	margin:0px 0 0 0; 
	_margin:0px 0 0 0;
}

/* DATA LATERAL SUB-NAV BUTTONS */

#sub_sub_nav_dl {
	float:left;  width: 901px; height:21px; background: #FFFFCC; background:url("../images/sub_sub_nav_backer_dl.jpg") no-repeat; display:none;
}

.subsub_navDL a { 
	float:left; 
	display:inline; 
	height: 21px;
	background: url("../images/sub_sub_nav_backer_dl.jpg") no-repeat;
	width: 145px;	
}

.subDL01 a:link, .subDL01 a:visited { background-position: 0 0; }
.subDL02 a:link, .subDL02 a:visited { background-position: -165px 0; margin-left:15px; }
.subDL03 a:link, .subDL03 a:visited { background-position: -380px 0; margin-left:72px; }
.subDL04 a:link, .subDL04 a:visited { background-position: -565px 0; margin-left:40px; }
.subDL05 a:link, .subDL05 a:visited { background-position: -750px 0; margin-right:8px; float:right; width: 142px; }

.subDL01 a:hover, .subDL01 a:active { background-position: 0 -21px; }
.subDL02 a:hover, .subDL02 a:active { background-position: -165px -21px; }
.subDL03 a:hover, .subDL03 a:active { background-position: -380px -21px; }
.subDL04 a:hover, .subDL04 a:active { background-position: -565px -21px; }
.subDL05 a:hover, .subDL05 a:active { background-position: -750px -21px; }


#sub_sub_nav_sc {
	float:left;  width: 901px; height:21px; background: #FFFFCC; background:url("../images/sub_sub_nav_backer_sc.jpg") no-repeat; display:none;
}

.subsub_navSC a { 
	float:left; 
	display:inline; 
	height: 21px;
	background: url("../images/sub_sub_nav_backer_sc.jpg") no-repeat;	
}

.subSC01 a:link, .subSC01 a:visited { width: 145px; background-position: 0 0; }
.subSC02 a:link, .subSC02 a:visited { width: 160px; background-position: -165px 0; margin-left:15px; }
.subSC03 a:link, .subSC03 a:visited { width: 145px; background-position: -380px 0; margin-left:72px; }
.subSC04 a:link, .subSC04 a:visited { width: 170px; background-position: -565px 0; margin-left:40px; }

.subSC01 a:hover, .subSC01 a:active { background-position: 0 -21px; }
.subSC02 a:hover, .subSC02 a:active { background-position: -165px -21px; }
.subSC03 a:hover, .subSC03 a:active { background-position: -380px -21px; }
.subSC04 a:hover, .subSC04 a:active { background-position: -565px -21px; }


#sub_sub_nav_ds {
	float:left;  width: 901px; height:21px; background: #FFFFCC; background:url("../images/sub_sub_nav_backer_ds.jpg") no-repeat; display:none;
}

.subsub_navDS a { 
	float:left; 
	display:inline; 
	height: 21px;
	background: url("../images/sub_sub_nav_backer_ds.jpg") no-repeat;	
}

.subDS01 a:link, .subDS01 a:visited { width: 150px; background-position: 0 0; }
.subDS02 a:link, .subDS02 a:visited { width: 145px; background-position: -165px 0; margin-left:15px; }
.subDS03 a:link, .subDS03 a:visited { width: 145px; background-position: -380px 0; margin-left:72px; }
.subDS04 a:link, .subDS04 a:visited { width: 160px; background-position: -565px 0; margin-left:40px; }
.subDS05 a:link, .subDS05 a:visited { width: 145px; background-position: -747px 0; margin-right:8px; float:right; }

.subDS01 a:hover, .subDS01 a:active { background-position: 0 -21px; }
.subDS02 a:hover, .subDS02 a:active { background-position: -165px -21px; }
.subDS03 a:hover, .subDS03 a:active { background-position: -380px -21px; }
.subDS04 a:hover, .subDS04 a:active { background-position: -565px -21px; }
.subDS05 a:hover, .subDS05 a:active { background-position: -747px -21px; }


#sub_sub_nav_how {
	float:left;  width: 901px; height:21px; background: #FFFFCC; background:url("../images/sub_sub_nav_backer_how.jpg") no-repeat; display:none;
}

.subsub_navHOW a { 
	float:left; 
	display:inline; 
	height: 21px;
	background: url("../images/sub_sub_nav_backer_how.jpg") no-repeat;	
}

.subHOW01 a:link, .subHOW01 a:visited { width: 140px; background-position: 0 0; }
.subHOW02 a:link, .subHOW02 a:visited { width: 150px; background-position: -140px 0; }
.subHOW03 a:link, .subHOW03 a:visited { width: 140px; background-position: -290px 0; }
.subHOW04 a:link, .subHOW04 a:visited { width: 185px; background-position: -430px 0; }
.subHOW05 a:link, .subHOW05 a:visited { width: 150px; background-position: -620px 0; }
.subHOW06 a:link, .subHOW06 a:visited { width: 130px; background-position: -771px 0; float:right; }

.subHOW01 a:hover, .subHOW01 a:active { background-position: 0 -21px; }
.subHOW02 a:hover, .subHOW02 a:active { background-position: -140px -21px; }
.subHOW03 a:hover, .subHOW03 a:active { background-position: -290px -21px; }
.subHOW04 a:hover, .subHOW04 a:active { background-position: -430px -21px; }
.subHOW05 a:hover, .subHOW05 a:active { background-position: -620px -21px; }
.subHOW06 a:hover, .subHOW06 a:active { background-position: -771px -21px; }


/****************************************************************************************************************************************************************/
/********************************** Media Centre section ********************************************************************************************************/

.mediacentre_static {
	float:left; 
	display:inline;  
	text-align:left; 
	position:absolute;
	top: 15px;
	right:15px;
	width:260px; 
	height:140px; 
	_height:130px; 
	margin:50px 0 0 625px;
}

.mediacentre_static image {
	float:left; 
	position:relative; 
	margin:20px 0 0 0; 
}

.mediacentre_static p {
	float:left; 
	display:inline;  
	position:relative; 
	margin:20px 0 0 0; 
	width:140px; 
	height:140px; 
	_height:130px;
	font-size: 1em;
	line-height: 120%;
}

#media_centre {
	float:right; 
	display:inline; 
	width:257px; 
	height:200px; 
	margin:50px 20px 0 10px; 
}

#media_centre ul {
	margin-left: 0; 
	padding-left: 0; 
	text-align:left; 
	padding-left: 0; 
	display: block;
}

#media_centre ul li {
	margin-left: 0; 
	padding-left: 0; 
	list-style: none; 
	display: block; 
	font:0.95em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	line-height:32px; 
	text-transform: uppercase; 
}

#media_centre li a {
	margin-left: 0; 
	padding-left: 0; 
	color: #fff; 
	text-decoration: none;
}

#media_centre a:hover {
	color:#A6E9FF;
	text-decoration:none;
}

.news_style{
	display:none;
	line-height: 120%;
}

.headline{
	font-weight:bold;
	margin:0 0 5px 0;
}

.mediaCopy{
	line-height:115%;
	margin:0 0 5px 0;	
}

.news_show {
	color:black; 
	width:250px; 
	height:130px;
	font-weight:normal; 
	overflow: auto;
}

.news_border {
	width:250px;
	height:131px; 
	margin-top:10px; 
	font-weight:normal; 
	padding: 5px 5px 5px 0; 
	overflow: auto;
	font-style: normal;
	font-variant: normal;
	font-size: 0.95em;
	line-height: normal;
	font-family: Arial, helvetica, sans-serif;
}

.news_mark{
	float:right; 
	display:inline; 
	border: 0; 
	width:250px; 
	height:50px; 
	font:0.65em Arial, helvetica, sans-serif;
	font-weight:normal; 
	color:#fff; 
	text-align:right;	
}

.news_title {
	font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif; 
	border: 0 solid gray; 
	padding: 5px 0 9px 5px; 
	color:#fff;
}

.news_show img { margin-right: 15px; }

.buttondiv {
	position: absolute; 
	background:url(../images/play_backer.png) no-repeat; 
	width:80px; 
	height:50px;
	padding: 10px 5px 5px 4px;
	border-top:20px;
	height:20px;
	display:none;
}


/*******************************************************************************************************************************************************************/
/************************************ header banners *****************************************************************************************************************/
#flash_home { 
	width:605px; 
	height: 263px; 
	float: left; 
}

#flash_values { 
	width:605px; 
	height: 263px; 
	float: right; 
}

#main_image_lg {
	float:left; 
	display:inline; 
	width:901px; 
	height:263px; 
	margin:10px 0 0 25px; 
	background:url(../images/lg_home_image.jpg) no-repeat;
}

.main_image {
	float:left; 
	display:inline; 
	width:901px; 
	height:263px; 
	margin:10px 0 0 25px; 
}

.slim { height: 159px; }

.dl_main_image{
	float:left; 
	display:inline; 
	width:901px; 
	height:227px; 
	margin:46px 0 0 25px; 
	_margin:0px 0 0 25px;
	position:relative;
}

.lg_who_image 			{ background:url(../images/who_main_image.jpg) no-repeat; }
.lg_what_image 			{ background:url(../images/what_we_do_main_image.jpg) no-repeat; }
.lg_how_image 			{ background:url(../images/how_we_work_main_image2.jpg) no-repeat; }
.lg_values_image 		{ background:url(../images/LG_Image_Template_Our_Values.jpg) no-repeat; }
.lg_clients_image		{ background:url(../images/clients_main_image.jpg) no-repeat; }
.lg_contact_image		{ background:url(../images/contact_us_main_image.jpg) no-repeat; }
.lg_terms_image			{ background:url(../images/terms_main_image.jpg) no-repeat; }
.lg_privacy_image		{ background:url(../images/privacy_main_image.jpg) no-repeat; }
.lg_pressrelease_image	{ background:url(../images/press_main_image.jpg) no-repeat; }
.lg_accred_image		{ background:url(../images/accreditations_main_image.jpg) no-repeat; }
.lg_awards_image		{ background:url(../images/lg_awards_image.jpg) no-repeat; }
.lg_library_image		{ background:url(../images/library_main_image.jpg) no-repeat; }
.lg_library_CS_image	{ background:url(../images/library_main_image_cs.jpg) no-repeat; }
.lg_library_NL_image	{ background:url(../images/library_main_image_nl.jpg) no-repeat; }
.lg_library_WP_image	{ background:url(../images/library_main_image_wp.jpg) no-repeat; }
.lg_library_OM_image	{ background:url(../images/library_main_image_om.jpg) no-repeat; }
.lg_library_PC_image	{ background:url(../images/library_main_image_pc.jpg) no-repeat; }
.lg_register_image		{ background:url(../images/register_main_image.jpg) no-repeat; }
.lg_callback_image 		{ background:url(../images/call_back_main_image.jpg) no-repeat; }
.lg_lbks_image 			{ background:url(../images/littlebks_order_main_image.jpg) no-repeat; }
.lg_search_image 		{ background:url(../images/LG_Image_Search.jpg) no-repeat; }
.lg_videos		 		{ background:url(../images/main_image_videos.png) no-repeat; }
.lg_links		 		{ background:url(../images/main_image_links.png) no-repeat; }

.dl_what_image			{ background:url(../images/dl_main_image_what.jpg) no-repeat; }
.dl_DO_image			{ background:url(../images/dl_main_image_what_DO.jpg) no-repeat; }
.dl_DA_image			{ background:url(../images/dl_main_image_what_DA.jpg) no-repeat; }
.dl_DAQ_image			{ background:url(../images/dl_main_image_what_DAQ.jpg) no-repeat; }
.dl_DDB_image			{ background:url(../images/dl_main_image_what_DAB.jpg) no-repeat; }
.dl_PP_image			{ background:url(../images/dl_main_image_what_PP.jpg) no-repeat; }
.dl_HOW_image			{ background:url(../images/dl_main_image_how.jpg) no-repeat; }

.dl_home_image			{ background:url(../images/dl_main_image_home.jpg) no-repeat; }
.ds_home_image			{ background:url(../images/ds_main_image_home.jpg) no-repeat; }
.ds_what_image			{ background:url(../images/ds_main_image_what.jpg) no-repeat; }
.ds_digital_image		{ background:url(../images/ds_main_image_digital.jpg) no-repeat; }
.ds_email_image			{ background:url(../images/ds_main_image_email.jpg) no-repeat; }
.ds_print_image			{ background:url(../images/ds_main_image_print.jpg) no-repeat; }
.ds_trigger_image		{ background:url(../images/ds_main_image_trigger.jpg) no-repeat; }
.ds_contact_image		{ background:url(../images/ds_main_image_contact.jpg) no-repeat; }
.ds_how_image			{ background:url(../images/ds_main_image_how.jpg) no-repeat; }

.hw_home_image 			{ background:url(../images/how_main_image_home.jpg) no-repeat; }
.hw_what_images 		{ background:url(../images/how_main_image_what.jpg) no-repeat; }
.hw_direct_images 		{ background:url(../images/how_main_image_direct.jpg) no-repeat; }
.hw_sales_images 		{ background:url(../images/how_main_image_sales.jpg) no-repeat; }
.hw_inserts_image 		{ background:url(../images/how_main_image_inserts.jpg) no-repeat; }
.hw_transpromotional_image { background:url(../images/how_main_image_transpromotional.jpg) no-repeat; }
.hw_critical_image 		{ background:url(../images/how_main_image_critical.jpg) no-repeat; }
.hw_fulfilment_image 	{ background:url(../images/how_main_image_fulfilment.jpg) no-repeat; }
.hw__how_image 			{ background:url(../images/how_main_image_how.jpg) no-repeat; }
.hw_green_image 		{ background:url(../images/how_main_image_green.jpg) no-repeat; }

.sc_home_image 			{ background:url(../images/sc_home_image.jpg) no-repeat; }
.sc_what_image 			{ background:url(../images/sc_what_image.jpg) no-repeat; }
.sc_email_image 		{ background:url(../images/sc_email_image.jpg) no-repeat; }
.sc_mobile_image 		{ background:url(../images/sc_mobile_image.jpg) no-repeat; }
.sc_creative_image 		{ background:url(../images/sc_creative_image.jpg) no-repeat; }
.sc_website_image 		{ background:url(../images/sc_website_image.jpg) no-repeat; }
.sc_how_image 			{ background:url(../images/sc_how_image.jpg) no-repeat; }

#main_image_lgfl {
	float:left; 
	display:inline; 
	width:901px; 
	height:321px; 
	margin:10px 0 0 25px; 
	background: url(../images/LG_Image_Template_Home_Flash_2.jpg) no-repeat;
}


/************************ Clients' rotating Logos *****************************************************************************************************************/
#content_full_column #our_clients {
	float:left;
	position: relative;
	width: 696px;
	height: 468px;
	overflow: hidden;
}

#our_clients li {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 5px 5px 0;
}

#our_clients span {
	display: block;
	width: 111px;
	height: 111px;
	background-position: top left;
	background-repeat: no-repeat;
}

span#hsbc_rollover { background: url(../images/our_clients/hsbc_rollover.gif); }
span#o2_rollover { background: url(../images/our_clients/o2_rollover.gif); }
span#everest_rollover { background: url(../images/our_clients/everest_rollover.gif); }
span#lafitness_rollover { background: url(../images/our_clients/lafitness_rollover.gif); }
span#ralphlauren_rollover { background: url(../images/our_clients/ralphlauren_rollover.gif); }
span#homebase_rollover { background: url(../images/our_clients/homebase_rollover.gif); }

span#randstad_rollover { background: url(../images/our_clients/randstad_rollover.gif); }
span#rdp_rollover { background: url(../images/our_clients/rdp_rollover.gif); }
span#dfs_rollover { background: url(../images/our_clients/dfs_rollover.gif); }
span#pruhealth_rollover { background: url(../images/our_clients/pruhealth_rollover.gif); }
span#yell_rollover { background: url(../images/our_clients/yell_rollover.gif); }
span#hillarys_rollover { background: url(../images/our_clients/hillarys_rollover.gif); }

span#bt_rollover { background: url(../images/our_clients/bt_rollover.gif); }
span#annsummers_rollover { background: url(../images/our_clients/annsummers_rollover.gif); }
span#rspb_rollover { background: url(../images/our_clients/rspb_rollover.gif); }
span#sony_rollover { background: url(../images/our_clients/sony_rollover.gif); }
span#oxfam_rollover { background: url(../images/our_clients/oxfam_rollover.gif); }
span#thameswater_rollover { background: url(../images/our_clients/thameswater_rollover.gif); }

span#friendsoftheearth_rollover { background: url(../images/our_clients/friendsoftheearth_rollover.gif); }
span#debenhams_rollover { background: url(../images/our_clients/debenhams_rollover.gif); }
span#coi_rollover { background: url(../images/our_clients/coi_rollover.gif); }
span#superdrug_rollover { background: url(../images/our_clients/superdrug_rollover.gif); }
span#engage_rollover { background: url(../images/our_clients/engage_rollover.gif); }
span#xbox_rollover { background: url(../images/our_clients/xbox_rollover.gif); }
					
#our_clients span:hover { background-position: bottom left; }


/****************************************************************************************************************************************************************/
/************************************ Little Book Header ********************************************************************************************************/
#media_centre_lb {
	float:left; 
	display:inline; 
	width:650px; 
	height:280px; 
	margin:0px 20px 0 25px;
}

#media_centre_lb ul {
	margin-left: 0; 
	padding-left: 0; 
	text-align:left; 
	padding-left: 0; 
	display: block;
}

#media_centre_lb ul li {
	margin-left: 0; 
	padding-left: 0; 
	list-style: none; 
	display: block; 
	font:0.95em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	line-height:32px; 
	text-transform: uppercase; 
	border-bottom:dotted 1px #FFFFFF;
} 

#media_centre_lb ul li a {
	margin-left: 0; 
	padding-left: 0; 
	color: #fff; 
	text-decoration: none;
}

#media_centre_lb a:hover { color:#333333; }

#LBK_image {
	float:left; 
	display:inline; 
	width:220; 
	height:200px;
}

.LBK_Header {
	float:left; 
	display:inline; 
	padding-top:70px; 
	width:400px; 
	font:1.2em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	line-height:16px; 
	color:#fff;
	margin:0 0 5px 0;
}

.LBK_SubHeader {
	float:left; 
	display:inline; 
	width:400px; 
	font:1.2em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	line-height:16px; 
	color:#fff;
}

.news_show_lb {
	color:black; 
	width:650px; 
	height:200px; 
	font:0.95em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	overflow: hidden; 
}

.news_border_lb {
	width:650px;
	height:200px; 
	font:0.95em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	border-bottom: solid 1px #003f72; 
	padding: 5px 0 0 0; 
	overflow: auto;
	margin-top:25px;
}

.news_mark_lb{
	float:right; 
	display:inline; 
	border: 0; 
	width:600px; 
	height:50px; 
	font:0.65em Arial, helvetica, sans-serif; 
	font-weight:normal; 
	color:#fff; 
	text-align:right;
}

.news_show_lb img {
	margin-right: 15px; 
	overflow:hidden;
}



/**************************************************************************************************************************************************************/
/* ALL FOR THE  L I B R A R Y  ********************************************************************************************************************************/
/**************************************************************************************************************************************************************/

.white_intro {
	float:left; 
	display:inline; 
	width:500px; 
	margin:120px 0 0 30px;
	font: 1em Arial, Verdana, Helvetica, sans-serif; color:#fff; 
	text-align:left; 
	text-decoration:none;
}

.library_sections {
	float:left; 
	display:block; 
	text-align:left; 
	width:210px;
	min-height:190px;
	_height:190px;
	margin-right:10px;  
	border-right:dotted 1px #888888; 
}

.ls_1 {	background: url("../images/library_header_CS.jpg") 0 0 no-repeat; }
.ls_2 {	background: url("../images/library_header_WP.jpg") 0 0 no-repeat; }
.ls_3 {	background: url("../images/library_header_NL.jpg") 0 0 no-repeat; }
.ls_4 {	background: url("../images/library_header_LB.jpg") 0 0 no-repeat; }
.ls_5 {	background: url("../images/library_header_PC.jpg") 0 0 no-repeat; }
.ls_6 {	background: url("../images/library_header_PR.jpg") 0 0 no-repeat; }
.ls_7 {	background: url("../images/library_header_WC.jpg") 0 0 no-repeat; }
.ls_8 {	background: url("../images/library_header_OM.jpg") 0 0 no-repeat; }

.library_arrow a {
	float:left; 
	display:inline; 
	width: 210px; 
	height: 110px; 
	margin:0;
}

.end {
	border:none;
	margin-right:0; 
	}

.library_sections_frame {
	width:873px;
	float:left;
	margin: -4px 0 0 0;
}

#library_sections {
	float:left; 
	display:inline; 
	text-align:left; 
	width:873px;
	margin:0px 0 0 20px;
}

#library_sections a:hover { color:#333333; }

#library_article  {
	float:left; 
	display:inline; 
	text-align:left; 
	width:500px; 
	border-bottom: dotted 1px #888888; 
	margin:15px 0 0 0;
}

.library_article_left {
	float:left; 
	display:inline; 
	text-align:left; 
	width:75px; 
	margin-bottom:20px;
}

.library_article_right {
	float:left; 
	text-align:left;
	width: 410px;
}

.library_logo_mid {
	float:left; 
	text-align:left;
	width: 320px;
}

.library_logo_right {
	float:right; 
	text-align:left;
	width: 80px;
	height: 33px;
	border: 1px solid #CCC;
}

.libraryLogin {
	text-align: left
}

.libraryLogin a, .libraryLogin a:hover{
	background:url(../images/but_loginToLibrary.png) top;
	width:178px;
	height:23px;
	text-indent: -9999px;
	display:block;
	margin: 0 88px 0 0;
	cursor:pointer;
}


#other_library_article  {
	float:left; 
	display:inline; 
	text-align:left; 
	width:520px; 
	border-bottom: dotted 1px #888888; 
	padding:15px 0 0 0;
}

.other_library_article_left {
	float:left; 
	display:inline; 
	text-align:left; 
	width:75px; 
	padding-bottom:20px;
}

.other_library_article_right {
	float:right; 
	text-align:left;
	width: 440px
}



/*********************************** LIBRARY LOGIN AREA ******************************************/

#white_right_bottom {
	float:left; 
	display:inline; 
	text-align:left;
	width:282px; 
	height:125px; 
	margin:0px 0 15px 10px; 
	background: url("../images/library_login_backer.png") 0 0 no-repeat;
}

#form_content {
	float:left; 
	display:inline; 
	text-align:left; 
	width:262px; 
	height:95px; 
	margin:10px 0 0 15px;
}

label{
	color:#000;
	
}

label.libraryPopUp {
	width: 6em; 
	float: left; 
	text-align: left; 
	margin-right: 0.5em; 
	display: block; 
	font-size: 0.9em; 
	text-align: left; 
	color:#fff; 
	font-weight:bold; 
	text-decoration:none;
}

input { 
	width:16em; 
	color: #781351; 
	font-weight:bold; 
	font-size: 0.9em; 
	text-align:left;
	padding-left:0.5em; 
	color:#31A0F3; 
	font-weight:bold; 
	text-decoration:none; 
	background: #FFFFFF; 
	border: 1px solid #888888; 
	height:1.35em;
}

.formElement {
	float:left; 
	display:block; 
	width:262px; 
	height:2.5em;
}

.button {
	float:left; 
	display:inline; 
	width:7em; 
	height:1.5em; 
	margin-left: 18em; 
	_margin-left:16.5em; /* UNDERSCORED TAG DEBUGS FLOAT GLITCH IN IE6/7 */
    border: none;
    background: url("../images/submit_off.png") no-repeat top left;
}

.button:hover {
    border: none;
    background: url("../images/submit_on.png") no-repeat top left;
}

.click { cursor: pointer; }

/* LOGIN OVERLAY */
div.overlay {
/* growing background image */background-image:url(../images/white.png);
/* dimensions after the growing animation finishes  */width:300px; height:300px;		
/* initially overlay is hidden */display:none;
/* some padding to layout nested elements nicely  */padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/close.png); 
	position:absolute; 
	right:5px; 
	top:5px; 
	cursor:pointer; 
	height:35px; 
	width:35px;
}


/* Registration *******************************************************************/

#password_reminder p {
	margin: 35px 0 5px 0;
	color: #666;
}

.email_reminder {
	margin: 35px 0 5px 0;
	color: #669900;
	font-size: 1.1em;
}

.pw_recov { margin-bottom: 35px; }
.pw_link { font-size: .8em; font-weight: normal; vertical-align:top; margin: 15px 0 0 25px; }


/* Library breadcrumbs *******************************************************************************/

.bread {
	font-size:.85em;
	letter-spacing: .05em;
	margin:0 0 35px 40px;
	text-transform:uppercase;
	color:#808080;
}

.bread a:link, .bread a:visited, .bread a:hover {
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
	border-right: 1px solid #999;
}


/* PRESS CLIPPINGS *******************************************************************************/

.clipping_article, .grey_article, .dl_clipping_article, .dl_grey_article  {
	float:left; 
	display:inline; 
	text-align:left; 
	width:500px; 
	margin:0px 0 5px 0;
}

.clipping_article, .grey_article  { padding:5px 0 5px 0; }

.dl_clipping_article, .dl_grey_article  { padding:5px 10px 5px 10px; }

.clipping_article h3, .grey_article h3, .dl_clipping_article h3, .dl_grey_article h3 {margin:0; padding:0;}

.clipping_article p, .dl_clipping_article p {margin:0px; padding:0px;}
.grey_article p, .dl_grey_article p {margin:0px; padding:0px;}

.grey_article, .dl_grey_article {background-color:#f6f6f6;}

.clipping_article_left {
	float:left; 
	display:inline; 
	text-align:left; 
	width:75px; 
}


/* PRESS CLIPPINGS - Archives ********************************************************************/

.cl_inline 	{ width:550px; margin: 35px 0 15px 0; border-bottom: 1px solid #E6E6E6; padding-bottom: 15px; }

.cl_inline a .cl_nav { 
	width:130px; 
	float:left; 
	margin:2px 5px 2px 0; 
	padding: 3px 5px 3px 30px ; 
	color:#5F5B53;
	font-weight: normal;
	text-transform: uppercase;
	background: #EFEAE0 url('../images/bullet_ical.png') top left no-repeat;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}
	
.cl_inline a:hover .cl_nav 	{ 
	background-color: #7F7857;
	color: #fff;
	}

.cl_dir a .cl_nav 	{ 
	width:450px;
	_width:550px;	
	height: 30px;
	_height: 53px;	
	display: block;
	margin: 10px 0;
	padding: 18px 10px 5px 65px;
	color: #5F5B53;
	font-size: 1.2em;
	letter-spacing: .15em;
	background: #F0F0F0 url('../images/bullet_ical_lrg.png') top left no-repeat;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;	
	}
	
.cl_dir a:hover .cl_nav 	{ 
	background-color: #E0D9BF;
	color: #31A0F3;
	}
	

/******************************************************** Shift Click Portfolio ****************************************************************************/

.port-thumb {
	width: 127px;
	margin: 0;
	padding: 0;
	float: left;
}

.port-thumb img {
	width: 103px;
	height: 103px;
	margin: 6px 24px 13px 0;
}

.end img {
	margin: 6px 0 13px 0;	
}


/************************************ CONTACT US FORM *****************************************/
#contactLateralGroupForm {
	width:539px; 
	margin-bottom:60px;
}

.contact_title { 
	float:left; 
	clear: both; 
	width: 131px; 
	padding: 0; 
	margin-right: 5px; 
}

.contact_field { 
	float:left; 
	width: 535px; 
	padding: 2px; 
	margin-bottom: 5px; 
}

.required_notification { 
	color: #666;
	font-style: italic;
	padding: 0 0 5px 0	
}

span.required { 
	color: #ff0000; 
	font-style: italic; 
}

span.bad_validation {
	color: #ff0000;
	font-style: italic;
}

.text {
	float: left;
	width: 210px;
	margin: 0 15px 0 0;
	padding: 1px 3px 1px 3px;
	display:block;
	font-size:12px;
	border: #7F9DB9 1px solid;
}

.message { 
	float: left;
	width: 210px;
	margin: 0 15px 0 0;
	padding: 3px 3px 3px 3px;
	display:block;
	font-size:12px;
	border: #7F9DB9 1px solid;
}

.contact_checkbox { 
	float: left;
	display: block; 
}
.radioButton{ 
	width:15px; 
	border:0;
}

.chk{ 
	width:20px; 
	border:0; 
}

.terms{ 
	width:300px; 
	float:left; 
	font-size:11px;
}

.contact_title_long a {
	display: block;
	margin-left: 24px;
}

#submitBtn{ 
	margin-left:70px; 
	background: url("../images/button_general_short.jpg") 0 0 no-repeat; 
	width: 156px; 
	height: 19px; 
	color:#FFF; 
	display:inline; 
	border:0;
}


/************************************** FOOTER ********************************************************************************************************************/

#footer {
	float:left; 
	display:inline; 
	margin-left:25px; 
	width:903px; 
	background:url(../images/footer_backer.jpg) repeat-x; 
	background-color:#1C1715; 
	color:#666;
}

/* FOOTER LIST SETTINGS \*/
#footer_left {
	float:left; 
	display:inline; 
	margin:20px 0 0 25px; 
	width:660px; 
	height:90%; 
}

#footer_left_top {
	float:left; 
	display:inline; 
	width:660px;
}

.footer_left_column {
	float:left; 
	display:inline;  
	width:100px;
	margin-right:31px;
	_margin-right:19px;
}

.footer_left_column ul {
	margin: 25px 0 20px 0;
	_margin: -22px 0 20px 0;
	padding: 35px 0 0 0; 
	text-align:left; 
	padding-left: 0; 
	display: block;
}

.footer_left_column ul li {
	margin-left: 0; 
	padding-left: 0; 
	list-style: none; 
	display: block; 
	font:0.85em Arial, helvetica, sans-serif; 
	font-weight:bold; 
	line-height:14px; 
	text-transform: uppercase;
}

.footer_left_column li a {
	color: #666666; 
	text-decoration: none;
}

.footer_left_column a:hover {
	color:#31A0F3;
}

#footer_left_bottom {
	float:left; 
	display:inline; 
	margin:20px 0 0 0; 
	width:650px; 
	border-top: dashed 1px #333333; 
	padding:20px 0 0 0;
}

#MP_footer_Link {
	float:left; 
	display:inline; 
	margin:25px 0 0 0; 
	width:180px; 
	height:50px;
}

.footer_MP_button a {
	float:left; 
	display:inline; 
	margin:0px 0 0 0; 
	width: 180px; 
	height: 20px; 
	background: url("../images/footer_MP_button.jpg") 0 0 no-repeat;
}

.footer_MP_button a:hover, .footer_MP_button a:active {
	background-position: 0 -30px;
}

#GDM_footer_Link {
	float:left; 
	display:inline; 
	margin:25px 0 0 0; 
	width:180px; 
	height:50px;
}

.footer_GDM_button a {
	float:left; 
	display:block; 
	margin:0px 0 0 0; 
	width: 180px; 
	height: 30px; 
	background: url("../images/footer_GDM_button.jpg") 0 0 no-repeat;
}

.footer_GDM_button a:hover, .footer_GDM_button a:active {background-position: 0 -30px;}

#NEWS_footer_Link {
	float: left; 
	display: inline; 
	margin: 10px 0 0 0; 
	width: 250px; 
	height:80px;
}

.footer_NEWS_button a {
	float: left; 
	display:block; 
	margin:0px 0 0 0; 
	width: 70px; 
	height: 55px; 
	background: url("../images/newsletter_stamp.jpg") 0 0 no-repeat;
}

.footer_NEWS_button a:hover, .footer_NEWS_button a:active { background-position: 0 -55px; }

.h7 {
	color:#a59c75;
	font-weight:bold;	
	font-size: 1.1em;
	margin: 20px 0 8px 0;
}

#copyRight {
	float:left; 
	font-size: 8pt; 
	display:inline; 
	text-align:left; 
	width:603px;
}

.small_white {
	font-size: 8pt; 
	text-align:left; 
	color: #888888; 
	font-weight:normal; 
	text-decoration:none;
}

#footer_right {
	float:left; 
	display:inline; 
	width:180px; 
	margin:20px 0 0 20px; 
	text-align:left;
}

#afterFooter {
	float: left; 
	display: inline; 
	margin-left: 25px; 
	width:903px;
}

.but_foot a {
	float:left; 
	display:inline; 
	width: 113px; 
	height: 49px;
	background: url("../images/sub_comp_nav.png") no-repeat;
}

.f_lg a 						{ background-position: -452px 0; }
.f_lg a:hover, .f_lg a:active 	{ background-position: -452px -49px; }
.here_lg a, .here_lg a:link, .here_lg a:visited, .here_lg a:hover, .here_lg a:active { background-position: -452px -49px; }

.f_dl a 						{ background-position: 0 0 }
.f_dl a:hover, .f_dl a:active 	{ background-position: 0 -49px; }
.here_dl a, .here_dl a:link, .here_dl a:visited, .here_dl a:hover, .here_dl a:active { background-position: 0 -49px; }

.f_sc a 						{ background-position: -113px 0; }
.f_sc a:hover, .f_sc a:active 	{ background-position: -113px -49px; }
.here_sc a, .here_sc a:link, .here_sc a:visited, .here_sc a:hover, .here_sc a:active { background-position: -113px -49px; }

.f_ds a 						{ background-position: -226px 0; }
.f_ds a:hover, .f_ds a:active 	{ background-position: -226px -49px; }
.here_ds a, .here_ds a:link, .here_ds a:visited, .here_ds a:hover, .here_ds a:active { background-position: -226px -49px; }

.f_how a 						{ background-position: -339px 0;}
.f_how a:hover, .f_how a:active { background-position: -339px -49px; }
.here_how a, .here_how a:link, .here_how a:visited, .here_how a:hover, .here_how a:active { background-position: -319px -49px; }

.tophow a							{ background-position: -319px 0; }
.tophow a:hover, .tophow a:active 	{ background-position: -319px -49px; }

.blueContact {
	font-size: .95em; 
	color:#d4ceb1; 
	text-decoration:none; 
	margin: 5px 0; 
	line-height:115%
}

.searchbox{
	margin: 20px 0 28px 0;
	overflow:hidden;
}

.searchbox2{
	margin: 0 0 15px 0;
	overflow:hidden;
	float:left;
}

p.searchbox3{
	margin: 1px 10px 0 0;
	overflow:hidden;
	float:left;
	color:#666;
}

.searchFieldBox { 
	width: 160px; 
	height:20px;
	margin: 0 8px 0 0;
	float:left;
	font-size:13px;
}

.searchFieldBox2 { 
	width: 206px; 
	height:17px;
	margin: 0 7px 0 0;
	float:left;
	font-size:13px;
	color:#666;
}

.searchButton{
	width:78px;
	height:25px;
	display:block;
	border:0;
	float:left;
}

.searchButton2{
	width:78px;
	height:27px;
	display:block;
	border:0;
	float:left;
	background-color: transparent;
}





/***************************************************************************************************************************************************************/

/************************************************ IE6 BUGS ************************************/
 
* html .clearfix {
	height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************ MISC ***************************************/

.dotted {
	border-bottom: dotted 1px #4A4A4A;
	padding-bottom: 12px;
}

.officeHeader{
	margin-left:5px;
	color: #fff; 
	font-weight: bold; 
	font-size: 1.20em; 
	margin-bottom: 4px;	
}

.officeHeader_Space{ padding-top:12px; }

.submit_btn { 
	margin-left:70px; 
	width: 156px; 
	height: 19px; 
	color:#FFF; 
	display:inline; 
	border:0;
	margin: 10px 30px 0 140px;
}

.submit_btn_dmw { 
	margin-left:70px; 
	background: url("../images/submit_buttons.jpg") 0 0 no-repeat; 
	width: 156px; 
	height: 19px; 
	color:#FFF; 
	display:inline; 
	border:0;
}

.submit_btn_dmw3 { 
	width: 111px; 
	height: 21px; 
	border:0; 
	float:right; 
	padding-right:10px; 
	background: url("../images/") no-repeat;
}

.error_dmw {
	color:#FF0000; 
	font-style:italic; 
	font-family:Arial,Verdana,Helvetica,sans-serif; 
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:5px;
	margin-left:5px;
}
	
label.error {
	color:#FF0000; 
	font-style:italic; 
	font-family:Arial,Verdana,Helvetica,sans-serif; 
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

/*************************************** TOOLTIP ****************************************************/
/* trigger button */
#download_now {float:left; display:inline;
	background:transparent url(http://flowplayer.org/img/home/download.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}


/* trigger button */
#download_now2 {float:left; display:inline;
	background:transparent url(http://flowplayer.org/img/home/download.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

/* mouseover state */
#download_now2:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#download_now2:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(../images/black_arrow.png);
	height:163px;
	padding:0px 0 0 0;
	width:209px;
	height:85px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {padding:17px 20px 0 20px; font: 1em Arial, Verdana, Helvetica, sans-serif; text-align:left; color:#fff; font-weight:normal; text-decoration:none; line-height:14px; }


.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}