/*--------------------------------------------------------------------------------------------------
/                                                                                                  /
/   Ritchie K Productions                                                                          /
/   Main Stylesheet                                                                                /
/   (c) Justin French, All Rights Reserved.                                                        /
/                                                                                                  /
/   FEEL FREE TO *LEARN* FROM MY HARD WORK, BUT PLEASE DON'T COPY IT OR CREATE DERIVATIVE WORKS.   /
/                                                                                                  /
/-------------------------------------------------------------------------------------------------*/


/* TYPOGRAPHY
--------------------------------------------------------------------------------------------------*/
body { font-size:12px; line-height:22px; font-family:verdana, helvetica, arial, sans-serif; }
table { font-size:inherit; }
strong { font-weight:bold;}


/* COLORS 
--------------------------------------------------------------------------------------------------*/
html, body { color:#ccc; background:#000; }
a { color:#2673bf; }
a:hover { color:#99cc00; }
p { }


/* LAYOUT 
--------------------------------------------------------------------------------------------------*/
body { padding-top:10px; }
#wrapper { width:960px; margin:0 auto; padding:10px; }


/* BASIC STYLING OF EACH SECTION 
--------------------------------------------------------------------------------------------------*/

#wrapper .section { 
  padding:10px 10px 20px 10px;
  border-top:1px solid #b8db4d;
}

#wrapper .section:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#wrapper .section {display:inline-block;}
/* Hides from IE-mac \*/
* html #wrapper .section {height: 1%;}
/* End hide from IE-mac */

#wrapper .section h2 {
  font-family: georgia, serif;
  text-transform:uppercase;
  color:#b8db4d;
  font-size:14px;
  letter-spacing:1px;
  border-bottom:1px solid #474747;
  padding:10px;
  margin:-10px;
  margin-bottom:10px;
}

#wrapper .section h3 {
  font-family: georgia, serif;
  color:#666;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:10px;
}


/* HEADER
--------------------------------------------------------------------------------------------------*/

#header #title { 
  float:left; 
  width:220px;
  margin-right:20px;
}
#header #title h1 { 
  font-family:georgia, serif; 
  font-size:14px; 
  color:#b8db4d;
  letter-spacing:1px;
  text-transform:uppercase;
}
#header #title h1 span { 
  color:#666;
  display:block;
}

#header #intro { 
  float:left; 
  width:460px; 
  margin-right:20px; 
}

#header #intro p { 
  margin-bottom:0;
}

#header #logo { 
  float:left; 
  width:220px; 
  text-align:right;
  padding-top:9px;
}


/* VIDEOS
--------------------------------------------------------------------------------------------------*/

#videos {
  position:relative;
}

#videos ul { 
  position:absolute;
  top:11px;
  right:0;
}

#videos ul li { 
  float:left;
  margin-left:6px;
}

#videos ul li a { 
  display:block;
  padding:3px 5px 4px 5px;
  font-size:11px;
  text-decoration:none;
  color:white;
  line-height:100%;
}

#videos ul li a:hover, #videos ul li.active a { 
  background:#b8db4d;
  color:#000;
}

#videos .panel {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #474747;
}

#videos .panel:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#videos .panel {display:inline-block;}
/* Hides from IE-mac \*/
* html #videos .panel {height: 1%;}
/* End hide from IE-mac */

#videos .panel .hero h3 { 
  font-size:18px;
  text-transform:none;
  letter-spacing:0;
  float:left;
  width:200px;
  margin-right:40px;
  line-height:28px;
  color:#fff;
}

#videos .panel .placeholder {
  width:460px;
  height:280px;
  margin-right:20px;
  float:left;
}

#videos .panel .description {
  position:relative;
  top:-3px;
}

#videos .panel .download {
  clear:both;
  padding:10px 0 2px 0;
  margin-left:240px;
  font-size:11px;
}

#videos #promo-dvds {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}


/* ABOUT US
--------------------------------------------------------------------------------------------------*/

#about .column {
  float:left;
  width:220px;
  margin-right:20px;
}

#about #realistic-prices {
  margin-right:0;
}


/* TESTIMONIALS
--------------------------------------------------------------------------------------------------*/

#testimonials .testimonial {
  float:left;
  width:460px;
  margin-right:20px;
}

#testimonials .testimonial .left {
  width:220px;
  float:left;
  margin-right:20px;
}

#testimonials .testimonial .left img {
  display:block;
  margin-bottom:10px;
  margin-top:5px;
}

#testimonials .testimonial .left p {
  text-align:right;
}

#testimonials .testimonial .right {
  width:220px;
  float:left;
}

#testimonials .testimonial.last {
  margin-right:0;
}


/* CONTACT
--------------------------------------------------------------------------------------------------*/

#contact p {
  float:left;
  width:200px;
  margin-right:40px;
}

#contact p.last {
  margin-right:0;
}

#contact #about-hero {
  font-family: georgia, serif;
  color:#fff;
  font-size:18px;
  text-transform:none;
  letter-spacing:0;
  line-height:28px;
}


/* FOOTER
--------------------------------------------------------------------------------------------------*/

#footer { color:#474747; font-size:11px; line-height:150%; }