/* Comment here to stop dreamweaver crashing */


html {
	height: 100%
}

body {
	background: #56a1e0;
	margin: 0;
	padding: 0;
	height: 100%;
}

form, img {
	border: 0;
	padding: 0;
	margin: 0;
}

img.logo {
	float: left;
	margin: 0 0 0 10px;
}

/*img.logor {
	float: right;
	margin: 0 80px 0 0;
}*/

img.login {
	float: left;
	margin: 44px 0 0 0;
}

img.cover {
	/*border: 1px solid #3f95dc;*/
	margin: 0 0 18px 0;
}

img.left {
	float: left;
	margin: 0 20px 25px 0;
}

p, a, h1, h2, h3, h4, h5, h6, ul, ol, li, td, input, select, label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 20px 0;
}

p.moremarg {
	margin: 0 0 25px 0;
}

p.firstline {
	font-size: 16px;
	line-height: 20px;
}

p.divider {
	clear: both;
	border-top: 1px dotted #b8d0eb;
	line-height: 1px;
	margin: 0 0 15px 0;
}

p.dividemore {
	clear: both;
	border-top: 1px dotted #b8d0eb;
	line-height: 1px;
	margin: -10px 0 25px 0;
}

a {
	text-decoration: none;
	/*background: #2581cb;*/
	color: #fff;
	border-bottom: 1px dotted #fff;
}

a:hover {
	text-decoration: none;
	color: #fff;
	background: #2581cb;
	border-bottom: none;
}

a img, a:hover img, a.noborder {
	 border-bottom: none;
	 background: none;
}

a.whatwedosub {
	color: #2581cb;
	background: #c7daef;
	border-bottom: none;
	padding: 0 2px 2px 2px;
}

a.whatwedosub:hover {
	color: #fff;
	background: #2581cb;
	border-bottom: none;
	padding: 0 2px 2px 2px;
}

ul {
	margin: 0 0 15px 20px;
	list-style: none;
}

li {
	margin: 0;
	padding: 0 0 5px 15px;
	list-style: none;
	background: transparent url(../images/i_bullet.gif) 0 7px no-repeat;
}

ol {
	margin: 0 0 20px 50px;
	list-style: decimal-leading-zero;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 60px;
	font-weight: bold;
	line-height: 61px;
	letter-spacing: -3px;
	margin: -8px 0 22px 0;
}

h2 {
	font-size: 26px;
	line-height: 31px;
	margin: 0 0 22px 0;
	color: #d9e6f4;
}

h3, h3 a {
	font-size: 19px;
	line-height: 24px;
	color: #fff;
	margin: 0 0 8px 0;
}

h3.spaced {
	margin: 0 0 15px 0;
}

h4 {
	font-size: 15px;
	margin: 0 0 12px 0;
}

em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

table.search {
	float: left;
	margin: 28px 0 0 15px;
}

label {
	margin: 0 10px 0 0;
	color: #cfdef1;
	font-weight: bold;
}

input {
	font-size: 13px;
	color: #206caa;
	border: none;
	background: #a5ceef;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	margin: 0 2px 0 0;
}
textarea {
	font-size: 13px;
	color: #206caa;
	border: none;
	background: #a5ceef;
	line-height: 14px;
	padding: 5px 5px 5px 5px;
	margin: 0 2px 0 0;
}

input.twofifty {
	width: 240px;
}

input.threehundred {
	width: 290px;
}

input.button {
	background: #2581cb;
	color: #fff;
	padding: 0 10px;
	height: 25px;
}

table.search input {
	font-size: 11px;
}

/* link list icons
	 --------------- */
	 
ul.linklist {
	margin: 0;
	padding: 0 0 18px 0;
	list-style: none;
}

ul.linklist li {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 47px;
	line-height: 22px;
}

/*ul.linklist li, ul.linklist a {
	font-size: 11px;
}*/

ul.linklist li.doc {
	background: url(../images/i_doc.gif) 0 4px no-repeat;
}

ul.linklist li.pdf {
	background: url(../images/i_pdf.gif) 0 4px no-repeat;
}

ul.linklist li.beer {
	background: url(../images/i_beer.gif) 0 4px no-repeat;
}

ul.linklist li.news {
	background: url(../images/i_news.gif) 0 4px no-repeat;
}

ul.linklist li.phone {
	background: url(../images/i_phone.gif) 0 4px no-repeat;
}

ul.linklist li.sweet {
	background: url(../images/i_sweet.gif) 0 4px no-repeat;
}

ul.linklist li.video {
	background: none;
}

ul.linklist li.videocat {
	background: url(../images/i_mpg.gif) 0 4px no-repeat;
}

ul.linklist li p, .datetext {
	font-size: 11px;
	color: #d9e6f4;
	margin: 0;
}



/* cfix
   --------------------------------------------- */

.cfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}

.cfix { display: inline-block; }

/* start commented backslash hack \*/
* html .cfix { height: 1%; }

.cfix { display: block; }
/* close commented backslash hack */

.nomarg {
	margin: 0;
}

span.error {
	color: #004997;
	font-weight: bold;
}

span.extraneterror {
	color: #FF0000;
	font-weight: bold;
}

/* General Layout
   --------------------------------------------- */

#holdall {
	width: 100%;
	position: relative;
	min-height: 100%;
	background: url(../images/bg_main.jpg) center bottom repeat-x;
}

* html #holdall {
	height: 100%;
}

#header {
	float: left;
	width: 100%;
	padding: 0;
}

#glider {
	z-index: 5;
	width: 550px;
	height: 150px;
	float: right;
	margin: -20px 0 0 0;
}

#lcol {
	width: 220px;
	float: right;
	margin: 0 40px 0 0;
}

#ccol {
	float: right;
	width: 510px;
	margin: 0;
	padding: 0 40px 0 0;
}

#ccol.spaced {
	padding: 40px 40px 0 0;
}

#ccolwide {
	float: left;
	margin: 0 30px 0 260px;
}

#ccolwide #innerL, #ccolwide #innerR {
	float: left;
	width: 340px;
	margin: 0 30px 0 0;
}

#ccolwide #innerR {
	margin: 0;
}

#wrapper {
	float: right;
	width: 100%;
	margin-left: -810px;
}

#wrapperwide {
	float: right;
	width: 100%;
	margin-left: -260px;
}

#rcol {
	/*width: 160px;*/
	margin: 27px 30px 0 810px;
}


/* Breadcrumb
   --------------------------------------------- */

#bread {
	float: left;
	margin: 32px 0 0 -24px;
	padding: 0;
}

#bread li, #bread a  {
	font-size: 11px;
}

#bread li {
	display: inline;
	padding: 0 0 0 10px;
	background: none;
	color: #2174b8;
}

#bread a {
	color: #d9e6f4;
	padding: 0 15px 0 0;
	text-decoration: none;
	background: none;
	border-bottom: none;
}

#bread a:hover {
	color: #fff;
	background: none;
	text-decoration: underline;
	border-bottom: none;
}


/* Navigation
   --------------------------------------------- */

#nav {
	width: 220px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav ul {
	margin: 0;
}

#nav li, #nav li li {
	float: left;
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
	background: none;
}

#nav li a {
	display: block;
	font-size: 13px;
	width: 220px;
	height: 28px;
	padding: 0 10px 0 0;
	line-height: 27px;
	/*background: #57a2e0;*/
	color: #fff;
	border-bottom: none;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 210px
}

#nav li a:hover, #nav li a.selected {
	color: #fff;
	border-bottom: none;
}

#nav li li a {
	width: 200px;
	font-size: 11px;
	padding: 0 10px 0 0;
	border-bottom: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px
}


/* Link colours
   --------------------------------------------- */

#nav li.workwithus a {
	background: #00489b;
}

#nav li.whatwedo a {
	background: #0096d7;
}

#nav li.insight a {
	background: #82cec1;
}

#nav li.think a {
	background: #00b085;
}

#nav li.whoweworkwith a {
	background: #7a68ae;
}

#nav li.news a {
	background: #a84c95;
}

#nav li.aboutus a {
	background: #f8981d;
}

#nav li.contact a {
	background: #f16d9a;
}


/* Link hover
   --------------------------------------------- */

#nav li.workwithus a:hover {
	background: #003d80;
}

#nav li.whatwedo a:hover {
	background: #007aae;
}

#nav li.insight a:hover {
	background: #68c4b4;
}

#nav li.think a:hover {
	background: #008c69;
}

#nav li.whoweworkwith a:hover {
	background: #66549c;
}

#nav li.news a:hover {
	background: #914289;
}

#nav li.aboutus a:hover {
	background: #df7d06;
}

#nav li.contact a:hover {
	background: #ed4782;
}

/* Link selected
   --------------------------------------------- */

#nav li a.selected {
	width: 210px;
	padding: 0 10px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px
}


/* Sub link colours
   --------------------------------------------- */

#nav ul.sub li {
	font-size: 11px;
}

#nav ul.sub li a {
	color: #fff;
	background: #c2ac85;
}

#nav li.whatwedo li a {
	background: transparent url(../images/bg_sub2.gif);
}
#nav li.whatwedo li a:hover {
	background: #0096d7;
}

#nav li.insight li a {
	background: transparent url(../images/bg_sub3.gif);
}
#nav li.insight li a:hover {
	background: #82cec1;
}

#nav li.whoweworkwith li a {
	background: transparent url(../images/bg_sub4.gif);
}
#nav li.whoweworkwith li a:hover {
	background: #7a68ae;
}

#nav li.news li a {
	background: transparent url(../images/bg_sub5.gif);
}
#nav li.news li a:hover {
	background: #a84c95;
}

#nav li.contact li a {
	background: transparent url(../images/bg_sub7.gif);
}
#nav li.contact li a:hover {
	background: #f16d9a;
}


/*	img grid
	-------------*/

ul.imggrid {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.imggrid li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.imggrid li{
	margin: 0 20px 20px 0;
	display: block;
	width: 90px;
	height: 82px;
	background: #fff;
	padding: 10px;
	border-bottom: 1px solid #3e94db;
}

ul.imggrid li.last {
	margin: 0 0 20px 0;
}


 /* gmap 
   --------------------------------------------- */
 
#gmapHolder {
	width: 510px;
	height: 320px;
	margin: 0 0 25px 0;
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #3e94db;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 490px;
	height: 300px;
}

#gmap {
	width: 510px;
	height: 300px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 490px;
	height: 300px;
	overflow: hidden;
}

#gmap a {
	background: none;
	font-size: 11px;
	color: #003d80;
	border: none;
}


/* flash book
	 --------------------------------------------- */
	 
#flashbook {
	width: 500px;
	margin-top: -55px;
	margin-bottom: 10px;
}


/* Panels right
   --------------------------------------------- */

div.panel {
	width: 160px;
	margin: 0;
}

div.quoteContainer {
	margin: 30px 0 2px 0;
	background: transparent url(../images/i_speechtriangle.gif) 30px bottom no-repeat;
	padding: 0 0 22px 0;
}

div.quoteContainer p, div.quoteContainer a {
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.quoteContainer p {
	font-size: 13px;
	/*font-style: italic;*/
	line-height: 20px;
	padding: 15px 15px 18px 15px;
	background: #7bb6e9;
	margin: 0;
}

div.quoteContainer ul {
	background: #7bb6e9;
	padding: 15px 15px 18px 15px;
}

p.source {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 18px 0;
}

/*div.quoteContaineralt {
	margin: 30px 0 2px 0;
	background: transparent url(../images/i_speechtriangle_wh.gif) 30px bottom no-repeat;
	padding: 0 0 22px 0;
}

div.quoteContaineralt p, div.quoteContaineralt a, p.source {
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.quoteContaineralt p {
	font-size: 13px;
	font-style: italic;
	line-height: 20px;
	color: #2581cb;
	padding: 15px 15px 18px 15px;
	background: #fff;
	margin: 0;
}

div.quoteContaineralt a {
	border-bottom: #2581cb;
	color: #2581cb;
	margin: 0;
}

div.quoteContaineralt a:hover {
	color: #fff;
}

div.quoteContaineralt ul {
	background: #fff;
	padding: 15px 15px 18px 15px;
}*/


/* client list 
	 --------------- */
	 
ul.clients {
	margin: 0;
	padding: 0 0 18px 0;
	list-style: none;
}

ul.clients li {
	list-style: none;
	margin: 0;
	padding: 4px 0 4px 2px;
	line-height: 22px;
	background: none;
	border-bottom: 1px dotted #8cbeec;
}


/* pagination
   --------------------------------------------- */

ul.pages {
	list-style: none;
	padding: 0 0 18px 0;
	margin: 0;
}

ul.pages li {
	background: none;
	list-style: none;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
}

ul.pages li.current {
	color: #fbb560;
	font-weight: bold;
}

ul.pages li.first {
	margin: 0 10px 0 0;
}

ul.pages li a {
	border-bottom: none;
	margin: 0 0 0 6px;
}



/* Footer
   --------------------------------------------- */

#footer {
	width: 500px;
	margin: 0 0 0 260px;
	padding: 20px 0 170px 0;
}

#footer ul {
	/*border-top: 1px dashed #bdd3ec;*/
	margin: 0;
	/*padding: 15px 0 0 0;*/
}

#footer li, #footer a {
	font-family: Arial, Helvetica, sans-serif;
}
	
#footer li {
	display: inline;
	font-size: 11px;
	padding: 0 0 0 4px;
	background: none;
	color: #fff;
}

#footer li.first {
	padding: 0 0 0 1px;
}

#footer a {
	font-size: 11px;
	color: #fff;
	padding: 0 8px 0 0;
	text-decoration: none;
	border-bottom: none;
	background: none;
}

#footer a:hover {
	text-decoration: underline;
	border-bottom: none;
	background: none;
} 

#footer a.lesspad, #footer a.lesspad:hover {
	padding: 0 4px 0 0;
}

#followus {
	clear: both;
    margin-left: 45px;
	width: 175px;
	margin-top: -30px;
}

/* follow stuff */

#followus .text {
	vertical-align:super;
}

#followus a {
	border-bottom: 0 none;
}

#followus a:hover {
	background-color: transparent;
}

#ESOMAR-Congress-2011_banner_180x150_link {
	float:right;
	margin-top: 5px;
}