/*-----------------------------------------------------------------------------
Adventive Style Sheet

version		1.0
revision:	2/9/09
author:		Michael Johnson
email:		mike@bluetie.com
website:	adventive.com
-----------------------------------------------------------------------------*/

/* GENERAL
-----------------------------------------------------------------------------*/

* {text-decoration: none; text-align: left; text-indent: 0; margin: 0px; padding: 0px;}
	
img {border: none;}
td {vertical-align: top;}
body {background-color: #fff; font: 90%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; background-image: url(images/bg_homepage_inside.gif); background-repeat: repeat-x; color: #444;}
.hr {border: 0 #d8d5b4 solid; border-top: 1px solid #eee; border-bottom: 1px solid #fff; clear: both; height: 0; margin: 10px 0px 20px 0px;}
#skipnav {display: none;}
#wrapper {width: 980px; margin: 10px auto 0px auto; position: relative;}
#header {display: inline; height: 292px;}
#logo {float: left;}
#login {position: absolute; top: 30px; right: 0px;}
	
/* BULLETS
-----------------------------------------------------------------------------*/
.bullets {list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 10px; margin-top: 10px;}
.bullets li {background: url(../images/bullet_checkmark.gif) left top no-repeat; padding-left: 20px; margin-bottom: 10px;}
	
/* CONTENT STYLES
-----------------------------------------------------------------------------*/
#content_wrapper {margin: 30px 0px 0px 0px;}
#content_wrapper p {margin: 0px 0px 20px 0px;}
#content {font-size: 12px;}
#content h1 {font-style: italic; font-weight: normal; font-size: 28px;}
#content h2 {font-size: 14px; font-weight:bold;}
#content ul {margin: 0px 0px 20px 0px;}
.opening {font-size: 16px;}

/* LINKS
-----------------------------------------------------------------------------*/
a {color: #106b1b; font-weight: bold;}
a:hover {color: #000;}
a:visited {color: #106b1b;}

/* CLASSES
-----------------------------------------------------------------------------*/
.login_button {background-image: url('images/btn_login_off.gif'); background-repeat: no-repeat; height: 31px; width: 63px; color: #FFFFFF; text-transform: uppercase;}
.bullets {list-style-type: none; padding-left: 0; margin-left: 0; margin-top: 10px; margin-top: 10px;}
.bullets li {background: url('images/checkmark.gif') left top no-repeat; padding-left: 20px; margin-bottom: 10px;}
.bullets-press {list-style-type: none; padding-left: 0; margin-left: 0; margin-top: 15px;}
.bullets-press li {background: url('images/bullet.gif') no-repeat 0 -3px; padding-left: 15px; margin-bottom: 15px;}
	

/* FORMS
-----------------------------------------------------------------------------*/
input {}
	
/* TOP NAVIGATION
-----------------------------------------------------------------------------*/
.nav {position: relative; height: 30px; padding: 0px 0px 0px 0px; margin: 35px 70px 0px 0px; display: inline; /*IE double width on margin fix*/ overflow: hidden; float: right;}
.nav li {float: left; list-style: none; margin-right: 10px;}
.nav li.back {background: url("images/bg_nav.gif") no-repeat right -30px; width: 9px; height: 30px; z-index: 0; position: absolute;}
.nav li.back .left {background: url("images/bg_nav.gif") no-repeat top left; height: 30px; margin-right: 11px; /* 9px is the width of the rounded shape */}
.nav li a {font-size: 12px; font-weight: normal; text-decoration: none; color: #555; outline: none; text-align: center; top: 6px; letter-spacing: 0; z-index: 10; display: block; float: left; display: inline; height: 30px; position: relative; overflow: hidden; margin: auto 10px;}
.nav li a:hover {border: none; color: #000;}

#subnavTop {background-image: url('images/subnav-top.png'); background-repeat: no-repeat; padding-top:44px; /* height of graphic */ margin-top:30px;}

#subnavBottom {background-image: url('images/subnav-bottom.png'); background-repeat: no-repeat; background-position: bottom left; padding-bottom:44px; /* height of graphic +  */}

ul#subnav {margin:0;}
ul#subnav li, ul#subnav li.active {background-image: url('images/subnav-normal.png'); background-repeat: no-repeat; list-style-type:none;}
ul#subnav li.active {background-image: url('images/subnav-active.png');}
ul#subnav li a {font-family: "Trebuchet MS", "Tahoma", Arial, sans-serif; font-weight: normal; font-size:16px; color:#666; line-height:44px; /* height of graphic */ padding-left:1em;}
ul#subnav li a:hover {color:#000;}

#contentleftcol {width:260px; float:left;}
#contentrightcol {width:700px; float:left;}
	
/* DEMO PAGE
-----------------------------------------------------------------------------*/
.info {padding: 5px 0 5px 35px;background: url(images/btn_demo.gif) no-repeat left 50%;}
.info a {color: #278a43;}
.info a:hover {color: #000;}

.demo {display: block; margin: 20px 0px 0px 0px; padding: 0px; border-bottom: 1px dotted #ccc;}

dl.demo:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dl.demo h2 {margin: 15px 0px 0px 0px;}
dl.demo dt img {float: left; margin: 0 15px 15px 0; padding: 0 4px 4px 0;}
dl.demo dd {margin-left: 170px;}
dl.demo dd p {margin-top: 4px;}

/* LEGAL
-----------------------------------------------------------------------------*/
#legal {clear: both; color: #eee; font-size: 11px; text-align: center; padding: 50px 0px 20px 0px; background-color: #000000; background-image: url(images/bg_footer.gif); background-repeat: repeat-x; height: 200px;}
#legal a {color: #ffcc33; font-weight: normal; padding: 0px 10px 0px 10px;}
#legal a:hover {color: #fff;}
#copyright {border-right:solid 1px #888; padding-right:1em;}
	
.more {display: block; font-size: 12px; padding: 4px 0 0px 22px; margin: 0px; background: url('images/more.gif') no-repeat 0 6px;}
.more a:link {color: #106b1b; text-decoration: none;}
.more a:hover {text-decoration: none; color:#000;}
.more a:visited {color: #106b1b; text-decoration: none;}

#demo {margin: 10px 0px 0px 0px;}
#demo h1 {font-size: 20px;}
#demo input {width: 200px; margin-right: 20px;}
#demo textarea {width: 420px; height: 50px;}
#demo #submit {width: auto;}
#demo #clearForm {width: auto;}
#demo #email {width: 420px;}

.clearFloat {clear:both}

div#benefit-content {height: 294px; width: 980px; padding: 0px 0px 0px 0px;}

#homeTabs {margin: 0px; width: 900px;}

div.home {height: 317px; position: absolute; visibility: hidden;}
div.home h3 {color: #444; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 50px 0px 0px 0px; font-size: 24px; letter-spacing: -1px; font-weight: normal;}
div.home div img {height: 250px; width: 560px;}
div.home h3,
div.home p {margin-left: 580px; width: 370px;}
div.home p {color: #555; font-size: 16px;}


div#pub-flash {display: block; position: absolute; height: 250px; width: 350px; top: 30px; left: 100px; z-index: 10;}

.home-box {width: 280px; float: left; display: inline; margin: 0px 10px 0px 0px; border-right: 1px dotted #444;}

.home-box h4 {color: #fff; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 15px 0px; font-size: 16px; font-weight: bold;}
.home-box p {color: #fff; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 15px 0px; font-size: 14px;}
.home-box a {color: #ffcc33; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 15px 0px; font-size: 14px; font-weight: normal;}
.home-box a:hover {color: #fff; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 15px 0px; font-size: 14px; font-weight: normal;}
.highlight {color: #ffcc33; font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; margin: 0px 0px 0px 0px; font-size: 16px; font-weight: normal;}