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

/*
HTML/CSS by Matt Blasi

page-style.css defines the layout styles of the theme setting positioning and display order
page-typography.css defines the text and content formatting of the pages

*/

body {
    background:#636363;
    margin:0;
    padding:0;
    text-align:center;
}

div#wrapper {
    background:url(../ihpv-images/bg.jpg) repeat-y top left;
    display:block;
    left:50%;
    margin-left:-457px;
    padding:10px 0 50px;
    position:relative;
    text-align:left;
    width:915px;
}

a {
	cursor:pointer;
}


/* Header Formatting */

div.header {
    background:url(../ihpv-images/header-bg.png) no-repeat top left;
    display:block;
    height:122px;
    position:relative;
    width:915px;
    padding:0 0 10px;
}

div.header a.logo {
    background:url(../ihpv-images/logo.png) no-repeat top left;
    display:block;
    float:left;
    height:94px;
    margin:10px 0 0 55px;
    position:relative;
    width:200px;
}

div.header a.s1-logo {
    background:url(../ihpv-images/s1-logo.png) no-repeat top left;
    display:block;
    float:right;
    height:99px; 
    margin:6px 14px 0 10px;
    position:relative;
    width:60px;
}

div.header span.info {
    float:left;
    margin:25px 0 0 35px;
    width:520px;
}


/* Content Formatting */
div.content {
}

div.content div.main-content {
    float:left;
    width:580px;
}

div.content div.sidebar {
    float:right;
    margin-right:5px;
}

/* Main Content / Left Column */
/* Events Bar */

div.main-content div.events {
    background:url(../ihpv-images/events-bg.png) no-repeat top left;
    display:block;
    height:138px;
    width:666px;
    padding:3px 0 0 16px;
}

div.events div.events-rotation {
}


div.main-content div.page {
    background:url(../ihpv-images/transbg.png) repeat-y top left;
    display:block;
    min-height:350px;
    width:682px;
    margin-top:20px;
}

div.main-content div.page span.page-top {
    background:url(../ihpv-images/transtop.png) repeat-y top left;
    display:block;
    height:20px;
    width:681px;
    position:relative;
    top:-20px;
}

div.main-content div.page div.page-headline {
    position:relative;
    padding:0 0 0 16px;
    margin:-25px 0 0;
}

div.main-content div.page div.page-headline span {
    padding:10px 23px 0;
    display:block;
}

div.main-content div.page div.page-headline span a {
	color:#000;
}

div.main-content div.page div.page-folder {
    background:url(../ihpv-images/folder-bg.png) no-repeat top left;
    padding:2px 7px 0;
    position:relative;
    margin:20px 10px 10px;
    width:665px;
}

div.main-content div.page div.page-folder div.folder-content {
    padding:0 20px;
    width:610px
}

div.main-content div.page-content .about,
div.main-content div.page-content .action {
    background:#fff;
    border:3px solid #22AAEE;
    display:block;
    padding:5px 20px;
    position:relative;
    margin:0 0px;
    width:605px;
    min-height:110px;
}

div.main-content div.page-content .action {
    border-top:none;
}

div.main-content div.page-content .main img {
    padding-right:10px;
}

div.expanded div.box,
div.page div.box {
    padding:0 10px;
    position:relative;
    margin:10px 0;
    width:610px;
    background:url(../ihpv-images/action-box-bg.png) repeat-y;
}

div.expanded div.box div,
div.page div.box div {
    position:relative;
    margin:0 0 0 60px;
    width:460px;
}

div.page div.box {
    margin:0 11px;
    width:620px;
}

div.expanded ul li {
    padding:5px 0;
}

div.expanded div.box {
    left:-13px;
    width:610px;
}

div.expanded div.box br{
    clear:both;
}

div.expanded div.counters {
    float:right;
}

div.expanded div.counters span {
    position:relative;
    margin:0 10px;
}

div.expanded div.tracker {
    display:block;
    float:left;
    position:relative;
    margin:10px 0;
    width:600px;
}

div.expanded div.tracker div {
    float:left;
    display:block;
    margin:0 10px;
}

div.expanded div.tracker div p,
div.expanded div.tracker div h3 {
    width:450px;
    padding:0 0 0 10px;
}

div.expanded a img {
    border:none;
}

div.expanded div.box div.inner-expanded { 
    position:relative; 
    top:20px; 
    width:615px; 
    padding:10px 0; 
    margin:0; 
}

div.expanded div.left,
div.expanded div.inner-expanded div.left { 
    float:left; 
    width:285px; 
    position:relative; 
    padding:10px 0; 
    margin:0; 
}

div.expanded div.right,
div.expanded div.inner-expanded div.right { 
    float:right; 
    width:295px; 
    position:relative; 
    padding:10px 0; 
    margin:0; 
}

div.expanded div.inner-expanded br { 
    clear:both;
}

div.expanded div.box { 
    padding:0 11px; 
    margin:0; 
}

div.inner-expanded h3 {
    padding:10px 0;
    position:relative;
}

div.expanded div.box div.inner-expanded .top {
    padding:0 0 20px;
}

div.expanded div.inner-expanded .top h3 {
    padding:0 0 5px;
}

div.expanded div.inner-expanded .top p {
    padding:0 0 10px;
}

div.expanded div.inner-expanded a.bottom-link {
    align:center;
    display:block;
    text-align:center;
    position:relative; clear:both;
    margin:0 0 20px;
}

div.expanded div div.video,
div.inner-expanded div div.video {
    margin:0;
    width:275px;
    padding:0;
    min-height:435px;
}

div span.box-top,
div span.box-bot {
    background:url(../ihpv-images/action-box-top.png) no-repeat top left;
    display:block;
    height:12px;
    width:632px; 
    margin-left:11px;
}

div span.box-bot {
    background:url(../ihpv-images/action-box-bot.png) no-repeat top left;
    height:13px;
}

div.expanded span.box-top,
div.expanded span.box-bot {
    margin-left:-13px;
}

div.box.visit,
div.box.share {
    height:50px;
}

div.box.visit div p,
div.box.visit div h3,
div.box.share div p,
div.box.share div h3 {    
    margin:0;
    padding:2px 0;
}

div.box.call p,
div.box.letter p     { clear:both; }
div.box.call div p,
div.box.letter div p { clear:none; }


div.sidebar div.block {
    background:url(../ihpv-images/rightblock-bg.png) no-repeat top left;
    width:187px;
    padding:5px 10px 5px 20px;
    margin-bottom:20px;
}

div.sidebar .block .box-bot {
    background:url(../ihpv-images/rightblock-bot.png) no-repeat top left;
    width:216px;
    height:14px;
    display:block;
    position:relative;
    margin-bottom:-19px;
    margin-left:-20px;
}

hr { clear:both; }


div.counters span.phone,
div.counters span.letter,
div.counters span.visit {
	height:21px;
	width:71px;
	display:block;
    float:left;
    text-align:left;
    color:#000;
    font-size:10px;
}

div.counters span.phone {
	background:url(../ihpv-images/makeithappen-phone-tracker.jpg) no-repeat top left;
    padding:5px 0 5px 20px;
}

div.counters span.visit {
	background:url(../ihpv-images/makeithappen-visit-tracker.jpg) no-repeat top left;
    padding:5px 0 5px 25px;
}

div.counters span.letter {
	background:url(../ihpv-images/makeithappen-leter-tracker.jpg) no-repeat top left;
    padding:5px 0 5px 30px;
}