html { background:#f7f7f7; }
    
/**body {  font-size:62.5%; font-family: Frutiger, Segoe UI, Trebuchet MS, Arial, Helvetica, sans-serif; color: #2f3b49;} **/

* html body { font-size: 62.5%; }
            
#wrapper { width:770px; margin:0 auto; padding:0;}
p {color:#333; font-size:1.2em; padding:8px 0; line-height:1.6em;}
a {text-decoration:none; color:#000;}
a:hover {color:#08beb6;}  

/** header **/
#header {width:770px; padding:10px 10px 10px 4px; position:relative;} 
#header ul {position:absolute; right:4px; bottom:10px; padding:0;}
#header li {display:inline; padding:0 18px; font-size:1.1em; border-right:solid 1px #666;}  
#header li.last {border-right:none}  
#header li a {color:#666; font-weight:bold;}
#header li a:hover {color:#08beb6;}      

/** top **/
#top { width:758px; -6px 0px no-repeat; padding:0;}
#top h1 {color:#bbb; font-size:1.9em; font-weight:bold; padding:15px; border-top:solid 1px #ccc;}
#top h1 em {color:#30c8c0;}
#subhead {padding:10px 10px 10px 15px;} 
#subhead img {vertical-align:top; padding: 0 4px 0 0; vertical-align:middle;}  
#social {float:right;}  
#social span.st_sharethis_custom {background: url(../../images/iconSharethis.gif) #fff top right no-repeat; padding:1px 24px 5px 5px; margin:0 4px 0 0;}

/** promos **/
#promonav ul {width:758px;}
#promonav li {display:inline; padding:0; float:left;} 
#promonav li a {display:block; width:252px; height:35px; }                
#slide0 a{background: url(../../images/slide0btn.png) #68d7d2 top left no-repeat; background-position: 0px -35px;}
#slide0 a:hover, #slide0.activeLI a {background-position: 0px 0px;}
#slide1 a{background: url(../../images/slide1btn.png) #68d7d2 top left no-repeat; background-position: 0px -35px; margin:0 1px;}
#slide1 a:hover, #slide1.activeLI a {background-position: 0px 0px;} 
#slide2 a{background: url(../../images/slide2btn.png) #68d7d2 top left no-repeat; background-position: 0px -35px;}
#slide2 a:hover, #slide2.activeLI a {background-position: 0px 0px;}
#promonav li span.displace {position: absolute;left: -5000px;}

#promonav2 a {display:block; width:252px; height:35px; background: url(../../images/promoButtons.png) #68d7d2 top left no-repeat;}
#promonav2 a.activeSlide { background: #ea0 }
#promonav2 a:focus { outline: none; }  

/** content **/
#content { width:758px; padding:0 6px; background:url(../../images/shadow.png) top left repeat-y;} 
#content h2 {font-size:2.4em; color:#30cdc9; font-weight:bold; padding:15px 0 5px 0;}
#content h3 {font-size:1.2em; color:#333; font-weight:bold; padding:15px 0;}
.hrule {text-align:center; padding: 22px 25px 22px 0; vertical-align:bottom;}
.hrule a {color:#bbb; font-weight:bold;} 

/** subcontent **/
#intro {background:url(../../images/twoWomen.jpg) bottom left no-repeat; height:400px; width:758px; position:relative;}
#introcopy {position:absolute; left:253px; top:22px;}
#introcopy img {padding:0 0 4px 5px; vertical-align:middle;} 
#introcopy a {margin:0 25px 0 0;} 

#features img {float:left;}
#featurecopy {width:305px; float:right; margin:0 40px 0 0;}
#featurecopy li {padding:5px 0; font-size:1.1em;}

#gallery {padding:0 20px 0 33px;}
#gallery img {padding:3px 9px 3px 0; outline: none;}
#gallery a {outline: none;}

#technical {padding:0 0 0 33px;} 
#td1 {width:708px; margin: 0;}
#td1 li {display:inline; width:202px; padding:15px 21px 0 13px; float:left; text-align:center; font-size:1.1em; line-height:1.3em;}
#td2 {width:300px; margin: 70px 0 0 70px; float:left;}
#td2 li {font-size:1.1em; padding:5px 0;} 
#technical img {float:left; padding:15px 0 0 0;}   

#specs {padding:0 20px 0 33px;}
#specs h3 {color:#30cdc9; padding:15px 0 5px 0;} 
#specs li {font-size:1.1em; padding:5px 0; line-height:1.6em;}
#specs li p {font-weight:bold; color:#333; padding:2px 0; font-size:1em;}
#specs img {padding:25px 0;}
#col1 {width:180px; padding:0 30px 0 0; float:left;} 
#col2 {width:200px; padding:0 35px 0 0; float:left;}
#col3 {width:250px; padding:0; float:left;} 

#buyNow {padding:0 20px 0 33px;}
#buyNow a {padding:0 7px 0 0;}

/** footer **/
#footer {width:760px; padding:20px 5px;}  
#footer .right {float:right;}
#footer a {color:#327198; text-decoration:underline;} 

/** Clearfix **/
* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 
*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */
:focus { -moz-outline-style: none; } /* removes selection border from around image in FF */