@charset "UTF-8";
/* CSS Document */

body {
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#FFFFFF;
}

h1, h2, .hide {
  display: none;
}
#nav a span,
#linkHolder a span {
  display: none;
}

.blueText {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#009AAC;
}

a img:hover {
opacity: .7;
filter: alpha(opacity=70);
}

a img {
border:none;
}

#navHolder {
margin:36px auto 0px auto;
width:880px;
height:65px;
}

#linkHolder{
float:left;
width:260px;
height:35px;
margin:14px 0px 0px 0px;
}

#nav {
float:right;
width:559px;
height:35px;
margin:14px 0px 0px 0px;
}

#bodyAll {
margin:20px auto 0px auto;
width:880px;
height:510px;
}

#bodyOther {
margin:20px auto 0px auto;
width:820px;
height:460px;
padding:20px 30px 30px 30px;
}

#leftSide {
float:left;
width:595px;
height:510px;
margin-right:20px;
}

#homePodA {
float:left;
width:265px;
height:170px;
margin-bottom:20px;
}

#homePodB {
float:left;
width:265px;
height:320px;
}

#podA {
float:left;
width:265px;
height:157px;
margin-bottom:20px;
}

#podB {
float:left;
width:265px;
height:157px;
margin-bottom:19px;
}

#podC {
float:left;
width:265px;
height:157px;
}


#leftSideHome {
float:left;
width:595px;
height:510px;
margin-right:20px;
padding:0px 0px 0px 0px;

}

.HomeMolecule {
float:left;
width:235px;
height:127px;
padding:286px 0px 0px 34px;
}

.HomePack{
float:left;
width:313px;
height:369px;
padding:141px 0px 0px 0px;
}

#rangeA {
float:left;
width:410px;
height:450px;
padding:30px 0px 30px 30px;
}

#rangeB {
float:left;
width:410px;
height:450px;
padding:30px 30px 30px 0px;
}

.rangePacks {
float:left;
width:156px;
height:362px;
margin-right:10px;
}

.rangeText {
float:left;
width:226px;
height:362px;
}

#faqA {
float:left;
width:395px;
height:450px;
padding:30px 30px 30px 30px;
}

#faqB {
float:left;
width:395px;
height:370px;
padding:127px 30px 30px 0px;
}

.rangeBtn {
float:left;
}

#whereToBuyAll {
float:left;
margin:0px 10px 10px 30px;
width:840px;
height:500px;
}

.whereToBuy {
float:left;
width:272px;
height:125px;
margin:0px 1px 1px 0px;
}

#leftSideStory {
float:left;
width:535px;
height:450px;
margin-right:20px;
padding:30px;
}

#magStoryA {
float:left;
height:450px;
width:530px;
padding: 50px 0px 0px 0px;
}

#storyText {
margin-right:20px;
margin-top:10px;
}

#magStoryB {
float:left;
height:480px;
width:1px;
padding:0px;
}

#learnMoreA {
float:left;
width:420px;
height:440px;
padding:10px 0px 0px 0px;
}

#learnMoreB {
float:left;
width:400px;
height:450px;
}

#contactForm {
float:left;
width:400px;
height:400px;
padding: 90px 0px 0px 0px;
}

#learnMoreB ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#ffffff;
}

#footer {
margin:20px auto 50px auto;
width:880px;
height:20px;
text-align:center;
}

#footer a, a:visited {
color:#666666;
text-decoration:none;
}

#footer a:hover, a:visited:hover {
color:#333333;
}

#rangePop {
padding:0px;
margin:0px;
float:left;
width:370px;
height:450px;
background-image:url(../range/images/popBg.jpg);
background-position:right bottom;
background-repeat:no-repeat;
}

#rangePopText {
float:left;
margin:50px 30px 20px 30px;
width:310px;
}

#vidTitle{
float:left;
width:400px;
height:40px;
}

#vidTitleBig{
float:left;
width:640px;
height:80px;
}

#videoPlayerBigger{
width:640px;
padding:20px 120px 0px 120px;
}

#videoPlayer{
width:400px;
height:265px;
padding:100px 240px 100px 240px;
}

#clingTitle{
float:left;
width:560px;
height:0px;
}


#clingPlayer{
width:216px;
height:320px;
padding:120px 135px 55px 245px;
}

