/* ------ Styles for CoLucid.com 
This site was designed, developed and is maintained by Pulse Creative Partners. 
www.pulsecreativepartners.com ------ */


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

html,body {
background:#F6FCFE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
line-height: 160%;
}


/* ------------- LAYOUT ------------- */

#frame {
width:700px;
margin-right:auto;
margin-left:auto;
margin-top:20px;
text-align:left;
background:url(images/template/frame_bg.gif) repeat-y;
}

#header {
background:  url(images/template/header.gif) no-repeat;
height: 116px;
width: 700px;
text-indent:-9999px;
}

#header a {
height:116px;
width: 270px;
display: block;
text-indent: -9999px;
}

#nav {
height: 30px;
width: 700px;
}


#main {
float:left;
width:425px;
}

#mainfull {
float:left;
width:675px;
}

#maincontent {
margin:18px 18px 0 40px;
}

#sidebar {
float:right;
width:232px;
margin:18px 32px 0 0;
background:  url(images/template/sub_bg.gif) repeat-y;
}


#footer {
background: #F6FCFE url(images/template/footer_bg.gif) no-repeat;
height: 96px;
width: 700px;
clear:both;
}


/* ------------- MAIN NAVIGATION ------------- */

ul#nav_main {
list-style-type:none;
position:relative;
text-align: center;
height: 30px;
top: 0;
left: 22px;
font: 13px/30px "Lucida Grande", arial, sans-serif;

}

li#nm_1 {
position:absolute;
top: 0px;
left: 0px;
width:86px;
height:30px;
}

li#nm_1 a {
display:block;
height:30px;
width: 86px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 86px;
overflow:hidden;
}

li#nm_2 {
position:absolute;
top: 0px;
left: 86px;
width:90px;
height:30px;
border-left: 1px solid #FFF;
}

li#nm_2 a {
display:block;
height:30px;
width: 90px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 90px;
overflow:hidden;
}

li#nm_3 {
position:absolute;
top: 0px;
left: 176px;
width:140px;
height:30px;
border-left: 1px solid #FFF;
}

li#nm_3 a {
display:block;
height:30px;
width: 140px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 140px;
overflow:hidden;
}

li#nm_4 {
position:absolute;
top: 0px;
left: 316px;
width:155px;
height:30px;
border-left: 1px solid #FFF;
}

li#nm_4 a {
display:block;
height:30px;
width: 155px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 155px;
overflow:hidden;
}

li#nm_5 {
position:absolute;
top: 0px;
left: 471px;
width:100px;
height:30px;
border-left: 1px solid #FFF;
}

li#nm_5 a {
display:block;
height:30px;
width: 100px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 100px;
overflow:hidden;
}

li#nm_6 {
position:absolute;
top: 0px;
left: 571px;
width:84px;
height:30px;
border-left: 1px solid #FFF;
}

li#nm_6 a {
display:block;
height:30px;
width: 84px;
color: #009CDC;
text-decoration:none;
background: url(images/template/navigation/navbar.gif) repeat-x 84px;
overflow:hidden;
}

li#nm_1 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 86px; }
li#nm_2 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 90px; }
li#nm_3 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 140px; }
li#nm_4 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 155px; }
li#nm_5 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 100px; }
li#nm_6 a:hover { background: url(images/template/navigation/navbarroll.gif)  repeat-x 84px; }





/* ------------- SIDEBAR STYLES ------------- */

#sidebar h1.default {
background: url(images/subheaders/subheader.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar p {
margin:-10px 15px 25px 15px;
color:#009DDC;
font-size: 10px;
}

#sidebarfooter {
background:  url(images/template/sub_footer.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:22px;
margin-top:-25px
}

#sidebar a {
color:#777;
text-decoration:underline;
}

#sidebar a:hover {
color:#017EB0;
text-decoration:underline;
background-color:#CDF0FF;
}


/* ------------- SIDEBAR HEADERS ------------- */

#sidebar h1.about {
background: url(images/subheaders/subheader_about.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.media{
background: url(images/subheaders/subheader_media.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.news {
background: url(images/subheaders/subheader_news.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.investors {
background: url(images/subheaders/subheader_investors.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.pipeline {
background: url(images/subheaders/subheader_pipeline.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.careers {
background: url(images/subheaders/subheader_careers.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

#sidebar h1.contact {
background: url(images/subheaders/subheader_contact.gif) no-repeat;
text-indent:-9999px;
width:232px;
height:50px;
}

.greytext {
color: #777777;
}

/* ------------- MAIN STYLES ------------- */

#maincontent p {
margin:10px 0;
}

#maincontent a {
color:#009DDC;
text-decoration:underline;
}

#maincontent a:hover {
color:#555;
text-decoration:underline;
}

#maincontent ul {
line-height:150%;
list-style-type:disc;
margin: 15px 0 15px 20px;
}

#maincontent ol {
line-height:150%;
margin: 15px 0 15px 20px;
}

#maincontent li {
margin: 10px 0 10px 0;
}

.small {
font-size:9px;
}

.biophoto {
border:solid 1px #8D8D8D;
margin:5px 15px 0 0;
}

.smallgrey {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9e9e9e;
}


/* ------------- FOOTER STYLES ------------- */


#footer p {
padding-top:50px;
text-align:center;
color:#95D7F3;
font-size: 10px;
}

#footer a {
color:#5DBDE3;
text-decoration:none;
}

#footer a:hover {
color:#009DDC;
text-decoration:underline;
}

div#pulse a {
background:url(images/template/pulse.gif) no-repeat;
position:absolute;
margin-top:54px;
margin-left: 630px;
height:13px;
width: 56px;
display: block;
text-indent: -9999px;
text-decoration:none;
}

div#pulse a:hover {
background:url(images/template/pulseroll.gif) no-repeat;
}