/*
	Template Name: LCX
	Template Author: Chris Garrett Media Ltd
	Author URI: http://chrisgarrettmedia.com
*/

html{
	background: #333 url(http://lcx.com/wp-content/themes/cgm/images/grad.jpg) top repeat-x;
}

body{
	margin: 30px auto 30px;
	padding: 15px 30px 0px 30px;
	width: 1024px;
	font: 0.75em/1.5 "Lucida Grande", LucidaGrande,"Lucida Sans", Geneva, Arial, sans-serif;
	background: #000 url(http://lcx.com/2010/body-top2.jpg) top no-repeat;
}

#navcontainer{
height:35px;
}

#mainback {
background-image:url('http://www.lcx.com/2010/mainback.jpg');
background-repeat:no-repeat;
width: 1024px;
height:300px;
padding-top:0px;
margin-top:0px;
}

#div1 {
background-image:url('http://www.lcx.com/2010/whatwedo3.png');
 background-repeat:no-repeat;
 background-position: bottom; 
 padding-top:0px;
 margin-top:0px;
 width:1010px;
 height: 285px;
 float:left;
}


p{
	margin: 1.5em 0;
}

a{
	color: #C04800;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #222;
}

img{
	border: 0;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

h1{
	font-weight: normal;
	font-size: 2.0em;
	font-family: Georgia;
	font-style: italic;
	letter-spacing: -0.02em;
	line-height: 1.5;
	color: #6DC466;
}

h2{
	margin-bottom: 0.75em;
	font-size: 1.0em;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

h3{
	font-size: 1.2em;
	padding-left: 5px;
}

h3, h3 a{
	font-weight: bold;
}

li.hentry h3{
	padding-left: 40px;
	padding-bottom: 13px;
	padding-top: 2px;
	background: url(http://lcx.com/wp-content/themes/cgm/images/news-icon.jpg) left center no-repeat;
}

li.jentry h3{
	padding-left: 0px;
	padding-bottom: 13px;
	padding-top: 2px;
}

ul#nav{
	margin: 0px;
	padding: 0px;
	width: 1024px;
	list-style: none;
	border-bottom: 5px solid #333;
}

ul#nav li{
	padding:0px;
	margin-right: 5px;
	float: left;
	background: #222 url(http://lcx.com/wp-content/themes/cgm/images/nav-top-left.jpg) top left no-repeat;
}

ul#nav li a{
	display: block;
	float: left;
	background: url(http://lcx.com/wp-content/themes/cgm/images/nav-top-right.jpg) top right no-repeat;
	color: #AAA;
}

ul#nav li a{
	display: block;
	padding: 0 1.5em;
	height: 2.5em;
	line-height: 2.5em;
}

ul#nav li.current_page_item{
	background: #333 url(http://lcx.com/wp-content/themes/cgm/images/active-nav-top-left.jpg) top left no-repeat;
}

ul#nav li.current_page_item a{
	background: url(http://lcx.com/wp-content/themes/cgm/images/active-nav-top-right.jpg) top right no-repeat;
	color: #FFF;
}

ul#slide-tabs{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #333 url(http://lcx.com/wp-content/themes/cgm/images/tab-shadow.jpg) top repeat-x;
}

ul#slide-tabs li{
	float: left;
}

ul#slide-tabs li a{
	display: block;
	padding: 20px 30px;
}

ul#slide-tabs li.active a{
	background: #212121 url(http://lcx.com/wp-content/themes/cgm/images/active-tab.jpg) top right no-repeat;
}

.slideshow{
	padding: 1.5em 40px 1.5em 400px;
	margin:0;
	color: #CCC;
	background-color: #212121;
	background-position: left;
	background-repeat: no-repeat;
}



.slideshow a:hover{
	color: #FFF;
}

#flowchart{
	padding: 1.5em 30px;
	border-top: 0.42em solid #333;
	background: #212121;
	text-align: center;
}

#logos {
padding:0px 0px 0px 0px;
}
#content{
	width: 1024px;
	border-top: 0.42em solid #BBB;
	background: #FFFFFF url(http://lcx.com/2010/content-base2.jpg) bottom no-repeat;
	margin:0px;
	padding:0px;
		
}




#spacer2 {
clear:both;
width:auto;
height:50px;
}

#homepagecontent{
padding:0px;
margin:0px;
}

#div3 {
 background-image:url('http://www.lcx.com/2010/experience2.png');
 background-repeat:no-repeat;
 margin-left:25px;
 margin-top:12px;
 width:629px;
 height:360px;
 float:left;
 }


#categories {
 margin-top:45px;
 margin-left:0px;
 width:629px;
 text-align:center;

}

#retail, #cpg, #tech, #travel, #media, #pharma { 
  display:block; 
  text-align:center;
  width:102px;
  float: left;
  
}  
#spacercat {
clear:both;
width:auto;
height:10px;
}

#brands {
 margin-top:0px;
 margin-left:0px;
 float:left;
 }
 
ul.li {
  float: left;
  width: 17em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
ul#li li {
  float: left;
  width: 7em;
  margin: 0;
  background-image: url(http://www.lcx.com/2010/briefcase.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
} 

.li {font-family: arial,sans-serif; font-size: 10pt; color: #c03e00; font-weight:bold}
A.li:link {color:#FFFFFF; text-decoration:underline;}
A.li:visited {color:#FFFFFF; text-decoration:underline;}
A.li:hover {color:#FFFFFF; text-decoration:none;}
A.li:active {color:#FFFFFF; text-decoration:underline;}

#catspacing {
 margin-top:43px;
 margin-left:29px;
 }
 
 #cat_0 {
 background-image:url('http://www.lcx.com/2010/retailback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
 #cat_1 {
 background-image:url('http://www.lcx.com/2010/cpgback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
  #cat_2 {
 background-image:url('http://www.lcx.com/2010/techback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
  #cat_3 {
 background-image:url('http://www.lcx.com/2010/travelback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
  #cat_4 {
 background-image:url('http://www.lcx.com/2010/mediaback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
 #cat_5 {
 background-image:url('http://www.lcx.com/2010/pharmaback.gif');
 margin-top:5px;
 margin-left:13px;
 width:280px;
 height:175px;
 float:left;
 position:relative;
 }
 
 .brands {font-family: arial,helvetica,serif; font-size: 8pt; color: #FFFFFF;}
A.brands {color:#FFFFFF; text-decoration:underline;}
A.brands:hover {color:#FFFFFF; text-decoration:none;}
 
 #adnav {
 background-image:url('http://www.lcx.com/2010/showcase.gif');
 background-repeat:no-repeat;
 padding-top:0px;
 margin-top:190px;
 margin-left:25px;
 width:244px;
 height:54px;
  }
 
 #adnavbuttons {
  width:75px;
  height:23px;
  }

#ad {
float:right;
margin-top:5px;
margin-right:70px;
text-align:center;
height:300px;
width: 250px;
}

#div4 {
 background-image:url('http://www.lcx.com/2010/contactback2.png');
 margin-left:664px;
 width:301px;
 height:335px;

}

#form {
 padding-top:100px;
 padding-left:17px;
 
}



#full-col{
	padding: 20px 20px 10px 25px;
	float: left;
}

#left-col{
	padding: 20px 20px 10px 25px;
	width: 430px;
	float: left;
}

#right-col{
	padding: 20px 30px 10px 0px;
	width: 250px;
	float: right;
}

ol.hfeed{
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.hfeed li{
	padding: 0.75em 0;
	background: url(http://lcx.com/wp-content/themes/cgm/images/border-x.gif) bottom repeat-x;
}

ol.hfeed li p{
	margin: 0.75em 0;
	font-size: 0.9em;
}

abbr.published{
	display: block;
	border: 0;
	font-size: 10px;
	line-height: 1.5;
}


#unit-left{
	position: relative;
	width:200px;
	padding: 1.5em 30px 1.5em 25px;
	float: left;
}


#unit{
	position: relative;
	width:600px;
	padding: 1.5em 30px 1.5em 0px;
	float: left;
}

.unit-logo{
	position: absolute;
	top: 1.5em;
	left: 0px;
}

#footer{
	text-align: center;
	margin: 0px -30px -30px -30px;
	padding: 10px;
	background: url(http://lcx.com/2010/body-base2.jpg) bottom no-repeat;
	height:40px;
}

#footer p{
	margin: 0;
	color: #CCC;
	
}

.hidden{
	display: none;
}

ul#nav, #content, ul#slide-tabs{
	display: inline-block;
	_height: 1%;
}

ul#nav:after, #content:after, ul#slide-tabs:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}