/* @override http://sofie-biosciences.com/css.php?n=default */

/* @override http://sofie-biosciences.com/css.php?n=default */

body {
margin: 0;
font: 13px/21px "GothamBook",Lucida, Verdana, sans-serif;
background: url(/assets/genback-b.jpg) no-repeat center 160px;
}

@font-face {
font-family: "GothamMedium";
src: url( /fonts/gotham-medium.eot ); /* IE */  
src: local(" real GothamMedium.ttf "), url( /fonts/gotham-medium.ttf ) format("truetype"); /* non-IE */
}

@font-face {
font-family: "GothamBook";
src: url( /fonts/gotham-book.eot ); /* IE */  
src: local(" real GothamBook.ttf "), url( /fonts/gotham-book.ttf ) format("truetype"); /* non-IE */
}

@font-face {
font-family: "GothamItalic";
src: url( /fonts/gotham-bookitalic.eot ); /* IE */  
src: local(" real GothamBook Italic.ttf "), url( /fonts/gotham-bookitalic.ttf ) format("truetype"); /* non-IE */
}

#wrapper {
width: 860px;
margin: auto;
padding: 65px 50px;
}

a {
text-decoration: none;
color: #224c6c;
}

a img {
border: 0;
}

img a {
border: 0;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.spacer {
clear: both;
}

.hidden {
display: none;
}

a.logo {
display: block;
height: 35px;
width: 275px;
margin-bottom: 30px;
background: url(/assets/sofie-logo.png) no-repeat left center;
}

#content {
width: 500px;
}

ul.main_nav {
padding: 0px;
margin: 0;
height: 43px;
margin-bottom: 35px;
}

ul.main_nav li {
height: 36px;
display: block;
float: left;
margin-right: 15px;
}

#gen-nav li {
height: 36px;
display: block;
float: left;
margin-right: 15px;
}

li.active {
border-bottom: 7px solid #224c6c;
}

#content li a {
padding: 18px 1px;
display: block;
color: transparent;
}

a.genisys {
background: url(/assets/sofiegen.png) no-repeat left center;
width: 67px;
margin-left: 0px!important;
}

a.fac-nav {
background: url(/assets/fac-nav.gif) no-repeat left center;
width: 49px;
margin-left: 0px!important;
}

a.about {
background: url(/assets/sofieabout.png) no-repeat center center;
width: 91px;
border: 0;
}

a.contact {
background: url(/assets/sofiecontact.png) no-repeat left center;
width: 90px;
}

#gen-nav {
border-top: 1px solid #d5d5d5;
margin-top: 15px;
}

#gen-nav ul {
margin: 0!important;
padding: 0!important;
}

#gen-nav li {
padding: 0!important;
margin-right: 20px!important;
border-top: 3px solid white;
}

li.gen-active {
border-top: 3px solid #ddd!important;
}

#gen-nav li a {
display: block;
padding: 10px 0px!important;
height: 10px;
}

a.gen-info {
background: url(/assets/trans_01a.png) no-repeat left bottom;
width: 108px;
padding-left: 0px!important;
}

a.gen-features {
background: url(/assets/trans_03.png) no-repeat left bottom;
width: 58px;
}

a.gen-gallery {
background: url(/assets/trans_05.png) no-repeat left bottom;
width: 54px;
}

.intro-content {
width: 490px;
height: 206px;
background: url(/assets/genintro.png);
}

.features {
width: 452px;
height: 264px;
background: url(/assets/genfeatures.png);
}

.features-l{
width: 240px;
float: left;
}

.features-r{
width: 240px;
float: left;
margin-left: 20px;
}

.entry h2{
font-family: "GothamBook",Lucida, Verdana, sans-serif;
color: #000;
font-size: 16px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 20px;
}

.entry h3{
font-family: "GothamBook",Lucida, Verdana, sans-serif;
color: #000;
font-size: 22px;
line-height: 28px;
}

.entry h4{
font-family: "GothamMedium",Lucida, Verdana, sans-serif;
color: #000;
font-size: 14px;
margin: 0px 0px 5px 0px;
}

.entry p{
margin: 0px 0px 15px 0px;
}

ul.zemError {
background: pink;
padding: 5px;
margin-bottom: 25px;
width: 270px;
}



#mc_embed_signup {
width: 280px;
float: left;
margin-top: 14px;
}

#mc_embed_signup legend {
display: none;
}

#mc_embed_signup fieldset {
border: 0;
margin: 0;
padding: 0px;
padding-bottom: 60px;
margin-bottom: 50px;
width: 450px;
float: left;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#mc_embed_signup input {
display: block;
width: 505px;
padding: 3px;
}

#mc_embed_signup textarea {
display: block;
width: 505px;
padding: 3px;
}

input.zemSubmit {
margin-top: 15px;
width: 70px!important;
}

#mce-responses {
padding: 25px 0px 0px;
}

img.address {
float: left;
margin-left: 25px;
}

ul#videos {
margin: 0;
padding: 0;
}

ul#videos li {
float: left;
display: block;
width: 140px;
height: 220px;
margin-right: 24px;
}

a.zoom {
padding: 0!important;
}

a.video_link {
padding: 0!important;
}

.entry-wide{
width: 700px;
font-size: 11px;
line-height: 18px;
padding: 10px 10px 10px 10px;
}


.entry-wide h3{
font-family: "GothamBook",Lucida, Verdana, sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}

.entry-wide h4{
font-family: "GothamMedium",Lucida, Verdana, sans-serif;
display: block;
font-size: 11px;
margin: 0;
text-transform: uppercase;
}

.entry-wide p.about-desc{
float: left;
width: 335px;
margin-right: 30px;
font-size: 13px;
line-height: 20px;
}



.entry-wide p.about-right{
float: left;
width: 335px;
font-size: 13px;
line-height: 20px;
}

.entry-wide strong{
display: block;
}

.entry-wide a{
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
}



.about{
float: left;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}

.contacts{
width: 200px;
float: left;
margin-right: 45px;
margin-top: 20px;
}

.board-contacts{
width: 450px;
float: left;
margin-top: 20px;
}

.board{
width: 200px;
float: left;
margin-right: 45px;
}

.board-right{
width: 200px;
float: left;
margin-right: 0;
}

.entry-contact{
width: 520px;
font-size: 11px;
line-height: 18px;
padding: 10px 10px 10px 10px;
}

.entry-contact fieldset{
margin: 0!Important;
padding: 0!important;
}

.entry-contact h3{
font-family: "GothamBook",Lucida, Verdana, sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}

.entry-contact h4{
font-family: "GothamMedium",Lucida, Verdana, sans-serif;
display: block;
font-size: 11px;
margin: 0;
text-transform: uppercase;
}

.entry-contact p.about-desc{
float: left;
width: 335px;
margin-right: 30px;
font-size: 13px;
line-height: 20px;
}



.entry-contact p.about-right{
float: left;
width: 150px;
font-size: 13px;
line-height: 20px;
}

.entry-contact strong{
display: block;
}

.entry-contact a{
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
color: #999;
}

.fac-cell{
width: 140px;
height: 230px;
float: left;
margin-right: 23px;
font-size: 9px;
line-height: 14px;
color: #999;
}

.fac-cell strong{
color: #000;
display: block;
}

.fac-cell a{
color: #999;
line-height: 16px;
font-size: 11px;
}

.fac-cell img{
border: 1px solid #222;
margin-bottom: 5px;
}