* { margin: 0; padding: 0; }

/* global */
a, a:visited { color: #930; }
a:hover { color: #00646A;  }
img, a img { border: 0px; }
.clear { clear: both; }

ul { list-style-type: none; }
ul.bullet { list-style-type: disc; margin-left: 24px; }
ol { padding-left: 2em; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { text-transform: uppercase; font-size: 1.5em; color: black; }
h2 { font-size: 1.3em; margin-top: 1.5em;}
h3 { font-size: 1.2em; margin-top: 1em;}
h4 { font-size: 1.1em; margin-top: 1em;}
h5 { font-size: 1em; margin-top: 1em; margin-left: 20px;}
h2, h3, h4 { color: #008382; }

p, ul, ol, blockquote { margin: .75em 0; }

p.totop { clear: both; text-align: right; }


/* layout */

body { color: #444; text-align: center; background: black url(images/header-bkgd.png) 0 0 repeat-x; font-size: small; font-family: "Times New Roman", Times, serif; }




div.contentwrapper { background-color: white; padding: 15px 0 30px; }

.container /* a repeating class to wrap content within wider areas */
{ width: 960px; margin: 0 auto; text-align: left; }

div#header { position: relative; height: 99px; overflow: hidden; }
div#header #logo { position: absolute; left: 0; top: 28px;}

div#uppernav { font-size: 120%; line-height: 1; background: transparent url(images/uppernav-right.png) right top no-repeat; height: 30px; width: 10em; position: absolute; right: 0; top: 0; }


div#content { clear: both; font-size: medium; line-height: 140%; min-height: 250px; _height: 250px; }
 
div#primary { float: left; width: 700px; }
div#primary.fullpage { width: 960px; }
div#primary p, div#primary ul { margin-left: 20px; }

div#sidebar {  width: 225px; background-color: #efefef; float: right; margin: 0 0 0 15px; padding-bottom: 10px; }


div#sidebar h3 { color: #333; padding: 8px 15px; background-color: #ccc; margin-top: 0; font-size: 1.1em; }
div#sidebar ul { margin: 8px 10px;}

div#sidebar blockquote { color: #666; font-style: italic; line-height: 135%;  }

div#sidebar p { padding: .2em 15px; }


/* navigation */
div#uppernav p { color: white;background: transparent url(images/uppernav-left.png) left top no-repeat; height: 30px; margin: 0; padding-top: 6px; text-align: center;}

div#uppernav a, div#uppernav a:visited {  font-size: 95%; color: #eee; margin: 0 .5em; line-height: 160%; text-decoration: none; }
div#uppernav a:hover {  color: #fff; text-decoration: underline; }

div#header ul { list-style-type: none; text-align: right; position: absolute; bottom: -11px; right: 0;} 

div#header ul li { float: left; text-align: center; }
div#header ul li a { display: block; padding: .5em 1em .5em; background: #ccc url(images/nav-bkgd.gif) 0 0 repeat-x; border-left: 1px solid #aaa; text-decoration: none; border-bottom: 6px solid #cfcfcf; color: #666;}
div#header ul li#home a { border-left: none; }

/* layout adjustments for home page */

body.home div#content { text-align: right; padding: 50px 30px 0 0; height: 450px; background: white url(images/home-image.jpg) top left no-repeat; }


body.home div#primary { width: 480px; }
body.home div#primary h1, body.home div#primary h2, body.home div#primary h3, body.home div#primary p, body.home div#primary ul { padding-left: 15px; padding-right: 25px; }
body.home div#primary p, body.home div#primary ul { margin-left: 0;}
body.home div#primary h3 { margin-top: 1.5em; }
body.home div#sidebar { float: left; margin: 0 10px 0 0; }

body.home div#secondary { float: left; width: 240px; }
body.home div#secondary h2 { margin-top: 0; }
body.home div#secondary ul li { line-height: 120%; margin: 4px 0; }

body.home h1, body.home h2, body.home h3 {  font-size: 1.2em; color: #333; text-transform: uppercase; }

div#footer { text-align: center; padding: 10px 0 30px;}
div#footer p { font-size: 95%; text-align: left; line-height: 130%; color: #c7bba5; }
div#footer a { color: #eee; text-decoration: none;}
div#footer a:hover { color: white; background-color: transparent; text-decoration: underline;}

body.privacy ol { margin-left: 30px; }

body.faq div#content ul { margin-left: 30px; }

table.pricechart { margin-top: 20px; border-collapse: collapse; }
table.pricechart th { font-size: 85%; text-transform: uppercase; background-color: #008281; color: white; border-bottom: 1px solid #00646b; padding: 2px 22px 2px 4px;}
table.pricechart td { border-bottom: 1px solid #999; padding: 6px 32px 6px 2px; }




/* nav indicators */

body.home li#home a, body.home li#home a:hover, 
body.support li#support a, body.support li#support a:hover,
body.pricing li#pricing a, body.pricing li#pricing a:hover, 
body.faq li#faq a, body.faq li#faq a:hover, 
body.offers li#offers a, body.offers li#offers a:hover
{ background-image: none; background-color: #fff; border-bottom: 6px solid white; color: black; font-weight: bold; cursor: default; }

div#header ul li a:hover { background-image: none; background-color: #eee; border-bottom: 6px solid #ddd; }