body{ margin: 0px; padding: 0px; background-color: #0e7da5; background: url("images/site/main_bg.gif") top left repeat-x }

/* reset */

h1, h2, h3, h4, h5, p{ margin: 0px; padding: 0px; }
img{ border: none; margin-bottom: -4px;  }

/* typography */

p{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: normal; color: #fff; line-height: 18px; padding-bottom: 8px; }
h2{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 18px; font-weight: bold; color: #0f7ca5; padding-bottom: 8px; }
h3{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 16px; font-weight: bold; color: #0f7ca5; padding-bottom: 5px; }
h4{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 14px; font-weight: bold; color: #0f7ca5; padding-bottom: 5px; }

small{ font-size: 12px; padding-top: 5px; }

a{ color: #9eb7c8; text-decoration: none; }
a:hover{ color: #fff; text-decoration: none; }

#container{ width: 960px; margin: auto; text-align: left; }

#header{ position: relative; width: 960px; height: 130px; }

#logo{ positon: relative; float:left; width: 292px; height: 100px; }

#main_nav{ position:absolute; float:left; padding-top: 43px; padding-left: 254px; }
#main_nav ul{ list-style: none; width: auto; }
#main_nav ul li{ float: left;  margin-right: 1px; overflow: hidden;}
#main_nav ul li a{ display: block; width: 110px; height: 41px; }
#main_nav ul li a span{ display: none; }

#main_nav ul li.home a{ background: url("images/site/nav_home.gif") 0px 0px no-repeat; }
#main_nav ul li.home a:hover, #main_nav ul li.home.active a{ background: url("images/site/nav_home.gif") 0px -41px no-repeat; }

#main_nav ul li.about a{ background: url("images/site/nav_about.gif") 0px 0px no-repeat; }
#main_nav ul li.about a:hover, #main_nav ul li.about.active a{ background: url("images/site/nav_about.gif") 0px -41px no-repeat; }

#main_nav ul li.services a{ background: url("images/site/nav_services.gif") 0px 0px no-repeat; }
#main_nav ul li.services a:hover, #main_nav ul li.services.active a{ background: url("images/site/nav_services.gif") 0px -41px no-repeat; }

#main_nav ul li.testimonials a{ background: url("images/site/nav_testimonials.gif") 0px 0px no-repeat; }
#main_nav ul li.testimonials a:hover, #main_nav ul li.testimonials.active a{ background: url("images/site/nav_testimonials.gif") 0px -41px no-repeat; }

#main_nav ul li.in-the-news a{ background: url("images/site/nav_in-the-news.gif") 0px 0px no-repeat; }
#main_nav ul li.in-the-news a:hover, #main_nav ul li.in-the-news.active a{ background: url("images/site/nav_in-the-news.gif") 0px -41px no-repeat; }

#main_nav ul li.contact a{ background: url("images/site/nav_contact.gif") 0px 0px no-repeat; }
#main_nav ul li.contact a:hover, #main_nav ul li.contact.active a{ background: url("images/site/nav_contact.gif") 0px -41px no-repeat; }

#secondary_nav{ position: relative; width: 960px; height: 40px; padding-top: 10px; }
#secondary_nav ul{ float:right; list-style: none; margin: 0px; padding: 0px; padding-top: 20px; width: auto; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 14px; color: #9fd1e3; }
#secondary_nav ul li{ float: left; margin-right: 10px; background: url("images/site/div.gif") right center no-repeat; padding-right: 10px; margin-right: 10px; }
#secondary_nav ul li.last{ background: none; padding-right: 0px; margin-right: 0px; }
#secondary_nav a{ color:#ffffff; }
#secondary_nav a:hover{ color:#9fd1e3; }

#content{ width: 960px; padding-top: 50px; }

#stage{ width: 960px; height: 380px; position:relative; margin: 0; }
#stage h4 { position: absolute; display:block; width: 80px; text-indent: -9999px; }

#stage ul.stage_tabs, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited { margin: 0;  padding: 0; border: 0; outline: 0; list-style: none; float: left; width: 240px; height: 80px; }
#stage li.ui-tabs-nav-item span { display: none; }
#stage ul.stage_tabs { position:absolute; bottom: 0px; left: 0; z-index: 1; width: 100%; repeat-x bottom right; }

#stage ul li.ui-tabs-nav-item.migraines a { background: url("images/site/stage_migraines.gif") 0px 0px no-repeat; }
#stage ul li.ui-tabs-nav-item.migraines a:hover { background: url("images/site/stage_migraines.gif") 0px -80px no-repeat; }
#stage ul li.ui-tabs-nav-item.add a {  background: url("images/site/stage_add.png") }
#stage ul li.ui-tabs-nav-item.add a:hover { background: url("images/site/stage_add.gif") 0px -80px no-repeat; }
#stage ul li.ui-tabs-nav-item.depression a {  background: url("images/site/stage_depression.gif") }
#stage ul li.ui-tabs-nav-item.depression a:hover {  background: url("images/site/stage_depression.gif") 0px -80px no-repeat; }
#stage ul li.ui-tabs-nav-item.anxiety a {  background: url("images/site/stage_anxiety.gif") }
#stage ul li.ui-tabs-nav-item.anxiety a:hover {  background: url("images/site/stage_anxiety.gif") 0px -80px no-repeat; }

#stage .stage_panel { clear:left; padding:40px 540px 15px 15px; height: 325px; }
#stage .ui-tabs-hide { display: none; }

#stage #fragment-1 { background:transparent url("images/site/stage01.jpg") no-repeat top left; }
#stage #fragment-1 img { position: absolute; top: 300px; left: 0px; z-index: 9999; }
#stage #fragment-1 h4 { left: 808px; bottom: 140px; }
#stage #fragment-2 { background:transparent url("images/site/stage02.jpg") no-repeat top left; }
#stage #fragment-2 img { position: absolute; top: 300px; left: 240px; z-index: 9999; }
#stage #fragment-2 h4 { left: 812px; bottom: 140px; }
#stage #fragment-3 { background:transparent url("images/site/stage03.jpg") no-repeat top left; }
#stage #fragment-3 img { position: absolute; top: 300px; left: 480px; z-index: 9999; }
#stage #fragment-3 h4 { left: 770px; bottom: 123px; }
#stage #fragment-4 { background:transparent url("images/site/stage04.jpg") no-repeat top left; }
#stage #fragment-4 img { position: absolute; top: 300px; left: 720px; z-index: 9999; }
#stage #fragment-4 h4 { left: 570px; bottom: 120px; }

#features{ width: 960px; padding-top: 20px; }

#features_left { width: 481px; height: 200px; float: left; background: transparent url("images/site/features_left.jpg") no-repeat top left; }
#features_left p { padding: 75px 24px 40px 28px; width: 164px; font-family: Arial, "Trebuchet MS", sans-serif; font-size: 12px; color:#666; }
#features_left a { color: #666; text-decoration: underline; font-weight: bold; }
#features_left a:hover { color: #e68700; text-decoration: underline; font-weight: bold; }

#features_middle { margin-left: 19px; width: 220px; height: 200px; float: left; background: transparent url("images/site/features_middle.gif") no-repeat top left; }
#features_middle p { padding: 10px 10px 10px 10px; color: #fff; font-family: Arial, "Trebuchet MS", sans-serif; font-size: 12px; font-stretch:expanded; line-height: 18px; }
#features_middle a { color: #fff; text-decoration: underline; font-weight: bold; }
#features_middle a:hover { color: #666; text-decoration: underline; font-weight: bold; }

#features_right { margin-left: 20px; width: 220px; height: 200px; float: left; background: transparent url("images/site/features_right.jpg") no-repeat top left; }
#features_right p { padding: 70px 30px 40px 20px; width: 84px; float: right; font-family: Arial, "Trebuchet MS", sans-serif; font-size: 12px; color: #fff; font-size: 12px; }
#features_right a { color: #fff; text-decoration: underline; font-weight: bold; }
#features_right a:hover { color: #e68700; text-decoration: underline; }

#footer { width: 960; text-align: left; padding: 60px 0px 10px; clear: both;}
#footer p { font-size: 11px; color: #fff; }