/*PAGE STRUCTURE*/

#header {
width: 100%;
background: url(../images/headerbg.png) repeat-x;
height:200px;
}

#headerHP {
width: 100%;
background: url(../images/headerbg.png) repeat-x;
height:150px;
}

/*white top section*/
#topHP {
width: 100%;
height: 325px;
}

#topHPJuggle {
width: 100%;

}

#top {
width: 100%;

}

/*Phone Live Chat and supp nav exists here*/
#middle {
width: 100%;
height:111px;
border-top: solid 3px #CCDB29;
background: #ebebeb;
}

/*grey bottom section*/
#bottom {
width: 100%;
background: #4F5050;
height: 500px;
padding-top: 50px;
}

#footer {
margin-top: 100px;
padding-top: 30px;
width: 100%;
background: #4F5050;
}

#footerHP {
padding-top: 30px;
width: 100%;
background: #4F5050;
}


/* NAVIGATION */


#logo {
width: 390px;
height: 68px;
margin: 40px 0 0 0;
display: block;
background: url(../images/logo.png) no-repeat;
overflow:hidden;
position:relative;
text-decoration:none;
text-indent:-900px;
}

a.supnav, a.supnav:visited {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 
font-weight: normal; 
font-size: .8em;
color: #4F5050;
text-transform: uppercase;
}

a.supnav:hover, a.supnav:active {
color: #00c4f0;
}

.blshift {
font-size: .8em;
top : -.15em;
}

ul#navitems {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 75px 0 0 0;
padding: 3px 0 0 0;
height: 30px;
list-style-type: none;
padding: 0 0 0 0;
}


ul#navitems li {
float: left;
}

#navitems span {
font-size: 1.2em;
font-weight: bold;
color: #B3BA24;
} 

ul#navitems a.first {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
font-size: .80em;
border-right: 1px solid #969292;
height: 30px;
line-height: 2.3em;
background: #4F5050;
}

ul#navitems a.first:hover {
background: #5f6061; 
}

ul#navitems a.middle {
font-size: .80em;
border-right: 1px solid #969292;
height: 30px;
line-height: 2.3em;
background: #4F5050;
}

ul#navitems a.middle:hover {
background: #5f6061;
}

ul#navitems a.last {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background: #00B0D8;
font-size: .95em;
height: 30px;
line-height: 2.1em;
font-weight: bold;
}

ul#navitems a.last:hover {
background: #00c4f0;
}

ul#navitems a {
float: left;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-transform: uppercase;
padding: 0 13px;
display: block;
height: 30px;
line-height: 2.2em;
}


.phone {
width: 390px;
height: 35px;
margin: 40px 0 0 0;
background: url(../images/phone.png) no-repeat;
}

ul#supnav {
width: 430px;
height: 52px;
margin-top: 30px;
list-style-type: none;
background: url(../images/supnavbg.png) no-repeat;
padding: 0 0 0 20px;
}

ul#supnav li {

float: left;
line-height: 3.4em;
margin: 0 10px;

}

ul#supnav a.livechat {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.5em;
}

ul#footernav {
list-style-type: none;
}

ul#footernav a.text {
float: right;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: .80em;
color: #969292;
padding: 0 10px;
}

ul#footernav a.text:hover {
color: #C4C0C0;
}

ul#footernav a.end {
padding-right: 20px;
margin-right:20px;
border-right: solid 1px #969292;
}

a.feeds {
float: right;
width:20px;
height:20px;
}

a.rss {background: url(../images/rss.png) center center no-repeat;}
a.twitter {background: url(../images/twitter.png) center center no-repeat;}
a.facebook {background: url(../images/facebook.png) center center no-repeat;}


/*HP LOOK: SCALING */

.hptopmargin {
margin-top: 35px;

}

div.hpprice {
width: 185px;
height: 132px;
background: url(../images/hpprice.png)
}


ul.keyfeatures {
list-style-image: url(../images/smalllistarrow.png);
margin-top: 10px;
padding-left: 35px;
}

ul.keyfeatures li{

font-size: .9em;
line-height: 1.4em;
margin: 0 0 .5em 0;
 
}

div.trystackable_button {
margin: 175px 0 0 0;
width:100%;
height: 42px;
background: url(../images/trybuttonbg.png) center bottom no-repeat;
}

div.trystackable_button a {
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #00B0D8;
color: white;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 2.25em;
font-weight: bold;
}

div.trystackable_button a:hover {
background: #00c4f0;
}

img.scale {
margin: 20px 30px 0 0;


}

/*MISC - TOOLS*/
.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

.border {
border: solid 1px black;
}
.color {
background-color: lime;
}


/*Juggle Splash */
.HPCopy {
width: 625px;
margin-left: 300px;

}