body {margin:0; padding:0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#3d3d3d; background: #00193d url(../images/body-x-bg.png) top repeat-x;}
body * {margin:0; padding:0;}
.clear {clear: both; height: 0;}

/* Overall */
a.but-top-get-sleepstream {display: inline; float: right; width: 250px; height:35px; margin: 27px 33px 0 0; background: url(../images/but-top-get-sleepstream.png) left;}
a.but-top-get-sleepstream:hover {background-position: right;}
a.but-top-get-sleepstream span {display: block; text-indent: -9999px;}

/* Logo and Menu Container */
#logo-menu-bg {background: url(../images/glow-top.png) top center no-repeat;}
#logo-menu {width: 890px; height: 143px; margin-left: auto; margin-right: auto; text-align: left;}

/* Logo */
#logo-menu a.logo {display: inline; float: left; margin: 24px 0 0 29px;}
#logo-menu a.logo img {border: none;}

/* Menu */
#menu {display: block; float: left; width: 839px; padding: 36px 31px 0 18px;}
#menu li {display: block; float: left; height: 34px; padding-left: 1px;}
#menu li a {display: block; height: 29px; margin:0 0 5px 8px;}
#menu li a strong {display:block; text-indent: -9999px;}
#menu li a.home {width: 65px; background: url(../images/menu-btn-home.png) top center no-repeat;}
#menu li a.benefits {width: 83px; background: url(../images/menu-btn-benefits.png) top center no-repeat;}
#menu li a.how-it-works {width: 118px; background: url(../images/menu-btn-how-it-works.png) top center no-repeat;}
#menu li a.purchase {width: 90px; background: url(../images/menu-btn-purchase.png) top center no-repeat;}
#menu li a.contact {width: 78px; background: url(../images/menu-btn-contact.png) top center no-repeat;}
#menu li a:hover {background-position:top right;}
#menu li a.active {background-position:top left; height: 35px; margin-bottom: 0;}
#menu li.social-links {float: right; width: 250px; height: 40px; background: url(../images/menu-social-bg.png) top center repeat-x; margin-top: -13px; padding-top: 12px;}
#menu li.social-links a.twitter {line-height: 30px; padding:0 0 3px 38px; margin-left: 36px; background: url(../images/menu-social-twitter.png) center left no-repeat; text-decoration: none; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
#menu li.social-links a.twitter:hover {text-decoration: underline;}

/* Header */
#header-bg {background: url(../images/glow-content.png) top center repeat-y;}
#header-photo {background:url(../images/header-bg.jpg) top no-repeat; height: 528px;}
#header-photo.interior {height: 247px;}
#header {padding-top: 1px; width: 890px; margin-left: auto; margin-right: auto; text-align: left;}
#header h1.slogan {display: block; width: 532px; height: 35px; margin:37px 0 30px 26px; background: url(../images/slogan.png) no-repeat; font-size: 24px;}
#header h1.slogan span {display: block; text-indent: -9999px;}

#header p {padding: 17px 20px 9px 20px; line-height: 18px; color: white;}
#header p.small-button {padding-top: 9px;}

#header div.boxcrntop {width:530px; padding-top: 9px; margin-left: 27px; background: url(../images/header-box-corners-top.png) top center no-repeat;}
#header div.boxcrnbottom {width:530px; padding-bottom: 9px; background: url(../images/header-box-corners-bottom.png) bottom center no-repeat;}
#header div.box {background: url(../images/header-box-bg.png); min-height: 299px; padding-bottom: 5px;}
#header-photo.interior div.box {min-height: 80px;}
#header div.box p {padding: 13px 20px 7px 20px;}

#header div.box a.get-sleepstream {display: block; width: 490px; height:54px; margin:4px 0 2px 0; background: url(../images/but-box-get-sleepstream.png) left;}
#header div.box a.get-sleepstream:hover {background-position: right;}
#header div.box a.get-sleepstream span {display: block; text-indent: -9999px;}

#header div.box p.testimonial {}
#header div.box p.testimonial img {float: left; margin:3px 20px 10px 0;}
#header div.box p.testimonial small {display: block; color:#a8a8a8; font-size: 11px; line-height: 24px; text-align: right;}

/* Content */
#content-bg {background: url(../images/glow-content.png) top center repeat-y; margin-top: 0; padding-top: 0;}
#content {width: 848px; padding: 0 20px 0 20px; margin-left: auto; margin-right: auto; text-align: left; background:white url(../images/content-top-shadow.jpg) top center no-repeat;}
#content.interior {border-top: 2px solid white;}
#content h2 {font-weight: normal;  margin-bottom: -2px; padding: 0px 0 5px 1px; line-height: 1em; font-size: 18px; background: url(../images/h2-underline.png) bottom repeat-x;}
#content h3 {font-size:14px; line-height: 18px; margin: 16px 0 14px 0;}
#content p {line-height: 18px; margin: 9px 0 9px 0;}

#features {padding: 9px 0 30px 0;}
#features ul {list-style: none; width: 390px; padding:0 10px;}
#features ul li {display:block; padding-left: 64px; margin-top: 24px; background-position: top left; background-repeat: no-repeat;}
#features ul li h2 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 24px; font-weight: bold;}
#features ul li p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin: 0;}

#features ul.col2left {display: block; float: left;}
#features ul li.relax {background-image: url(../images/features-relax.png);}
#features ul li.sleep {background-image: url(../images/features-sleep.png);}
#features ul li.concentrate {background-image: url(../images/features-concentrate.png);}
#features ul li.energy {background-image: url(../images/features-energy.png);}

#features ul.col2right {display: block; float: right; margin-right: 10px;}
#features ul li.technology {background-image: url(../images/features-technology.png);}
#features ul li.soundbeds {background-image: url(../images/features-soundbeds.png);}
#features ul li.interface {background-image: url(../images/features-interface.png);}
#features ul li.affordable {background-image: url(../images/features-affordable.png);}

#how-it-works {padding: 36px 0 24px 0;}

#onecol {padding: 30px 0 30px 4px;}
#onecol div.col {display: block; float: left; width: 400px;}
#onecol h2 {margin-top: 21px;}
#onecol h2.first {margin-top: 0px;}
#onecol p {width: 540px; padding: 9px 0 9px 0; margin: 0;}
#sidebox-crntop {display:block; float: right; width:250px; margin-right: 10px; padding-top: 8px; margin-left: 0px; background: url(../images/sidebox-crntop.png) top center no-repeat;}
#sidebox-crnbottom {width:250px; padding-bottom: 8px; margin-left: 0px; background: url(../images/sidebox-crnbottom.png) bottom center no-repeat;}
#onecol ul {padding-left: 12px; list-style: disc url(../images/bullet.gif) inside; line-height: 18px; margin: 0px 0 9px 0;}
#onecol ul li {margin-bottom: 6px;}
#sidebox {background-color: #e5e5e5; padding: 5px 15px 20px 20px;}
#sidebox h2.first {margin-top: 6px;}
#sidebox ul {padding:9px 0 9px 3px;}
#sidebox ul li {margin-bottom: 9px;}

/* Forms */
#contact-form {width: 540px;}
#contact-form label, #sendphone label {display:block; float:left; line-height:24px; width:133px; padding-left:12px; margin-top: 12px;}
#contact-form input, #sendphone input {display:block; float:left; height:19px; width:295px; padding:3px 0 0 5px; border:1px solid #8d9ba8; margin-top: 12px;}

#contact-form select {display:block; float:left; height:24px; width:302px; padding:2px 0 0 2px; border:1px solid #8d9ba8; background-color:white; margin-top: 12px;}
#contact-form select option {background-color: white; padding:0 0 2px 5px;}

#contact-form textarea {display:block; float:left; height:185px; width:295px; padding:3px 0 0 5px; border:1px solid #8d9ba8; margin-top: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#contact-form input.button {clear:both; background-color:transparent; background-image:url(../images/form-button.png); border:0; width:110px; height:24px; padding:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; color:#c2deff;}
#contact-form input.button:hover {cursor:pointer; color:white;}



/* Footer */
#footer-bg {background: url(../images/footer-bg.png) top center no-repeat; height: 140px;}
#footer {width: 850px; padding: 20px 20px 0 20px; margin-left: auto; margin-right: auto; line-height: 18px; text-align: left;}
#footer div.fleft {display: block; float: left; width: 450px;}
#footer div.fleft a {text-decoration: none; border-left: 1px solid #a8a8a8; color: #4e5666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; padding:0 3px 0 7px ; font-weight: normal;}
#footer div.fleft a:hover {color: black;}
#footer div.fleft a.first {border-left: none; padding-left: 0;}
#footer div.fright {display: block; float: right; width: 380px; padding-top: 2px; text-align: right;  color: #4e5666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; padding:0 3px 0 7px;}
#footer div.fright a {text-decoration: none; border-right: 1px solid #a8a8a8; color: #4e5666; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; padding: 0 7px 0 3px; margin-right: 7px; font-weight: normal;}
#footer div.fright a:hover {color: black;}
#footer div.fright span {display: block; padding-top: 36px;}
#footer div.fright span a {text-decoration: none; font-size: 10px; color:#4a678f; padding:0; border:0; margin: 0;}
#footer div.fright span a:hover {color: #457dcc;}
#footer div.credits {color: #4a678f; text-align: right;}