body{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
color:#010101;
}
a, a:link, a:visited{
color:#010101;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
#doc{
width:890px;
padding:0 0 10px 0;
}
.yui-gc div.first{
width:187px;
margin:0 0 0 15px;
}
.yui-gc div.right{
width:662px;
margin:0 10px 0 0;
}
#ft{
text-align: center;
font-size:13px;
}
h1#logo{
width:600px;
height:96px;
background-position: left top;
background-repeat: no-repeat;
display:block;
text-indent: -9999px;
margin:15px 0 15px 10px;
}
h1.home{
background-image: url(../images/home-logo.gif);
}
h1.about{
background-image: url(../images/about-logo.gif);
}
h1.watch{
background-image: url(../images/watch-logo-title.gif);
}
h1.buy{
background-image: url(../images/buy-logoNEW.gif);
}
h1.voltwo{
background-image: url(../images/readeez-volume-two-logo.gif);
}
h1.volone{
background-image: url(../images/readeez-volume-one-logo.gif);
}
h1.song{
background-image: url(../images/songeez-CD-logo.gif);
}
h1.praise{
background-image: url(../images/praise-logo.gif);
}
h1.blog{
background-image: url(../images/blog-logo.gif);
}
div.first ul#nav{
width:140px;
margin:0 0px 0 15px;
}
div.first ul#nav li{
margin:0px 0 18px 0;
padding:0px;
height:46px;
width:140px;
}
div.first ul#nav li a{
background-image: url(../images/vertical-side-menu.gif);
background-repeat: no-repeat;
text-indent: -9999px;
display:block;
height:46px;
}
div.first ul#nav li#about a{
background-position: 0 0;
}
div.first ul#nav li#watch a{
background-position: 0 -64px;
}
div.first ul#nav li#buy a{
background-position: 0 -130px;
}
div.first ul#nav li#praise a{
background-position: 0 -201px;
}
div.first ul#nav li#blog a{
background-position: 0 -272px;
}

div#hd ul#nav{
width:800px;
margin:0 0px 0 15px;
}
div#hd ul#nav li{
margin:0px 20px 18px 0;
padding:0px;
height:46px;
width:140px;
float:left;
}
div#hd ul#nav li a{
background-image: url(../images/vertical-side-menu.gif);
background-repeat: no-repeat;
text-indent: -9999px;
display:block;
height:46px;
}
div#hd ul#nav li#about a{
background-position: 0 0;
}
div#hd ul#nav li#watch a{
background-position: 0 -64px;
}
div#hd ul#nav li#buy a{
background-position: 0 -130px;
}
div#hd ul#nav li#praise a{
background-position: 0 -201px;
}
div#hd ul#nav li#blog a{
background-position: 0 -272px;
}

div.flash-container{
border:2px solid #010101;
margin:0 0 10px 0;
}
div.image-container{
border:2px solid #010101;
margin:0 0 10px 0;
float:left;
}
#ft ul#fnav{
width:420px;
height:27px;
margin:0 auto;
}
html>body #ft ul#fnav{
width:390px;
}
#ft ul#fnav li{
height:27px;
margin:-5px 10px 0 10px;
float:left;
}
html>body #ft ul#fnav li{
margin:-10px 10px 0 10px;
}
#ft ul#fnav li a{
background-image: url(../images/footer-links.gif);
background-repeat: no-repeat;
height:27px;
display:block;
text-indent:-9999px;
}
#ft ul#fnav li#fhome a{
background-position: -10px 0px;
width:47px;
}
#ft ul#fnav li#fabout a{
background-position: -78px 0px;
width:49px;
}
#ft ul#fnav li#fwatch a{
background-position: -147px 0px;
width:50px;
}
#ft ul#fnav li#fbuy a{
background-position: -219px 0px;
width:30px;
}
#ft ul#fnav li#fpraise a{
background-position: -271px 0px;
width:50px;
}
#ft ul#fnav li#fblog a{
background-position: -342px 0px;
width:36px;
}
#ft p{
margin:-5px 0 0 0;
}
#ft p a, #ft p a:visited{
color:#010101;
text-decoration: underline;
}
#ft p a:hover{
text-decoration:none;
}
.clear{
clear:both;
}
h1.building-what, h1.watch-examples, h1.product-details, h1.included, div.image-partition h1.secret-formula, h1.good-time{
font-size:18px;
}

div.first p, div.right p{
margin:0px;
}
.yui-gc p, .yui-gc h1, .yui-gc h2{
margin:3px 10px;
}
div.image-partition{
border-top:2px solid #999;
border-bottom:2px solid #999;
padding:10px;
margin:10px 0;

}
div.image-partition img{
float:left;
margin:10px;
}
div.image-partition h1.secret-formula{
margin:30px 0 5px 410px;
}
div.image-partition p{
margin:0 0 0 410px;
}

div.image-container img{
float:left;
border:1px solid #444;
margin:18px 18px 18px 23px;
}
ul.watch{
margin:10px 0;
}
ul.watch li{
width:271px;
height:230px;
display:block;
float:left;
margin:0 20px 15px 0;
}
ul.watch li img{
border:2px solid #010101;
}
ul.watch li p{
font-size:13px;
margin:0px 10px 0 0;
}
div.product-details{
width:860px;
height:336px;
background-image: url(../images/product-detail-bcgrd.gif);
background-position: left top;
background-repeat: no-repeat;
font-size:13px;
}
p.enlarge{
float:right;
margin:45px 3px 0 0;
}
div.product-details a, div.product-details a:visited{
color:#2250c0;
text-decoration: none;
}
div.product-details a:hover{
text-decoration:underline;
}
div.details{
width:300px;
padding:10px;
margin:30px 0 0 120px;
float:left;
}
html>body div.details{
margin:30px 0 0 259px;
}
ul.included{
width:425px;
float:left;
margin:10px 0 10px 0px;
}
ul.included li{
color:#010101;
padding:3px 0 3px 3px;
margin:0 0 0 30px;
}
ul.included li a{
background-image: url(../images/arrow.gif);
background-position: right center;
background-repeat: no-repeat;
color:#2250c0;
text-decoration: none;
padding:0 20px 0 0;
}
ul.included li.grey{
background-color: #eeeeee;
}
#ft p.read-more a, p.read-more a{
color:#2250c0;
text-decoration: none;
background-image: url(../images/arrow.gif);
background-position: right center;
background-repeat: no-repeat;
padding:0 20px 0 0;
}
#ft p.read-more{
float:right;
position:relative;
top:-40px;
}
div.post-container{
margin:10px 10px 30px 10px;
}
div.post-container h1{
font-size:22px;
}
div.post-container p.author{
color:#666;
font-size:13px;
}
div.post-container p.author a{
color:#666;
text-decoration: none;
}
p.read-more{
float:right;
}
div.feedback{
padding:10px;
border-top:2px solid #999;
}
div.feedback h1{
font-size:16px;
margin:10px 0 10px 20px;
}
div.feedback div.row{
clear:both;
padding:5px 0;
margin:5px 0;
}
form{
padding:5px;
}

form.form-class label{
width:125px;
padding:5px;
text-align:right;
float:left;
}
form.form-class input.input-box, form.form-class textarea.input-box{
border:2px solid #7f9db9;
padding:2px;
}
div.left{
width:420px;
float:left;
}
div.blog-post-container{
margin:10px 20px 30px 20px;
}
div.blog-post-container h1{
font-size:22px;
}
div.blog-post-container h1 a{
color:#214fbe;
text-decoration: none;
}
div.blog-post-container p.tags{
font-size:13px;
}
div.blog-post-container p.tags a{
color:#214fbe;
text-decoration: none;
font-style: italic;
}
div.blog-post-container p.tags span.date{
color:#676767;
font-style: italic;
float:right;
margin:-15px 5px 0 0;
}
div.blog-post-container div.flash-container{
border:1px solid #999;
text-align: center;
}
div.blog-post-container div.flash-container img{
margin:10px auto;
}