/* Global */
* {margin:0;padding:0;}
a img {border:0;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
body {font-size:100%; font-family:arial, sans-serif;background-color:#fff;color:#333;}
h1 {font-weight:normal;font-size:2.857em;color:#17A;margin-bottom:.5em;line-height:1;}
h2 {font-size:1.57em;color:#4AC;line-height:1;margin-bottom:.591em;}

/* Layout */
#header-wrapper {padding-bottom:35px;background:#fff url('/images/header-bg.png') repeat-x bottom center;}
#header {margin-left:auto;margin-right:auto;width:960px;}
#header-inner {width:940px;	display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
#logo {margin-top:18px;margin-left:20px;float:left;}
#content-wrapper {border-bottom:1px solid #dedede;margin-bottom:2px;}
#content {margin-left:auto;margin-right:auto;width:960px;}
#footer-wrapper {background:#eee url('/images/footer-bg.png') top center repeat-x;min-height:79px;}
#footer {padding-top:16px;margin-left:auto;margin-right:auto;width:960px;}
#footer-inner {background:url('/images/logo-small.png') no-repeat 0 0;width:940px;display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
#body {padding:30px 0 34px;width:700px;display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}

/* Main content area */
#body {font-size:.875em;}
#body p {line-height:1.4;margin-bottom:1.64em;}
#body p.intro {font-size:1.43em;margin:2px 0 .75em;}
#body ul {margin:-1.57em 0 1.64em 1em;list-style-type:none;}
#body ul li {line-height:1.4;margin-bottom:1px;background:url('/images/orange-bullet.png') no-repeat left .5em;padding-left:.75em;}
#body a {color:#17A;text-decoration:none;}
#body a:hover, #body a:focus, #body a:active {text-decoration:underline;}

/* Main nav */
#nav {width:462px;height:15px;position:relative;background:#fff url('/images/main-nav.png') no-repeat 0 -15px;float:right;margin-top:44px;}
#nav li {display:inline;list-style-type:none;position:absolute;}
#nav li, #nav a {display:block;height:15px;text-indent:-5000px;}
#home {width:43px;}
#what {width:75px;left:66px;}
#why {width:114px;left:163px;}
#about {width:71px;left:299px;}
#contact {width:71px;left:393px;}

/* Active page state */
body.home #home a {background:#fff url('/images/main-nav.png') no-repeat 0 0;}
body.what #what a {background:#fff url('/images/main-nav.png') no-repeat -66px 0;}
body.why #why a {background:#fff url('/images/main-nav.png') no-repeat -163px 0;}
body.about #about a {background:#fff url('/images/main-nav.png') no-repeat -299px 0;}
body.contact #contact a {background:#fff url('/images/main-nav.png') no-repeat -393px 0;}

/* Hover state */
#home a:hover, #home a:focus, #home a:active {background:#fff url('/images/main-nav.png') no-repeat 0 -30px;outline:0;}
#what a:hover, #what a:focus, #what a:active {background:#fff url('/images/main-nav.png') no-repeat -66px -30px;outline:0;}
#why a:hover, #why a:focus, #why a:active {background:#fff url('/images/main-nav.png') no-repeat -163px -30px;outline:0;}
#about a:hover, #about a:focus, #about a:active {background:#fff url('/images/main-nav.png') no-repeat -299px -30px;outline:0;}
#contact a:hover, #contact a:focus, #contact a:active {background:#fff url('/images/main-nav.png') no-repeat -393px -30px;outline:0;}

/* Footer nav and other footer content */
#footer {font-size:.6875em;}
#footer-nav {list-style-type:none;text-transform:uppercase;}
#footer-nav li {display:inline;border-right:1px solid #999;}
#footer-nav li.last {border-right:none;}
#footer a {text-decoration:none;color:#17A;}
#footer a:hover, #footer a:focus {text-decoration:underline;}
#footer-nav a {padding:0 6px;}
#footer-nav a:hover, #footer-nav a:focus {color:#19D;text-decoration:none;}
#footer-nav li.first a {padding-left:0;}
#footer p {margin-top:.25em;line-height:1.4;}
#footer-content {margin-left:223px;}
body.home #footer-home a, body.what #footer-what a, body.why #footer-why a, body.about #footer-about a, body.contact #footer-contact a {color:#999;}

/* Sidebar */
#sidebar {min-height:300px;width:220px;	display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}
body.home #sidebar, body.why #sidebar, body.contact #sidebar {background:#fff url('/images/cloud.jpg') no-repeat 0 12px;}
body.what #sidebar, body.about #sidebar {background:#fff url('/images/gear.jpg') no-repeat 0 12px;}

/* Featured */
#featured {min-height:100px;width:220px;position:absolute;margin-left:10px;margin-right:10px;top:420px; text-align:center;}
#featured a {color:#17A;text-decoration:none;}
#featured a:hover, #featured a:focus, #featured a:active {text-decoration:underline;}
body.home #featured, body.contact #featured {display:none;}


/* Homepage big buttons */
#body #home-buttons li {padding:0;background:none;}
#home-buttons {width:700px;height:73px;position:relative;background:#fff url('/images/home-buttons.jpg') no-repeat 0 -73px;}
body ul#home-buttons {margin:0 0 30px 0;}
#home-buttons li {display:inline;list-style-type:none;position:absolute;width:221px;top:6px;}
#home-buttons li, #home-buttons a {display:block;height:67px;text-indent:-5000px;}
#button-why {left:240px;}
#button-contact {left:480px;}
#button-what a:hover, #button-what a:focus, #button-what a:active {background:#fff url('/images/home-buttons.jpg') no-repeat 0 -6px;outline:0;}
#button-why a:hover, #button-why a:focus, #button-why a:active {background:#fff url('/images/home-buttons.jpg') no-repeat -240px -6px;outline:0;}
#button-contact a:hover, #button-contact a:focus, #button-contact a:active {background:#fff url('/images/home-buttons.jpg') no-repeat -480px -6px;outline:0;}

