/* CSS Document */
@import url("sIFR-print.css") print;

@import url("sIFR-screen.css");
/* === Copyright Syntaxin Ltd 2007 === */

/*GLOBAL STYLES */
/*setting and restoring some site wide defaults*/
*, html, body, div, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, p, blockquote, th, td, a {margin:0; padding:0;}
html,body {height:100%;}
body {margin:0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:15px; color:#1b212c; background:url(../images/static/syntaxin-top.jpg) repeat-x #FFFFFF;}
a img {border: none;}
a {outline:none; white-space:normal;}
fieldset, img {border:0;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
strong {font-weight: bold;}
em {font-style: italic; color:#007db1;}


acronym {cursor:help; border-bottom:1px dotted;}
p {margin:0 0 20px 0; padding:0;}
a:link, a:visited {color:#007db1; text-decoration:none;}
a:hover {color:#4f626c; text-decoration: underline;}
p.newsFront {font-size:12px; margin:15px 0 9px 0; padding-left:9px; background:url(../images/static/menu-arrow.gif) no-repeat 0 4px; width:206px;}
p.newsFront a.newsFrontTitle {color:#1b212c;}

/*a.smalllink:link, a.smalllink:visited, a.smalllink:hover {font-size: 0.7em;}
.highlight {color:#006699;}
.smalltext {font-size: 0.7em; color:#336699;}*/

/*LAYOUT*/
#container {width:940px; margin:0 auto 0 auto; padding:0; position: relative; min-height:87%; display:block; ; _padding:1px 0 1px 0;}


#header {margin:0; height:119px; background:url(../images/static/header-protein.jpg) no-repeat; width:100%; position:relative;}

#flashlogo-layout {margin:0; position:absolute; top:15px; left:56px;}
#logo-layout {margin:0; position:absolute; top:41px; left:67px; width:940px; height:51px; }
#top-menu {margin:21px 0 0 62px; position:relative; width:784px; height:24px; background:url(../images/static/menu-top.jpg) no-repeat; }
#bodyholder {width:758px; padding:0px; margin:24px 0 0 90px; position: relative; background:#FFFFFF; display:block; height:100%;}

#homeright-menu {margin:9px 0 0 0; position:relative; float:right; width:240px; display:block;}
#right-menu {margin:0; position:relative; float:right; width:230px; display:block;}
#contentholder {position:relative; width:492px; margin:0; text-align:justify; display:block;}


#footerbg {position:relative; bottom:0px; margin:0; width:100%; height:73px; background:url(../images/static/footer-bg.jpg) repeat-x; float:left; _position:static;}



/*HEADERS*/
/*setting defaults*/
h1 {font-size:24px; color:#000000; margin:0;}


/*header classes*/
h1.logo a {text-indent:-9999px; width:148px; height:51px; overflow:hidden; display:block; border:none; background:url(../images/static/syntaxin-logo.jpg) no-repeat;}
h1.logo a:hover {border:none;}
.flashlogo {width:410px; height:120px; overflow:hidden; display:block;}
h4.newsTitleFront {margin:0; font-size:14px; font-weight:bold; color:#1b212c;}


/*TOP NAVIGATION */
ul.topNav {width:739px; height:34px; position:absolute; top:0px; left:24px; list-style:none; margin:0; padding:0; overflow:hidden;}
li.navHome a, li.navPipeline a, li.navResearch a, li.navNews a, li.navCompany a, li.navContact a {background:url(../images/biotech-nav.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; height:17px; overflow:hidden;}

li.navHome a {background-position:0 0; top:0; left:0; width:62px;}
li.navHome a:hover {background-position:0 -17px;}
#navhomeActive li.navHome a {background-position:0 -17px;}

li.navCompany a {background-position:-62px 0; top:0; left:62px; width:99px;}
li.navCompany a:hover {background-position:-62px -17px;}
#navcompanyActive li.navCompany a {background-position:-62px -17px;}

li.navPipeline a {background-position:-161px 0; top:0; left:161px; width:152px;}
li.navPipeline a:hover {background-position:-161px -17px;}
#navpipelineActive li.navPipeline a {background-position:-161px -17px;}

li.navResearch a {background-position:-313px 0; top:0; left:313px; width:219px;}
li.navResearch a:hover {background-position:-313px -17px;}
#navresearchActive li.navResearch a {background-position:-313px -17px;}

li.navNews a {background-position:-532px 0; top:0; left:532px; width:128px;}
li.navNews a:hover {background-position:-532px -17px;}
#navnewsActive li.navNews a {background-position:-532px -17px;}


li.navContact a {background-position:-660px 0; top:0; left:660px; width:75px;}
li.navContact a:hover {background-position:-660px -17px;}
#navcontactActive li.navContact a {background-position:-660px -17px;}

/*SUB NAV*/

ul.subRight {width:213px; left:0px; list-style:none; margin:0; padding:0; overflow:hidden; padding-top:42px; position:relative;}
ul.subRight li {color:#4f626c; font-size:12px; text-decoration:underline; background:url(../images/static/menu-arrow.gif) no-repeat center left; padding-left:18px; margin:0 0 11px 0;}
ul.subRight li a:link, ul.subRight li a:visited {color:#007db1; text-decoration:underline;}
ul.subRight li a:hover {color:#4f626c; text-decoration:underline;}
a.NewsIsActive:link, a.NewsIsActive:visited {color:#4f626c; text-decoration:underline;}

/* FOOTER */ 

.footer {font-size:12px; line-height:140%; position:relative; top:11px; color:#231f20; height:58px; overflow:hidden;}
.footer ul {width:755px; margin:0 auto 0 auto; list-style:none; height:58px; overflow:hidden;}
.footer ul li {list-style:none; margin:0; float:left; text-align:center; padding:0;}
.footer a, .footer a:visited {color:#231f20; text-decoration: none; white-space:nowrap;}
.footer a.subfoot, .footer a.subfoot:visited {color:#4f626c;}
.footer a:hover {color:#007db1; text-decoration:underline;}

.footer:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.footer {display: inline-block;}
/* Hide from IE Mac */ 
.footer {display:block;}
/* End hide from IE Mac */

h2, h3 {font-size:16px; color:#454a53;}
h2.page-title {font-size:20px; color:#454a53; margin-bottom:5px;}

/*HOME */
#homeright-menu h2 {color:#454a53; font-weight:bold; width:112px; margin:9px 0 9px 117px;}
#homeright-menu h3 {font-family:"Myriad Pro", "Din"; font-size:16px; font-weight:bold; color:#1b212c; text-align:left; float:left;}
#homeright-menu p.sub-header {font-size:12px; color:#282e38; width:117px; margin:0 0 40px 117px;}
#homeright-menu p.newsitem {font-size:12px; color:#282e38; width:230px; background:url(../images/static/menu-arrow.gif) no-repeat 0 3px; margin:15px 0 10px 0; padding-left:12px;}
#homeright-menu hr {border: 1px dashed #EDEDED; color: #EDEDED; background-color: #EDEDED;}

/*MISC*/

ul.copyrightList {list-style-type:decimal;}
ul.copyrightList li {list-style-type:decimal; margin-bottom:15px;}
ul.aboutList {list-style-type:disc;}
ul.aboutList li {list-style-type:disc; margin-bottom:15px; margin-left:15px; }

.clearfix {clear:both; margin-top:30px;}
.hrfix {background: url(../images/static/hr.gif) repeat-x; margin:0; padding:0; height:2px; border:0; width:215px;}
.contacthr { background: url(../images/static/hr.gif) repeat-x; padding:12px 0 12px 0; padding:0; height:2px; border:0; width:100%;}
.directionshr {background: url(../images/static/hr.gif) repeat-x; padding:12px 0 12px 0; padding:0; height:2px; border:0; width:100%;}
.contactUsRight {float:right; margin-top:5px; text-align:right; font-size:12px; }

ul.sitemapList {list-style-type:none;}
ul.sitemapList li {background:url(../images/static/menu-arrow.gif) no-repeat center left; padding-left:15px; margin-bottom:15px; font-size:12px;}

ul.sitemapList li.subsitemap {margin-left:30px;}

ul.resourcesList {list-style-type:none;}
ul.resourcesList li {background:url(../images/static/menu-arrow.gif) no-repeat 0 3px; padding-left:15px; margin-bottom:15px; font-size:12px;}

form {margin:0;}
form dt {float: left; clear: left; width: 189px;}
form dd {font-size: 12px; margin: 0 0 8px 4em;}
dt.validate {margin:0 0 8px 0;}
input.contact-form {border:solid 1px #b3b3b3; background:#ededed; height:18px; width:295px;}
input.submit-form {width:99px; height:28px; margin-top:10px;}
.captcha {font-size:12px; color:#0080b4;}
.captchaCode {width:80px; height:30px; border:solid #000000 1px;}


#flaghome {float:left; height:22px; width: 22px; margin:0 0 15px 2px; padding-right:10px; }

/*CALLBACK */
#request-callback {margin-top:12px;}
#request-callback a {background:url(../images/contact-us-button.gif) no-repeat 0 0;  width:157px; height:46px; text-indent:-9999px; overflow:hidden; display:block; z-index:9999;}
#request-callback a:hover {background-position:0 -46px;}
#submitquery-title {text-indent:-9999px; overflow:hidden; display:block; width:136px; height:19px; background:url(../images/submit-a-query.gif) no-repeat 0 0; z-index:9999;position:relative; top:10px; margin-bottom:10px;}
.lightboxcomments {border:solid 1px #b3b3b3; background:#ededed; width:295px;}

.homelogospin {text-indent:-9999px; display:block; overflow:hidden; background:url(../flash/replacementimgs/syntaxin-logo.gif) no-repeat; margin-top:27px; margin-left:11px; width:148px; height:51px;}



/*Table */

.td-padding {padding:7px 15px 11px 17px;}
				.icon-margin {margin:0 18px 0 0; float:left; }
				.comparison-text tr td {font-size:12px; color:#4f626c; text-align:left}
				.table-header {text-indent:-9999px; overflow:hidden;}