/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
/*border: 0;*/
}

html{
background: #d2d2d7 url(http://www.viapharmaceuticals.com/images/bg-body.jpg) repeat-x top left;
}

body{
font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
}

/* ----- ID'S ----- */

div#container {
margin: 0 auto 64px auto;
width: 950px;
background-color: #fff;
}

div#header {
padding: 34px 30px 12px 30px;
height: 84px;
width: 950px !important;
width: 900px;
}
div#header img {
float: left;
}
div#columns {
margin: 0 0 64px 0;
padding: 0 30px 0 30px;
position: relative;
z-index: 1;
}     

div#leftColumn {
float: left;
width: 610px;
margin: 0 20px 0 0 !important; margin: 0 10px 0 0;
z-index: 1;
background: transparent;
}

div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/banner-image2.jpg) no-repeat top left;
border-top: 3px solid #56b487;
border-bottom: 3px solid #56b487;
height: 180px;
}

div#content {
padding: 32px 64px 0 0 !important; padding: 32px 32px 0 0;
}

div#rightColumn {
float: left;
width: 260px;
}

#navigation {
border-top: 3px solid #56b487;
border-bottom: 3px solid #56b487;
padding: 12px 0 7px 0;
margin-bottom:20px;
}

#navigation ul li a.active {
color: #50a779;
font-weight: bold;
padding-left: 14px;
background: transparent url(http://www.viapharmaceuticals.com/images/dot.gif) no-repeat 1px 4px;
}

#home #navigation {
position: absolute;
top: 0;
right: 30px;
width: 260px;
}

#date {
float: left;
background: transparent url(http://www.viapharmaceuticals.com/images/home-datebg.jpg) repeat-y top left;
margin: 65px 0 0 468px !important;
margin: 65px 0 0 316px;
padding: 0 0 0 0;
width: 259px;
}

#date p {
padding: 2px 0 2px 0;
margin: 0 0 0 14px;
line-height: 17px;
font-weight: bold;
}

div#sidebar {
border-left: 2px solid #56b487;
padding: 16px 0 16px 20px;
background: transparent url(http://www.viapharmaceuticals.com/images/bg-sidebar.jpg) repeat-y top left;
}

div#footer {
border-top: 3px solid #56b487;
margin: 0 30px 0 30px;
padding: 8px 0 8px 0;
clear: both;
}

/* ----- CLASSES ----- */

.clearFloat:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearFloat{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearFloat {height: 1%;}
.clearFloat {display: block;}
/* End hide from IE-mac */

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.map {
float: left;
padding: 3px;
border: 1px solid #888;
margin: 1px 12px 0 0;
}

.icon {
margin: 0 6px 0 0;
float: left;
}

p.subtext {
width: 583px;
}
div.cell
{
border-bottom: 2px solid #56b487;
margin-bottom: 16px;
color: #666;
}
div.cell a {
font-weight: bold;
color: #666;
border: none;
}

div.cell a:hover {
  text-decoration: underline;
  color: #000;
}

/* ----- SPANS ----- */
span.callout {
color: #fff;
background-color: #56b487;
}


/* ----- HEADINGS ----- */
h1 {
color: #50a779;
font-size: 18px;
line-height: 24px;
margin: 0 0 24px 0;
}

h2 {
font-size: 14px;
line-height: 16px;
margin: 0 0 16px 0;
font-weight: bold;
}

h2.tagline {
color: #50a779;
font-size: 18px;
width: 540px;
line-height: 20px;
}

h3 {
font-size: 12px;
line-height: 16px;
margin: 0 0 16px 0;
font-weight: bold;
}

/* ----- PARAGRAPHS ----- */

p{
font-size: 12px;
line-height: 16px;
margin: 0 0 16px 0; 
}

#sidebar p {
font-size: 11px;
}

#footer p {
font-size: 11px;
margin: 0 0 16px 0;
text-align: center;
}

/* ----- LISTS ----- */

li{
font-size: 12px;
line-height: 16px;
}

ul{
list-style: disc;
margin: 0 0 16px 24px; 
}

#navigation ul {
list-style: none;
margin: 0 0 0 0; 
}

#navigation ul li {
font-size: 14px;
line-height: 16px;
}

#navigation ul li a {
color: #333;
text-decoration: none;
}

#navigation ul li ul {
 display: none;
}
#navigation ul li ul li {
padding-left: 14px;
}

#navigation ul li ul li a {
color: #50a779;
}

#navigation ul li a.parent {
color: #50a779;
font-weight: bold;
}

#navigation ul li a.active {
color: #50a779;
font-weight: bold;
padding-left: 14px;
background: transparent url(http://www.viapharmaceuticals.com/images/dot.gif) no-repeat 1px 4px;
}

#company #company_nav,
#management #company_nav,
#board-of-directors #company_nav {
display: block;
}

#science-and-products #science_products_nav,
#inflammation-and-disease #science_products_nav,
#pipeline #science_products_nav,
#via-2291 #science_products_nav,
#scientific-advisors-overview #science_products_nav,
#clinical-advisory-and-investigators #science_products_nav,
#drug-assessment-advisors #science_products_nav,
#scientific-advisors #science_products_nav,
#selected-publications #science_products_nav {
  display: block;
}

#scientific-advisors-overview #science_nav,
#clinical-advisory-and-investigators #science_nav,
#drug-assessment-advisors #science_nav,
#scientific-advisors #science_nav {
  display: block;
}

#investor-relations #investor_nav,
#news #investor_nav,
#media #investor_nav {
  display: block;
}

#careers #careers_nav,
#job-opportunities #careers_nav,
#benefits #careers_nav {
  display: block;
}

/* ----- IMAGES ----- */

img{
}

img a{
}

img a:hover{
}

/* ----- TEXT FORMATTING ----- */

strong{
font-weight: bold;
}

em{
font-style: italic;
}

b{
font-weight: bold;
}

i{
font-style: italic;
}

/* ----- LINKS ----- */

a {
text-decoration: none;
border-bottom: 1px dotted #50a779;
color: #3C8D66;
}

a:hover {
border-bottom: 1px dotted #50a779;
color: #3C8D66;
}

#navigation a, #navigation a:hover {
border: none;
}

/*#sidebar a, #header a {
font-weight: bold;
color: #666;
border: none;
}
*/
#sourceList li a {
background: transparent url(http://www.viapharmaceuticals.com/images/link-icon.gif) no-repeat 0 0;
padding: 0 0 0 15px;
}

/* Layout and Page Structure */

body#company div#container div#banner, body#management div#container div#banner, body#board-of-directors div#container div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-company.jpg) no-repeat top left;
}

body#science-and-products div#container div#banner, body#inflammation-and-disease div#container div#banner, body#pipeline div#container div#banner, body#via-2291 div#container div#banner, body#scientific-advisors div#container div#banner, body#drug-assessment-advisors div#container div#banner, body#selected-publications div#container div#banner, body#scientific-advisors-overview div#container div#banner, body#clinical-advisory-and-investigators div#container div#banner, body#selected-publications div#container div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-science.jpg) no-repeat top left;
}

body#partnering div#container div#banner, body#contact div#container div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-partnering.jpg) no-repeat top left;
}

body#careers div#container div#banner, body#benefits div#container div#banner, body#job-opportunities div#container div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-careers.jpg) no-repeat top left;
}

body#home div#container  div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-home.jpg) no-repeat top left;
}

body#news div#container  div#banner, body#media div#container  div#banner {
background: transparent url(http://www.viapharmaceuticals.com/images/homebanner-investor.jpg) no-repeat top left;
}

div#container div#homeContent {
clear: left;
padding-top: 24px;
width: 891px;
z-index: 1;
}

div#homeContent div.homeMessage {
width: 275px;
margin-right: 40px !important; margin-right: 20px;
float: left;
color: #656565;
}

div#homeContent div.homeMessageNews {
padding-left: 630px;
color: #656565;
}

div#homeContent div.homeMessage img, div#homeContent div.homeMessageNews img {
float: left;
}

div#homeContent div.homeMessage p, div#homeContent div.homeMessageNews p {
padding: 0 0 0 90px;
margin: 0 0 8px 0;
line-height: 1.25em;	
}
