@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
body {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	background: #e4e3e9;
}
h1 {margin: 0;
	padding: 0;}
h1 {
	font: 2.0em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0c5391;
	padding-bottom:3px;
	
}

h2, .left h2 {
	font: 1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	color:#01b0df;
	/*color: #0c5391;*/
}

h3, .left h3 {
	font: 1.3em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top:20px;
	margin-right:5px;
	color:#01b0df;
	/*color: #0c5391;*/
}
h3, h4, h5 {
	margin-bottom: 10px;
}
h3 {
	font-size: 16px;
	color: #01b0df;
	display:inline;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 11px;
	text-transform: uppercase;
	color: #0c5391;
	letter-spacing: 0.5px;
}
h1 strong {
	color: #000;
	text-transform: uppercase;
}

hr {
	height: 1px;
	background: transparent url(/images/vistagehq/va-dotted-rule.gif) repeat-x;
	clear:both; 
	width:100%; 	
	border: none;
	margin: 10px 0;
}
p {
	margin-bottom: 10px;
	
}
a, li a:hover {
	text-decoration: none;
	color: #0c5391;
}
a:hover {
	text-decoration: underline;
}
a img {
	padding: 0 10px 0 0;
}
/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.relative {
	position: relative;
	z-index: 1;
}

/*============================[ LAYOUT ]============================*/
#container {
	margin: 0 auto;
	width: 950px;
}
#utility-nav {
	float: right;
	padding: 5px 0;
}
#header {
	height: 141px;
	background: url(/images/vistagehq/header.png) no-repeat;
	margin-bottom: 12px;
	position: relative;
}
#hero {
	margin-bottom: 12px;
	background: #fff;
	position: relative;
}
#footer-container {
	width: 100%;
	background: #6a737c;
}
#footer {
	width: 950px;
	margin: 0 auto;
	padding: 12px 0;
}

/*============================[ CONTENT ]============================*/
.col1, .col2, .col3,  .slide {
	background: #fff;
	float: left;
	margin: 0 10px 10px 0;
	padding: 14px 16px;
}
.col4 {
	background: url(/images/vistagehq/bg_chair-brochure.jpg) no-repeat top;
	background-color:#FFF;
	float: left;
	margin: 0 10px 10px 0;
	padding: 14px 16px;
}
.col4 {
	width: 278px;
}
.col4 H2, .col4 p { color:#FFF}
.col1 {
	width: 278px;
}
.col1 ul{
                margin-top: 2px;
                margin-left: 20px;
                margin-bottom: 5px;
}
.col2 {
	width: 598px;
	min-height: 272px;
	height: auto !important;
	height: 272px;
}
.slide
{
	width:598px;   
}
.last {
	margin-right: 0;
}
#utility-nav{
	float:left;
	display: inline;
	width:100%;
}
#utility-nav a {
	padding: 0 10px;
	font-weight: bold;
	color: #777;
	font-size: 11px;
	text-transform: uppercase;
}
#utility-nav a img {
	vertical-align: top;
	padding: 0;
}
#global-search {
	float: right;
	vertical-align: top;	
	background: url(/images/vistagehq/search.gif) no-repeat;
	width: 208px;
	height: 24px;
	/*margin-left:35px;	
	margin-left:55px\9;*/
}
#search-box {
	margin: 3px;
	font-size: 11px;
	padding: 2px;
	width: 170px;
	color: #999;
	border: none;
}
#search-btn {
	position: absolute;
	padding-right:0;
	width: 26px;
	height: 22px;
	top: 1px;
	text-indent: -9999px;
	background: transparent;
	cursor: pointer;
}
#vistage-logo {
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 109px;
}
#tagline {
	position: absolute;
	top: 10px;
	left: 340px;
	color: #fff;
	font-weight: normal;
	font-size:12px;
	width: 560px;
}
.menuselect 
{
	text-decoration: none;
	background: url(/images/vistagehq/main-nav-bg-sprite.png) repeat-x 0 -40px;	
}
#nav{
	position: absolute;
	width: 950px;
	bottom: 0;
	height: 38px;
	list-style: none;	
	background: url(/images/vistagehq/main-nav-bg-sprite.png) repeat-x 0 0;
}
#nav li {
	display: inline;
}
#nav li a {
	float: left;
	height: 13px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;	
	padding: 9px 21px 14px;
	border-right: 1px solid #0e407b;
	text-transform: uppercase;
	margin-top: 2px;
}
#nav li a:hover {
	text-decoration: none;
	background: url(/images/vistagehq/main-nav-bg-sprite.png) repeat-x 0 -40px;
}
#nav li a.active {
	background: url(/images/vistagehq/main-nav-bg-sprite.png) repeat-x 0 -78px;
}
#nav li a.nav-action {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(/images/vistagehq/nav-vistage-membership.png) no-repeat 0 0;
	width: 194px;
	height: 42px;
	margin: 0;
	padding: 10px 5px 10px 15px;
	font-weight: bold;
	font-size: 17px;
	text-transform: capitalize;
}
#nav li a.nav-action.nav-chair {
	background: url(/images/vistagehq/nav-chair-practice.png) no-repeat 0 0;
	width: 196px;
	padding-left: 13px;
}
#nav li a.nav-action:hover {
	background-position: 0 -62px;
}
#nav li a.nav-action h5 {
	color: #fff;
	margin-bottom: 6px;
}
#nav li a.nav-action.nav-chair h5 {
	margin-top: 6px;
	margin-bottom: 0;
}
#vist-adv {
	position: absolute;
	left:0px;
	color: #fff;
	padding-left: 8px;
}
#hero-subnav {
	list-style: none;
	width: 185px;
	float: left;
	background: #444 url(/images/vistagehq/side-nav-bg.png) no-repeat 0 0;
	padding: 18px 0 4px 5px;
}
#hero-subnav li a {
	display: block;
	padding: 14px 13px 10px;
	height: 35px;
	height: 34px\9;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 13px;
}
#hero-subnav li a:hover {
	background: url(/images/vistagehq/side-nav-bg.png) no-repeat -195px -17px;
}
#hero-subnav li a.active {
	background: url(/images/vistagehq/side-nav-bg.png) no-repeat -385px -17px;
}
#hero-subnav li a#subnav1.active {
	background-position: -385px -17px;
}
#hero-subnav li a#subnav2.active {
	background-position: -385px -76px;
}
#hero-subnav li a#subnav3.active {
	background-position: -385px -135px;
}
#hero-subnav li a#subnav4.active {
	background-position: -385px -194px;
}
#hero1, #hero2, #hero3, #hero4 {
	display: none;
}
.hero {
	padding: 10px 17px 10px;
	float: left;
	width: 726px;
	height: 233px;
	position: relative;
}
.hero-test {
	font-size: 11px;
	line-height: 1.3em;
}
.hero-test h5, .hero-test p {
	margin-bottom: 3px;
}
.hero-test h5 
{
	color:#b5121b;
}
.hero hr {
	width: 337px;
}
.hero img.right {
	position: absolute;
	right: 0;
	top: 0;
}
a.watch-video {
	color: #31bfe5;
	background: url(/images/vistagehq/icon-video.png) no-repeat right center;
	padding-right: 20px;
	display: inline-block;
}
#programs {
	/*position: absolute;*/
	top: 0;
	left: 0;
	z-index: 0;
}
.program {
	position: absolute;
	top:0px;
	right:0px;
	left:0px;
	height: 200px;
	padding: 90px 240px 10px 16px;
	display: none;
}
#program1 {
	display: block;
}
.program * {
	position: relative;
	z-index: 1;
}
.program img.right {
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 0;
}
.program h1, .box2 h1 {
	line-height: 1.1em;
}
#program-nav {
	list-style: none;
	border-bottom: 2px solid #dadada;
	width: 415px;
	padding: 0 10px;
	z-index:0;
	position:absolute;
	top:35px;
}
#program-nav li{
	display: inline;
}
#program-nav li a {
	display: block;
	float: left;
	padding: 7px 8px 1px;
	font-size: 11px;
	font-weight: bold;
}
#program-nav li a:hover {
	color: #000;
}
#program-nav li a.active {
	border: 2px solid #dadada;
	border-bottom: 2px solid #fff;
	position: relative;
	top: 2px;
	padding: 3px 8px 5px;
	color: #000;
	background: url(/images/vistagehq/arrow-our-programs.gif) no-repeat bottom center;
}
#buzz-blog {
	height: 272px;
}
.blog-post .title {
	font-size: 13px;
}
.li a {
	background: url(/images/vistagehq/arrow-right.gif) no-repeat 0 4px;
	padding-left: 10px;
}
.home-callouts {
	margin-top:10px\9;
	margin-bottom:10px\9;
}
.home-callouts .col1 {
	min-height: 226px;
	height: auto !important;
	height: 226px;
}
.note {
	font-size: 11px;
}
.action-apply, .action-contact, .action-subscribe, .action-request,
.action-fb, .action-tw, .action-li, .action-yt {
	padding-left: 25px;
	background: url(/images/vistagehq/icon-actions.gif) no-repeat 0 0;
	height: 16px;
	line-height: 16px;
	display: inline-block;
}
.action-contact {
	background-position: 0 -25px;
}
.action-subscribe {
	background-position: 0 -50px;
}
.action-request {
	background-position: 0 -75px;
}
.action-fb, .action-tw, .action-li, .action-yt {
	height: 16px;
	padding: 4px 0 5px 35px;
	background-position: 0 -100px;
}
.action-tw {
	background-position: 0 -125px;
}
.action-li {
	background-position: 0 -150px;
}
.action-yt {
	background-position: 0 -175px;
}
.bottom {
	position: absolute;
	bottom: 14px;
}
.bottom.right {
	right: 16px;
	margin-bottom: 0;
}
.nobg, .leftcol.nobg {
	background: none;
}
.bordertop {border-top: #CCC 1px dotted; margin-top:10px; padding-top:10px}
.borderbottom {border-bottom: #CCC 1px dotted; margin-top:10px; padding-bottom:10px}
img.right {
	padding-left: 10px;
}


#footer .col1, #footer .leftcol.last {
	min-height: 162px;
	height: auto !important;
	height: 162px;
	color: #777;
	line-height: 1.3em;
	font-size: 11px;
	padding: 14px 16px;
}
#footer .nobg, #footer .nobg a {
	color: #fff;
}
.bgconnect {
	background: url(/images/vistagehq/bg-connect-with-us.jpg) top left repeat-x;
	color:#FFFFFF
	 
}
#footer-logo {
	display: block;
	width: 278px;
	padding: 14px 16px;
	margin-right: 10px;
}
#footer-links {
	float: left;
	width: 624px;
	padding: 14px 0 14px 6px;
	font-size: 11px;
	color: #ccc;
}

	
#footer-links a {
	display: inline-block;
	padding: 0 10px;
	color: #ccc;
}
#copy {
	display: block;
	padding: 5px 10px 0;
}

/*============================[ SUBPAGES ]============================*/
.leftcol, .rightcol, .midcol { padding: 12px; background: #fff; }
.leftcol { float: left; width: 194px; margin: 0 12px 12px 0;  }
.rightcol { float: right; width: 696px; margin: 0 0 12px; }
.rightcol h1 { line-height: 1em; }
.rightcol-wrap { float: right; width: 720px; }
.midcol { float: left; width: 460px; margin: 0 12px 12px 0; }
.centercontent { float: left; width: 400px; margin: 0 12px 12px 0; }
#subnav { border-top: 4px solid #b5b5b5; padding: 8px 0 12px 8px; width: 210px; }

#subnavchair { border-top: 4px solid #b5b5b5; padding: 8px 0 12px 8px; width: 210px; }

#subnav ul { list-style: none; }

#subnavchair h4  	
{
	font-size: 14px;
	color: #965a31;
}
#subnavchair ul { list-style: none; }
#subnav ul li a { font-size: 13px; display: block; padding: 1px 0 1px 10px; }
#subnavchair ul li a { font-size: 13px; display: block; padding: 1px 0 1px 10px; }

#subnav ul li a.active, #subnav ul li a.active:hover { color: #fff; position: relative; background: #0084c5; padding-left: 21px; left: -11px; }

#subnavchair ul li a.active, #subnavchair ul li a.active:hover { color: #fff; position: relative; background: #965a31; padding-left: 21px; left: -11px; }
#subnav ul li a:hover { color: #fff; position: relative; background: #99d6f5; padding-left: 21px; left: -11px;  }
#subnavchair ul li a:hover { color: #fff; position: relative; background: #c49160; padding-left: 21px; left: -11px;  }
.sub-hero { margin-bottom: 10px; padding: 12px 365px 12px 14px; height: 286px; background: url(/images/vistagehq/bg-sub-box.jpg) repeat-x bottom; color: #454545; line-height: 1.35em; }
.sub-hero img.right { float: none; position: absolute; right: 0; top: 0; }
.sub-hero hr {
	background: url(/images/vistagehq/hr-box2.gif) no-repeat;
}
.box {
	float: left;
	width: 318px;
	margin: 0 10px 10px 0;
	padding: 10px;
}
.box400 {
	float: left;
	width: 400px;
	margin: 0 10px 10px 0;
	padding: 10px;
}
.box236 {
	float: left;
	width: 230px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border-left: 1px dotted #cccccc
}
.box2 {
	padding: 10px;
}

.gray {
	color: #666;
}
.orange h1, .orange h2, .orange h3, .orange h4, .orange h5 {
	color: #d16f18;
}
.green h1, .green h2, .green h3, .green h4, .green h5 {
	color: #a39500;
}
.purple h1, .purple h2, .purple h3, .purple h4, .purple h5 {
	color: #55014c;
}
.red h1, .red h2, .red h3, .red h4, .red h5 {
	color: #b7111b;
}
.leftcol.last {
	margin-right: 0;
	padding: 14px;
}
#footer-logo-sm {
	padding: 14px 16px;
	width: 194px;
}
.download-section h2 {
	margin: 20px 5px 10px 0;
}
.download-section a.btn {
	margin-top: 20px;
}
.download-section .btnN {
	margin-top: 18px;
}
.rightcol ul, .midcol ul, .col1.last ul, .leftcol.last ul{
	padding-left: 30px;
	margin-bottom: 15px;
}
.rightcol ol, .midcol ol, .col1.last ol, .leftcol.last ol {
	padding-left: 30px;
	margin-bottom: 15px;	
}
.rightcol li, .leftcol.last li { margin-bottom:6px}

.box2.relative {
	padding-right: 230px;
}
.box2.relative .right {
	position: absolute;
	right: -12px;
	top: -12px;
	width: 230px;
}
.box3 {
	padding: 10px;
}

.box3.relative {
	padding-right: 10px;
}
.midcol .relative.box2 {
	padding-right: 230px;
	padding-top: 0;
}
.midcol .relative.box2 .right {
	top: 0;
}
.right  {
	/*background: #cc9866;
	color: #fff;
	padding: 12px;
	padding-right: 31px\9;*/
	
}
.block {
	background: #cc9866;
	color: #fff;
	padding: 12px;
	float:right;
	/*padding-right: 31px\9;*/
	
}
.right .block hr { background-image: url(/images/vistagehq/hr-gold.gif); }
.right .block h3 { color: #fff; }
.nopad { padding: 0; margin: 0; }

.col3 {
                background: #fff;
                float: left;
                margin: 0 10px 10px 0;
                padding: 14px 16px;
}
.col3 {
                width: 598px;
                min-height: 272px;
                height: auto !important;
                height: 272px;
}

.col3 ul {
                margin-top: 4px;
                margin-left: 30px;
                margin-bottom: 10px;
}
.col3 ol {
                margin-top: 4px;
                margin-left: 30px;
                margin-bottom: 10px;
}
.col3 li { margin-bottom:6px}

.imageright {float:right;
             padding:5px 0 5px 15px}
.imageleft {float:left;
             padding:5px 15px 5px 0}
.blue { color:#0065a4}
.bottom2 { vertical-align:bottom}
.home3boxes { height:300px}

/*============================[Site map]============================*/
* html #sitemap ul li {margin:0; padding: 0; list-style:none;}
#sitemap ul {list-style: none; line-height:16px; padding:2px 5px 5px 5px; margin:2px 5px 5px 10px}
#sitemap {font: 13px arial, Helvetica, sans-serif; font-weight:bold}
#sitemap ul li a{color:#696969; font-size:11px; text-decoration: underline; font-variant: normal; font-weight: normal}
#sitemap ul li a:hover {text-decoration:underline;}
#sitemap table {margin-bottom:55px;}
#sitemap td { border-left:#CCC 1px dashed}
#sitemap { background-color:White; padding:10px 10px 10px 10px; }

/*============================[ FORMS ]============================*/
#poll {

}
#poll h2 { color: #000; }
#poll-count {
	font-size: 10px;
}
#poll form {
	background: #d8f3fa;
	padding: 6px 10px;
	margin-bottom: 10px;
}
.poll-question { display: none; }
#poll1 { display: block; }
.contact p {
	float: left;
	width: 230px;
	padding: 0 5px;
	margin-bottom: 0;
}
.contact p.wide { width: 260px; padding-left: 10px; }
input[type="text"], select {
	border: 1px solid #a5a5a5;
	padding: 2px;
	width: 210px;
}
select { width: 217px; padding: 1px 1px 1px 2px; }
input[type="radio"] {
	margin: 0 5px;
}
.hint { font-size: 10px; line-height: 10px; color: #999; font-style: italic; display:inline-block; }
.required {
	border-left: 3px solid #00b0df;
	display: block;
	padding-left: 3px;
}
.notreq {
	border-left: 3px solid #fff;
	display: block;
	padding-left: 3px;
}
form.contact {
	color: #444;
	padding: 0 20px 15px 20px;
}
.contact hr {margin-top: 20px;}
form.contact label {
	padding-left: 7px;
	width: 200px;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	margin-top: 10px;
}

#mask {   
  position:absolute;   
  top:0px;
  left:0px;
  z-index:9000;   
  background-color:#000;   
  display:none;   
}

#video 
{
	z-index:9999;  
	background-color: #e4e3e9;
	margin:40px 40px 40px 40px;
	width:520px;
}


/*============================[ BUTTONS ]============================*/
.btnN { 
background-color:#01b0df; 
color:#FFF; 
font-weight:bold;
font-size:9px;
font-size:10px\9;
border: #fff 3px double;
border: #00bce4 3px double\9;
cursor: pointer;

padding:1px 3px;
padding:0 2px\9;

width: auto;
overflow:visible;
}

.btnN12 { 
background-color:#01b0df; 
color:#FFF; 
font-weight:bold;
font-size:11px;
font-size:12px\9;
border: #fff 3px double;
border: #00bce4 3px double\9;
cursor: pointer;

padding:2px 4px;
padding:1px 3px 0 3px\9;

width: auto;
overflow:visible;
}

.btnN12brown { 
background-color:#965a31; 
color:#FFF; 
font-weight:bold;
font-size:11px;
font-size:12px\9;
border: #fff 3px double;
border: #965a31 3px double\9;
cursor: pointer;

padding:2px 4px;
padding:1px 3px 0 3px\9;

width: auto;
overflow:visible;
}


.btn {
	display: block;
	text-indent: -9999px;
	background: url(/images/vistagehq/buttons.png) no-repeat 0 0;
	height: 19px;
}
.btn-learn-more {
	background-position: 0 0;
	width: 86px;
}
.btn-learn-more-green {
	background-position: 0 -280px;
	width: 86px;
}
.btn-learn-more-orange {
	background-position: 0 -300px;
	width: 86px;
}
.btn-learn-more-purple {
	background-position: 0 -320px;
	width: 86px;
}
.btn-learn-more-red {
	background-position: 0 -340px;
	width: 86px;
}
.btn-download-now {
	background-position: 0 -25px;
	width: 104px;
}
.btn-find-out-now {
	background-position: 0 -50px;
	width: 90px;
}
.btn-learn-more-about-member {
	background-position: 0 -75px;
	width: 240px;
}
.btn-next {
	background-position: 0 -100px;
	width: 44px;
}
.btn-start-now {
	background-position: 0 -125px;
	width: 76px;
}
.btn-view-testimonials {
	background-position: 0 -150px;
	width: 200px;
}
.btn-first-step {
	background-position: 0 -225px;
	width: 210px;
	height: 30px;
}
.btn-first-step_chair {
	background-position: 0 -370px;
	width: 210px;
	height: 30px;
}
.btn-submit {
	background-position: 0 -175px;
	height: 30px;
	width: 105px;
}
.btn-submit_chair{
	background-position: 0 -417px;
	height: 30px;
	width: 105px;
}
.btn-download-nowVI {
	background-position: 0 -406px;
	width: 182px;
	height: 52px;
}

/*============================[ VIDEO POP ]============================*/

#videopop {
	background-color: #FFF;
	height: 400px;
	width: 500px;
	padding:10px;
	margin:10px
	
}
 #video {
	
	padding: 26px 10px 2px 10px;
	background-color:#ffffff;
	
}

/*============================[ Connect box ]============================*/
#connect {
	
	
	color: #fff;
}
#connect a {
	
	color: #fff;
}