/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

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

body { font-size:16px; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; font-family: Tahoma, Geneva, sans-serif; }

h1 { font-size: 28px; line-height: 1; margin-bottom: 1em; }
h2 { font-size: 24px; margin-bottom: .75em; }
h3 { font-size: 22px; line-height: 1; margin-bottom: .75em; }
h4 { font-size: 18px; line-height: 1.25; margin-bottom: 1em; }
h5 { font-size: 16px; margin-bottom: .25em; }
h6 { font-size: 16px; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ul li, ol li {margin: 0 0 .5em 0;}
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For better-looking ampersands */
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}

.as-seen-in {margin: 10px 0;}
.bold {font-weight: bold;}
.small {font-size: 14px;}
.bottom-margin {margin-bottom: 25px;}
em.underline {text-decoration: underline; font-style: normal;}
.red {color: #CC0000;}
.center {text-align: center;}
.video {text-align: center; margin: 0 auto 20px;	}
.music-column {float: left; width: 260px; margin: 0 0 20px 20px;}
.photos {text-align: center;}
.photos img { margin: 0 auto 20px;}
.small-photos, small-photos-text { text-align: center; margin-bottom: 20px;}
.small-photos img { float: left; margin: 0 15px 10px 0; width: 170px; height: 117px;}
.small-photos-text img {width: 170px; height: 117px;}
.small-photos-text span { text-align: center; font-size: 11px; float: left;margin: 0 15px 10px 0; }
.photos-text span { text-align: center; font-size: 11px; float: left;margin: 0 15px 10px 0;}
.photos-text img {width: 261px;}
.underline {border-bottom: 2px solid #999; padding-bottom: 10px;}

.product {text-align:center; margin: 0 0 10px;}
.clear {clear: both;}
.johnson-box {
	width: 460px;
	margin: 0 auto 20px;
	background-color: #BDEAFE;
	border: 3px solid #38748e;
	padding: 15px 25px;
	-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.button-width { padding: 0 30px; text-align: center; }
.button-width-wide { padding: 0 90px; text-align: center; }

#footer p {font-size: 11px; color: #666;}
#footer a {color: #222;}

/* -------------------------------------------------------------- 
   Content Blocks
-------------------------------------------------------------- */
body {
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
.oneColFixCtr #container {
	width: 640px; 
	background: #FFFFFF;
	margin: 10px auto;
	border: 1px solid #000000;
	text-align: left; 
	background: #fff url(images/top.jpg) top left no-repeat;
}
.oneColFixCtr #mainContent {
	padding: 15px 37px 0;
}
#opin {
	background-image: url(../images/optin.gif);
	height: 110px;
	width: 390px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 85px;
	padding-bottom: 0px;
}
.oneColFixCtr #bottom {
	background: #fff url(images/bottom.jpg) bottom left no-repeat;
	height: 11px;
}
.oneColFixCtr #footer {
	border-top: 1px dashed #888;
	padding: 15px 17px 0;
}