body {margin:0; padding:0; background-color:#333333; font-family: Arial, Helvetica, Sans Serif; font-size:13px;}
body * {margin:0; padding:0;}

.clear {clear:both; height:0px;}
.clrleft {clear:left; height:0;}

div.hidden {display:none; border:0; background:none; margin:0; padding:0; height: 0;}

#body-bg {padding-top:10px; background:white url(../images/body-bg.gif) top repeat-x;}
#top-body-bg {background: url(../images/top-cnt-gr.jpg) no-repeat center 71px;}
#menu-body-bg {background: url(../images/menu-bg.jpg) repeat-x center top;}
#bottom-body-bg {background: url(../images/bottom-cnt-gr.gif) repeat-x bottom; padding-bottom:36px;}

#menu {width:920px; margin-left:auto; margin-right:auto;}
#menu a.logo {display:block; float:left; margin: 23px 0 0 10px;}
#menu a.logo img {border:none;}
#menu ul {display:block; float:right; list-style:none; width:650px; min-height:77px;}
#menu ul li {display:block; float:left;}
#menu ul li a {display:block; width:130px; height:32px; background-position:left; background-repeat:no-repeat; text-decoration:none; color:white; text-align:center; padding-top:45px;}
#menu ul li a.home { background-image:url(../images/menu-btn-01.jpg);}
#menu ul li a.mixing-tips {background-image:url(../images/menu-btn-02.jpg);}
#menu ul li a.information {background-image:url(../images/menu-btn-03.jpg);}
#menu ul li a.blog {background-image:url(../images/menu-btn-04.jpg);}
#menu ul li a.contact {background-image:url(../images/menu-btn-05.jpg);}
#menu ul li a:hover {background-position:right; cursor:pointer;}
#menu ul li a.active {background-position:right;}


#container {width:920px; margin-top:10px; margin-left:auto; margin-right:auto;}

#content {display:block; float:left; width:600px; margin-top:8px;}
#content h1, h2 {font-size:18px; color:#3d3d3d; line-height: 18px; padding:18px 30px 9px 10px;}
#content h1 a, h2 a {text-decoration:none; color:#3d3d3d; border-bottom: 1px dashed #4d4d4d;}
#content h3 {font-size:15px; color:#3d3d3d; line-height: 18px; padding:18px 30px 3px 10px;}
#content p {font-size:13px; line-height: 18px; padding:9px 30px 9px 10px;}
#content p a {text-decoration:none; color:black; border-bottom: 1px dashed #4d4d4d;}

#content ul#covers {padding:5px 30px 9px 0; margin:0; list-style:none;}
#content ul#covers li {display:block; float:left; width:104px; height:90px; margin:10px 0 0 10px;}
#content ul#covers li a img {float:none; margin:0; padding:0; border:0;}

#content p.are-you-ready {font-size:15px; color:#3d3d3d; padding:18px 30px 9px 10px;}
#content p.are-you-ready a.button-big {display:block; background:url(../images/button-big.jpg) no-repeat left; border:0; width:278px; height:25px; padding:5px 0 0 0; margin-top:10px; font-weight:bold; font-family:'Tahoma', Arial, Helvetica, sans-serif; font-size:13px; color:white; text-align:center;}
#content p.are-you-ready a.button-big:hover {background-position:right;}

#content ol, #content ul {margin:0 0 3px 30px; line-height:18px;}
#content ol li, #content ul li {padding:6px 0 6px 0;}

#content img {float:right; margin: 0 30px 20px 30px; padding:4px; border:1px solid #cccccc;}

#photo-border {width:600px; height:320px; margin-bottom:15px; background:black url(../images/photo-border.jpg) no-repeat top left;}
#hear-the-difference {width:600px; height:270px; background:url(../images/photo.jpg) no-repeat 10px 10px; padding:50px 0 0 0 ;}
div#hear-the-difference.no {background-image:url(../images/photo-no.jpg);}
#hear-the-difference div.play-button {width:52px; height:52px; margin:4px 0 0 440px;}
#client-testimonial {display: block; float:right; width:310px; height:120px; margin-top:44px; padding:18px 24px 0 20px; color:white;}
#client-testimonial div.author {padding-top:6px;}

#calc {padding-bottom:9px; margin-top: -6px;}
#calc label {display:block; float:left; clear:left; line-height:21px; height:21px; width:130px; padding-right:5px; text-align:right; margin-top: 15px;}
#calc input {display:block; float:left; height:17px; width:80px; padding:2px 0 0 4px; margin-left:4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px;}
#calc input.email {width:203px;}
#calc input.checkbox {float:left; width:15px; margin-top:18px; margin-right:-2px; border:none; background:none;}
#calc input.button {background-color:transparent; background:url(../images/button.jpg) no-repeat left; border:0; width:120px; line-height:28px; height:28px; padding-bottom:6px; margin-left:140px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:white;}
#calc input.button:hover {cursor:pointer; background-position:right;}
#calc span.desc {display:block; float:left; line-height:21px; height:21px; padding:0 10px 0px 5px; margin-top: 15px;}

#contact {padding-bottom:9px; margin-top: -6px;}
#contact label {display:block; float:left; clear:left; line-height:21px; height:21px; width:45px; padding:0 5px 0 21px; text-align:right; margin-top: 15px;}
#contact input {display:block; float:left; height:17px; width:80px; padding:2px 0 0 4px; margin-left:4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px;}
#contact input.email {width:173px;}
#contact input.checkbox {float:left; width:15px; margin-top:18px; margin-right:-2px; border:none; background:none;}
#contact textarea {display:block; float:left; height:100px; width:173px; padding:2px 0 0 4px; margin-left:4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-top: 15px;}
#contact input.button {background-color:transparent; background:url(../images/button.jpg) no-repeat left; border:0; width:120px;  line-height:28px; height:28px; padding-bottom:6px; margin-left:75px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:white;}
#contact input.button:hover {cursor:pointer; background-position:right;}
#contact span.desc {display:block; float:left; line-height:21px; height:21px; padding:0 10px 0px 5px; margin-top: 15px;}

#searchform input {display:block; float:left; height:21px; width:140px; padding:2px 0 0 4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin-right:10px;}
#searchform input.button {background-color:transparent; background:url(../images/button.jpg) no-repeat left; border:0; width:120px;  line-height:28px; height:28px; padding-bottom:6px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:white; margin-right:15px; margin-top:-2px; margin-bottom:10px;}
#searchform input.button:hover {cursor:pointer; background-position:right;}

#commentform label {margin:0;}
#commentform input {display:block; height:19px; width:173px; padding:2px 0 0 4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x; margin:5px 0 10px 0;}
#commentform textarea {display:block; height:150px; width:350px; padding:2px 0 0 4px; border:1px solid #8d9ba8; background: url(../images/form-items-shadow.gif) top repeat-x;}
#commentform input.button {background-color:transparent; background:url(../images/button.jpg) no-repeat left; border:0; width:120px;  line-height:28px; height:28px; padding-bottom:6px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:white;}
#commentform input.button:hover {cursor:pointer; background-position:right;}




h5 {font-size:13px; padding-bottom:7px; color:white; font-weight:normal;}

#preview_div {display:none; z-index:100; position:absolute; width:300px; padding:10px 13px 9px 13px; background:url(../images/cover-info-bg.png); border: 1px solid black; color:#cccccc;}
#preview_div em {display:block; font-style:normal; font-size:11px; padding-top: 5px;}



#side-section {display:block; float:right; width:320px; margin-top:18px; padding-bottom:18px; background-color: white;}
#side-section h2 {display:block; width:296px; height:30px; padding:10px 0 0 24px; color:white; font-size:17px; background:#808080 url(../images/side-section-h2-bg.jpg) repeat-y left;}
#side-section p {font-size:13px; line-height: 18px; padding:9px 21px 9px 21px; color:#4d4d4d;}
#side-section p.first {padding-top:21px;}
#side-section p.last {padding-bottom:21px;}
#side-section span.phone-org-number {float:right; width:150px; text-align:right;}
#side-section p a {text-decoration:none; color:black; border-bottom: 1px dashed #4d4d4d;}
#side-section p a.button-big {display:block; background:url(../images/button-big.jpg) no-repeat left; border:0; width:278px; line-height:30px; margin-top:10px; font-weight:bold; font-family:'Tahoma', Arial, Helvetica, sans-serif; font-size:13px; color:white; text-align:center;}
#side-section p a.button-big:hover {background-position:right;}

#key-benefits {font-family: Arial; width:320px; list-style:none; padding-top: 12px;}
#key-benefits dt {background: url(../images/side-list-bg-top.gif) no-repeat top;}
#key-benefits dt a {display:block; color:#c21734; text-decoration: none; background: url(../images/side-list-bg-bottom.gif) no-repeat center bottom;}
#key-benefits dt a:hover {cursor:pointer;}
#key-benefits dt.open a {background:none;}
#key-benefits dt.last a {background:none;}
#key-benefits dt.first {background:none;}
#key-benefits dt strong {display:block; padding-left:44px; line-height:36px; height:36px; background: url(../images/side-section-arrow.gif) no-repeat left top;}
#key-benefits dt.open strong {background-image: url(../images/side-section-arrow-open.gif);}
#key-benefits dd {display:none; line-height:18px; color:#4d4d4d; padding:0 15px 18px 44px; margin-top:-4px;}
#key-benefits dd.open {display:block; background: url(../images/side-list-bg-bottom.gif) no-repeat center bottom;}
#key-benefits dd.last {background:none;}

#mixing-tips {font-family: Arial; width:320px; list-style:none; padding-top: 12px;}
#mixing-tips li {background: url(../images/side-list-bg-top.gif) no-repeat top;}
#mixing-tips li a {display:block; color:#c21734; text-decoration: none; background: url(../images/side-list-bg-bottom.gif) no-repeat center bottom;}
#mixing-tips li.first {background:none;}
#mixing-tips li.last a {background:none;}
#mixing-tips strong {display:block; padding-left:44px; line-height:18px; background: url(../images/side-section-arrow.gif) no-repeat left top; padding-top:9px; padding-bottom:9px; padding-right: 20px;}

#sidebar {padding-top: 12px;}
#sidebar h2 {font-size:15px; line-height: 18px; padding:9px 20px 0px 21px; color:#3d3d3d; background: none;}
#sidebar ul {list-style:none;}
#sidebar ul li {line-height:18px; padding:9px 0 9px 0; background: url(../images/side-list-bg-top.gif) no-repeat top;}
#sidebar ul li.search {padding-left:21px; background: none;}
#sidebar ul li ul {margin-top: -6px;}
#sidebar ul li ul li {display:block; line-height:18px; padding:6px 20px 6px 44px; margin-top: -6px; background: url(../images/side-section-small-arrow.gif) no-repeat left top;}
#sidebar ul li ul li a {color:#c21734; text-decoration:none; font-weight:bold;}

#commentform input.hidden {display:none; border:0; background:none; margin:0; padding:0; height: 0;}
.blog-date-author {margin-top:-11px; color:#808080;}


#footer-bg {height:83px; background: url(../images/footer-bg.jpg) repeat-x top; border-top: 1px solid white; margin-top:36px; margin:0;}
#footer {width:910px; margin-left: auto; margin-right:auto; padding:20px 0 0 10px;}
#footer-left {width:440px; float:left; font-size:17px; color:#666666;}
#footer-right {width:440px; float:right; text-align:right;}
#footer-left a, #footer-right a {text-decoration:none; color:white; font-size:13px;}
#footer-left a:hover, #footer-right a:hover {color:#eb3856;}
#footer-left p, #footer-right p {font-size:13px; color:#a8a8a8; padding-top:5px;}