/* 
Project: Cognac
Filename: screen.css
Date: August 2008
Author: Simon McFarlane (simon.mcfarlane@cognac.co.uk)
*/


/*------ clear standard browser styles ------*/


body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ul{
	list-style: none;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* ---------------- global styles ---------------- */


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: verdana, arial, sans-serif;
    }



body a img {
    border: none;
}





/* ---------------- global classes ---------------- */


.bold{
   font-weight: bold;
}


.hide{
   position:absolute;
   left: 0px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
	
.hidden{
	display: none;
}

.clear {
	clear: both;
	}




/* ---------------- wrap ---------------- */

#wrap{
	text-align: left;
	margin: 0 auto 0 auto;
	clear: both;
	width: 964px;
	padding: 0;
}


/* ---------------- header ---------------- */


#header{
	float: left;
	width: 964px;
	margin-top: 10px;
}


#header.webcontrol{
	border-bottom: 5px solid #dedede;
}



#header .logo a{
	float: right;
	width: 172px;
	height:64px;
	text-indent: -9999px;
	background: url(img/logo-cognac.gif) no-repeat 0 0;
	color:#000000;
}


#header h2{
	float: left;
	font-size: 1.8em;
	background: url(img/webcontrol.gif) no-repeat 0 0;
	padding-top: 17px;
	height: 59px;
}


#header h2 em{
	font-style: normal;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-family: 'trebuchet ms';
}


#header h2 span{
	color: #C31230;
}


#communicate{
	float: left;
	font-size: 1.6em;
	margin-top: 10px;
}

#communicate span{
	float: left;
	margin-top: 3px;
}

#communicate ul{
	float: left;
	width: 150px;
}


#communicate li{
	float: left;
	width: 150px;
}


#communicate li a{
	display: block;
	padding: 3px 5px;
	background: #dedede url(img/icon-arrow.gif) no-repeat 125px 50%;
	color: #C31230;
	text-decoration: none;
}


#communicate li ul li a{	
	background: #ffffff;
	border-top: 1px solid #dedede;
}

#communicate li ul li a:hover{
	background: #000000;
	color: #ffffff;
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	border: 1px solid #dedede;
border-top: none;
	width: 148px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li ul li{
	width: 148px;
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav2 li:hover,#nav2 li.hover {
    position: static;
}




/* ---------------- navigation ---------------- */


#navigation{
	float: left;
	width: 964px;
}


#nav{
	float: left;
	width: 940px;
	padding: 10px 0 40px 24px;
	background: #dedede;
}


#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
	margin-right: 5px;
	background: #666666;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}


#nav li:hover,#nav li.hover {
    position: static;
}

#nav li a{
	display: block;
	font-size: 1.9em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	padding: 6px 0;
}


#nav li ul li a{
	color: #676767;
	background: #dedede url(img/nav-divider2.gif) no-repeat right center;
	padding: 4px 20px 4px 5px;
}

#nav li ul li a:hover,
#nav li ul li .here{
	color: #C31230;
	background: #ffffff url(img/nav-divider2.gif) no-repeat right center;
	padding: 4px 20px 4px 5px;
}


#nav li ul .last a{
	background: #dedede url(img/nav-divider.gif) no-repeat right center;
}

#nav li ul .last a:hover,
#nav li ul .last .here{
	background: #ffffff url(img/nav-divider.gif) no-repeat right center;
}


#nav li:hover,
#nav .here{
	background: #C31230;
}


#nav li ul li{
	margin-right: 0px;
	padding-right: 0;
	border-top: 3px solid #dedede;
}


#nav li ul{
	padding: 0;
	background: none;
	width: 420px;	
	font-size: 0.8em;
}


#nav li .what-we-do-sub{
	width: 600px;	
}


#nav li .contact-us-sub{
	width: 400px;	
}

#navigation .home{
	width: 88px;

}

#navigation .what-we-do,
#navigation .case-studies{
	width: 155px;
}


#navigation .contact-us{
	width: 155px;
}


#navigation .solutions{
	width: 135px;
}


#navigation .info-hub{
	width: 180px;
	color: #FAC145;
	padding-right: 20px;
	background: url(img/hub-back.gif) no-repeat 0 0;
}


#navigation .info-hub:hover,
#navigation .here .info-hub{
	background: url(img/hub-back.gif) no-repeat -200px 0;
}




#navigation .which-page{
	float: left;
	width: 225px;
	background: #C31230;
	text-align: center;
	color: #ffffff;
	font-size: 1.8em;
	padding: 3px 0;
text-transform: lowercase;
}	


#navigation .which-page-info{
	float: left;
	width: 555px;
	height: 70px;
	margin-top: 15px;
	text-indent: -9999px;
	background: url(img/info-hub-title.gif) no-repeat 0 0;
}

/* ---------------- mailing-form ---------------- */

#mailing-form{
	float: right;
	width: 390px;
	background: #dedede;
	position:relative;
	padding: 0 0 7px 0;
}


#mailing-form form{
	padding: 0px 10px 0px 10px;
}


#mailing-form #email{
	width: 325px;
	float: left;
margin-right: 5px;
	padding: 3px 5px 3px 5px;
	font-family: verdana;
	font-size: 1.1em;
	border: 1px solid #cccccc;
}


#mailing-form .show-more{
float: left;
}


#mailing-form .show-more a{
	color: #000000;
	display: block;
	text-decoration: none;
text-align: center;
width: 20px;
padding: 3px 0;
	border: 1px solid #cccccc;
	background: #ffffff;
}


#contact-dropdown{
	position:absolute;
	background: #dedede; 
	z-index: 1000;
	left:0px;
	top:28px;
	z-index:200;
	width: 370px;
	padding: 10px 10px 10px 10px;
}






/* ---------------- content ---------------- */


#content{
	float: left;
	width: 964px;
}


#main-content{
	float: left;
	margin: 30px 42px 0 42px;
	padding-bottom: 30px;
}


* html #main-content{
	margin: 30px 21px 0 21px;
}



#main-content.fullwidth{
	margin: 30px 6px 0 6px;
}


* html #main-content.fullwidth{
	margin: 30px 3px 0 3px;
}





#main-content .tagline{
	font-size: 2.2em;
	color: #000000;
}


#main-content .tagline em{
	font-style: normal;
	color: #C31230;
}


#home-blocks{	
	clear: both;
}


#home-blocks li{
	float: left;
	width: 238px;
	height: 148px;
	margin: 30px 80px 0 0;
	border: 1px solid #cccccc;
}


#home-blocks .bottom{
	margin: 60px 80px 0 0;
}


#home-blocks .last{
	margin-right: 0;
}


#home-blocks .reason{
	float: left;
	width: 240px;
	border: none;
	height: 148px;
	margin: 60px 80px 0px 0;
}


#home-blocks .reason a{
	display: block;
	background: #C31230;
	font-size: 2.0em;
	color: #ffffff;
	text-decoration: none;
	padding: 8px 10px;
	margin-bottom: 15px;
}


#home-blocks .reason .how,
#home-blocks .reason .visual{
	background: url(img/how-back.gif) no-repeat 0 0;
}


#home-blocks .reason .ten{
	background: url(img/why-back.gif) no-repeat 0 0;
}


#home-blocks .reason a:hover{
	background-position: -240px 0;
}



/* ---------------- #case-studies-home ---------------- */


#case-studies-home{
	float: left;
	width: 804px;
	padding: 90px 80px 40px 80px;
}




#case-studies-home h3{
	width: 300px;
	border: 1px solid #cccccc;
	padding: 20px 0;
	text-align: center;
	font-size: 1.8em;
	background: url(img/case-h3-back.jpg) repeat-x bottom left;
}


#case-studies-home .clients{
	width: 150px;
	float: left;
	border: 1px solid #cccccc;
	padding: 20px 0;
	margin-left: 24px;
	text-align: center;
	font-size: 1.8em;
	background: url(img/case-h3-back.jpg) repeat-x bottom left;
}

#case-studies-home h3 a{
	display: block;
	padding-bottom: 60px;
	color: #000000;
	text-decoration: none;
}


#case-studies-home a:hover{
	color: #C31230;
}


#case-studies-home .sector{
	float: left;
}


#case-studies-home .sector a{
	background: url(img/case-sector-arrow.gif) no-repeat 50% 100%;
}


#case-studies-home .clients a{
	background: url(/images/uploads/clients.gif) no-repeat 50% 100%;
}


#case-studies-home .solution{
	float: right;
}


#case-studies-home .solution a{
	background: url(img/case-solution-arrow.gif) no-repeat 50% 100%;
}


#case-studies-home ul{
	float: left;
	width: 804px;
	font-size: 1.8em;
	margin-top: 40px;
}


#case-studies-home ul .email a,
#case-studies-home ul .call a{
	display: block;
	color: #000000;
	text-decoration: none;
	width: 135px;
	padding: 13px 10px;
}


#case-studies-home ul li{
	float: left;
}


#case-studies-home ul li img{
	margin-left: 90px;
}


#case-studies-home .email{
	background: #FBC144 url(img/case-email-back.gif) no-repeat 110px 50%;
	margin-top: 30px;
}

#case-studies-home .call{
	float: right;
	background: #FBC144 url(img/case-call-back.gif) no-repeat 110px 50%;;
	margin-top: 30px;
}



/* ---------------- #case-studies-sector ---------------- */


#case-studies-sector{
	float: left;
	width: 844px;
	padding: 10px 60px 40px 60px;
}


#case-studies-sector h3{
	font-size: 1.8em;
	color: #000000;
}


#case-studies-sector h3 a{
	color: #cccccc;
	text-decoration: none;
}
	

#case-studies-sector h3 .here,
#case-studies-sector h3 a.here:hover{
	color: #000000;
}



#case-studies-sector h3 a:hover{
	color: #C31230;
}


#case-studies-sector .sectors{
	float: left;
	width: 844px;
	margin-top: 30px;
	margin-bottom: 30px;
font-size: 1.3em;
}




#case-studies-sector .sectors li{
	float: left;
	width: 160px;
	height: 62px;
	margin: 0 8px 10px 0;
	background: #e9e9e9;
}


#case-studies-sector .sectors li a{
	float: left;
	width: 160px;
	height: 62px;
	color: #000000;
	text-decoration: none;
	background-position:-160px;
}

#case-studies-sector .sectors li a:hover{
background-position: 0px;
color: #FFFFFF;
}


#case-studies-sector .sectors li a span{
float: left;
padding: 13px 5px 0 10px;
}

#case-studies-sector .sectors li .education{
	background-image: url(img/sector-education.gif);
}

#case-studies-sector .sectors li .financial{
	background-image: url(img/sector-financial.gif);
}

#case-studies-sector .sectors li .technology{
	background-image: url(img/sector-technology.gif);
}

#case-studies-sector .sectors li .health{
	background-image: url(img/sector-health.gif);
}

#case-studies-sector .sectors li .energy{
	background-image: url(img/sector-energy.gif);
}

#case-studies-sector .sectors li .chemical{
	background-image: url(img/sector-chemical.gif);
}

#case-studies-sector .sectors li .construction{
	background-image: url(img/sector-construction.gif);
}

#case-studies-sector .sectors li .science{
	background-image: url(img/sector-science.gif);
}

#case-studies-sector .sectors li .fmcg{
	background-image: url(img/sector-fmcg.gif);
}

#case-studies-sector .sectors li .food{
	background-image: url(img/sector-food.gif);
}


#case-studies-sector .cases{
	clear:both;
	width: 844px;
	margin-bottom: 20px;
}





#case-studies-sector .cases p{
	width: 844px;
	border-bottom: 1px solid #cccccc;
}



#case-studies-sector .cases p strong{
	display: block;
	width: 145px;
	height: 49px;
padding: 13px 5px 0 10px;
font-size: 1.3em;
color: #FFFFFF;
font-weight: normal;
}


#case-studies-sector .cases p.education strong{
	background: url(img/sector-education.gif) no-repeat 0 0;
}

#case-studies-sector .cases p.financial strong{
	background: url(img/sector-financial.gif) no-repeat 0 0;
}

#case-studies-sector .cases p.technology strong{
	background: url(img/sector-technology.gif) no-repeat 0 0;
}

#case-studies-sector .cases p.health strong{
	background-image: url(img/sector-health.gif);
}

#case-studies-sector .cases p.energy strong{
	background-image: url(img/sector-energy.gif);
}

#case-studies-sector .cases p.chemical strong{
	background-image: url(img/sector-chemical.gif);
}

#case-studies-sector .cases p.construction strong{
	background-image: url(img/sector-construction.gif);
}

#case-studies-sector .cases p.science strong{
	background-image: url(img/sector-science.gif);
}

#case-studies-sector .cases p.fmcg strong{
	background-image: url(img/sector-fmcg.gif);
}

#case-studies-sector .cases p.food strong{
	background-image: url(img/sector-food.gif);
}




#case-studies-sector .cases dl{
	float: left;
	width: 402px;
	padding-right: 20px;
	height: 61px;
margin-top: 10px;
}


#case-studies-sector .cases dt a{
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	background: url(img/case-study-icon.gif) no-repeat 0 0;
}


#case-studies-sector .cases dt{
	float: left;
	width: 41px;
}


#case-studies-sector .cases dd{
	float: right;
	width: 341px;
	font-size: 1.2em;
	margin-top: 5px;
	color: #666666;
}


#case-studies-sector .cases dd a{
	color: #C31230;
	text-decoration: none;
}


#case-studies-sector .cases dd a:hover{
	text-decoration: underline;
}





/* ---------------- #case-studies-solution ---------------- */


#case-studies-solution{
	float: left;
	width: 844px;
	padding: 10px 60px 0px 60px;
}


#case-studies-solution h3{
	font-size: 1.8em;
	color: #000000;
}


#case-studies-solution h3 a{
	color: #cccccc;
	text-decoration: none;
}
	

#case-studies-solution h3 .here,
#case-studies-solution h3 a.here:hover{
	color: #000000;
}



#case-studies-solution h3 a:hover{
	color: #C31230;
}




#case-studies-solution .solution{
	float: left;
	width: 240px;
	margin: 30px 62px 0 0;
}


#case-studies-solution .last,
#case-studies-solution .first{
	margin-right: 0;
}


#case-studies-solution .left,
#case-studies-solution .right{
	padding-top: 40px;
}


#case-studies-solution .applicable{
	float: left;
	width: 240px;
	margin: 0 0 5px 0;
}


#case-studies-solution .applicable li{
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 79px;
	text-align: center;
	background: #dedede;
	color: #C31230;
	padding: 1px 0;
}


#case-studies-solution img{
	margin-bottom: 10px;
}

#case-studies-solution p{
	font-size: 1.1em;
	margin-bottom: 10px;
}

#case-studies-solution .list{
	float: left;
	width: 185px;
	font-size: 1.1em;
}


#case-studies-solution .list li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}


#case-studies-solution .case-links a{
	float: right;
	display: block;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	background: url(img/case-study-icon.gif) no-repeat 0 0;
}


#case-studies-solution .solution-if{
	float: left;
	width: 364px;
	margin-top: 20px;
}


#case-studies-solution .solution-if h2{
	width: 364px;
	height: 297px;
	text-indent: -9999px;
	background: url(img/case-solution-if.gif) no-repeat 50% 0;
}




/* ---------------- #solution-cases ---------------- */


#solution-cases{
	float: left;
	width: 964px;
	padding: 10px 0px 40px 0px;
}


#solution-cases h3{
	font-size: 1.8em;
	color: #000000;
	margin-left: 60px;
}


#solution-cases h3 a{
	color: #cccccc;
	text-decoration: none;
}
	

#solution-cases h3 .here,
#solution-cases h3 a.here:hover{
	color: #000000;
}



#solution-cases h3 a:hover{
	color: #C31230;
}


#solution-cases h2{
	font-size: 1.8em;
	color: #000000;
	margin: 40px 0 20px 0;
}


#solution-cases .sector-info{
	float: left;
	width: 574px;
}


#solution-cases .sector-info .list{
width: 400px;
}

#solution-cases img{
	float: right;
}



#solution-cases .cases{
	float: left;
	width: 964px;
	margin-top: 15px;
}


#solution-cases .related{
	float: left;
	width: 130px;
}


#solution-cases .related li{
	width: 130px;
	text-align: center;
	padding: 4px 0;
	background: #dedede;
	margin-bottom: 3px;
	font-size: 1.4em;
	color: #C31230;
}


#solution-cases .details{
	float: left;
	width: 430px;
}



#solution-cases .details p{
	font-size: 1.1em;
	margin-bottom: 10px;
}

#solution-cases .details ul{
	float: left;
	width: 195px;
	font-size: 1.1em;
}


#solution-cases .details ul li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}



#solution-cases .cases dl{
	float: left;
	width: 462px;
	padding-right: 20px;
	margin-top: 20px;
height: 50px;
}


#solution-cases .cases dt a{
	display: block;
	float: left;
	width: 41px;
	height: 41px;
	text-indent: -9999px;
	background: url(img/case-study-icon.gif) no-repeat 0 0;
}


#solution-cases .cases dt{
	float: left;
	width: 41px;
}


#solution-cases .cases dd{
	float: right;
	width: 401px;
	font-size: 1.2em;
	margin-top: 5px;
	color: #666666;
}


#solution-cases .cases dd a{
	color: #C31230;
	text-decoration: none;
}


#solution-cases .cases dd a:hover{
	text-decoration: underline;
}




/* ---------------- #client-logos ---------------- */


#client-logos{
	float: left;
	width: 964px;
	margin: 40px 0 0px 0;
	padding: 0px 0 40px 0;
}


#client-logos li{
	float: left;
	margin-left: 15px;
	margin-bottom: 20px;
	padding: 9px;
	border: 1px solid #ccc;
}



#client-logos .linked{
 border: 1px solid #C31230;
}

#client-logos li img{
display: block;
}


/* ---------------- #case-study ---------------- */


#case-study{
	float: left;
	width: 964px;
	padding: 10px 0px 0px 0px;
}


#case-study h3{
	font-size: 1.8em;
	color: #000000;
	margin-left: 60px;
}


#case-study h3 a{
	color: #cccccc;
	text-decoration: none;
}
	

#case-study h3 .here,
#case-study h3 a.here:hover{
	color: #000000;
}



#case-study h3 a:hover{
	color: #C31230;
}



#case-study h2{
	font-size: 1.8em;
	color: #C31230;
	margin: 40px 0 20px 0;
	float: left;
	width: 730px;
}

#case-study h2 em{
	font-style: normal;
	color: #666666;
}


#case-study .downloads{
	float: right;
	width: 220px;
}


#case-study .downloads li{
	float: right;
	width: 110px;
}

#case-study .downloads a{
	display: block;
	width: 110px;
	height: 110px;
	text-indent: -9999px;
}
	

#case-study .podcase a{
	background: url(img/view-podcase.gif) no-repeat 0 0;
}


#case-study .pdf a{
	background: url(img/view-pdf.gif) no-repeat 0 0;
}


#case-study blockquote{
	float: left;
	width: 922px;
	padding: 20px 20px 20px 20px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	background: url(img/blockquote-back.jpg) repeat-x 0 0;
}



* html #case-study blockquote{
	padding: 20px 20px 20px 20px;
}


#case-study blockquote p{
	float: left;
	width: 600px;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-style: italic;
}


#case-study blockquote img{
	float: right;
	margin: 5px 10px 0 0;
}


#case-study .study-text{
	float: left;
	width: 964px;
	margin: 40px 0 0 0;
}


#case-study .study-text p{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}


#case-study .study-text ul{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}


#case-study .study-text ul li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}

#case-study .study-text p a{
	color: #C31230;
text-decoration: none;
}


#case-study .study-text p a:hover{
text-decoration: underline;
}

#case-study .study-text h4{
	font-size: 1.6em;
	padding: 10px 0 10px 0;
}


#case-study .study-image{
	float: left;
	width: 964px;
	text-align: center;
}


/* ---------------- #blank-page ---------------- */

#blank-page h2{
	font-size: 1.8em;
	color: #C31230;
margin: 20px 0;
}

#blank-page a{
	color: #C31230;
}

#blank-page img{
display: block;
}

#blank-page h3{
	font-size: 1.4em;
font-weight: bold;
margin: 20px 0 5px 0;
}


#blank-page p{
margin-bottom: 10px;
font-size: 1.2em;
}


#blank-page .block{
float: left;
border: 1px solid #cccccc;
width: 220px;
text-align: center;
padding: 0 10px 10px 10px;
margin: 0 0 15px 0;
}


/* ---------------- #contact-links ---------------- */

#contact-links{
	float: left;
	width: 100%;
	font-size: 1.8em;
	margin-top: 0px;
	padding-bottom: 15px;
}


#contact-links a{
	display: block;
	color: #000000;
	text-decoration: none;
	width: 135px;
	padding: 13px 10px;
}


#contact-links a:hover{
	color: #C31230;
}


#contact-links .email{
	float: left;
	background: #FBC144 url(img/case-email-back.gif) no-repeat 110px 50%;
	margin-top: 30px;
}

#contact-links .pdf{
	float: left;	
width: 590px;
	margin-top: 30px;
font-size: 0.8em;
}

#contact-links .pdf a{
	width: 590px;
	text-align: center;
}


#contact-links .call{
	float: right;
	background: #FBC144 url(img/case-call-back.gif) no-repeat 110px 50%;;
	margin-top: 30px;
}


/* ---------------- webcontrol ---------------- */

#main-content.webcontrol h3{
	font-size: 1.8em;
	color: #666666;
	margin: 20px 0 10px 0;
	}



#weboptions{
float: right;
}

#weboptions li{
float: left;
margin-right: 5px;
}

#weboptions a{
display: block;
font-size: 1.4em;
color: #ffffff;
	background: #C31230;
border: 1px solid #000000;
padding: 5px 10px;
text-decoration: none;
}

#weboptions a:hover{
color: #C31230;
	background: #FFFFFF;
}

#update-options{
	float: left;
	width: 954px;
	margin-bottom: 10px;
}


#update-options li{
	float: left;
	margin: 0 10px 15px 0;
}


#update-options li a{
	display: block;
	width: 140px;
	height: 40px;
	border: 1px solid #000000;
	font-size: 1.4em;
	text-align: right;
	padding-top: 60px;
	padding-right: 10px;
	color: #666666;
	text-decoration: none;
}


#update-options li a:hover{
	background-position: 0 0;
	color: #000000;
}



#update-options .event a{
	background: url(img/add-event.jpg) no-repeat -150px 0;
}


#update-options .article a{
	background: url(img/add-article.jpg) no-repeat -150px 0;
}


#update-options .briefing a{
	background: url(img/add-briefing.jpg) no-repeat -150px 0;
}


#update-options .pr a{
	background: url(img/add-pr.jpg) no-repeat -150px 0;
}


#update-options .podcase a{
	background: url(img/add-podcase.jpg) no-repeat -150px 0;
}


#update-options .tool a{
	background: url(img/add-tool.jpg) no-repeat -150px 0;
}


#update-options .blog a{
	background: url(img/add-blog.jpg) no-repeat -150px 0;
}


#update-options .book a{
	background: url(img/add-book.jpg) no-repeat -150px 0;
}


#main-content .edit-content li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	border-bottom: 1px solid #dedede;

}

#main-content .edit-content li em{
	color: #666666;
	font-style: normal;
}


#main-content .edit-content li a{
	font-size: 0.8em;
	color: #C31230;
	margin-left: 15px;
	text-decoration: none;
}


#main-content .edit-content li a:hover{
	text-decoration: underline;
}



#main-content.webcontrol .older{
	float: right;
	font-size: 1.2em;
width: 954px;
text-align: right;
}


#main-content.webcontrol .older a{
	color: #C31230;
	text-decoration: none;
}


#main-content.webcontrol .older a:hover{
	text-decoration: underline;
}
	

#inspirationfeeds{
	float: left;
	width: 954px;
}

#main-content.webcontrol .inspiration{
	float: left;
	width: 255px;
	margin-right: 30px;
}	


#main-content.webcontrol .inspiration dt{
	font-size: 1.4em;
	color: #000000;
font-weight: bold;
}


#main-content.webcontrol .inspiration dd{
	margin-top: 10px;
	font-size: 1.2em;
}


#main-content.webcontrol .inspiration dd a{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	color: #333333;
}


#main-content.webcontrol .inspiration dd a:hover{
	text-decoration: underline;
}



/* ---------------- subfooter ---------------- */


#subfooter{
	float: left;
	width: 964px;
	border-bottom: 1px solid #666666;
}


#subfooter h3{
	float: left;
	background: #666666 url(img/footer-hub.gif) no-repeat 0 3px;
	color: #ffffff;
	text-align: center;
	padding: 6px 15px 7px 35px;
	margin-right: 200px;
	font-size: 1.4em;
}


#subfooter h3 a{
	text-decoration: none;
	color: #FAC145;
}


#subfooter h3 a:hover{
	text-decoration: underline;
}



#subfooter p{
	float: right;
}


#subfooter p a{
	display: block;
	width: 200px;
	height: 23px;
	margin: 0;
	padding: 0 0 7px 0;
	text-indent: -9999px;
	background: url(img/next-arrow.gif) no-repeat 0 0;
}


#subfooter p a:hover{
	background: url(img/next-arrow.gif) no-repeat -200px 0;
}


#subfooter .share{
	float: left;
}



/* ---------------- infofooter ---------------- */


#infofooter{
	float: left;
	width: 964px;
	padding: 15px 0 15px 0;
}


#infofooter .infoblock{
	float: left;
	width: 290px;
min-height: 180px;
	background: #dedede;
	margin-right: 25px;
	padding-bottom: 15px;
}


* html #infofooter .infoblock{
	margin-right: 8px;
}

#infofooter .articles{
	background: #dedede url(img/infoblock-articles.gif) no-repeat bottom right;
}

#infofooter .blogs{
	background: #dedede url(img/infoblock-blogs.gif) no-repeat bottom right;
}

#infofooter .books{
	background: #dedede url(img/infoblock-books.gif) no-repeat bottom right;
}

#infofooter .briefings{
	background: #dedede url(img/infoblock-briefings.gif) no-repeat bottom right;
}

#infofooter .events{
	background: #dedede url(img/infoblock-events.gif) no-repeat bottom right;
}

#infofooter .podcases{
	background: #dedede url(img/infoblock-podcases.gif) no-repeat bottom right;
}

#infofooter .pr{
	background: #dedede url(img/infoblock-pr.gif) no-repeat bottom right;
}

#infofooter .tools{
	background: #dedede url(img/infoblock-tools.gif) no-repeat bottom right;
}

#infofooter .vizthink{
	background: #dedede url(img/infoblock-vizthink.gif) no-repeat bottom right;
}


#infofooter .last{
	margin-right: 0px;
}


#infofooter .infoblock h4{
	font-size: 1.5em;
	margin: 10px 10px 0 10px;
}


#infofooter .infoblock h4 a{
	color: #000000;
	text-decoration: none;
}


#infofooter .infoblock h4 a:hover{
	color: #C31230;
	text-decoration: none;
}



#infofooter .infoblock p{
float:right;
width: 155px;
	margin: 7px 30px 0 0;
	font-size: 1.2em;
	line-height: 1.3em;
}


* html #infofooter .infoblock p{
	margin: 7px 15px 0 0;
}


#infofooter .infoblock .link{
	margin: 5px 30px 10px 0;
}


#infofooter .infoblock a{
	color: #C31230;
	text-decoration: none;
}


#infofooter .infoblock a:hover{
	text-decoration: underline;
}


#infofooter .infoblock img{
	float: left;
	margin: 10px 10px 10px 10px;
}


#infofooter .infoblock a img{
	border: 1px solid #dedede;
}

#infofooter .infoblock a:hover img{
	border: 1px solid #C31230;
}

/* ---------------- footer ---------------- */


#footer{
	float: left;
	width: 964px;
	padding: 10px 0;
	border-top: 1px solid #666666;
}


#footer .copyright{
	float: left;
	font-size: 0.9em;
	color: #8B9298;
	margin-right: 60px;
}


#footer .vizthink{
	float: left;
	padding-right: 15px;
	background: url(img/icon-vizthink.gif) no-repeat right center;
}


#footer .vizthink a{
	color: #336799;
	text-decoration: none;
}


#footer .vizthink a:hover{
	text-decoration: underline;
}



#footer ul{
	float: right;
}


#footer ul li{
	float: left;
	color: #8B9298;
}


#footer ul li a{
	color: #8B9298;
	text-decoration: none;
}

#footer ul li a:hover{
	text-decoration: underline;
}


#footer .green{
	color: #006837;
}


#footer .cognac{
	color: #C31230;
}



/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}



/* ---------------- footer ---------------- */



#content .contact-left{
float: left;
width: 545px;
margin: 30px 0 0 0;
padding: 0 0 30px 0;
}


#content .contact-right{
float: right;
width: 354px;
padding: 17px;
border: 1px solid #cccccc;
margin: 30px 0;
background: url(img/contact-right-back.jpg) repeat-x 0 0;
}


#content .contact-right img{
margin-top: 17px;
}


#content .contact-left h3{
float: left;
width: 545px;
margin: 20px 0 5px 0;
font-size: 1.4em;
}


#content .contact-left span p{
float: left;
width: 450px;
margin-bottom: 10px;
font-size: 1.4em;
}


#content .contact-left span p a{
color: #C31230;
text-decoration: none;
}

#content .contact-left span p a:hover{
text-decoration: underline;
}

#content .contact-left span p strong{
float: left;
width: 120px;
font-weight: normal;
}


#content .contact-left span p em{
float: right;
width: 330px;
font-style: normal;
color: #C31230;
}


#the-contact-form{
float: left;
width: 505px;
padding: 20px;
border: 1px solid #cccccc;
background: #dedede;
}


#the-contact-form img{
float: right;
}

#name,
#from,
#the-company,
#phone,
#message{
width:290px;
border: 1px solid #cccccc;
margin-bottom: 6px;
font-family: arial;
font-size: 1.2em;
padding: 5px;
}

#message{
height: 70px;
margin-bottom: 0;
}


.meet-consultants{
	float: left;
	width: 543px;
	border: 1px solid #ccc;
	font-size: 1.4em;
margin-bottom: 20px;
	background: url(http://www.cognac.co.uk/img/contact-right-back.jpg) repeat-x 0 0;	
	}
	
	
.meet-consultants img{
	float: right;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 10px 10px 0;
	}
	
	
.meet-consultants p{
	width: 270px;
	padding: 30px 0 0 30px;
	}	
		
		
.consultants-link{
	margin-left: 40px;
	font-size: 1.1em;
	}		

.consultants-link a{
	float: left;
	background: #C3122F;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	}
	
	
.contacting{
	float: left;
	width: 543px;
	padding-bottom: 40px;
	}	
	
.contacting p{
	float: left;
	width: 543px;
	font-size: 1.3em;
	padding-top: 15px;
	}	
	
.contacting p strong{
	float: left;
	width: 200px;
	}	
	
.contacting p a{
	color: #C3122F;
	text-decoration: none;
}
	
	
.contacting p a:hover{
	text-decoration: underline;
}	


.contact-right #contact_form{
	float: left;
	border: 1px solid #333;
	padding: 20px;
	background: #DEDEDE;
	}
	
	
.contact-right h3{	
	font-size: 1.4em;
	padding-bottom: 10px;
	}

#submit{
float: right;
width: 304px;

padding: 10px 0 0 0;
text-align: right;
}


#submit .button{
background: #C31230;
color: #ffffff;
border: 1px solid #cccccc;
font-size: 1.7em;
padding: 5px 10px;
}	



/* ---------------- message ---------------- */


#message-how{
	float: left;
	margin: 40px 0 0 52px;
}


* html #message-how{
	margin: 40px 0 0 26px;
}

#message-how li{
	float: left;
	width: 282px;
	height: 233px;
	text-indent: -9999px;
}


#message-how .communicate{
	background: url(img/message-communicate.gif) no-repeat 0 0;
}


#message-how .visually{
	background: url(img/message-visually.gif) no-repeat 0 0;
}


#message-how .engage{
	background: url(img/message-engage.gif) no-repeat 0 0;
}


#message-why{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 2em;
	margin: 10px 0 40px 0;
}



#message-result{
	float: left;
	margin: 0 0 0 52px;
	padding: 0 0 40px 0;
}


* html #message-result{
	margin: 0 0 0 26px;
}

#message-result li{
	float: left;
	width: 277px;
	height: 295px;
	text-indent: -9999px;
}


#message-result .understand{
	background: url(img/message-understand.gif) no-repeat 0 0;
}


#message-result .remember{
	background: url(img/message-remember.gif) no-repeat 0 0;
}


#message-result .act{
	background: url(img/message-act.gif) no-repeat 0 0;
}



/* ---------------- why-ten ---------------- */


#why-ten{
	float: left;
	width: 964px;
	text-align: center;
	padding-bottom: 30px;
}


#why-ten h1{
	font-size: 2em;
	margin: 40px 0 40px 20px;
	text-align: left;
}


#why-ten .the-gap{
	float: left;
	width: 964px;
	text-align: left;
}
	
#why-ten .the-gap img{
	float: left;
}


#why-ten .the-gap h2{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}


#why-ten .the-gap p{
	font-size: 1.2em;
	margin-right: 35px;
	line-height: 1.4em;
	}


#why-ten .the-gap p em{
	font-style: normal;
	color: #C31230;
}




/* ---------------- why-visual ---------------- */


#why-visual{
	float: left;
	width: 964px;
	padding-bottom: 30px;
}


#why-visual .why-content{
	float: left;
	width: 665px;
	margin-left: 20px;
}


#why-visual .book-ad{
	float: right;
	width: 245px;
	background: #FAA819  url(img/book-ad-back-top.gif) no-repeat top left;
	margin: 40px 0;
}


#why-visual .book-ad .gutter{
	background: url(img/book-ad-back.gif) no-repeat bottom left;
	padding-bottom: 205px;
}


#why-visual .book-ad p{
	color: #ffffff;
	font-size: 1.2em;
	margin: 10px 60px 10px 10px;
}


#why-visual .book-ad p img{
	vertical-align: middle;
}



#why-visual .book-ad h3{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0 0 0 10px;
}


#why-visual h1{
	font-size: 2em;
	margin: 40px 0;
	text-align: left;
}


#why-visual h2{
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}


#why-visual p{
font-size: 1.1em;
}


#why-visual blockquote{
	float: left;
	width: 665px;
	margin: 45px 0;
	text-align: center;
	background: #dedede;
}


#why-visual blockquote p{
	padding: 35px 150px;
	font-size: 1.4em;
	font-weight: bold;
}


#why-visual ul{	
	float: left;
	width: 964px;
}


#why-visual ul li{	
	float: left;
	margin: 0 25px 20px 20px; #case-studies-sector .cases
}



#why-visual .why-contact{
	float: right;
	width: 590px;
	margin-right: 40px;
	margin-top: 30px;
	background: #C31230;	
	color: #ffffff;
}

* html #why-visual .why-contact{
	margin-right: 10px;
}

#why-visual .why-contact p,
#why-visual .why-contact h4{
	float: right;
	width: 380px;
	font-size: 1.2em;
}



#why-visual .why-contact h4{
	margin: 20px 20px 20px 0;
	font-weight: bold;
}


#why-visual .why-contact p{
	margin: 0 20px 15px 0;
}

#why-visual .why-contact p a{
	color: #ffffff;
	text-decoration: underline;
}


#why-visual .why-contact p a:hover{
	text-decoration: none;
}

#why-visual .why-contact img{
	float: left;
	padding: 20px;
}



/* ---------------- how it works ---------------- */


#how-it-works{
	float: left;
	width: 964px;
	padding-bottom: 30px;
}


#how-it-works h1{
	font-size: 2em;
	margin: 40px 20px;
	text-align: left;
}

#how-it-works h2{
	float: left;
	width: 884px;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	font-size: 2em;
	color: #ffffff;
	background: #69696B;
}


#how-it-works .communicate-message h2{
	background: #e1e1e1;
	color: #000000;
}



#how-it-works .develop{
	float: left;
	width: 924px;
	padding: 0 20px 50px 20px;
	color: #333333;
}


#how-it-works .determine{
	float:left;
	width: 560px;
}


#how-it-works .determine h3{
	border: 1px solid #333333;
	font-size: 1.6em;
	padding: 5px 0;
	text-align: center;
	
}


#how-it-works .determine h4{
	color: #C31230;
	font-size: 1.5em;
}


#how-it-works .brief{
	float: left;
	width: 150px;
	margin-top: 25px;
	font-size: 1.1em;
	background: url(img/brief.gif) no-repeat top right;
}


#how-it-works .brief ul{
	margin: 60px 20px 20px 0;
}
 

#how-it-works .brief li{
	background: url(img/bullet-grey.gif) no-repeat 0 4px;
	padding-left: 15px;
	margin-bottom: 5px;
}


#how-it-works .interview{
	float: left;
	width: 220px;
	margin-top: 25px;
	font-size: 1.1em;
}


#how-it-works .interview img{
	padding: 10px 0;
}


#how-it-works .right-message{	
	float: left;
	text-align: center;
	width: 65px;
	margin: 70px 5px 0 5px;
	padding: 5px;
	background: #666666;
	color: #ffffff;
}


* html #how-it-works .right-message{
	margin: 70px 2px 0 2px;
	padding: 5px 2px;
}

#how-it-works .message{
	float: right;
	width: 355px;
}


#how-it-works .message h3{
	border: 1px solid #333333;
	font-size: 1.6em;
	padding: 5px 0;
	text-align: center;
	
}


#how-it-works .how-arrow{
	float: left;
}


#how-it-works .message h4{
	color: #C31230;
	font-size: 1.5em;
}


#how-it-works .structure{
	float: left;
	width: 150px;
	margin-top: 25px;
	font-size: 1.1em;	
}


#how-it-works .structure img,
#how-it-works .copy img{
	margin: 20px 0;
}


#how-it-works .copy{
	float: left;
	width: 135px;
	margin-top: 25px;
	font-size: 1.1em;	
}






#how-it-works .communicate-message{
	float: left;
	width: 924px;
	padding: 0 20px 0 20px;
	color: #333333;
}

#how-it-works .communicate-message h2{
	background: #B2B4B7;
}


#how-it-works .communicate-message h3{
	border: 1px solid #333333;
	font-size: 1.6em;
	padding: 5px 0;
	text-align: center;
}


#how-it-works .engage{
	float: left;
	width: 560px;
	margin-top: 10px;
}


#how-it-works .engage h4{
	float: left;
	color: #C31230;
	height: 215px;
	width: 560px;
	padding-top: 40px;
	font-size: 1.5em;
	background: url(img/development.gif) no-repeat 50% 0;
}


#how-it-works .engage p{
	font-size: 1.1em;
	margin-top: 20px;
}


#how-it-works .result{
	float: left;
	width: 195px;
	margin-top: 10px;
	margin-left: 20px;
}


#how-it-works .result p{
	font-size: 1.1em;
	margin-top: 20px;
}

/* ---------------- talent ---------------- */


#talent{
	float: left;
	width: 964px;
	padding-bottom: 30px;
}


#talent .main{
	float: left;
	width: 686px;
}


#talent .main h1{
	font-size: 2em;
	margin: 40px 0;
}


#talent .main h1 span{
	color: #C31230;
}


#talent .intro{
	float: left;
	width: 345px;
}


#talent .intro h2{
	font-size: 1.6em;
	margin-bottom: 20px;
}


#talent .intro p{
	font-size: 1.1em;
	margin-bottom: 20px;
}


#talent .expertise{
	float: right;
	width: 260px;
}


#talent .expertise h2{
	font-size: 1.6em;
	margin-bottom: 20px;
}


#talent .expertise li{
	float: left;
	margin: 0 4px 10px 0;
}


#talent .expertise li a{
	display: block;
	width: 126px;
	height: 69px;
	text-indent: -9999px;
}


#talent .expertise .consulting a{
	background: url(img/expertise-consulting.gif) no-repeat 0 0;
}


#talent .expertise .design a{
	background: url(img/expertise-design.gif) no-repeat 0 0;
}


#talent .expertise .operations a{
	background: url(img/expertise-operations.gif) no-repeat 0 0;
}


#talent .expertise .sales a{
	background: url(img/expertise-sales.gif) no-repeat 0 0;
}




#talent .sidebar{
	float: right;
	width: 258px;
	margin-top: 40px;
	background: url(img/talent-sidebar-back.gif) repeat-y 0 0;
}


#talent .sidebar h2{
	width: 238px;
	height: 35px;
	background: url(img/talent-sidebar-h2.gif) no-repeat 0 0;
	font-size: 1.6em;
	padding: 60px 0 0 20px;
}


#talent .sidebar p{
	font-size: 1.1em;
	padding: 0 30px 15px 20px;
}

#talent .sidebar p a{
color: #c31230;
text-decoration: none;
}


#talent .sidebar p a:hover{
text-decoration: underline;
}

#talent .sidebar h3{
	color: #C31230;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 30px 15px 20px;
}



#talent .talented{
	float: left;
	width: 686px;
	border-top: 1px solid #666666;
	padding-top: 10px;
	margin-top: 20px;
}



#talent .talented h3{
	float: left;
	width: 135px;	
	height: 160px;
	text-indent: -9999px;
}


#talent .talented .details{
	float: left;
	width: 545px;
	font-size: 1.1em;
}


#talent .talented .details p{
	margin-bottom: 15px;
}


#talent .talented .details blockquote{
	float: left;
	background: #dedede;
	width: 545px;
}


#talent .talented .details blockquote img{
	float: left;
	margin-right: 15px;
}


#talent .talented .details blockquote h4{
	float: left;
	width: 370px;
	margin: 10px 0;
	font-size: 1.4em;
}


#talent .talented .details blockquote p{
	float: left;
	width: 370px;
	font-size: 1.1em;
padding-bottom: 15px;
}


#talent .talented .consulting{
	background: url(img/talented-consulting.gif) no-repeat 0 0;
}


#talent .talented .sales{
	background: url(img/talented-sales.gif) no-repeat 0 0;
}


#talent .talented .operations{
	background: url(img/talented-operations.gif) no-repeat 0 0;
}


#talent .talented .design{
	background: url(img/talented-design.gif) no-repeat 0 0;
}


#talent .talented .vacancies{
	float: left;
	width: 260px;
	min-height: 120px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	background: url(img/case-h3-back.jpg) repeat-x bottom left;
}


#talent .talented .vacancies h5,
#talent .talented .survey h5{
	color: #c31230;
	font-size: 1.4em;
	padding: 10px;
}


#talent .talented .vacancies p,
#talent .talented .survey p{
	margin: 0 10px 10px 10px;
}


#talent .talented .vacancies p a,
#talent .talented .survey p a{
	color: #c31230;
	text-decoration: none;
}


#talent .talented .vacancies p a:hover,
#talent .talented .survey p a:hover{
	text-decoration: underline;
}


#talent .talented .survey .survey-link{
	text-align: center;
}

#talent .talented .survey{
	float: right;
	width: 260px;
	min-height: 120px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	background: url(img/case-h3-back.jpg) repeat-x bottom left;
}



/* ---------------- info hub ---------------- */


#hub-top{
	float: left;
	width: 964px;
	margin: 0px 0 40px 0;
}



#hub-top h4{
	float: left;
	font-size: 1.9em;
	color: #c31230;
	margin-top: 15px;
}


#hub-top p{
	float: right;
	width: 255px;
	margin-right: 68px;
	background: #FAA819 url(img/rss-subscribe.gif) no-repeat 0 50%;
	font-size: 1.2em;
}


* html #hub-top p{
	width: 255px;
	margin-right: 34px;
}

#hub-top p a{
	display: block;
	width: 255px;
	padding: 11px 20px 9px 60px; 
	color: #000000;
	text-decoration: none;
}


* html #hub-top p a{
	width: 175px;
	padding: 11px 20px 9px 60px; 
}

#hub-top p a:hover{
	text-decoration: underline;
}



#content .line{
	float: left;
	width: 964px;
	margin: 25px 0;
	height: 1px;
	background: url(img/line.gif) repeat-x 0 0;
}



#latest-post{
	float: left;
	width: 520px;
}


#latest-post h3{
	font-size: 1.4em;
}


#latest-post span{
	float: left;
	width: 520px;
	margin: 10px 0 0 0;
	padding: 20px 0 10px 0;
	border: 1px solid #cccccc;
	background: url(img/latest-post-back.jpg) repeat-x bottom left;
}


#latest-post span h4{
	padding: 0px 20px 0 20px;
	font-size: 1.6em;
	font-weight: bold;
}


#latest-post span p{
	font-size: 1.2em;
line-height: 1.4em;
	padding: 15px 20px 0 20px;
}

#latest-post ul{
padding: 0 15px;
}


#latest-post ul li{
font-size: 1.2em;
margin-bottom: 13px;
padding-left: 18px;
	background: url(img/bullet-red.gif) no-repeat 0 4px;
}


#latest-post ul li a{
color: #000000;
text-decoration: none;
}


#latest-post ul li a:hover{
text-decoration: underline;
}


#latest-post span .summary{
height: 80px;
}


#latest-post span p a{
	width: 280px;
	display: block;
	text-align: right;
	color: #c31230;
	text-decoration: none;
	font-size: 1.2em;
}


#latest-post span p a:hover{
	text-decoration: underline;
}


#latest-post .post-image{
	float: right;
	padding: 0px 20px 0px 20px;
}


#latest-post .section{
	position:relative;
width: 60px;
	z-index: 1;
padding: 0;
margin: 0;
	right: -455px;
	text-align: center;
	top: -10px;
}


#filter-content{
	float: right;
	width: 390px;
}


#filter-content h3{
	font-size: 1.4em;
}

#filter-content span{
float: left;
	background: #dedede;
margin-top: 10px;
}

#filter-content p{
float: right;
font-size: 1.2em;
font-weight: bold;
padding: 35px 10px 15px 10px;
}


#filter-content p a{
color: #333333;
text-decoration: none;
}


#filter-content p a:hover{
text-decoration: underline;
}


#filter-content ul{
	float: left;
	width: 390px;
	margin: 0px 0 0 0;
	padding: 0 0 10px 0;
	background: #dedede;
}


#filter-content ul li{
	float: left;
	width: 75px;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 1.2em;
}




#articles{
	float: left;
	width: 360px;
}


#articles h3{
	font-size: 1.4em;
}


#articles span{
	float: left;
	width: 320px;
	margin: 10px 0 0 0;
	padding: 20px 0 0px 10px;
	background: #dedede;
}


#articles span img{
	float: right;
	margin: 0px 20px 0 0;
}


#articles span h4{
	width: 170px;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}


#articles span p{
	width: 170px;
	font-size: 1.1em;
	margin-bottom: 10px;
}


#articles span p a{
	display: block;
	width: 170px;
	text-align: right;
	color: #c31230;
	text-decoration: none;
	font-size: 1.2em;
}


#articles span p a:hover{
	text-decoration: underline;
}


#articles span .section{
	float: left;
	width: 320px;
}


#articles span .section a{
	float: right;
	width: 75px;
	text-align: center;
	color: #000000;
}

#articles span .section a img{
	margin-left: 7px;
}






#blogs{
	float: left;
	width: 360px;
}


#blogs h3{
	font-size: 1.4em;
}


#blogs span{
	float: left;
	width: 320px;
	margin: 10px 0 0 0;
	padding: 20px 0 0px 10px;
	background: #dedede;
}


#blogs span img{
	float: right;
	margin: 0px 20px 0 0;
}


#blogs span h4{
	width: 170px;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}


#blogs span p{
	width: 170px;
	font-size: 1.1em;
	margin-bottom: 10px;
}


#blogs span p a{
	display: block;
	width: 170px;
	text-align: right;
	color: #c31230;
	text-decoration: none;
	font-size: 1.2em;
}


#blogs span p a:hover{
	text-decoration: underline;
}


#blogs span .section{
	float: left;
	width: 320px;
}


#blogs span .section a{
	float: right;
	width: 75px;
	text-align: center;
	color: #000000;
}


#blogs span .section a img{
	margin-left: 7px;
}




#briefings{
	float: left;
	width: 244px;
}


#briefings h3{
	font-size: 1.4em;
}


#briefings ul{
	float: left;
	width: 242px;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	border: 1px solid #cccccc;
	font-size: 1.1em;
	background: url(img/latest-post-back.jpg) repeat-x bottom left;
}


#briefings ul li{
	margin: 15px 15px 0 10px;
	padding: 0 0 5px 14px;
	line-height: 1.4em;
	background: url(img/bullet-red.gif) no-repeat 0 4px;
}


#briefings ul li a{
	color: #c31230;
	text-decoration: none;
}


#briefings ul li a:hover{
	text-decoration: underline;
}





#podcases{
	float: left;
	width: 360px;
}


#podcases h3{
	font-size: 1.4em;
}


#podcases span{
	float: left;
	width: 320px;
	margin: 10px 0 0 0;
	padding: 20px 0 0px 10px;
	background: #dedede;
}


#podcases span img{
	margin: 0px 0 20px 30px;
}


#podcases span h4{
	width: 280px;
	font-size: 1.5em;
	margin-bottom: 20px;
}


#podcases span h4 a{
	color: #000000;
	text-decoration: none;
}


#podcases span h4 a:hover{
	color: #c31230;
}


#podcases .section{
	float: left;
	width: 320px;
	font-size: 1.1em;
	padding-bottom: 10px;
}


#podcases .section a{
	float: right;
	display: block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 1.1em;
	text-decoration: none;
}


#podcases .section a:hover{
	text-decoration: underline;
}


#podcases .section a img{
	margin: 0 0 0 0;
}




#books{
	float: left;
	width: 604px;
}


#books h3{
	font-size: 1.4em;
}


#books span{
	float: left;
	width: 594px;
	margin: 10px 0 0 0;
	padding: 20px 0 0px 10px;
	background: #dedede;
}


#books span img{
	float: right;
	margin: 0px 20px 20px 0;
}


#books span h4{
	width: 315px;
	font-size: 1.5em;
	margin-bottom: 20px;
	font-weight: bold;
}



#books span p{
	width: 315px;
	font-size: 1.1em;
	margin-bottom: 20px;
}


#books span p a{
	display: block;
	width: 315px;
	color: #c31230;
	text-align: right;
	text-decoration: none;
	font-size: 1.2em;
}


#books span p a:hover{
	text-decoration: underline;
}


#books span .section{
	float: left;
	width: 594px;
	padding-bottom: 10px;
}


#books span .section a{
	float: right;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 1.1em;
}

#books span .section a img{
	float: none;
	margin: 0 0 0 0;
}




#photos{
	float: left;
	width: 964px;
	padding-bottom: 20px;
}


#photos h3{
	font-size: 1.4em;
}


#photos span{
	float: left;
	width: 962px;
	margin: 10px 0 0 0;
	border: 1px solid #cccccc;
	background: url(img/latest-post-back.jpg) repeat-x bottom left;
}


#photos ul{
	float: left;
	width: 962px;
	padding: 0 0 20px 0;
	}


#photos li{
	float: left;
	}


#photos li a{
	display: block;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 5px;
	margin: 10px 0 0 8px;
}


#photos span .see-all{
	float: left;
	width: 865px;
	padding: 15px 0 10px 0;
	text-align: right;
}


#photos span .see-all a{
	color: #c31230;
	text-align: right;
	text-decoration: none;
	font-size: 1.3em;
}


#photos span .see-all a:hover{
	text-decoration: underline;
}


#photos span .section{
	float: right;
	width: 75px;
	padding-bottom: 10px;
}


#photos span .section a{
	float: right;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 1.2em;
	text-decoration: none;
}


#photos span .section a:hover{
	text-decoration: underline;
}

#photos span .section a img{
	float: none;
	margin: 0 0 0 0;
}



#all-content h3{
font-size: 2em;
margin-bottom: 20px;
}


#all-content ul{
margin-bottom: 20px;
}

#all-content li{
margin-bottom: 10px;
font-size: 1.2em;
} 

#all-content span{
color:#999999;
font-size: 90%;
}


#all-content p{
margin-bottom: 10px;
font-size: 1.1em;
}


#all-content p a{
	color: #c31230;
	text-decoration: none;
}


#all-content p a:hover{
	text-decoration: underline;
}

#all-content em{
font-style: italic;
}


#all-content li a{
text-decoration: none;
color: #333333;
font-weight: bold;
} 


#all-content li a:hover{
text-decoration: underline;
} 



/* ---------------- info-hub-detail ---------------- */


#info-hub-detail{
	float: left;
	width: 680px;
	margin: 40px 0 0 0;	
padding: 0 0 40px 0;
}


#info-hub-detail img{
float: right;
padding: 5px;
margin: 0 0 15px 15px;
border: 1px solid #dedede;
}


#info-hub-detail h2{
margin-bottom: 20px;
font-size: 1.8em;
}

#info-hub-detail p{
	margin: 0 0 10px 0;
	font-size: 1.2em;
line-height: 1.4em;
}



#info-hub-detail ul{
	margin-bottom:10px;
}


#info-hub-detail ul li{
	font-size: 1.2em;
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}

#info-hub-detail a{
	color: #C31230;
	text-decoration: none;
}


#info-hub-detail  a:hover{
	text-decoration: underline;
}

#info-hub-detail h4{
	font-size: 1.6em;
	padding: 10px 0 10px 0;
}



#info-hub-detail .small{
float: left;
	width: 680px;
border-top: 1px solid #cccccc;
margin-top: 15px;
padding-top: 15px;
}


#hub-sidebar{
float: right;
width: 235px;
margin: 40px 0;
}


#hub-sidebar h3{
	font-size: 1.4em;
}

#hub-sidebar ul{
	float: right;
	width: 235px;
	margin: 10px 0 0 0;
	padding: 0 0 60px 0;
	background: #dedede;
}


#hub-sidebar ul li{
	float: left;
	width: 75px;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 1.2em;
}




/* ---------------- info-hub-section-photos---------------- */

#thumbs ul{
float: left;
	width: 680px;
}


#thumbs ul li{
float: left;
margin: 0 10px 10px 0;
	background: none;
	padding: 0 0 0px 0px;
padding: 5px;
border: 1px solid #dedede;
}

#thumbs img{
float: none;
display: block;
}



#previous{
float: left;
	width: 680px;
padding: 30px 0 20px 0;
}

#previous h3{
font-size: 1.6em;
margin-bottom: 20px;
}


#previous ul{
	float: left;
	width: 680px;
	font-size: 1.1em;
}


#previous ul li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}


/* ---------------- blogs comment---------------- */

#info-hub-detail h3{
margin: 30px 0 15px 0;
font-size: 1.6em;
}


#comment_form{
	float: left;
	width: 450px;
padding: 20px;
border: 1px solid #cccccc;
background: #dedede;
}


#comment_form p{
	margin-bottom: 6px;
	float: left;
}

#comment_form p em{
	float: left;
	width: 70px;
}

#comment_form p input{
width:290px;
border: 1px solid #cccccc;
font-family: arial;
padding: 5px;
}


#comment_form p textarea{
	width: 290px;
	margin-left: 70px;
font-family: arial;
padding: 10px;
}


#comment_form .submit{
clear: both;
margin-top: 10px;
background: #C31230;
color: #ffffff;
border: 1px solid #cccccc;
font-size: 1.4em;
padding: 2px 5px;
}



#info-hub-detail .one{
	float: left;
	width: 640px;
padding: 10px 20px;
	margin-bottom: 15px;
border: 1px solid #cccccc;
}
	

#info-hub-detail .two{
	float: left;
	width: 640px;
	margin-bottom: 15px;
padding: 10px 20px;
border: 1px solid #999999;
}



#info-hub-detail .commenting{
	font-size: 1.1em;
	margin-bottom: 0;
color: #666666;
}



#content .printing h2{
	font-size: 1.8em;
	color: #000000;
	margin: 0 0 20px 0;
}


#content .printing table{
width: 900px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 20px;
}


#content .printing table td{
padding: 5px 5px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#content .printing table th{
padding: 3px 5px;
background: #f3f3f3;
border-right: 1px solid #ccc;
}

#content .printing p{
	font-size: 1.1em;
	margin-bottom: 10px;
}

#content .printing ul{
	float: left;
	width: 195px;
	font-size: 1.1em;
}


#content .printing ul li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}


#content .printing a{
color: #c31230;
text-decoration: none;
}


#content .printing a:hover{
text-decoration: underline;
}


/* ---------------- partners-form---------------- */

#partners-form{
width: 250px;
border: 1px solid #cccccc;
background: #F0F0F0;
padding: 15px;
margin-bottom: 30px;
}


/* ---------------- webcontrol---------------- */



#main-content.webcontrol h2{
	margin-bottom: 15px;
}


#entryform p{
	margin-bottom: 15px;
	font-size: 1.2em;
}



#main-content .backlink{
	padding: 15px 0;
	font-size: 1.2em;
}


#main-content .backlink a{
color: #c31230;
text-decoration: none;
}


#main-content .backlink a:hover{
text-decoration: underline;
}

#entryform {
	float: left;
	width: 934px;
	border: 2px solid #cccccc;
	padding: 15px;
	margin-bottom: 15px;
	}


#control-main{
	float: left;
	width: 680px;
}


#control-main .date{
margin-top: 20px;
padding-top: 20px;
border-top: 2px solid #999999;
}

#control-options{
	float: right;
	width: 230px;
	padding: 10px;
	background: #EFEFEF;
	border: 2px solid #cccccc;
}


#control-options .categories{
	width: 200px;
	height: 130px;
}

#field_id_5{
	width: 600px;
}


#preview{
	border: 1px solid #000000;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}



#preview h1{
	font-size: 1.8em;
	padding-bottom: 15px;
}


#preview p{
	margin: 0;
	padding-top: 15px;
}

#preview p{
	margin-bottom: 15px;
	font-size: 1.2em;
}


#preview .title{
	position: absolute;
	margin-top: -20px;
	padding-top: 0px;
	text-align: center;
	width: 75px;
	background: #ffffff;
}


#file-upload a{
display: block;
text-align: center;
text-decoration: none;
width: 100px;
color: #ffffff;
background: #c31230;
border: 1px solid #cccccc;
padding: 8px 0;
}


#file-upload a:hover{
background: #FFFFFF;
color: #c31230;
}


#questionnaire{
float: left;
width: 505px;
}


#questionnaire h3{
	margin:25px 0 15px 0;
}


#questionnaire .choices{
	margin-left: 15px;
	margin-top: 10px;
}



#questionnaire .pic1{
	float:left;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0 20px 30px 0 !important;
	text-align: center;
}

#questionnaire .pic2{
	float:left;
	border: 1px solid #cccccc;
	padding: 5px;
	text-align: center;
	margin: 0 0 30px 0 !important;
}



#questionnaire input{
	margin: 0 67px 0 0px;
}


#questionnaire .question{
width: 505px;
float: left;

}

#questionnaire .span1{
float: left;
width: 180px;
}

#questionnaire .question em{
float: left;
}

#questionnaire .span2{
text-align: right;
float: left;
width: 180px;
}




/* ---------------- multimedia ---------------- */


#content .multimedia{
	padding: 30px 20px;
}


#content .multimedia p{
	font-size: 1.1em;
	padding-bottom: 10px;
}


#content .multimedia p a{
	color: #c31230;
	}
	
	
#content .multimedia p a:hover{
	text-decoration: none;
	}


#content .diagram{
	margin-left: 172px;
}


#content .media-blocks{
	float: left;
	width: 924px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	background: url(img/blocks-back.gif) no-repeat bottom left;
}


#content .media-blocks .left-block{
	float: left;
	width: 449px;
	margin-left: 1px;
	border-top: 1px solid #cccccc;
	background: url(img/blocks-back2.jpg) repeat-x 0 0;
}


* html #content .media-blocks .left-block{
	margin-left: 0px;
	width: 449px;
	border-left: 1px solid #cccccc;
}


#content .media-blocks .left-block img{
	float: right;
	padding: 10px 10px 0 0;
	}
	
	
#content .media-blocks .right-block img{
	float: right;
	padding: 10px 10px 0 0;
	}


#content .media-blocks .right-block{
	float: right;
	width: 449px;
	margin-right: 1px;
	border-top: 1px solid #cccccc;
	background: url(img/blocks-back2.jpg) repeat-x 0 0;
}


* html #content .media-blocks .right-block{
	margin-right: 0px;
	width: 449px;
	border-right: 1px solid #cccccc;
	background: url(img/blocks-back2.jpg) repeat-x 0 0;
}



#content .media-blocks h3{
	font-size: 1.4em;
	padding: 15px 15px 0 15px;
	}
	
	
#content .media-blocks .list{
	padding: 0 15px 15px 15px;
	}
	
	
#content .media-blocks .list li{
	margin-top: 10px;
	}
	

#content .media-blocks .list li ul li{
	margin-top: 3px;
	}
	
	
#content .media-blocks .list li ul li{
	background: url(img/bullet-yellow.gif) no-repeat 0 2px;
	padding: 0 0 5px 17px;
}



#content .multimedia ul a{
	color: #000000;
	}
	
	
#content .multimedia ul a:hover{
	text-decoration: none;
	}





/* ---------------- project-success ---------------- */



#project-success{
	float: left;
	width: 100%;
	margin: 30px 0 40px 0;
	text-align: center;
}


#project-success .header,
#project-success .footer{
	font-size: 2.2em;
	color: #000000;
}


#project-success .header em,
#project-success .footer em{
	font-style: normal;
	color: #C31230;
}


#project-success .footer a{
	color: #C31230;
	font-weight: bold;
}


#project-success .block{
	float: left;
	width: 100%;
}


#project-success .block p.left{
	float: left;
	width: 460px;
	margin-top: 15px;
	padding-top: 80px;
	background: url(img/p-left.gif) no-repeat 0 0;
	font-size: 1.8em;
	color: #000000;
}


#project-success .block p.right{
	float: right;
	width: 460px;
	margin-top: 15px;
	padding-top: 80px;
	background: url(img/p-right.gif) no-repeat 0 0;
	font-size: 1.8em;
	color: #000000;
}



#project-success .block h3{
	float: left;
	width: 700px;
	height: 180px;
	margin: 30px 0 15px 0;
	text-indent: -9999px;
	background: url(img/project-success.gif) no-repeat 0 0;
}


#project-success .block p.prince2{
	float: right;
	width: 260px;
	font-size: 1.3em;
	color: #666;
	text-align: right;
	padding: 90px 0 30px 0;
	background: url(img/prince2.gif) no-repeat 0 0;
}



#project-success .block h4.left{
	float: left;
	width: 460px;
	margin: 15px 0 25px 0;
	padding-top: 80px;
	background: url(img/p-left.gif) no-repeat 0 0;
	font-size: 1.8em;
	color: #000000;
}


#project-success .block h4.right{
	float: right;
	width: 460px;
	margin: 15px 0 25px 0;
	padding-top: 80px;
	background: url(img/p-right.gif) no-repeat 0 0;
	font-size: 1.8em;
	color: #000000;
}


/* ---------------- briefing sign-up ---------------- */
		
div.overlay {
			padding: 40px;
			width:576px; 
			height: 479px; 
			display:none;
			font-family: verdana;
		}
		
		
div.overlay h3{
			font-size: 2em;
			font-weight: normal;
margin-bottom: 15px;
			}		
		
div.overlay h3 strong{
			background: #FABF44;
			padding: 3px 8px;
		}	
		

div.overlay p a{
			color: #C41F32;
			font-size: 12px;
		}	
		
		
div.overlay form p{
		float: left;
			width:576px; 
padding-top: 10px !important;
			font-size: 1.4em;
		}
		
div.overlay form p label{
			width: 120px;
			float: left;
			}
			
div.overlay form p em{
			font-style: normal;
			width: 310px;
			float: left;
			}
			
div.overlay form p input{
			float: left;
			}
			
div.overlay form p{
		margin: 0 0 5px 0;
		padding: 0;
		}
		
div.overlay form .signup{
		margin: 20px 0 10px 0;
		padding: 0;
		font-size: 14px;
		}
		
div.overlay form .submit{
		border: none;
		background: #C41F32;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		margin-top: 10px;
		padding: 3px 7px;
		float: right;
		}
		
div.overlay div.close {
			background:url(/img/close.png) no-repeat;
			position:absolute;
			top:5px;
			right:5px; 
			width:35px;
			height:35px;
			cursor:pointer;
		}

/* ---------------- meet-the-team ---------------- */


#meet-the-team{
	float: left;
	padding: 30px 10px 30px 10px;
}


#meet-the-team h3{
	font-size: 1.4em;
	padding-bottom: 10px;
}


#meet-the-team a{
	color: #C31230;
}


#meet-the-team a:hover{
	text-decoration: none;
}


#meet-the-team .team-member{
	float: left;
	width: 944px;
	margin-top: 25px;
}



#meet-the-team .team-member img{
	float: left;
}


#meet-the-team .about-member{
	float: right;
	width: 620px;
	min-height: 201px;
	height:auto !important;
	height:201px;
	border: 1px solid #ccc;
	background: url(/img/blockquote-back.jpg) repeat-x 0 0;
}


#meet-the-team .about-member dl{
	padding: 15px 15px;
	font-size: 1.1em;
	float: left;
	width: 590px;
}


#meet-the-team .about-member dt{
	font-weight: bold;
	color: #333333;
	float: left;
	width: 150px;
	margin-bottom: 15px;
}


#meet-the-team .about-member dd{
	float: right;
	width: 440px;
	margin-bottom: 15px;
}


#meet-the-team .about-member strong{

}


#solution{
	float: left;
	width: 964px;
	height: 790px;
	margin-top: 20px;
	background: url(img/solutions-bg.png) no-repeat 0 0;
	position: relative;
}


#solution h3,
#solution h4,
#solution h5{
	display: none;
}


#solution p{
	padding-bottom: 20px;
	padding-left: 15px;
}


#solution ul{
	padding-bottom: 10px;
	color: #C1272D;
}


#solution ul li{
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(img/solutions-bullet.gif) no-repeat 0 0;
}
	




#solution .plus{
	float: left;
	width: 190px;
	top: 220px;
	right: 20px;
	position: absolute;	
}


#solution .plus img{
	padding-top: 30px;
	padding-left: 10px;
}




#solution .original{
	float: left;
	width: 210px;
	top: 310px;
	right: 260px;
	position: absolute;	
}


#solution .original img{
	padding-top: 30px;
	padding-left: 20px;
}


#solution .lite{
	float: left;
	width: 195px;
	top: 400px;
	right: 502px;
	position: absolute;	
}


#solution .lite img{
	padding-top: 10px;
	padding-left: 10px;
}


#solution .express{
	float: left;
	width: 200px;
	top: 490px;
	right: 740px;
	position: absolute;	
}


#solution .express img{
	padding-top: 10px;
	padding-left: 20px;
}


#solution .plusMore{
	float: left;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 35px;
	right: 10px;
	font-size: 1px;
	color: #fff;
}


#solution .originalMore{
	float: left;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 35px;
	right: 210px;
	font-size: 1px;
	color: #fff;
}


#solution .liteMore{
	float: left;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 35px;
	right: 415px;
	font-size: 1px;
	color: #fff;
}


#solution .expressMore{
	float: left;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 35px;
	right: 660px;
	font-size: 1px;
	color: #fff;
}


#solution-detail{
	float: left;
	width: 962px;
	position: relative;
	margin-top: 20px;
}	


#solution-detail .overview{
	float: left;
	width: 280px;
}


#solution-detail h2.original{
	float: left;
	width: 280px;
	height: 95px;
	font-size: 1px;
	color: #fff;
	background: url(img/title-original.gif) no-repeat 0 0;
}


#solution-detail h2.express{
	float: left;
	width: 280px;
	height: 100px;
	font-size: 1px;
	color: #fff;
	background: url(img/title-express.gif) no-repeat 0 0;
}


#solution-detail h2.lite{
	float: left;
	width: 280px;
	height: 100px;
	font-size: 1px;
	color: #fff;
	background: url(img/title-lite.gif) no-repeat 0 0;
}





#solution-detail .checklist{
	float: left;
	position: relative;
	width: 280px;
	height: 449px;
}



#solution-detail div.express{
	float: left;
	width: 280px;
	font-size: 1px;
	color: #fff;	
	background: url(img/express-checklist.gif) no-repeat 0 10px;
}


#solution-detail div.original{
	float: left;
	width: 280px;
	font-size: 1px;
	color: #fff;	
	background: url(img/original-checklist.gif) no-repeat 0 10px;
}


#solution-detail div.lite{
	float: left;
	width: 280px;
	font-size: 1px;
	color: #fff;	
	background: url(img/lite-checklist.gif) no-repeat 0 10px;
}


#solution-detail .moreBook{
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 210px;
	right: 15px;
	text-align: right;
	font-size: 1px;
	color: #fff;
}


#solution-detail div.lite .moreBook{
	top: 270px;
}


#solution-detail .moreOther{
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 305px;
	right: 15px;
	text-align: right;
	font-size: 1px;
	color: #fff;
}


#solution-detail div.lite .moreOther{
	top: 370px;
}
	


#solution-detail .bookLink{
	float: left;
	width: 280px;
	padding-top: 150px;
}
	




#solution-detail .detail{
	float: left;
	width: 682px;
	padding: 70px 0 0 0;
	background: url(img/solution-detail-bg.gif) no-repeat 0 0;
}


#solution-detail .further{
	background: url(img/solution-detail-further-bg.gif) no-repeat 0 0;
}



#solution-detail .detail .price{
	position: absolute;
	top: 25px;
	right: 20px;
	font-size: 2.5em;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px 10px;
}



#solution-detail .block{
	float: left;
	width: 622px;
	margin-left: 30px;
	padding-bottom: 40px;
	background: url(img/detail-line-bg.gif) no-repeat 0 100%;
}


* html #solution-detail .block{
	margin-left: 15px;
	}

#solution-detail .last{
	background: none;
	padding-bottom: 0px;
}



#solution-detail .block h4{
	padding: 13px 0 40px 40px;
	font-size: 1.4em;
	color: #000;
	}
	
#solution-detail .block h4 em{	
	color: #C2122F;
	}	


#solution-detail .block .one{
	background: url(img/one.gif) no-repeat 0 0;
}


#solution-detail .block .two{
	background: url(img/two.gif) no-repeat 0 0;
}

#solution-detail .block .three{
	background: url(img/three.gif) no-repeat 0 0;
}

#solution-detail .block .four{
	background: url(img/four.gif) no-repeat 0 0;
}

#solution-detail .block .five{
	background: url(img/five.gif) no-repeat 0 0;
}

#solution-detail .block .six{
	background: url(img/six.gif) no-repeat 0 0;
}

#solution-detail .block .seven{
	background: url(img/seven.gif) no-repeat 0 0;
}

#solution-detail .block .eight{
	background: url(img/eight.gif) no-repeat 0 0;
}

#solution-detail .block .nine{
	background: url(img/nine.gif) no-repeat 0 0;
}

#solution-detail .block .ten{
	background: url(img/ten.gif) no-repeat 0 0;
}


#solution-detail .block h5{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px 40px;
	}
	
	
#solution-detail .block p{
	font-size: 1.1em;
	padding: 0 0 10px 40px;
	}
	
#solution-detail .block em{	
	font-style: normal;	
	color: #C2122F;
	}
	
	
#solution-detail .block img{
	float: right;
	padding: 10px 40px 0px 20px;
	}
	
	
#solution-detail a	{
	font-weight :bold;
	color: #C2122F;
	text-decoration: none;
	}	
	

#solution-detail a:hover{
	color: #000;
	}	
	
	
#solution-detail .checklist a:hover{
	color: #fff;
	}		
	

#solution-detail .largeLink{
	float: right;
	width: 662px;
	padding-left: 20px;
	height: 231px;
	color: #F9F9F9;
	font-size: 1px;
	background: url(img/largeLink-bg.gif) no-repeat 0 0;
	}	


#solution-detail .largeLinkExpress{
	float: right;
	width: 662px;
	padding-left: 20px;
	height: 231px;
	color: #F9F9F9;
	font-size: 1px;
	background: url(img/largeLink-express-bg.gif) no-repeat 0 0;
	}	
	
	





#solution-detail .largeLinkMoreinfo{
	float: left;
	width: 440px;
	padding-left: 20px;
	height: 231px;
	color: #F9F9F9;
	font-size: 1px;
	background: url(img/largeLinkMoreinfo.gif) no-repeat 0 0;
	}



#solution-detail .largeLinkBook{
	float: right;
	width: 222px;
	height: 231px;
	color: #F9F9F9;
	font-size: 1px;
	background: url(img/largeLinkBook.gif) no-repeat 0 0;
	}


#solution-detail a.largeLink:hover,
#solution-detail a.largeLinkExpress:hover,
#solution-detail a.largeLinkMoreinfo:hover,
#solution-detail a.largeLinkBook:hover{
	color: #F9F9F9;
	}