/*----- ESSENTIALS -----*/
* { margin: 0 }
* html body { 
   width: expression( document.body.clientWidth < 951 ? "951px" : "auto" ); /* set min-width for IE */
   min-width: 951px; /* sets min-width value for all standards-compliant browsers */
}
body { 
   min-width: 951px; /* sets min-width value for all standards-compliant browsers */
}
html, body { height: 100% }
body { font:12px Arial, Helvetica, sans-serif; 
margin:0;  /* make anything a hover with this code >> */ 
behavior:url("/css/csshover.htc") }


table, td { border:0; border-spacing:0; border-collapse:collapse; padding:5px; margin:0; vertical-align:top }
img { border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
ul, li { list-style-type:none; padding:0; margin:0 }
ol { color:#444; padding:5px 0 5px 25px; margin:0 }
ol li { list-style-type:decimal; padding:0 0 3px }
form, input { padding:0; margin:0 }
input#tripfield { visibility:hidden; }
/* h1, h2, h3 { line-height:normal; font-weight:normal; padding:0; margin:0 } */
/* a { color:#fe4343; text-decoration:none }
a:hover { color:#FFF } */
a { color:#787979; text-decoration:none }
a:hover { color:#fe4343 }

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 65px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
}

/* classes */
.floatR { float:right }
.floatL { float:left }
.floatC { float:center }
.clearAll { clear:both }
.txt-upprcs { text-transform:uppercase }
.black-link { color:#000 }
.black-link:hover { color:#fe4343 }
.grey-link { color:#787979 }
.grey-link:hover { color:#000 }
.arrow-link { font-size:11px; font-weight:bold; }
.red-link { color: white; margin:0 10px }
.red-link:hover { color:red } 
.arrow-link { font-size:11px; font-weight:bold; background:url(images/bullet-ArrowPagingRight.gif) 0 3px no-repeat; padding:0 0 0 10px; margin:5px 0 0 5px }
/*----- ESSENTIALS -----*/



/*----- HEADER -----*/
#Header { height:86px; background:#000; margin:0 auto }
#Header .content { width:950px; margin:0 auto }
/*----- HEADER -----*/

/*----- WRAPPER -----*/
#MainWrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */ }
/*----- WRAPPER -----*/

/*----- CONTENT -----*/
#ContentWrap { min-height:450px; height:auto !important; height:450px; background:#FFF url(images/bkg-Content.gif) 50% 0 no-repeat; padding:0 0 27px }
/*----- CONTENT -----*/

/*----- NAVIGATION -----*/
/* main navigation across the top bar */
#MainNav { clear:right; float:right; width:560px; color:#4d4d4d; font:17px Arial, Helvetica, sans-serif; text-align:right; padding:0 38px 0 0 }
#MainNav a { font:13px Tahoma; color:#FFF; margin:0 10px }
#MainNav a:hover { color:#fe4343 }

/* top navigation includes the shopping cart icon */
#TopNav { display:block; float:right; height:45px; font-size:11px; color:#4d4d4d; text-align:right; padding:8px 39px 0 0 }
#TopNav a { color:#aaa; margin:0 9px }
#TopNav a:hover { color:#FFF }
#TopNav a.blue { color:#a3f0ff }
#TopNav a.blue:hover { color:#fe4343 }
#TopNav a.red { color:#fe4343 }
#TopNav a.red:hover { color:#fff }
/*----- NAVIGATION -----*/

/*----- CONTENT // HOMEPAGE -----*/
#HP-Table { width:950px; height:416px; margin:9px auto 0 }
#HP-Table .left { width:441px; border-right:1px solid #d6d7d6; padding:6px 0 0 0 }
#HP-Table .middle { width:300px; background: #000; border-right:1px solid #d6d7d6; padding:12px 5px 0}
#HP-Table .right { width:228px; padding:15px 6px 0 7px }

/* welcome block */
#HP-Table .welcome { width:410px; height:201px; color:#4d4d4f; clear: left; padding:10px 5px 0 5px}
#HP-Table .welcome .floatbox{float: left; width: 155px;}
*html #HP-Table .welcome p{ /* IE 3px jog hack*/ height: 1%;}
#HP-Table .welcome p{margin-top: 0; margin-left: 0px}
#HP-Table .welcome em { display:block; font-size:13px; color:#fe4343; margin:0 0 11px }


/* recent media and testimony */
#HP-Table .recent { float:left; width:190px; padding:10px 7px 2px; margin:11px 0 0 }
#HP-Table .recent .blackbarbox h3 { margin-left:7px }
#HP-Table .recent ul { padding:0 3px 0 0 }
#HP-Table .recent li { font-size:10px; color:#808285; border-top:1px dashed #c6c7c7; padding:8px 0 5px 31px }
#HP-Table .recent li a { font-size:12px }
#HP-Table .recent li.end a { font-size:10px; color:#000 }
#HP-Table .recent li.end a:hover { color:#fe4343 }
#HP-Table .recent.media { border-right:1px solid #dcdcdc }
#HP-Table .recent.media li { background:url(images/icons/icon-ipod.gif) 6px 11px no-repeat }
#HP-Table .recent.media li.end { background:none }
#HP-Table .recent.testimony { border-left:1px solid #dcdcdc; margin-left:-1px }
#HP-Table .recent.testimony li { background:url(images/icons/icon-notepad.gif) 5px 15px no-repeat }
#HP-Table .recent.testimony li.end { background:none }

/*----- CONTENT // HOMEPAGE -----*/

/*----- SHARED CONTENT -----*/
/* black top bar box */
.blackbarbox { border-top:3px solid #000; padding:0 0 18px }
.blackbarbox.floatleft { float:left; width:228px; margin:0 14px 0 0 }
.blackbarbox h2 { margin:6px 0 6px 4px }
.blackbarbox h3 { margin:8px 0 5px 4px }
.blackbarbox.paddedL { padding-left:4px }
.blackbarbox.paddedL h2 { margin-left:0 }
.blackbarbox.paddedL h3 { margin-left:0 }
.blackbarbox.minheight { min-height:235px; height:auto !important; height:235px }
.blackbarbox.minheight2 { min-height:150px; height:auto !important; height:150px }




/*----- SHARED CONTENT -----*/

/*----- CONTENT SHADOWCONTENT -----*/
 Hide entire CSS code from IE6 
<![if !IE 6]>


.shiftcontainer{
position: relative;
left: 8px; /*Number should match -left shadow depth below*/
top: 8px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 300px; /* container width*/
/* background: transparent url(media/bigshadow.gif) no-repeat bottom right; */
background: transparent url(bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -8px; /*shadow depth*/
top: -8px; /*shadow depth*/
}

</style>

<![endif]>
/*----- CONTENT SHADOWCONTENT -----*/


/*----- CONTENT // INTERNAL -----*/
#IN-Table { width:950px; margin:0 auto }
#IN-Table h1.title { float:left; width:750px; background:url(/index_files/bkg-H1slash.jpg) 0 10px no-repeat; padding:0 0 0 33px; margin:12px 0 0 }
#IN-Table td.toprow { padding:0 0 0 18px }
#IN-Table .left { width:176px; padding:19px 34px 0 0 }
#IN-Table .right { width:740px; padding:19px 0 0 }
#IN-Table .right h2 { font-size:22px; line-height:35px; text-transform:uppercase; margin:-5px 75px 24px 6px }
#IN-Table .right h2 b { color:#ef4647 }
#IN-Table b.black { display:block; color:#000;  padding-bottom:4px; padding-top:10px; }
#IN-Table b.red { display:block; font-size:14px; color:#EF4647; text-transform:uppercase }
#IN-Table .right em.darkgray { color:#333 }
#IN-Table .right .list { padding:5px 0 5px 11px }
#IN-Table .right .list li { color:#444; background:url(/index_files/bullet-ArrowPagingRight.gif) 0 5px no-repeat; padding:0 0 3px 12px }
#IN-Table .login { color:#4d4d4f; padding:0 24px 0 0 }
#IN-Table .login form { margin:0 -24px 8px 0 }
#IN-Table .login input { float:left; width:120px; height:17px; border:1px solid #ccc; font:italic bold 12px Arial; color:#949495; background:#FFF; padding:0 4px; margin:0 5px 0 0 }
#IN-Table .login input.submit { float:left; width:19px; height:18px; color:#FFF; border:0; background:#fe4343; text-align:center; padding:0 !important; padding:0 0 0 4px; margin:0 }
#IN-Table .login a { color:#fe4343; text-decoration:underline }
#IN-Table .login a:hover { color:#000; text-decoration:none }

#LeftNav { text-align:right }
#LeftNav li { font:13px Tahoma; padding:0 0 10px }
#LeftNav li a { color:#000; padding:0 12px 0 0 }
#LeftNav li a:hover, #LeftNav li a.current { color:#fe4343; background:url(/index_files/bullet-ArrowRed.gif) 100% 5px no-repeat }

/* content blocks */
#IN-Table .contentbox { xclear:both; color:#636466; line-height:17px; padding:0 25px 23px 6px }
#IN-Table .contentbox.nopad { padding:0 0 23px 0 }
#IN-Table .contentbox.float { float:left; clear:none; width:330px; margin:0 }
#IN-Table .contentbox.float2 { float:left; clear:none; width:200px; margin:0 }
#IN-Table .contentbox.minheight { min-height:235px; height:auto !important; height:235px }
#IN-Table .contentbox.minheight2 { min-height:150px; height:auto !important; height:150px }
#IN-Table .contentbox .imgborder { border:1px solid #636466; padding:1px }

/* call to action blue 'become a partner' button */
#IN-Table .c2a-partner {
	position:relative;
	float:right;
	margin:8px 26px -50px -70px;
	left: 36px;
	top: 527px;

}
#IN-Table .c2a-partner2 { position:relative; float:right; margin:-92px 0 -25px }
#IN-Table .c2a-partner3 { position:relative; float:right; margin:8px 26px -125px 0 }
/*----- CONTENT // INTERNAL -----*/

/*----- testimony -----*/
.testimonyleft { width:569px; padding:19px 42px }
.testimonyright { padding:19px 69px 0 0 }

/* main page testimony entries list & main testimony entry */
.testimony-entry-list h1 { font-size:18px; text-transform:uppercase; padding:10px 0 }
.testimony-entry-list h1 a { color:#000 }
.testimony-entry-list h1 a:hover { color:#fe4343 }
.testimony-entry-list li { line-height:17px; color:#636466; border-top:2px solid #000; padding:0 20px 30px 12px }
.testimony-entry-list-media { width:537px; height:auto !important; height:197px; }
.testimony-entry-list-content { border-bottom:1px solid #c2c3c3; padding:12px 20px 12px 12px; margin:0 -20px 0 -12px }
.testimony-entry-list-content a.readmore { background:url(images/bullet-ArrowRed.gif) 0 4px no-repeat; padding:0 0 0 10px; margin:0 0 0 10px }
.testimony-entry-list-content .additional-links { font-size:10px; color:#b2b2b2; text-transform:uppercase; padding:9px 0 0 }
.testimony-entry-list-stats { font-size:11px; color:#000; text-transform:uppercase; padding:3px 0 0 }
.testimony-entry-list-stats span { font-size:10px; color:#aeaeae; text-transform:lowercase }
.testimony-entry-list-stats .comments { float:right }

/* testimony entry comments */
.testimony-comments-list { line-height:17px; font-size:11px; padding:30px 0 0 }
.testimony-comments-list .title { width:557px; color:#a3a3a3; border-top:0; padding:0 0 6px 12px }
.testimony-comments-list .title b { font-size:18px; font-weight:normal; color:#000 }
.testimony-comments-list li { float:left; clear:both; width:518px; color:#636466; border-top:1px solid #ccc; padding:19px 34px 19px 17px }
.testimony-comments-list .person { float:left; width:121px; color:#b0b0b0 }
.testimony-comments-list .person b { display:block; color:#000 }
.testimony-comments-list .person-comment { float:left; width:397px }
.testimony-comments-list .person-comment .date { font-size:10px; color:#919294; text-transform:uppercase; padding:10px 0 0 }

/* leave a comment section */
.leave-a-comment { float:left; clear:both; width:545px; background:#f2f2f2; padding:0 12px 17px }
.leave-a-comment b { line-height:45px; font-size:18px; font-weight:normal; padding:12px 0 15px }
.leave-a-comment span { font:italic 10px Arial; float:right; line-height:45px; }
.leave-a-comment .enter-info { float:left; width:209px }
.leave-a-comment .enter-info input, .leave-a-comment .enter-info select { float:left; clear:both; width:176px; height:20px; font-size:12px; color:#636466; border:1px solid #e1e1e1; padding:0 7px; margin:0 0 9px }
.leave-a-comment .enter-info select { width:192px; padding:0 }
.leave-a-comment .enter-body { float:left }
.leave-a-comment .enter-body textarea { overflow:visible; float:right; clear:both; width:319px; height:169px; font:12px Arial, Helvetica, sans-serif; color:#636466; border:1px solid #e1e1e1; padding:7px; margin:0 0 6px }
.leave-a-comment .enter-body img { float:right; clear:both; margin:0 2px 0 0 }
* html .leave-a-comment .enter-body input { margin:0 -8px 0 0 }
.leave-a-comment .enter-body .characters-remaining { float:left; font-size:11px; padding:2px 0 0 8px }

/* right column category dropdown */
.testimony-category-select { border-bottom:1px dashed #c2c3c3; padding:0 0 12px 4px }
.testimony-category-select select { width:190px; font-size:12px }

/* right column navigation list // recent posts & archives */
.testimony-nav-list li { border-bottom:1px dashed #c2c3c3; padding:3px 4px }
.testimony-nav-list a { color:#000 }
.testimony-nav-list a:hover { color:#fe4343 }
/*----- testimony -----*/

/*----- FLASH -----*/
#Flash { height:330px; width:100%; background:#000; text-align:center; overflow:hidden;  }
#Flash.internal { width:100%; height:300px; text-align:center;  background:#000; background-position:top center  }
/*----- FLASH -----*/

/*----- FOOTER -----*/
#Footer, .footer-push { clear:both; height: 90px; /* .push must be the same height as .footer */ }
#Footer { text-align:center; font-size:10px; color:#abadaf; background:#e5e5e5 }
#Footer .content { width:931px; padding:19px 0 0 21px; margin:0 auto }
#FooterNav { font-size:11px; padding:2px 0 23px; margin:0 0 0 -6px }
#Footer a { color:#abadaf; margin:0 6px }
#Footer a:hover { color:#4d4d4f }
#Footer a.grey { margin:0 }
#Footer a.grey:hover { color:#abadaf }

/*----- FOOTER -----*/