/* Cascade Health - v2
   on6162.co.nz - 17 November 2008 */

/* temp style */

h2 span { color:#f60; /*float:right; margin-right:10px; display:inline;*/ font-style:italic; position:absolute; top:1px; right:10px; }

/* end temp style */

.temp { float:right; }

html, body, ol, ul, h1, h2, h3, h4, p, img, form, fieldset, blockquote { border:0; margin:0; padding:0; }

body { background:#e8eff4 url(../bg/bg.jpg) repeat-x top left; font:76%/1.25 arial, helvetica, sans-serif; color:#003; text-align:center; }

html{ overflow-y:scroll; }
a { outline:none; }
p { padding:.5em 0 .7em; }

.note { background:url(../images/asterisk_orange.png) left 5px no-repeat; padding-left:12px; margin-top:10px; color:#36c; }
.contactdetails .note { margin-top:30px; }

#wrap { width:920px; margin:0 auto; padding:20px 0; text-align:left; word-spacing:0.05em; letter-spacing:0; line-height:1.5em; font-size:1em; }

#content { background:url(../bg/bgconttop.jpg) center top no-repeat; padding:30px 55px 0; height:100%; } /* height > IE6 */
#contexp { background:url(../bg/bgcontexp.jpg) center center repeat-y; }
#footer { background:url(../bg/bgcontbot.jpg) center top no-repeat; padding-top:20px; text-align:center; font-size:0.9em; }

.logo { width:464px; height:126px; text-indent:-9000px; background:url(../images/logo.png) no-repeat; }
.logo a { display:block; width:464px; height:126px; }
.logo a:hover { background:none; }

.mainimg { background:url(../images/mainimg.jpg) 0 0 no-repeat; height:152px; width:802px; margin-top:20px; }
.mainimg2{ background:url(../images/mainimg2b.jpg) 0 0 no-repeat; height:152px; width:802px; margin-top:20px; }
.mainimg3 { background:url(../images/mainimg3.jpg) 0 0 no-repeat; height:152px; width:802px; margin-top:20px; }
.mainimg4 { background:url(../images/mainimg4.jpg) 0 0 no-repeat; height:152px; width:802px; margin-top:20px; }
.mainimg5 { background:url(../images/mainimg5.jpg) 0 0 no-repeat; height:152px; width:802px; margin-top:20px; }

/* NAVIGATION */

.nav { background:url(../bg/bgnav.png) 0 0 no-repeat; margin-top:25px; height:50px; font-size:1.4em; }

.nav li { float:left; display:block; padding:10px 14px; }
.nav a:link, .nav a:visited  { float:left; display:block; color:#333; text-decoration:none; height:30px; line-height:30px; padding:0 15px; }
.nav a:hover, #bdhome a.homeid, #bdbio a.bioid, #bdbiocleanse a.biocleanseid, #bdwrap a.wrapid, #bdcontact a.contactid { background:url(../bg/bgnavhover.png) top right repeat-x; color:#36c; text-decoration:none; padding-left:0px; }
.nav a:hover span, #bdhome .homeid span, #bdbio .bioid span, #bdbiocleanse .biocleanseid span, #bdwrap .wrapid span, #bdcontact .contactid span { background:url(../bg/bgnavhoverleft.png) top left no-repeat; padding-left:15px; float:left; cursor:pointer; }

/* SIDE NAVIGATION */

.sidenav { background:url(../bg/bgbox2.png) 0 0 no-repeat; padding:20px 0 0 20px; }
.sidenav a { padding:3px 5px;  }

.articlewide { width:710px; clear:both;  border:1px dotted green; }

.article { width:550px; margin-bottom:40px; float:left; }
.short{ margin-bottom:200px; }

.aside { width:220px; float:right; }
#bdhome .aside { margin-top:-90px; }
.aside ul { margin-top:8px; }
.aside li { margin-bottom:15px; }

/* STRUCTURE */

.intro { font-size:1.1em; padding:1em 0; border:1px solid #78b0eb; border-width:1px 0; }
#bdhome .intro { border:none; }

ul.screenshots { margin-left:25px; font-size:.9em; color:#626e78; line-height:normal; }
#bdbiocleanse ul.screenshots { margin-left:5px; }
.screenshots img { border:4px solid #fff; display:block; }
#bdbiocleanse .screenshots img { border:1px solid #36c; }
.screenshots a { border:1px solid #d8e4e9; width:150px; display:block; overflow:hidden; }
.screenshots a:hover { border:1px solid #36c; background:none; }
.screenshots li { margin-bottom:10px; }

.box { background:url(../bg/bgbox.png) 0 0 no-repeat; width:192px; padding:7px 14px 0; font-size:.9em; margin:30px 0 50px; }
.box a:link, .box a:visited, .sidenav a:link, .sidenav a:visited { color:#36c; padding:2px 8px 2px 5px; }
.box a:hover, .sidenav a:hover, a:link.current, a:visited.current { background-color:#36c; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px;  }

/* TESTIMONIALS */

blockquote { background:url(../bg/quote.png) 0 0 no-repeat; padding-left:40px; margin-top:20px; }
blockquote p { padding:0 }
.name { font-style:italic; margin-left:40px; }

.head, .biohd, .biocleansehd, .wraphd, .contacthd { background:url(../images/heading.png) 0 0 no-repeat; text-indent:-9000px; width:550px; height:40px; margin:40px 0 20px; }
.biohd { background-position:0 -40px; }
.biocleansehd { background-position:0 -80px; }
.wraphd { background-position:0 -120px; }
.contacthd { background-position:0 -160px; }

a:link, a:visited { color:#c00; text-decoration:none; }
a:hover { color:#fff; background-color:#36c; }
.sidenav a:hover { -moz-border-radius:3px; -webkit-border-radius:3px; }

.keita { margin:15px 0; }

.clear { clear:both; }

.contactfoot { clear:both; overflow:hidden; }
.contactfoot li { display:inline; font-size:.9em; float:left; padding:10px 5px 0 0; }
.contactfoot img { margin:-12px 10px 0 0; }

ul.contactdetails { border-left:1px solid #78b0eb; padding:1px 0 1px 15px; margin:25px 0 0 20px; }
.contactdetails strong, .contactfoot strong { color:#36c; padding-right:3px; }
.contactdetails li { margin:0 0 3px 0; }

em { font-style:normal; color:#36c; }

img.iart { float:left; padding:2px; border:1px solid #ccc; margin:5px 15px 10px 0; }

/* HEADINGS */

h1, h2 { font-weight:normal; }

h1 { font-size:1.5em; }
h2 { font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size:1.4em; color:#36c; font-weight:bold; margin-bottom:.2em; padding-bottom:.5em; position:relative; } /* pos rel for temp style */
 
.article h2, .programs, .screenshots h3 { background:url(../bg/deepline.png) 0 bottom repeat-x; }
h3 { font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size:1.2em; color:#4c5964; }
.screenshots h3 { font-size:1.2em; margin-top:30px; padding-top:10px; background-position:0 top; width:90%; }
 
/* LISTS */

ol, ul { list-style:none; }
.contactdetails .end { margin-bottom:1em; } 

.programs { padding:.5em 0 1em; width:100%; overflow:hidden; display:inline-block; }

.pro1 { float:left; margin-right:60px; }
.pro2 { float:left; }
#bdbiocleanse .pro2 { margin-bottom:40px; }

.bullet li { background:url(../images/bullet.png) 0 5px no-repeat; padding:0 0 3px 1em; margin-left:2px; }
 
/* WEB CREDIT */
.credit { margin:0.3em auto; }
.credit a:link, .credit a:visited { background:url(../images/checkblack.png) left 0 no-repeat; padding-left:17px; color:#003; text-decoration:none; }
.credit a:hover { color:#36c; }

/* TABLES */

table { background:#f6f8f9; border-bottom:1px solid #36c; font-size:0.9em; border-collapse:collapse; margin:10px 0 20px; }
th { background:#36c; color:#fff; padding:2px 25px 2px 7px; }
td { padding:5px 20px 5px 7px; }

/* CONTACT FORM */ 

.small { font-size:.9em; }

img.required { margin-bottom:2px; } 

.contactform { float:left; } 
.contactform fieldset { float:left; clear:left; width:100%; border-style:none; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 4em 7em; }
.contactform input { width:27em; background-color:#fff; }
.contactform textarea { width:29.5em; height:6em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }


.contactform input, .contactform textarea, .contactsubmit input { border:1px #cedcef solid; padding:4px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.contactform input:focus { border-color:#36c; }

.contactsubmit input { width:auto; margin-right:10px; cursor:pointer; background:url(../bg/bgnav.png) -10px -20px no-repeat; padding:4px 10px; }
.contactsubmit input:hover { background:url(../bg/bgnavhover.png) bottom -10px no-repeat; color:#36c; }

/* THUMBVIEWER */

#thumbBox { /* outermost DIV */
 position:absolute;
 left:0;
 top:0;
 width:auto;
 padding:5px;
 padding-bottom:0;
 visibility:hidden;
 z-index:10;
 cursor:pointer;
 background:#fff;
 border:1px solid #003;
 }

#thumbBox .footerbar { /* footer DIV that contains "close" link */
 font:bold 12px arial, helvetica, sans-serif;
 letter-spacing:0.5px;
 line-height:1.1em;
 color:#003;
 padding:5px 0;
 text-align:right;
 }

#thumbBox #thumbImage { /* DIV that holds the enlarged image */
 background-color:#fff;
 font:1.6em "Trebuchet MS", arial, helvetica, sans-serif;
 color:#003;
 }

#thumbImage img { /* DIV that holds the enlarged image */
 border:1px solid #003;
 margin-bottom:5px;
 }

#thumbLoading { /* loading status */
 position:absolute;
 visibility:hidden;
 border:1px solid #4b5e8a;
 background-color:#f7f7f7;
 color:#333;
 padding:5px;
 z-index:5;
 }