@charset "UTF-8";
/* Calisolar */
/* Copyright (c) 2009 Calisolar */
/* Stylesheet by Kevin at Brough Communications */
/* For Screen */

/************** Colors Used  **************
Green: B1D135
Gray: 4D4D4F, 999, 7C7C80
Light Blue: 3A9EC2
Dark Blue: 2F85A3
*/

/************** Root Element **************/
html { height:100%; }
html, body { margin:0; padding:0; color:#4D4D4F; background:#fff; 
    font:small/1.3 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Lucida,Arial,sans-serif; }

/************** Headings **************/
h1 { margin:0 0 0 265px; padding:0; font-size:175%; line-height:1.0; text-transform:uppercase; 
    font-family:"Trajan Pro",Trajan,Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif; }
h1 a:active { background:transparent; }
h2 { margin:0; padding:3px 0; font-size:275%; text-transform:uppercase; }
h3 { margin:30px 0 0 0; padding:0; font-size:140%; color:#2F85A3; text-transform:uppercase; }
h4 { margin:15px 0 0 0; padding:0; font-size:125%; color:#2F85A3; }
h5 { margin:0; padding:0; font-size:120%; }
h6 { font-size:110%; }

/************** Links **************/
a:link { color:#2F85A3; }
a:visited { color:#3A9EC2; }
a:hover, a:focus { color:#2F85A3; }
a:active { color:#fff; background:#2F85A3; }
a img { border:0 none; }

/************** Standard Elements **************/
blockquote { margin:0 3em; padding:0; font-size:90%; color:#B1D135; }
p { margin:0 0 10px; padding:0; }
table { table-layout:fixed; border-collapse:collapse; empty-cells:show; width:100%; }
code { font-size:110%; }
small { font-size:90%; }
abbr[title='and'] { font-family:Baskerville,Palatino,"Book Antiqua",serif; font-style:italic; }
hr { margin:10px 0; padding:0; border:0; color:#999; background-color:#999; height:1px; }
hr.clear { clear:both; visibility:hidden; }
acronym, abbr { border-bottom:1px dotted #eee; }
div.object { margin:0 auto; text-align:center; }

/************** Forms **************/
.form-text, textarea { width:330px; padding:1px 2px; border:1px solid #A7A9AC; 
    font:small "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Lucida,Arial,sans-serif; }
textarea { height:5.5em; }
.form-button { font-size:medium; font-weight:bold; }
a.form-secondary { float:right; font-size:90%; color:#A7A9AC; }
p.error { padding:10px; border:1px solid #D15333; border-width:1px 0; font-weight:bold; 
    color:#C44E27 !important; background:#F3CFC4; }
p.info { padding:10px; border:1px solid #fc0; border-width:1px 0; font-weight:bold; 
    background:#ffc; }
form p { margin-bottom:15px !important; }
form p.last { margin-bottom:0 !important; }

/************** Page Layout **************/
#container { width:100%; margin:0 auto; }

#header-container { width:100%; margin:0; background:#353536; }
#header { position:relative; left:-138px; width:1100px; margin:0 auto; 
    background:transparent url(../img/decor/header_bg.png) 0 0 no-repeat; }
#search { width:100%; margin:0; background:#B1D135 url(../img/decor/search_bg.png) 0 100% repeat-x; }
#search p { width:880px; padding:5px 0 10px; margin:0 auto; text-align:right; }
#search-field { width:150px; height:20px; margin:0; padding:0; border:0 none; 
    -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-bottom-left-radius:5px; 
    -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; 
    background:rgba(255,255,255,.3); vertical-align:top; }

#content-container { width:100%; min-height:640px; margin:0; padding:35px 0 50px 0; 
    background:#fff url(../img/decor/page_bg.png) 0 0 repeat-x; }
#content { width:880px; margin:0 auto; background:#fff url(../img/decor/content_bg.gif) 0 0 repeat-x; 
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#primary-content { float:right; width:570px; margin:0; padding:10px 40px 0 0; }
#primary-content.solo { width:800px; padding-left:40px; }
#primary-content h2 { color:#fff; text-shadow:0 0 5px rgba(0,0,0,.65); border-bottom:1px solid #B1D135; }
#primary-content p, #primary-content ul, #primary-content ol, #primary-content dl { margin:5px 0 25px; 
    color:#7C7C80; font-size:90%; line-height:1.9; }
#primary-content h2 + p, #primary-content h2 + ul, #primary-content h2 + .figure + p { margin-top:30px; }
#primary-content dt { font-weight:bold; }
#primary-content dd { display:list-item; }

#sidebar { position:relative; top:-30px; left:10px; width:197px; float:left; list-style:none; margin:0; 
    padding:20px 28px 0 20px; min-height:400px; background:url(../img/decor/sidebar_bg.png) 0 0 repeat-x; }
#secondary-content, #tertiary-content { list-style:none; margin:0; padding:0; }
#secondary-content { border:1px solid #A6A6A6; -webkit-border-radius:6px; -moz-border-radius:6px; 
    border-radius:6px; border-bottom-width:6px; font-size:90%; font-weight:bold; 
    text-transform:uppercase; }
#secondary-content li { display:block; margin:0; padding:0; }
#secondary-content a { display:block; margin:0; padding:6px 10px; color:#4D4D4F; 
    background:url(../img/decor/nav_item_bg.png) 0 100% repeat-x; text-decoration:none; }
#secondary-content ul { list-style:url(../img/decor/bullet.png) inside circle; margin:0; padding:0; 
    font-size:90%; }
#secondary-content ul li { display:list-item; margin:0; padding:3px 0 5px 20px; 
    background:url(../img/decor/nav_subitem_bg.png) 0 100% repeat-x; }
#secondary-content ul a { position:relative; top:2px; display:inline; margin:0; padding:0; color:#999; 
    background:transparent; text-decoration:none; }
#secondary-content #home a { border-top-right-radius:6px; -moz-border-radius-topright:6px; 
    -webkit-border-top-right-radius:6px; border-top-left-radius:6px; -moz-border-radius-topleft:6px; 
    -webkit-border-top-left-radius:6px; }
#secondary-content .active a { border-left:5px solid #B1D135; color:#2F85A3; }
#secondary-content .active ul a { border-left:0 none; color:#999; }
#secondary-content .active ul .active a { color:#2F85A3; }

#tertiary-content { font-size:85%; font-weight:bold; text-transform:uppercase; line-height:1.2; }
#tertiary-content li { display:block; margin:0; padding:0; border-bottom:1px solid #A6A6A6; }
#tertiary-content a { display:block; margin:10px 0; padding:5px 0 0 86px; min-height:35px; color:#2F85A3; 
    text-decoration:none; }
#tertiary-content li#technology a { background:url(../img/decor/photos/technology_sm.jpg) 0 50% no-repeat; }
#tertiary-content li#advantage a { background:url(../img/decor/photos/advantage_sm.jpg) 0 50% no-repeat; }
#tertiary-content li#company a { background:url(../img/decor/photos/company_sm.png) 0 50% no-repeat; }
#tertiary-content li#grand_opening a { background:url(../img/decor/photos/grand_opening_sm.jpg) 0 50% no-repeat; }
#tertiary-content li#products a { background:url(../img/decor/photos/products_sm.jpg) 0 50% no-repeat; }
#tertiary-content li#advantage { border-bottom:0 none; }
#tertiary-content a:hover { background-color:#eee !important; }

#footer { list-style:none; clear:both; margin:0; padding:15px 0; font-size:85%; color:#7C7C80; 
    text-align:center; }
#footer li { display:inline; padding:0 10px; border-right:1px solid #7C7C80; }
#footer li.last { border-right:0 none; }
#footer li#copyright { display:block; padding:10px 0 0; border-right:0 none; }
#footer a { color:#7C7C80; }
#footer a:active { color:#fff; }

/************** Home Page **************/
.home #header-container { overflow:hidden; }
.home #header { left:0; width:990px; min-height:116px; 
    background-image:url(../img/decor/home_header_bg.png); }
.home #header h1 { margin-left:90px; }
.home #search { position:absolute; top:70px; right:50px; background:transparent; }
.home #search, .home #search p { width:auto; margin:0; }
.home #footer { padding-top:30px; padding-bottom:10px; 
    background:transparent; }

#masthead { position:relative; width:100%; margin:0; 
    background:#B1D135 url(../img/decor/masthead_repeat_bg.png) 100% 100% repeat-x; }
#slider { width:990px; height:287px; margin:0 auto; padding-bottom:20px; 
    background:#B1D135 url(../img/decor/masthead_bg.jpg) 100% 100% no-repeat; overflow:auto; }
#slider .panel { width:880px; height:257px; padding:25px 50px; }
#slider .figure { float:left; margin-right:20px; }
#slider h2 { margin-top:20px; color:#fff; font-size:260%; text-shadow:0 0 5px rgba(0,0,0,.65); }
#slider .panel p { font-size:120%; line-height:1.8; }

#slider-nav { position:absolute; bottom:0; left:0; right:0; list-style:none; clear:both; margin:0; 
    padding:0; text-align:center; }
#slider-nav li { display:inline; }
#slider-nav a { width:4px; height:4px; display:inline-block; margin:0 4px; padding:4px; color:#fff; 
    background:url(../img/decor/bullet_w.png) 50% 50% no-repeat; text-decoration:none; 
    box-shadow:0 0 2px rgba(0,0,0,.65); }
#slider-nav a.activeSlide { background-image:url(../img/decor/bullet_b.png); }

#nav { clear:both; width:100%; margin:0; padding:0; border:2px solid #fff; border-width:2px 0; 
    background:#fff url(../img/decor/home_nav_bg.png) repeat-x; }
#nav ul { list-style:none; clear:both; width:990px; margin:0 auto; padding:0; border-top:1px solid #BABABF; }
#nav li { display:inline; }
#nav a { width:248px; display:inline-block; margin:0; padding:35px 0; color:#4D4D4F; 
    background:url(../img/decor/home_nav_divider.png) 100% 0 no-repeat; 
    font:bold 160%/1.0 "Trajan Pro",Trajan,Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif; 
    text-align:center; text-decoration:none; text-transform:uppercase;  }
#nav li:last-child a { width:246px; background-image:none; }
#nav a:hover, #nav li:last-child a:hover { position:relative; 
    background:#fff url(../img/decor/home_nav_active.png) 0 100% repeat-x; }
#nav a:hover b { position:absolute; top:-3px; left:110px; display:block; width:27px; height:14px; 
    background:url(../img/decor/home_nav_active_arrow.gif) 0 0 no-repeat; }

#supplemental-container { width:100%; margin:0; padding:0; 
    background:url(../img/decor/home_page_bg.png) 0 0 repeat-x; }
#supplemental { width:990px; margin:0 auto; padding:35px 0; font-size:80%; }
#supplemental .item { float:left; width:250px; margin:0 20px; padding:110px 20px 5px; 
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color:#7C7C80; background:#fff; }
#supplemental h3 { margin:0 0 10px 0; }
#supplemental h3 a { display:block; padding:0 20px 0 0; 
    background:url(../img/decor/arrow.png) 100% 50% no-repeat; text-decoration:none; }
#supplemental h3 a:active { color:#B7D34B; }
#supplemental #technology { background:#fff url(../img/decor/photos/technology_md.jpg) 50% 10px no-repeat; }
#supplemental #advantage { background:#fff url(../img/decor/photos/advantage_md.jpg) 50% 10px no-repeat; }
#supplemental #company { background:#fff url(../img/decor/photos/company_md.png) 50% 10px no-repeat; }
#supplemental #grand_opening { background:#fff url(../img/decor/photos/grand_opening_md.png) 50% 10px no-repeat; }
#supplemental #products { background:#fff url(../img/decor/photos/products_md.png) 50% 10px no-repeat; }

/************** Classes **************/
.figure { float:right; }
.figure.stack img { display:block; margin-bottom:25px; }
#primary-content .figure { width:232px; }
#primary-content .figure p { margin:0 5px 0 25px; color:#999; }
#primary-content .figure p.caption { font-size:80%; }
a.video { display:block; min-height:24px; padding-left:26px; 
    color:#999; background:url(../img/decor/icon_video.gif) 0 50% no-repeat; text-transform:uppercase; }

.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .group { height:1%; }
*:first-child+html .group { min-height:1px; }

#primary-content ul.two-col { list-style:none; padding-left:0; overflow:hidden; }
.two-col li { width:50%; margin-bottom:10px; float:left; text-align:center; }
.two-col li:nth-child(odd) { clear:left; }
.two-col-item { width:50%; margin-bottom:10px; float:left; }

.press li { margin-bottom:10px; line-height:1.4; }
.press li small { display:block; }

#primary-content p.tight { margin-bottom:0; }
#primary-content p.space { margin-top:10px; }
#primary-content .x-large { font-size:120%; }

p.action { text-align:right; }
p.action a { width:91px; height:50px; display:inline-block; padding:3px 12px; color:#4D4D4F !important; 
    background:url(../img/decor/button.png) 0 0 no-repeat; font-size:75%; font-weight:bold; 
    text-transform:uppercase; text-align:center; text-decoration:none; }

.baseline-shift { position:relative; top:-8px; }
