/* IE png fix */
.pngfix { behavior: url('includes/iepngfix.htc') }
/* CSS Reset from http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }

/* end CSS reset */

/* Additional defaults */
a:link, a:hover, a:visited {color: #333; text-decoration: none;}
p a:hover, li a:hover {text-decoration: underline;}
p {margin-top: 10px;}
p:first-child {margin-top: 0;}
h1 { font-size:150%; font-weight:bold; }
h2 { font-size:140%; font-weight:bold; }
h3 { font-size:130%; font-weight:bold; }
h4 { font-size:120%; font-weight:bold; }
h5 { font-size:110%; font-weight:bold; }
h6 { font-size:100%; font-weight:bold; }
a.bullet{background-image: url('../images/bullet_blue.gif'); background-position: left; padding-left: 10px; background-repeat: no-repeat;}
.gray {color: #999999;}
/* end additional defaults */

/* main layout */
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color:#fff;}
#canvas {width: 990px; margin: 5px auto; position: relative; padding: 20px 20px; color: #333;}
#logo {position: absolute; right: 120px; top: 20px; display: block; z-index: 600;}
#canvas #header { margin-bottom: 10px; padding-left:35px; font-size: 13px; margin-top: 35px; color: #333;} 
#header .menu li {float: left; padding-left: 15px; margin-right: 15px; background-image: url('../images/menu_separator.gif'); background-position: left; background-repeat: no-repeat;}
#header .menu li.first {background-image: none;}
/*#header .menu li.active a, #header .menu li a:hover {color: #fdb601; font-weight: bold;}*/
#canvas #banner { height: 180px; background-image: url('../images/banner_internal.jpg'); background-repeat: no-repeat;}
#canvas #banner.about {background-image: url('../images/banner_internal.jpg');}
#canvas #banner.blog {background-image: url('../images/banner_blog.jpg');}
#canvas #banner.careers {background-image: url('../images/banner_green.jpg');}
#canvas #banner.contact {background-image: url('../images/banner_internal.jpg');}
#canvas #banner.news {background-image: url('../images/banner_dandelion.jpg');}
#canvas #banner.tech {background-image: url('../images/banner_water.jpg');}

#canvas #content {margin-top: 50px; color: #333333; min-height: 570px; border-bottom: dashed #e9e9e9 1px; padding-bottom: 70px;}
#canvas #content.home {min-height: 370px;}

#content #navbar {float: left; width: 135px; padding-left: 35px; min-height: 400px; margin-top: 15px;}
#content.home #navbar {min-height: 200px;}
#content #navbar h4 {font-size: 100%; padding-bottom: 10px;}
#navbar ul li {background-image: url('../images/bullet_blue.gif'); background-position: left; padding-left: 10px; background-repeat: no-repeat;}
#navbar ul li.active {font-weight: bold; color:#2d8ec0;}

#content #content_main {width: 480px;margin-right: 50px; min-height: 500px; float: left;}
#content.home #content_main {min-height: 300px;}
#content #content_main p {line-height: 16px;}
#content_main p a:link, #content_main li a:link {color: #1e86bb;}
#content_main p a:visited, #content_main li a:visited {color: #1e86bb;}
#content ul.bullet li {list-style: outside disc url('../images/bullet_blue.gif'); margin-left: 10px; margin-top: 10px; }
#content ul.bullet.caption li {margin-left: 2px;}
#content ul.bullet h4 {margin-top: 10px;}
#content ul.indent li {text-indent:-30px; padding-left:30px;}
#content #sidebar {padding-top: 35px; border-left: 1px solid #fdb601; float: left; width: 210px; padding-left: 50px; padding-bottom: 20px;}
#content #sidebar.home {border: none; padding: 0;}
#content .sidebar_item {margin-top: 50px;}
#content .sidebar_item:first-child {margin-top: 0px;}
.sidebar_item .thumbnail {margin: 25px 0px 15px 0px;}
.sidebar_item .blog_thumb {margin-right: 10px; margin-top: 10px; float:left;}
.sidebar_item p.blog_thumb_caption {float: right; background-image: url('../images/bullet_blue_padded.gif'); background-position: top left; padding-left: 6px; background-repeat: no-repeat; width: 151px;}
.sidebar_item #email_form {margin-top: 10px;}
#email_form input {color: #999999; float: left;}
#email_form #email_submit {width: 7px; height: 7px; background-image: url('../images/arrow_yellow.gif'); border: none; float:right; margin: 6px 43px 0 0;}
#email_form #email_submit.blue {background-image: url('../images/arrow_blue.gif');}


#content_main h1 {color: #fdb601; margin-bottom: 20px;}
#content_main h2 {color: #fdb601; margin: 20px 0; font-weight:normal;}
#canvas #footer {margin-top: 10px; margin-left: 170px; color: #333;}
sup {line-height:0px;}
/* end main layout */

#slideshow {width: 977px; overflow: hidden; height: 454px; z-index: 200; position: relative;}
#slideshow #scroller {width: 5000px;position: relative; z-index: 220; }
#slideshow #scroller img {height: 454px; width: 977px; margin: 0; border: 0; padding: 0; position: absolute; z-index: 240;}
#slideshow .pause {position: absolute; width: 18px; height: 18px; bottom: 10px; left: 28px; background: url('../images/slideshow/pause.png') no-repeat -3px 0; z-index: 400;}
#slideshow .play {position: absolute; width: 18px; height: 18px; bottom: 10px; left: 25px; background: url('../images/slideshow/play.png') no-repeat; z-index: 400;}
#slideshow .about_tech {position: absolute; height: 18px; bottom: 12px; left: 205px; z-index: 400; color: #ffffff;}
#slideshow .about_sc {position: absolute; height: 18px; bottom: 12px; left: 50px; z-index: 400; color: #ffffff;}
#slideshow .about_tech {height: 12px; width: 161px; text-align: left; text-indent: -999px;background: transparent url('../images/slideshow/about_our_technology.png') no-repeat;}
#slideshow .about_sc {height: 12px; width: 161px; text-align: left; text-indent: -999px;background: transparent url('../images/slideshow/about_sun_catalytix.png') no-repeat;}

/* headers and menu text*/
h1.image_text, h2.image_text, h4.image_text {overflow:hidden; text-indent: -999px;  width: 100%; height: 17px; background-repeat: no-repeat;}
h1.about_us_yellow {background-image: url('../images/headers/about_us_yellow.gif');}
h1.tech_yellow {background-image: url('../images/headers/tech_yellow.gif');}
h1.news_yellow {background-image: url('../images/headers/news_yellow.gif');}
h1.careers_yellow {background-image: url('../images/headers/careers_yellow.gif');}
h1.contact_yellow {background-image: url('../images/headers/contact_yellow.gif');}

h1.news {background-image: url('../images/headers/news.gif');}
h2.from_the_blog {background-image: url('../images/headers/from_the_blog.gif');}
h2.keep_in_touch {background-image: url('../images/headers/keep_in_touch.gif');}
h2.our_team {background-image: url('../images/headers/our_team.gif');}
h2.multimedia {background-image: url('../images/headers/multimedia.gif');}
h2.recent_posts {background-image: url('../images/headers/recent_posts.gif');}
h2.categories {background-image: url('../images/headers/categories.gif');}
h2.archives {background-image: url('../images/headers/archives.gif');}
h1.team {background-image: url('../images/headers/team.gif');}
h4.scientific_advisory_board {background-image: url('../images/headers/scientific_advisory_board.gif');}
h4.research_team {background-image: url('../images/headers/research_team.gif');}
h2.scientific_advisory_board {background-image: url('../images/headers/scientific_advisory_board_large.gif');}
h2.research_team {background-image: url('../images/headers/research_team_large.gif');}



/* menus */
ul.menu li a {overflow: hidden; text-indent: -999px; background-repeat: no-repeat; display: block; height: 13px; background-position: 0 -13px;}
ul.menu li.about_us a {background-image: url('../images/menu/about_us.gif'); width: 56px;}
ul.menu li.our_technology a {background-image: url('../images/menu/our_technology.gif'); width: 97px;}
ul.menu li.news a {background-image: url('../images/menu/news.gif'); width:33px;}
ul.menu li.careers a {background-image: url('../images/menu/careers.gif'); width:49px;}
ul.menu li.blog a {background-image: url('../images/menu/blog.gif'); width:27px;}
ul.menu li.contact_us a {background-image: url('../images/menu/contact_us.gif'); width:68px;}
ul.menu li.active a, ul.menu li a:hover  {background-position: 0 0;}

/* end headers and menu text*/

/* News section*/
#news li {color:#333333}
#news li a {color:#1e86bb;}



/* Team Page */
#content_main .team_member {clear:both; border-bottom: dashed 1px #e9e9e9; margin-top: 10px;}
#content_main .team_member.last {border-bottom: none;}
#content_main .team_member img {margin-top: 5px; float:left;}
#content_main .team_member .team_text {float: right; width: 330px; color: #666666; margin-bottom: 30px;}
.team_text h3 {color: #333;}
.team_text h3 {font-weight: normal;}
.team_member h3 .title {color: #1e86bb;}
#content #sidebar .teamlist ul.bullet.first {margin-top: 15px;}
#content #sidebar .teamlist ul.bullet li {margin-top: 5px;}
#content #sidebar .teamlist h4 {margin-top: 15px}
/* end team */

/* Blog page */
#content.blog {padding-bottom: 70px;}
#content.blog #content_main {width: 650px;}
#content.blog #sidebar {border-left: 1px solid #badaea;}
#content.blog ul.bullet {margin-top: 20px;}
#content.blog ul.bullet li {margin-top: 5px;}

#content_main .blog_post {padding: 7px 0 40px 40px; border-top: dashed 1px #e9e9e9; clear:both; margin-left: 20px;}
.blog_post h6.date {color: #2d8ec0; font-weight: normal; padding-left: 5px;}
.blog_post h2 {background-image: url('../images/bullet_blue_tall.gif'); background-repeat: no-repeat; padding-left: 5px; background-position: center left; margin-top: 1px; font-size: 150%; font-weight: normal; color: #000101;}
.blog_post h5.byline {font-size: 110%; font-weight: normal; padding-left: 5px;}
.blog_post .blog_post_content {margin-top: 15px; color: #666666;}
.blog_post .blog_post_content img {float: left; margin-right: 15px;}
.blog_post .blog_post_footer {margin-top: 10px; color: #666666;}
.blog_post .blog_post_footer span.header {display: inline; margin-right: 10px; font-weight: bold;}
.blog_post .blog_post_footer p.share img {margin: 0px 5px -3px 5px;}
.blog_post .blog_post_footer a {text-decoration: underline;}
#content_main .blog_post_footer p a:link {color: #666666;}

/* end Blog page */