*  {margin: 0px; padding: 0px;}

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  {
border:0 none;
margin:0;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
font-size:12px;
}
html, body{
  height:100%;
}


.section h2{
}
.section p{
}

h1 {font-size:1.5em;margin-bottom:10px;}
h2 {font-size:1.4em;margin-bottom:10px;}
h3 {font-size:1.3em;margin-bottom:10px;}
h4 {font-size:1.2em;margin-bottom:10px;}
h5 {font-size:1.2em;margin-bottom:2px;color:#667}

p {margin-bottom:10px;line-height:20px;font-size:14px;  font-family: 'WebFont', Arial, sans-serif; }

img { max-width: 100%; height:auto;border:0;margin:0;}


div.msg{
    float: left;
    width: 40%;
    padding: 20px;
    background-color: #F3F0F7;
    
    -webkit-box-shadow: 0 0px 5px #444;
    -moz-box-shadow:0 0px 5px #444;
    box-shadow:0 0px 5px #444;
    
    margin-top: 40px;
    
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:10px;
    
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    
}

[tooltip] {width:115px;height:115px;border-radius:100px;font-size:1em;color:#fff;text-align:center;background:#111;float:left; margin-right:20px;margin-bottom:30px;font-family: 'WebFont', Arial, sans-serif;}

.ctitles {margin:20px 0 20px;}
.circlet {padding-top:44px;font-size:1.4em;}
.circlet2{padding-top:36px;font-size:1.4em;}
.circlet3{padding-top:30px;font-size:1.4em;}
	
#header
{
display:block;
height:70px;
width:100%;
background-color: black;
position:relative;
text-align:center;
}
.spacer {margin-bottom:20px;}
ul.social {list-style: none;width:120px;position:absolute;right:20px;bottom:26px;}
.social li  a{margin-right:16px;}
li.facebook  a {height:0px; width:24px;display:block;background: url(../images/facebook_off.png) no-repeat;padding-top:20px;overflow:hidden;float:left;}
li.facebook a:hover {display:block;background: url(../images/facebook_on.png) no-repeat;}
li.twitter a {height:0px; width:24px;display:block;background: url(../images/twitter_off.png) no-repeat;padding-top:20px;overflow:hidden;float:left;}
li.twitter a:hover {display:block;background: url(../images/twitter_on.png) no-repeat;}
li.google a {height:0px; width:24px;display:block;background: url(../images/google_off.png) no-repeat;padding-top:20px;overflow:hidden;}
li.google a:hover {display:block;background: url(../images/google_on.png) no-repeat;}
#subheader {
display:block;
height:100px;
width:100%;
margin-bottom: 90px;
background-color: #e9e9e9;
}
.ptitle {width:100%; margin-top:40px;padding-bottom:20px;
text-align:center;border-bottom: 1px solid gray;}
.caltitle {width:100%; padding:20px 0 0px 0;margin-bottom:30px;
text-align:center;border-bottom: 1px solid gray;}
.mainc {margin-top:66px;}

#section2 {height:14px;display:block;}
#section3 {height:14px;display:block;}
#section4 {height:14px;display:block;}




div.himage {
display:block;
position:relative;
height:70px;
width:600px;
margin:0 auto;
}
div.himagem {display:none;}
div.fimage {
display:block;
position:relative;
height:70px;
margin:0 auto;
}
.text {display:block;width:68%; margin: 30px auto 0 auto;float:right;}
.ltext {display:block;width:90%; margin: 20px auto 0 auto;}
.wccover {
float:left;
}
.splitter {width:100%; text-align:center;margin:60px 0 60px 0;}

.itext {margin: 30px auto 0 auto;width:90%;}
.itext h5 {font-size: 1em;margin:10px 0 4px 0;}
.itext p {font-size: 1.2em;}
section#main {


margin:0px auto;
height:a;
width:1000px;
display:block;
}

section#characters {
margin:0px auto;
height:auto;
width:1000px;
display:block;
}

section#interview,  #interview2, #interview3, #interview4
{
margin:0px auto;
height:auto;
width:1000px;
display:block;
}
.interviewintro {width:80%; margin:0 auto 20px;font-style:italic;}

ul.nav  {list-style:none; margin:0 auto;width:391px;}
.nav ul{
    list-style:none;
    margin:0;
}
ul.nav li{
    float:left;
    color:#aaa;
}

ul.navp  {list-style:none; margin:0 auto;width:500px;}
.navp ul{
    list-style:none;
    margin:0;
}
ul.navp li{
    float:left;
    color:#aaa;
}

.caller {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	float:left;
	margin-right:6px;
}
.caller:hover {

}
.caller:active {
	position:relative;
	top:1px;
}
.caller:visited {
	position:relative;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000), color-stop(1, #000));
	background:-moz-linear-gradient(top, #000 5%, #000 100%);
	background:-webkit-linear-gradient(top, #000 5%, #000 100%);
	background:-o-linear-gradient(top, #000 5%, #000 100%);
	background:-ms-linear-gradient(top, #000 5%, #000 100%);
	background:linear-gradient(to bottom, #000 5%, #000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=0);
	background:#000;
}
.stitle {
width:100%;
height:30px;
color:white;
font-size:14px;
text-align:center;
margin:40px 0 70px 0;
padding-top:10px;
background-color:black;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.bmenu {margin:30px 0 0 0;height:30px;width:100%;}
.pmenu {margin:30px 0 0 0;height:30px;width:350px;float:right;}
.bbutton {float: left; margin-right:5px;}
.clearfix {clear:both;}
.twctitle {display: block; margin: 10px auto 0px auto; width:100%;text-align:center;}

.kindle {width:291px; margin:32px auto 30px auto; text-align:center;}
.buy {margin-top:4px;}

#footer {
display:block;
height:30px;
width:100%;
background-color: black;
position: fixed;
bottom:0;
margin:0 auto;
padding:0;
text-align:center;
}

div.copyright{width:100%;text-align:center;height:40px;margin:30px auto 40px;clear:both;}

[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 16px;
	font-size:16px;
    color: #333;
	text-align:left;
	max-width:300px;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver; 
	font-family: 'WebFont', Arial, sans-serif;
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    
    /* customizable */
    background: #EFEFEF;
    margin-top: 100px;
    margin-left: -120px;    
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}
.downhold {width:480px; margin: 0 auto;}

.download {
  width: 200px;
  margin: 60px 20px 40px;
  float:left;
}

.download a {
  display: block;
  height: 50px;
  width: 200px;
  
  /*TYPE*/
  color: white;
  font: 17px/50px Helvetica, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
 
  
  /*GRADIENT*/  
  background: #00b7ea; /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
  background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

div.download a {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

div.download p {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}



.download p {
  background: #222;
  display: block;
  height: 40px;
  width: 180px; 
  margin: -50px 0 0 10px;
  
  /*TYPE*/
  text-align: center;
  font: 12px/45px Helvetica, Verdana, sans-serif;
  color: #fff;
  
  /*POSITION*/
  position: absolute;
  z-index: -1;
  
  /*TRANSITION*/  
  -webkit-transition: margin 0.5s ease;
     -moz-transition: margin 0.5s ease;
       -o-transition: margin 0.5s ease;
      -ms-transition: margin 0.5s ease;
          transition: margin 0.5s ease;
}

/*HOVER*/
.download:hover .bottom {
  margin: -10px 0 0 10px;
}

.download:hover .top {
  margin: -80px 0 0 10px;
  line-height: 35px;
}

/*ACTIVE*/
.download a:active {
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */

}

.download:active .bottom {
  margin: -20px 0 0 10px;
}

.download:active .top {
  margin: -70px 0 0 10px;
}