@import url("reset.css");
@import url("typography.css");

html { height: 100%; margin-bottom: 1px; }

body { background:#3ac2d6; padding:18px 0 20px 0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; }

.more { position:absolute; left: 40px; top: 433px; font-size:1.4em; font-weight:bold; color:#9c9c9c; }

.more a { text-decoration:none; color:#3ac2d6; }

.content, #content,
.footer { width:690px; padding-left:35px; padding-right:35px; }

.wrapper { width:760px; margin: 0 auto; position: relative; font-size:1.2em;}

.content, #content { position:relative; float:left; display:inline;position:relative; z-index:2; height:517px; background:#fff; }

.footer { height:80px; background:#3ac2d6; border-top:3px solid #1A3640; clear:both;}

.navlist { margin:0px; background:white; float:left; padding-left:33px; padding-top:20px; width:727px; }

.navlist li { list-style: none; margin: 0; display: inline; float:left; }

.navlist li a { padding: 0; margin-left: 0; background: white; text-decoration: none; color:#005561; }

.navlist li a:hover { color: #1A3640; background: #ffffff; }

.navlist li a#current { background-position:0 0; color:#FFFFFF; }

.navlist li span#hide { background-position:0 -66px; }

.navlist a.welcome { background:url(../images/nav/edetail-aid.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:100px; }

.navlist a.welcome:hover { background:url(../images/nav/edetail-aid.jpg) 0 0; }

.navlist a.overview { background:url(../images/nav/overview.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:94px; }

.navlist a.overview:hover { background:url(../images/nav/overview.jpg) 0 0; }

.navlist a.opportunities { background:url(../images/nav/opportunities.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:127px; }

.navlist a.opportunities:hover { background:url(../images/nav/opportunities.jpg) 0 0; }

.navlist a.pedigree { background:url(../images/nav/pedigree.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:91px; }

.navlist a.pedigree:hover { background:url(../images/nav/pedigree.jpg) 0 0; }

.navlist a.approach { background:url(../images/nav/approach.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:87px; }

.navlist a.approach:hover { background:url(../images/nav/approach.jpg) 0 0; }

.navlist a.clients { background:url(../images/nav/clients.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:79px; }

.navlist a.clients:hover { background:url(../images/nav/clients.jpg) 0 0; }

.navlist a.more-info { background:url(../images/nav/contact-information.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:164px; }

.navlist a.more-info:hover { background:url(../images/nav/contact-information.jpg) 0 0; }

.navlist a.forwards,
.navlist span.forwards { background:url(../images/nav/forwards.jpg) 0 0; text-indent:-9999px; display:block; height:33px; width:19px; }

.navlist a.forwards:hover { background:url(../images/nav/forwards.jpg) 0 -32px; }

.navlist a.backwards,
.navlist span.backwards { background:url(../images/nav/backwards.jpg) 0 -33px; text-indent:-9999px; display:block; height:33px; width:20px; }

.navlist a.backwards:hover { background:url(../images/nav/backwards.jpg) 0 0; clear:both; }

.download-pdf { background:url(../images/pdf-icon.jpg) no-repeat 0 0; padding-left:27px; height:30px; line-height:15px; display:block; float:left; margin-top:10px; }

a.download-pdf:hover{ background:url(../images/pdf-icon.jpg) no-repeat 0 -29px; }

.footer a { color:white; text-decoration:none; }

p.footer-body { float:left; color:white; width:350px; margin-left:20px; margin-top:10px; }

p.footer-body a { color:#b0e8f0; text-decoration:underline; }

p.footer-body a:hover { color:#fff; text-decoration:none; }

/* BLUE BACKGROUND (CONTACT PAGE)
---------------------------------------*/

body#blue .navlist { background:#3ac2d6; }

body#blue .content { background:#3ac2d6; height:520px; }

body#blue .footer { border-top:none; }

body#blue .navlist a.welcome { background:url(../images/nav/blue-edetail-aid.jpg); }

body#blue .navlist a.welcome:hover { background:url(../images/nav/blue-edetail-aid.jpg) 0 -33px; }

body#blue .navlist a.overview { background:url(../images/nav/blue-overview.jpg); }

body#blue .navlist a.overview:hover { background:url(../images/nav/blue-overview.jpg) 0 -33px; }

body#blue .navlist a.opportunities { background:url(../images/nav/blue-opportunities.jpg); }

body#blue .navlist a.opportunities:hover { background:url(../images/nav/blue-opportunities.jpg) 0 -33px; }

body#blue .navlist a.approach { background:url(../images/nav/blue-approach.jpg); }

body#blue .navlist a.approach:hover { background:url(../images/nav/blue-approach.jpg) 0 -33px; }

body#blue .navlist a.pedigree { background:url(../images/nav/blue-pedigree.jpg); }

body#blue .navlist a.pedigree:hover { background:url(../images/nav/blue-pedigree.jpg) 0 -33px; }

body#blue .navlist a.clients { background:url(../images/nav/blue-clients.jpg); }

body#blue .navlist a.clients:hover { background:url(../images/nav/blue-clients.jpg) 0 -33px; }

body#blue .navlist a.more-info { background:url(../images/nav/blue-contact-information.jpg); }

body#blue .navlist a.more-info:hover { background:url(../images/nav/blue-contact-information.jpg) 0 -33px; }

body#blue .navlist a.forwards { background:url(../images/nav/blue-forwards.jpg); }

body#blue .navlist a.forwards:hover { background:url(../images/nav/blue-forwards.jpg) 0 -33px; }

body#blue .navlist a.backwards { background:url(../images/nav/blue-backwards.jpg); }

body#blue .navlist a.backwards:hover { background:url(../images/nav/blue-backwards.jpg) 0 -33px; }

body#blue .navlist li a#current { background-position:0 -33px; }

body#blue .navlist li span#hide { background:url(../images/nav/blue-forwards.jpg) 0 -66px; }

/* CLIENT LOGOS
---------------------------------------*/

.is-pharma {
	position:absolute; background:url(../images/is-pharma-logo.jpg) no-repeat 0 -94px; height:88px; width:203px; display:block; left: 303px; top: 328px; }

/*.is-pharma:hover { background-position: 0 -94px; }*/

.onmedica { position:absolute; background:url(../images/onmedica-logo.jpg) no-repeat 0 -94px; height:94px; width:269px; display:block; left: 239px; top: 156px; }

/*.onmedica:hover { background-position: 0 -94px; }*/

.sanofi-aventis {
	position:absolute;
	background:url(../images/sanofi-aventis-logo.jpg) no-repeat 0 -94px;
	height:93px;
	width:203px;
	display:block;
	left: 520px;
	top: 231px;
}

/*.sanofi-aventis:hover { background-position: 0 -94px; }*/

.merck-sorono {
	position:absolute;
	background:url(../images/merck-serono-logo.jpg) no-repeat 0 -94px;
	height:94px;
	width:215px;
	display:block;
	left: 293px;
	top: 133px;
}

/*.merck-sorono:hover { background-position: 0 -94px; }*/

.gsk { position:absolute; background:url(../images/gsk-logo.jpg) no-repeat 0 -93px; height:84px; width:215px; display:block; left: 51px; top: 236px; }

/*.gsk:hover { background-position: 0 -93px; }*/

.novartis { position:absolute; background:url(../images/novartis-logo.jpg) no-repeat 0 -93px; height:88px; width:269px; display:block; left: 26px; top: 328px; }

/*.novartis:hover { background-position: 0 -93px; }*/

.az {
	position:absolute;
	background:url(../images/az-logo.jpg) no-repeat 0 -93px;
	height:93px;
	width:215px;
	display:block;
	left: 516px;
	top: 131px;
}

/*.az:hover { background-position: 0 -93px; }*/

.wyeth {
	position:absolute;
	background:url(../images/wyeth-logo.jpg) no-repeat 0 -92px;
	height:92px;
	width:203px;
	display:block;
	left: 307px;
	top: 235px;
}

.wyeth:hover { background-position: 0 -92px; }

.janssen { position:absolute; background:url(../images/jc-logo.jpg) no-repeat 0 -92px; height:92px; width:269px; display:block; left: 26px; top: 135px; }

/*.janssen:hover { background-position: 0 -92px; }*/

.bms {
	position:absolute;
	background:url(../images/bms-logo.jpg) no-repeat 0 -94px;
	height:85px;
	width:242px;
	display:block;
	left: 508px;
	top: 334px;
}

/*.bms:hover { background-position: 0 -94px; }*/

/* MORE INFORMATION PAGE/FORM
---------------------------------------*/

.right-image { float:right; margin-top:100px; }

.form-item { width:100%; margin-top:8px; float:left; }

.form-submit { margin:2px 0 0 70px; }

.field-text { width:377px; border:0; }

fieldset { width:480px; margin-top:2px;}

textarea { border:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; width:377px; height:122px;}

label { float:left; }

.getintouch { margin-bottom:35px; }

/* SPEECH BUBBLE DIV
---------------------------------------*/

a.bubble { position:absolute; width:162px; height:109px; left: 565px; top: 387px; z-index:200; display:block; }

a.bubble2 { position:absolute; width:69px; height:80px; left: 643px; top: 386px; z-index:200; display:block; }
	
a.cllogo { position:absolute; width:162px; height:30px; left: 566px; top: 466px; z-index:1; }

.cl-logo { position:absolute; width:162px; height:30px; left: 566px; top: 466px; z-index:1; }

#flashbackground {}