/*
Website name: Turn the Music (mini site)
Website:http://cochlearamericas.com/TurnOntheMusic
Author: mhunt@dlc-solutions.com
Author URL: http://dlc-solutions.com
Date: 01-16-09

References:
http://jquery.thewikies.com/sifr/#examples
http://novemberborn.net/sifr/
*/

/*Colors
#fff white
#00a1cc blue
#ec154f red
#7d7d7d light gray
*/

/*Global 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align:left;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*Clearfix------------------------------------------------------------------*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 


/*Global Classes------------------------------------------------------------------*/

body { 
font-size:62.5%; 
line-height:1; 
background: #005d85 url(images/body-repeat.jpg) repeat-x;
font-family: "Gill Sans", "Arial", sans-serif;
}
.hidetext { display:block; overflow:hidden; text-indent:-9999px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
a img {border:none;}
.blue { color:#00a1cc;}
.red { color: #ec154f;}
.small { color: #7d7d7d; font-size:11px;}
.bold { font-weight:bold;}
.border-right-col { 
background: url(images/border-right-col.gif) bottom left no-repeat; 
padding: 5px 0; 
width: 342px;
display: block;
height: 2px;
}

/*Links------------------------------------------------------------------*/
a { color: #ec154f; text-decoration: none;}
a:hover { text-decoration:underline; color:#00a1cc;}

sup a { color:#EC154F; text-decoration:none; }
sup a:hover { color:#00a1cc; text-decoration:underline;  }

/*Typography------------------------------------------------------------------*/

p, ol li {margin:1em 0; font-size: 12px;}
p.gillsans { color: #5a5a5a; }

h1, h2, h3, h4, h5, h6 {}
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1em;}
h4 {font-size:1em;}

/*Music Home Page*/
div.home-intro p.gillsans {
margin:0.5em 0; 
font-size: 18px; 
line-height: 26px;
width: 340px;
}

/*SS2 Page*/
div.ss2-intro { padding-left:25px; width: 534px;}
div.ss2-intro h3  { width: 534px; }
div.ss2-flash { margin-top: 12px;}
div.ss2-flash h4 { padding-left: 25px; font-weight: bold; }


/*Hope Page*/
div.hope-music-materials { margin-top:24px; border-top:1px #e9e9e9 solid; padding-top: 12px;}
div.cochlear-music-pdf { margin-top: 12px; }
div.cochlear-music-pdf div.left, div.cochlear-music-pdf div.right { width:237px; display: block;}
div.cochlear-music-pdf div img { float: left; width: 59px; display: block;}
div.cochlear-music-pdf div p { float: right; display: block; width: 168px; font-size:14px; color: #7d7d7d;}
div.cochlear-music-pdf div p a { font-weight: bold;}

/*Paragraphs*/
p.gillsans { 
font-family: "Gill Sans", "Gill Sans MT", "Gill Sans Std", "Arial", sans-serif; 
line-height: 1.5; 
font-size:14px; 
font-weight: normal; 
margin: 1em 0; 
color: #7d7d7d; 
}

div.left-column p.gillsans {
width: 534px;
margin:0.5em 0 0 0; 
font-size: 17px; 
 }
 
div.right-column p.gillsans {
width: 340px;
margin:0.5em 0 0 0; 
font-size: 18px; 
 }
 
p.nogillsans {
width: 534px;
margin:0.5em 0 0 0; 
font-size: 16px; 
color: #7d7d7d;
font-family: Arial, sans-serif;
font-weight:bold;
line-height:1.3;
 }
 
 
.sIFR-active div.left-column p.gillsans {
width: 534px;
margin:0.5em 0 0 0; 
font-size: 18px; 
 }
 
.sIFR-active div.right-column p.gillsans {
width: 340px;
margin:0.5em 0 0 0; 
font-size: 21px; 
 }
 
 /*Headers*/
.intro-header { color: #00a1cc; margin-top:12px;}
h3.intro-header { font-size:27px; font-weight:normal;}
h4.intro-header { font-size:21px; font-weight:normal;}

.sIFR-active h4.intro-header { font-size:21px; }
.sIFR-active h3.intro-header { font-size:30px; }


/*Call Outs*/
div#callout { margin-top:12px;}
div.callouts p strong a {font-family: "Gill Sans", "Arial", sans-serif font-weight:bold; font-size:14px; }


/*Flash Player*/

div.home-flash small {position:absolute; padding:0 5px 5px 5px; right:30px; background: #fff; font-size: 11px;}
div.home-flash small a { text-decoration: underline;}

/*Hidden Text*/
ul#ss2graphs, 
ul#ss2graphs li, 
div.ss2-settings { 
display: none;
}

ol#references { padding-left:25px;}
ol#references li { list-style: decimal; list-style-position: outside; font-size: 14px; margin: 1em 0;  color: #5a5a5a; line-height: 1.4;}

/*Lists------------------------------------------------------------------*/


/*Main Containers------------------------------------------------------------------*/

#faux-body {
margin:0 auto; 
text-align:center; 
background: url(images/background-top2.jpg) center top no-repeat;
}

body.page-ss2 #faux-body {background: url(images/background-top-ss2.jpg) center top no-repeat; }

.top-flash {
height: 96px; width: 960px;}

#wrapper {
margin:0 auto; 
text-align:center; 
padding:96px 10px 30px 10px; 
width:960px;
}

body.page-ss2 #wrapper { padding-top:0; }

#content { 
width:960px;
background: #fff;
}

.left-column {
float:left; 
width:584px; 
padding-right:24px; 
background: #fff;
}

.right-column {
width:352px;
float:right;
}

body.page-music .right-column { 
padding-top:20px;
}

/*Navigation------------------------------------------------------------------*/

div#navigation { 
height: 30px;
width: 960px;
position: relative;
background: #fff url(images/header-bg.gif) left top no-repeat;
}

ul.nav { 
width: 637px; 
margin-left:323px;  
position: relative; 

display: block;
height: 30px;
}
ul.nav li { position: absolute; height: 30px; top:0; display: block;}
ul.nav li a { 
height: 30px; 
display: block; 
background-image:url(images/nav-sprite.png);
background-repeat: no-repeat;
color: #666; 
font-size: 14px;
text-decoration: none;
font-weight: bold;
line-height: 30px;
text-indent: -9999px;
}

li.music {left:0;}
li.music a { width:  149px;  background-position: 0 0;}
li.music a:hover,
body.page-music li.music a,
body.page-music li.music a:hover { background-position: 0 -30px;}

li.ss2 { left: 149px;}
li.ss2 a { width: 125px; background-position: -149px 0;}
li.ss2 a:hover,
body.page-ss2 li.ss2 a,
body.page-ss2 li.ss2 a:hover
{background-position: -149px -30px; }

li.hope { left:274px;}
li.hope a { width: 152px; background-position: -274px 0; }
li.hope a:hover,
body.page-hope li.hope a,
body.page-hope li.hope a:hover { background-position: -274px -30px; }

li.stories { left: 426px;}
li.stories a { width:211px; background-position: -426px 0; }
li.stories a:hover,
body.page-stories li.stories a,
body.page-stories li.stories a:hover {background-position: -426px -30px;  }


/*Header------------------------------------------------------------------*/

#header { 
height: 96px; 
width:584px;
position: relative; 
background: #fff;
}

#header h1 {display: none;}

/*Content Specific------------------------------------------------------------------*/

div.callouts p {
padding-left:80px;
width:200px;
font-size:16px;
color: #7d7d7d;
line-height: 1.2;
}

div.callouts p a { 
font-weight: bold;
}

div.right-column img.left { 
margin-right:0.5em; 
margin-bottom: 0.5em;
}

div.home-flash { 
position: relative;
height: 418px; 
width:581px; 
padding-right:3px;
padding-bottom: 12px;
background: url(images/flash-red-bar.png) right top no-repeat;
}


/*Quotes*/

ul#quotes { margin-top:20px;}
ul#quotes li { margin: 20px 0 0 0;}
ul#quotes li img { float: left; width: 263px; display: block;}
ul#quotes li blockquote { display: block; float: right; width: 258px;}
ul#quotes li blockquote small { display:block; color:#00A1CC; font-size: 12px; font-weight: normal;}
ul#quotes li blockquote p.gillsans {width: 258px; margin-top: 0; margin-bottom: 0.25em;}

#community-link-box { position: relative; width: 293px; height: 204px;}
#community-link a{ font-size:14px; font-weight:bold; position: absolute; display: block; width:220px; height: 30px; top: 170px; left: 67px; overflow: hidden; }

/*Images------------------------------------------------------------------*/

img.freedom, img.didyouknow { padding-left: 25px;}
img.ss2-graphs { margin-top:1px;}
img.ss2-icons { display: block; padding-bottom: 20px;}

/*Footer------------------------------------------------------------------*/

#footer-wrapper {
clear:both;
width:960px; 
background: #fff url(images/cochlear-logo-footer.gif) right bottom no-repeat;
height: 142px;
position: relative;
}

a#cochlearamericas { position: absolute; width:244px; height:133px; display: block; text-indent: -9999px; overflow: hidden; cursor: pointer; left: 716px;}

#footer {  
width:691px; /*716 - 25 = 691*/
float: left; 
padding-left: 25px;
padding-top:80px;
}

#footer p { width:691px; line-height: 16px;}
#footer span.copyright { display: block; }


/*Development Snippets------------------------------------------------------------------*/

/* div { border: 1px red solid;} */
/*body { font-family: "Times New Roman"; */