/* ------ 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: 12px;
color: #777777;
}


/* ------------- 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/home/header.jpg) no-repeat;
height: 257px;
width: 700px;
text-indent:-9999px;
}

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


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

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

#maincontent {
margin:18px 18px 0 40px;
line-height: 160%;
}

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


#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.recentnews {
background: url(images/subheaders/recentnews_home.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;
}


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

#maincontent p {
margin:10px 0;
}

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

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

#maincontent h1.aboutus {
background: url(images/home/aboutus.gif) no-repeat;
text-indent:-9999px;
width:286px;
height:23px;
}

#maincontent h1.investorrelations {
background: url(images/home/investorrelations.gif) no-repeat;
text-indent:-9999px;
width:286px;
height:23px;
}

#maincontent h1.productpipeline {
background: url(images/home/productpipeline.gif) no-repeat;
text-indent:-9999px;
width:286px;
height:23px;
}


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


#footer p {
padding-top:53px;
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;
}