/* Copyright 2010 Rob Sutherland Consulting, LLC for Elixir International */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{margin: 0; padding: 0;} a:focus{outline:0px dotted invert} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1{font-size:19px} h2{font-size:16px} h3{font-size:14px} h4{font-size:13px} h5{font-size:13px} h6{font-size:13px} ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} p,dl,hr,ol,ul,pre,table,address,fieldset{margin-bottom:1em;} h1,h2,h3,h4,h5,h6{margin-bottom:.5em;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}ul.clean,ul.clean li{list-style-type:none;padding-left:0;margin-left:0;}small{font-size:0.85em;}big{font-size:1.25em;}

/* basic */
body {background: #fff; color:rgb(65,64,66); font: 12px/1.33 "Helvetica Neue", Helvetica, Arial,sans-serif; margin: 0; padding: 0; }
a {text-decoration: none; }
small {font-size: .85em; }
sup {vertical-align: super; font-size: 0.85em; }
sub {vertical-align: sub; font-size: 0.85em; }
a, a:visited, a:hover {color: rgb(0,83,94); }
a:hover {color: rgb(129,124,0); border-bottom: 1px solid rgb(129,124,0); }
.dim {color: #aaa; }
.dim a, .dim a:visited {color: #999; }
h2 {margin-bottom: 3px; }
h3 {color: rgb(129,124,0); margin-bottom: 3px; }
h3.with-separator {border-top: 1px solid #ccc; padding-top: 10px;}

img.left-wrap {float: left; margin: 3px 12px 10px 0; }
img.right-wrap {float: right; margin: 3px 0 10px 12px;}

/* layout + structure */
.container {background: transparent; margin: 0 auto; width: 950px; }
.header {padding: 0px 30px 10px 0px; margin-bottom: 0; width: 920px; position: relative; }
.footer {background-color: rgb(0,83,94); color: rgb(71,195,211); margin: 10px 0 0 0; padding: 3px 0; width: 100%;  }
.footer p {font-size: 11px; line-height: 15px; margin: 5px auto; width: 960px; }
.main {padding: 0;}
.footer a {color: rgb(71,195,211); }
.footer a:hover {color: rgb(220,220,220); border-bottom-width: 0; }
.header h1 {font-weight: normal; font-size: 2.25em; margin: 0 0 10px 0; width: 170px; height: 85px; }
.header h1 a {background: url(../images/ElixirInternationalLogo.png) 0 0 no-repeat; display: block; width: 170px; height: 85px; text-indent: -3000px; border-bottom-width: 0; }
.main li {margin-bottom: 5px;}

.column {float: left; }
.column-navigation {width: 110px; margin-right: 20px; margin-left: 35px; }
.column-main {width: 410px; }
.column-sidebar {width: 290px; margin-left: 30px; }
.column-merged-main {width: 730px; }
.column-merged-main img {float:right; border-style:solid; border-color:black; border-width: 1px; }
.column-merged-main img.linked {cursor:pointer; }

/* navigation */
.navigation ul, .navigation li {list-style-type: none; margin-left: 0; padding-left: 0; }
.navigation a:hover {border-bottom-width: 0; }

ul.headerNavigation {float: right; }
ul.headerNavigation li {border-right: 1px solid #a33; float: left; margin: 0 0px 0 7px; padding: 0 7px 0 0; }
ul.headerNavigation li.last {border-right-width: 0; }
ul.headerNavigation li.current a {color: #fff; font-weight: bold; }

ul.primaryNavigation {margin-bottom: 0; font-size: 1.2em; position: absolute; right: 30px; top: 0; }
ul.primaryNavigation li {display: block; float: left; margin-right: 5px; text-align: center; width: 90px; height: 75px; }
ul.primaryNavigation a {cursor: pointer; display: block; height: 75px; overflow: hidden; padding-top: 40px; position: relative; width: 90px; }
ul.primaryNavigation a:hover {color: rgb(255,255,255); }
ul.primaryNavigation a span.bg {background: url(rsc/nav-bg-green.png) 50% 100% no-repeat; display: block; position: absolute; top: -75px; left: 0; width: 90px; height: 75px; z-index: -1; }

ul.primaryNavigation li a.current {color: rgb(255,255,255); cursor: text; }
ul.primaryNavigation li a.current span.bg {top: 0; }

ul.pageNavigation {margin-bottom: 1em; font-size: 1.1em; }
ul.pageNavigation li {margin-bottom: 0.2em; }
ul.pageNavigation a {}
ul.pageNavigation a:hover {border-bottom-width: 0; }
ul.pageNavigation a.current {color: #000; font-weight: bold; }

/* features */
.feature-images {height: 220px; overflow: hidden; width: 960px; margin-bottom: 16px; }
.feature-container {width: 1400px; }
.feature-images .feature {float: left; height: 220px; margin: 0 5px; overflow: hidden; position: relative; width: 58px; cursor:pointer; }
.feature-images .first {margin-left: 0; }
.feature-images .last {margin-right: 0; }
.feature-images .current {width: 550px; cursor:default; }
.feature-images .normal {}
.feature-images .feature {background-position: 0 0; background-repeat: no-repeat; }
.feature-images .f1 {background-image: url(../images/feature01.jpg); background-position: -465px 0; }
.feature-images .f2 {background-image: url(../images/feature02.jpg); background-position: -20px 0; }
.feature-images .f3 {background-image: url(../images/feature03.jpg); background-position: -353px 0; }
.feature-images .f4 {background-image: url(../images/feature04.jpg); background-position: -100px 0; }
.feature-images .f5 {background-image: url(../images/feature05.jpg); background-position: -160px 0; }
.feature-images .f6 {background-image: url(../images/feature06.jpg); background-position: -120px 0; }
.feature-images .f7 {background-image: url(../images/feature07.jpg); background-position: -410px 0; }
.feature-images .feature h2 {color: #fff; font-size: 18px; line-height: 23px; display: none; position: absolute; }
.feature-images .f1 h2 {left: 30px; top: 120px;/* width: 305px;*/ }
.feature-images .f2 h2 {left: 50px; top: 40px;/* width: 245px;*/ }
.feature-images .f3 h2 {left: 30px; top: 25px;/* width: 240px;*/ }
.feature-images .f4 h2 {left: 245px; top: 40px;/* width: 300px;*/ }
.feature-images .f5 h2 {left: 274px; top: 50px;/* width: 280px;*/ }
.feature-images .f6 h2 {color: #000; left: 215px; top: 45px;/* width: 335px;*/ }
.feature-images .f7 h2 {left: 25px; top: 135px;/* width: 385px;*/ }


.feature-products {padding-bottom: 16px; }
.feature-products .feature {float: left; margin: 0 15px 0 0; padding: 0 0 0 95px; width: 216px; border-left: 1px solid #ccc; }
.feature-products .first {border-left-width: 0; padding-left: 80px; width: 216px;}
.feature-products .last {margin-right: 0; }
.feature-products .feature img {float: left; position: relative; left: -80px; margin-right: -80px; }

.feature-products-stack {margin-bottom: 16px; }
.feature-products-stack .feature {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 10px 0 10px 75px; }
.feature-products-stack .feature img {float: left; left: -75px; margin-right: -75px; position: relative; } 

.coins h2 {color: rgb(233,93,3); }
.helium h2 {color: rgb(0,129,198); }
.mars h2 {color: rgb(177,17,22); }

.partners img {margin-left: 20px; vertical-align:middle; cursor:pointer; }

/* news */
.featured-news {width: 300px; float: left; padding-right: 20px; border-right: 1px solid #ddd; margin-right: 30px; }
.featured-news .news-item {font-size: .9em; line-height: 1.6; color: #999; }

/* validation + alerts */
.validation-summary-errors {background: #ffc; border: 2px solid #eea; color: #900; margin: 0 0 10px 0; padding: 10px; }
.validation-summary-errors li {list-style-type: none; padding-left: 0; margin-left: 0; }
.validation-summary-errors ul {margin-bottom: 0; }
.field-validation-error {background: #ffc; color: #900; padding: 3px; }
span.field-validation-error {font-weight: bold; }