@import url('sifr.css');

/* 
author - Sean Corey (Sean@five-squared.com)

*/

/* ************************************************************************* */
							/* RESET */
/* ************************************************************************* */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

body, select, input, textarea {
	font: 62.5%/1.3 Arial, helvetica, verdana, sans-serif;
}
body{
	/* background: #0084C9 url("../i/bg_body.jpg") left top repeat-x; */	
}
html, body {
	height: 100%;
}


/* ************************************************************************* */
							/* LAYOUT */
/* ************************************************************************* */
#container {
	min-height:100%;
	width:100%;
	background:#FFF url("../i/bg_container.jpg") 202px 33px no-repeat;
	overflow:auto;
}
#footer {
	width:100%;
	clear:both;
	height:33px;
	background:#8B8D8F url("../i/bg_footer.jpg") 0 0 repeat-y;
	color:#FFF;
	margin: -43px auto 0 auto;
	position: relative;
	padding-top: 10px;
}
#clearfooter {
	display:block;
	height:33px;
}
#header{
	height:33px;
	background:#C6C8CA url("../i/bg_header.jpg") 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
#content{
	margin:175px 0 0 400px;
	z-index:20;
	width:495px;
	position:relative;
	padding-bottom:50px;
}
.widep3{
	width:537px !important;
}
.shadow{
	background:transparent url("../i/bg_shadow.png") 100% 100% no-repeat;
	width:337px;
	padding:0 0 13px 0;
	margin:10px 0 0 195px;
}
.news{
	width:323px;
	border:1px solid #636467;
}
.sm_col{
	float:left;
}

/* ************************************************************************* */
							/* LISTS*/
/* ************************************************************************* */
#side_nav{
	width:303px;
	height:300px;
	list-style:none;
	background:url("../i/bg_sub_nav.png") 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:155px;
	padding:48px 0 0 0;
	z-index:2;
}
#side_nav li{
	padding:7px 0 7px 27px;
	background:url("../i/bg_sub_nav_li.jpg") 0 0 no-repeat;
	margin:0 0 8px 91px;
}
#main_nav{
	width:595px;
	list-style:none;
	top:104px;
	left:400px;
	position:absolute;
}
#main_nav li{
	float:left;
	padding:0 0 0 7px;
}
#sub_nav{
	width:595px;
	list-style:none;
	top:124px;
	left:400px;
	position:absolute;
}
#sub_nav li{
	float:left;
	padding:0 0 0 7px;
}
#util_nav{
	width:565px;
	list-style:none;
	top:69px;
	left:400px;
	position:absolute;
	padding:0 30px 0 0;
}
#util_nav li{
	float:right;
}
#content .news ul{
	padding:10px;
	font-size:1.1em;
	list-style:none;
	color:#636467;
	margin:0;
}
.news li{
	margin:0 0 12px 0;
}
#content ul{
	font-size:1.2em;
	color:#636467;
	padding:5px 0 20px 0;
	margin:0 0 0 80px;
}
#content li{
	margin:0 0 8px 0;
}
#content .pdflinks{
	font-size:1.2em;
	color:#636467;
	padding:5px 0 20px 0;
	margin:0 0 0 60px;
	list-style:none;
}
#content .pdflinks li{
	margin:0 0 14px 0;
	background:url("../i/bg_li_pdf.jpg") 0 2px no-repeat;
	padding:0 0 0 35px;
}
#container .widep2 ul{
	font-size:1.2em;
	color:#636467;
	padding:5px 0 20px 0;
	margin:0 0 0 140px;
}
#content ol{
	font-size:1.2em;
	color:#636467;
	padding:5px 30px 20px 0;
	margin:0 0 0 80px;
}
#content ol li{
	margin:0 0 20px 0;
}



/* ************************************************************************* */
							/* LINKS */
/* ************************************************************************* */
#side_nav a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
#main_nav a{
	padding:0 7px 0 0;
	color:#636467;
	font-size:1em;
	text-transform:uppercase;
	text-decoration:none;
}
#sub_nav a{
	padding:0 7px 0 0;
	color:#0067B1;
	font-size:1em;
	text-transform:uppercase;
	text-decoration:none;
}
#util_nav a{
	color:#636467;
	font-size:1em;
	text-transform:uppercase;
	text-decoration:none;
}
#side_nav a:hover, #main_nav a:hover, #sub_nav a:hover, #util_nav a:hover{
	text-decoration:underline;
}
#util_nav #un_sitemap a{
	width:18px;
	height:22px;
	background:url("../i/bg_un_sitemap.jpg") 0 0 no-repeat;
	display:block;
	text-indent:-9999em;
	outline:none;
	margin:0 0 0 18px;
}
#util_nav #un_contact{
	padding:10px 0 0 0;
}
#footer a{
	color:#0068B3;
}
#footer a:hover{
	color:#00355C;
}
#content a{
	color:#0067B1;
}
#content .pdflinks a{
	text-decoration:none;
	color:#636467;
}
#content .pdflinks a .date{
	font-weight:bold;
	color:#0067B1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ directors/leadership links ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content .hs_link{
	padding:22px 0 32px 80px;
	display:block;
	font-size:1.2em;
	color:#0067B1;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	margin:0 0 0 77px;
}
#content .hs_link .title{
	color:#636467;
	font-weight:normal;
}

#hs_ashton{
	background:url("../i/img_headshot_paul_ashton.png") 0 100% no-repeat;
}
#hs_mazzo{
	background:url("../i/img_headshot_david_mazzo.png") 0 100% no-repeat;
}
#hs_rogers{
	background:url("../i/img_headshot_michael_rogers.png") 0 100% no-repeat;
}
#hs_savas{
	background:url("../i/img_headshot_peter_savas.png") 0 100% no-repeat;
}
#hs_hopper{
	background:url("../i/img_headshot_paul_hopper.png") 0 100% no-repeat;
}  


/* ~~~~~~~~~~~~~~~~~~~~~~~~ main-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_about #mn_about a, #b_products #mn_products a, #b_careers #mn_careers a, #b_investors #mn_investors a, #b_news #mn_news a, #b_patient #mn_patient a{
	color:#0067B1;
	font-weight:bold;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ sub-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sn_overview #sn_overview a, .sn_leadership #sn_leadership a, .sn_board #sn_board a, .sn_partners #sn_partners a, .sn_office #sn_office a, .sn_pipeline #sn_pipeline a, .sn_iluvien #sn_iluvien a, .sn_bracysil #sn_bracysil a, .sn_retisert #sn_retisert a, .sn_biosilicon #sn_biosilicon a, .sn_press #sn_press a, .sn_calendar #sn_calendar a, .sn_publications #sn_publications a, .sn_patient #sn_patient a, .sn_diabetic #sn_diabetic a, .sn_pancreatic #sn_pancreatic a, .sn_uveitis #sn_uveitis a, .sn_medidur #sn_medidur a, .sn_finance #sn_finance a, .sn_resources #sn_resources a, .sn_governance #sn_governance a, .sn_faqs #sn_faqs a, .sn_inforequest #sn_inforequest a{
	color:#13B5EA;
	font-weight:bold;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ side-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_about #sdn_about a, #b_about #sdn_about a:hover, #b_products #sdn_products a, #b_products #sdn_products a:hover, #b_careers #sdn_careers a, #b_careers #sdn_careers a:hover, #b_investors #sdn_investors a, #b_investors #sdn_investors a:hover, #b_news #sdn_news a, #b_news #sdn_news a:hover, #b_patient #sdn_patient a, #b_patient #sdn_patient a:hover{
	font-weight:bold;
	text-decoration:none;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ util-nav-highlight ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#b_contact #un_contact a{
	color:#13B5EA;
	font-weight:bold;	
}

/* ************************************************************************* */
							/* TYPOGRAPHY */
/* ************************************************************************* */
p {
	padding-bottom: 1.2em;
	font-size:1.2em;	
}
#content p{
	width:305px;
	color:#636467;
	margin:0 0 0 205px;
}
#container .widep p{
	width:335px;
	color:#636467;
	margin:0 0 0 156px;
}
#container .widep2 p{
	width:370px;
	color:#636467;
	margin:0;
	padding:5px 0 20px 100px;
}
#container .widep3 p{
	width:450px;
	color:#636467;
	margin:0 0 0 50px;
}
#container .ir_layout p{
	width:480px;
	color:#636467;
	margin:0 0 0 0;
}
#container .widep2 p strong, #container .widep3 p strong {color:#0067B1;}
#container .widep2 .globe, #container .widep2 .globe_aussie, #container .widep2 .globe_uk{
	width:350px;
	padding:10px 0 20px 150px;
	background:url("../i/bg_p_globe.png") 0 0 no-repeat;
}
#container .widep2 .globe_aussie{
	background:url("../i/bg_p_globe_australia.png") 0 0 no-repeat;
}
#container .widep2 .globe_uk{
	background:url("../i/bg_p_globe_uk.png") 0 0 no-repeat;
}


#container .widep2 #top_globe{
	margin-top:300px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ custom paragraph bg images ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#container .widep2 .p_none{
	background:none !Important;
}
#container .widep2 .p_partners2{
	background:url("../i/bg_p_partners2.png") 0 0 no-repeat;
}
#container .widep2 .p_partners3{
	background:url("../i/bg_p_partners3.png") 0 0 no-repeat;
}
#container .widep2 .p_partners4{
	background:url("../i/bg_p_partners4.png") 0 0 no-repeat;
}
#container .widep2 .p_partners5{
	background:url("../i/bg_p_partners5.png") 0 0 no-repeat;
}
#container .widep2 .p_iluvien1{
	background:url("../i/bg_p_iluvien1.png") 0 0 no-repeat;
}
#container .widep2 .p_iluvien2{
	background:url("../i/bg_p_iluvien2.png") 0 0 no-repeat;
}
#container .widep2 .p_retisert1{
	background:url("../i/bg_p_retisert1.png") 0 0 no-repeat;
}
#container .widep2 .p_retisert2{
	background:url("../i/bg_p_retisert2.png") 0 0 no-repeat;
}
#container .widep2 .p_biosilicon1{
	background:url("../i/bg_p_biosilicon1.png") 0 0 no-repeat;
}
#container .widep2 .p_medidur1{
	background:url("../i/bg_p_medidur1.png") 0 0 no-repeat;
}
#container .widep2 .p_medidur2{
	background:url("../i/bg_p_medidur2.png") 0 0 no-repeat;
}
#container .widep2 .p_careers1{
	background:url("../i/bg_p_careers1.png") 0 0 no-repeat;
}
#container .widep2 .p_dme1{
	background:url("../i/bg_p_iluvien2.png") 0 0 no-repeat;
	padding-bottom:40px !important;
}
#container .widep2 .p_dme2{
	background:url("../i/bg_p_medidur2.png") 0 0 no-repeat;
	padding-bottom:40px !important;
}
#container .widep2 .p_dme3{
	background:url("../i/bg_p_dme3.png") 0 0 no-repeat;
}
#container .widep2 .p_pancreatic1{
	background:url("../i/bg_p_pancreatic1.png") 0 0 no-repeat;
}
#container .widep2 .p_pancreatic2{
	background:url("../i/bg_p_pancreatic2.png") 0 0 no-repeat;
}
#container .widep2 .p_uveitis1{
	background:url("../i/bg_p_uveitis1.png") 0 0 no-repeat;
}
#footer p{
	line-height:33px;
	float:right;
	color:#FFF;
	padding:0 20px 0 0;
	font-size:1em;
}
h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;	
}
h1 {
	display:block;
	width:204px;
	height:107px;
	text-indent: -9999px;
	background: transparent url("../i/img_logo.png") left top no-repeat;
	z-index:100;
	position:absolute;
	left:82px;
	top:21px;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	cursor:pointer;
}
h2 {
	font-size: 1.8em;
	color:#999;	
}
h3 {
	font-size: 1.6em;
	color:#1071B8;	
}
#content h3{
	font-size: 1.6em;
	color:#1071B8;
	margin:0 0 0 153px;	
}
#container .widep2 h3{
	font-size: 1.6em;
	color:#1071B8;
	margin:0 0 0 36px;	
}
#container .widep3 h3, #container .ir_layout h3{
	font-size: 1.6em;
	color:#1071B8;
	margin:0 0 0 36px;	
}
h4 {
	font-size: 1.2em;
	background:#1AB7EA;
	padding:2px 0 0 5px;
	color:#FFF;	
}
h5 {
	font-size: 1.2em;	
}
h6 {
	font-size: 1em;	
}
.news ul strong{
	color:#0067B1;
}



/* ************************************************************************* */
							/* Forms */
/* ************************************************************************* */




/* ************************************************************************* */
							/* Tables */
/* ************************************************************************* */



/* ************************************************************************* */
							/* Images */
/* ************************************************************************* */
#circle{
	position:absolute;
	right:0px;
	top:146px;
}
#dec{
	position:absolute;
	left:120px;
	top:165px;
	z-index:1;
}
#sc_1{
	position:absolute;
	top:462px;
	left:292px;
	z-index:3;
}
#sc_2{
	position:absolute;
	top:537px;
	left:388px;
	z-index:3;
}
#sc_3{
	position:absolute;
	top:560px;
	left:512px;
	z-index:3;
}



/* ************************************************************************* */
							/* SUCKERFISH DROPDOWNS */
/* ************************************************************************* */
#b_investors #sub_nav, #b_investors #sub_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:500;
}

#b_investors #sub_nav a {
	display: block;
}

#b_investors #sub_nav li {
	float:left;
}
#b_investors #sub_nav li a{
	padding:5px;
}
#b_investors #sub_nav li a:hover{
	background:#0068B3;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#b_investors #sub_nav li ul {
	position: absolute;
	width:220px;
	left: -999em;
	background:#0068B3;
	padding-top:10px;
}
#b_investors #sub_nav li ul li{
	float:left;
	width:220px;
	padding:0;
	margin:0;
	border-bottom:1px solid #FFF;
}

#b_investors #sub_nav li ul a{
	color:#FFF;
	float:left;
	width:220px;
	padding:10px 0;
	font-weight:bold;
	text-indent:15px;
}
#b_investors #sub_nav li ul a:hover{
	background:#1AB7EA;
}

#b_investors #sub_nav li:hover ul {
	left: auto;
}
#b_investors #sub_nav li:hover ul, #b_investors #sub_nav li.over ul {
	left: auto;
}

#b_investors #sub_nav .active {background:#0068B3;color:#FFF;font-weight:bold;text-decoration:none;}

#b_investors #sub_nav .sub_no_hov:hover{
	background:none;
	color:#0068B3;
}