/***********************************
*	Site Name IC Main Site
*	Developer: Rich Rudzinski
*	Created on: 9/09
***********************************/
/*---- BEGIN: Default Styles ----*/
* {
	padding:0;
	margin:0;
}
body {
	font:14px/17px Helvetica, Arial, sans-serif;
	color:#a3a3a3;
	background-color:#000;
}
a {
	text-decoration:none;
	color:#fff;
}
a:hover {
	text-decoration:underline;
}
ul {
	margin:0;
	padding:0;
	height:auto;
	overflow:hidden;
}
li {
	list-style-type:none;
}
button, input, fieldset, img {
	border:0;
}
button {
	cursor:pointer;
}

/* BEGIN: Default Classes */
.wrapper {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;
}
.container {
	width:980px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:0 15px;
}
.imgBtn {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
}
.imgBtn:hover {
	background-position:bottom left;
}
.col {
	float:left;
}
.titleBox {
	background-color:#f7f7f7;
	color:#3c3d3c;
	font-size:11px;
	line-height:11px;
	height:9px;
	padding:4px;
	text-transform:uppercase;
	display:inline-block;
}
.arrowBtn {
	display:inline-block;
	padding:4px 5px 4px 14px;
	height:9px;
	background:#00e5c0 url(/media/buttons/arrowBtn.jpg) no-repeat top left;
	font-family:font-family:'HelveticaNeue BoldCond', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#000;	
}
.arrowBtn:hover {
	text-decoration:none;
	background-color:#ccc;
	background-position:bottom left;
	color:#000;
}

/* BEGIN: Special Font Styles */
.mediumCond_links a {
	font-family:'HelveticaNeue MediumCond', Helvetica, Arial, sans-serif;
}
.boldCond_links a, .boldCond {
	font-weight:bold;
	font-family:'HelveticaNeue BoldCond', Helvetica, Arial, sans-serif;
}
.boldOblique_links a {
	font-weight:bold;
	font-style:italic;
	font-family:'Helvetica BoldOblique', Helvetica, Arial, sans-serif;
}
.neueLight {
	font-family:'HelveticaNeue Light', Helvetica, Arial, sans-serif;
}

/* BEGIN: Head Styles */
#headWrap {
	background-color:#262626;
	overflow:visible;
	position:relative;
	z-index:1000;
}
#headCont {
	background:url(/media/backgrounds/head.jpg) no-repeat top left;
	height:101px;
}
#logo {
	text-indent:-9999px;
	float:left;
	margin-top:12px;
	background:url(/media/icons/icLogo.jpg) no-repeat top left;
	width:140px;
	height:67px;
	overflow:hidden;
}
#headNav {
	float:right;
	margin:12px 15px 0 0;
}
#headNav li {
	float:left;
	margin-right:8px;
}
#headNav li.last {
	margin-right:0;
}
#headNav li a {
	font-size:10px;
	line-height:11px;
	color:#7d7e7e;
	text-transform:uppercase;
	text-decoration:none;
}
#headNav li a:hover {
	text-decoration:underline;
}

/* BEGIN: Navigation Styles */
#navWrap {
	background-color:#1b1b1b;
	overflow:visible;
	height:38px;
}
#navCont {
	background:url(/media/backgrounds/nav.jpg) no-repeat top left;
	padding-bottom:3px;
	height:35px;
	overflow:visible;
	position:relative;
	z-index:1000;
}
#navCont li, #subNav li {
	float:left;
	background:url(/media/backgrounds/navShadow.jpg) no-repeat top left;
}
#navCont li {
	position:relative;
	z-index:1000;
	height:35px;
}
#navCont li a span.hoverBg {
	display:block;
	height:21px;
	padding:14px 15px 0 0;
}
#navCont li a, #subNav li a {
	font-size:14px;
	padding:0 0 0 15px;
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
}
#navCont li a {
	height:35px;
	color:#fff;
}
#navCont li:hover, #navCont li.hover, #navCont li.active {
	position:relative;
	z-index:1000;
	top:-2px;
	height:37px;
}
#navCont li:hover a span.hoverBg, #navCont li.hover a span.hoverBg, #navCont li.active a span.hoverBg {
	background:url(/media/backgrounds/navHover_rt.png) no-repeat top right;
	height:21px;
	padding-top:16px;
}
#navCont li:hover a, #navCont li.hover a, #navCont li.active a {
	text-decoration:none;
	background:url(/media/backgrounds/navHover_lft.png) no-repeat top left;
	height:37px;
}
#navCont li:hover .navOverlay, #navCont li.hover .navOverlay {
	display:block;
}
#navCont .navOverlay {
	display:none;
	position:absolute;
	z-index:1000;
	top:37px;
	left:0;
	height:auto;
	overflow:hidden;
	width:204px;
	padding:0 10px 10px 0;
	background:url(/media/backgrounds/dropShadow.png) repeat-x bottom right;
}
#navCont .navOverlayInner {
	padding:5px 5px 2px;
	background:url(/media/backgrounds/navOverlay_rpt.png) repeat-x top left;
}
#navCont .navOverlay li, #navCont .navOverlay li:hover {
	float:none;
	background:transparent;
	margin-bottom:3px;
	position:static;
	width:194px;
	min-height:23px;
	height:auto;
}
#navCont .navOverlay li a, #navCont .navOverlay li a:hover {
	padding:0;
	background:url(/media/backgrounds/navOverlayLink.png) repeat top left;
	font-size:13px;
	line-height:13px;
	color:#fff;
	width:162px;
	min-height:14px;
	height:auto;
	overflow:hidden;
	padding:6px 23px 3px 9px;
	position:relative;
}
#navCont .navOverlay li a:hover {
	background:url(/media/backgrounds/navOverlayLink_hover.png) repeat top left;
}
#navCont .navOverlay li.featured {
	width:194px;
	height:185px;
}
#navCont .navOverlay li.featured a, #navCont .navOverlay li.featured a:hover {
	overflow:hidden;
	width:194px;
	height:185px;
	position:relative;
	background:transparent;
	display:block;
	z-index:1;
	padding:0;
}
/* featured images */
#nav_helpnow .navOverlay li.featured #featuredImg1 {
	background:url(/media/placeholders/help_featuredImg_1.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg2 {
	background:url(/media/placeholders/help_featuredImg_2.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg3 {
	background:url(/media/placeholders/help_featuredImg_3.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg4 {
	background:url(/media/placeholders/help_featuredImg_4.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg5 {
	background:url(/media/placeholders/help_featuredImg_5.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg6 {
	background:url(/media/placeholders/help_featuredImg_6.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg7 {
	background:url(/media/placeholders/help_featuredImg_7.jpg) no-repeat top left;
}
#nav_helpnow .navOverlay li.featured #featuredImg8 {
	background:url(/media/placeholders/help_featuredImg_8.jpg) no-repeat top left;
}
#navCont #nav_about .navOverlay li.featured a {
	background:url(/media/placeholders/about_featuredImg.jpg) no-repeat top left;
}
#navCont #nav_programs .navOverlay li.featured a {
	background:url(/media/placeholders/schoolsforschools.jpg) no-repeat top left;
}
#navCont #nav_campaigns .navOverlay li.featured a {
	background:url(/media/placeholders/wewantobama.jpg) no-repeat top left;
}

#navCont .navOverlay li.featured div {
	background:url(/media/backgrounds/navOverlayLink_img.png) no-repeat top left;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	overflow:hidden;
	width:162px;
	height:40px;
	padding:8px 23px 0 9px;
}
#navCont .navOverlay.longLinks li.featured a, #navCont .navOverlay.longLinks li.featured a:hover {
	width:194px;
}
#navCont .navOverlay li a:hover, #navCont .navOverlay li.featured a:hover div {
	background-position:bottom left;
	color:#ddd;
}
#navCont li .navOverlay li .arrowSpan, #navCont li:hover .navOverlay li .arrowSpan {
	width:11px;
	height:100%;
	overflow:hidden;
	background:url(/media/buttons/arrowBtn.png) no-repeat 100% 50%;
	text-align:center;
	line-height:15px;
	font-weight:bold;
	font-size:12px;
	color:#000;
	position:absolute;
	top:0px;
	right:5px;
}
#navCont li .navOverlay li:hover .arrowSpan {
	right:10px;
}
#navCont li .navOverlay li.featured .arrowSpan {
	background-image:url(/media/buttons/arrowBtn_large.png);
	z-index:3;
}
/* grid view */
#navCont .navOverlay.imgGrid {
	width:789px;
}
#navCont .navOverlay.imgGrid .navOverlayInner {
	padding:5px 4px 4px 5px;
}
#navCont .navOverlay.imgGrid li, #navCont .navOverlay.imgGrid li:hover {
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}
#navCont .navOverlay.imgGrid li.more {
	clear:both;
	width:779px;
	height:46px;
}
#navCont .navOverlay.imgGrid li.more a {
	width:779px;
	height:46px;
	padding:0;
	background:url(/media/buttons/moreWaysHelp.jpg) no-repeat top left;
	text-indent:-9999px;
	overflow:hidden;
}
#navCont .navOverlay.imgGrid li.more a:hover {
	background-position:bottom left;
}

#subNavWrap {
	background-color:#000;
	margin-bottom:2px;
}
#subNav {
	background:url(/media/backgrounds/subNav_rpt.jpg) repeat top left;
}
#subNav li {
	background:url(/media/backgrounds/subNavShadow.jpg) no-repeat top left;
	height:29px;
}
#subNav li a {
	height:20px;
	font-size:12px;
	line-height:13px;
	color:#565656;
	padding:9px 14px 0;
}
#subNav li a:hover {
	color:#21201c;
	text-decoration:none;
}
#subNav li.active a {
	font-weight:bold;
	color:#21201c;
}

/* BEGIN: Content Styles */
#contentWrap {
	position:relative;
	padding-bottom:44px;
}
#beauty {
	margin-bottom:6px;
	position:relative;
	z-index:1;
}
#beauty #homeFlash {
	position;relative;
	z-index:1;
}
#colLeft {
	width:730px;
	float:left;
	margin-right:5px;
}
#missionTout {
	padding:15px 55px 20px 9px;
	width:916px;
	height:auto;
	overflow:hidden;
	background:url(/media/backgrounds/missionTout_bg.jpg) no-repeat top left;
}
#missionTout .titleBox {
	background-color:#f7f7f7;
	color:#3c3d3c;
	font-size:11px;
	line-height:11px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#missionTout h3 {
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin-bottom:15px;
	text-transform:none;
}
#missionTout p {
	color:#747574;
	font-size:14px;
	line-height:16px;
	margin-bottom:12px;
}
#missionTout .arrowBtn {
	float:left;
	margin-right:5px;
}
#newsHead {
	background-color:#232323;
	padding:10px;
	margin-bottom:15px;
	height:auto;
	overflow:hidden;
}
#newsHead h2 {
	color:#fff;
	font-size:42px;
	line-height:42px;
	text-transform:uppercase;
	margin-bottom:8px;
}
#newsHead h2 span {
	font-size:22px;
	font-weight:normal;
	text-transform:lowercase;
}
#feedLinks li {
	float:left;
}
#feedLinks li a {
	height:12px;
	font-size:11px;
	line-height:13px;
	padding:0 7px;
	color:#00e5c0;	
	border-right:1px solid #555;
}
#feedLinks li a:hover {
	text-decoration:underline;
}
#feedLinks li.active {
	margin:0 2px;
}
#feedLinks li.active a {
	padding:4px 7px;
	color:#000;
	background-color:#00e5c0;
	border-right:0;
}
#feedLinks li.active a:hover {
	text-decoration:none;
}
#feedLinks li.last a {
	border-right:0;
}
#feedCont {
	height:auto;
	overflow:hidden;
	opacity:1;
}
#feedCont .post {
	margin-bottom:15px;
}
#feedCont .post.last {
	margin-bottom:3px;
}
#feedCont .post h3 {
	background-color:#000;
	font-size:32px;
	line-height:32px;
	padding:11px 10px;
	color:#fff;
}
#feedCont .post h3 a:hover {
	text-decoration:none;
	color:#01E6BB;
}
#feedCont .post .content {
	height:124px;
	overflow:hidden;
}
#feedCont .date {
	background-color:#262626;
	float:left;
	height:100%;
	vertical-align:center;
	margin-right:2px;
	width:88px;
	text-align:center;
}
#feedCont .month {
	margin-top:24px;
	color:#7f7e7e;
	font-size:23px;
	line-height:23px;
	text-transform:uppercase;
}
#feedCont .day {
	color:#ccc;
	font-size:44px;
	line-height:44px;
	font-weight:bold;
}
#feedCont .year {
	color:#7f7e7e;
	font-size:18px;
	line-height:18px;
}
#feedCont .post img {
	float:left;
}
#feedCont .blurb {
	float:left;
	height:100%;
	width:640px;
	background-color:#1a1a1a;
}
#feedCont .blurbInner {
	padding:12px 16px;
	float:left;
	width:408px;
}
#feedCont .blurb p {
	font-size:14px;
	line-height:17px;
	color:#5e5e5e;
	margin-bottom:13px;
}
#newsTout .more {
	display:block;
	text-indent:-9999px;
	width:730px;
	height:36px;
	background:#2b2b2b url(/media/buttons/moreNews.jpg) no-repeat center center;
}

/* BEGIN: RightCol */
#colRight {
	width:245px;
	float:left;
}
.toutRight {
	display:block;
	width:245px;
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
	position:relative
}
.toutRight:hover {
	cursor:pointer;
	text-decoration:none;
}
.toutRight .titleBox {
	position:absolute;
	top:11px;
	left:10px;
}
.toutRight .info {
	position:absolute;
	width:227px;
	height:39px;
	background:url(/media/backgrounds/rightToutOverlay.png) repeat-x bottom left;
	bottom:0;
	left:0;
	padding:11px 9px 0;
}
.toutRight .info img {
	float:left;
	margin-right:7px;
}
.toutRight .info h4 {
	font-weight:bold;
	font-size:16px;
	line-height:15px;
	margin:0 0 2px 0;
	color:#00e5c0;
}
.toutRight .info span {
	font-style:italic;
	color:#6a6a6a;
	font-size:13px;
	line-height:15px;
}
#newProduct .info span {
	font-size:18px;
	font-style:normal;
	line-height:20px;
	color:#a3a3a3;
}
#twitterTout {
	height:auto;
	overflow:hidden;
	font-size:11px;
}
#twitterHeader {
	text-indent:-9999px;
	width:245px;
	height:39px;
	background:url(/media/backgrounds/twitterHeader.jpg) no-repeat top left;
	margin-bottom:12px;
}

/* BEGIN: Footer Styles */
#footWrap {
	background-color:#1a1a1a;
	margin-bottom:2px;
}
#footCont {
	background:url(/media/backgrounds/foot.jpg) no-repeat top left;
	height:127px;
	padding:0 15px;
}
#footCont .col {
	background:transparent url(/media/backgrounds/footShadow.png) no-repeat top right;
	width:211px;
	height:118px;
	padding:9px 0 0 10px;
}
#footCont .col.last {
	background:none;
}
#footCont .col h3 {
	font-size:13px;
	line-height:13px;
	color:#fff;
	margin-bottom:6px;
}
#footCont .col li {
	line-height:11px;
}
#footCont .col li a {
	font-size:9px;
	line-height:11px;
	color:#757575;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
#footCont .col li a:hover {
	text-decoration:underline;
}
#backTop {
	font-size:9px;
	line-height:9px;
	text-transform:uppercase;
	color:#8b8b8b;
	margin:10px 10px 0 0;
	float:right;
}
#socialWrap {
	margin-bottom:68px;
}
#socialWrap #networking {
	float:left;
}
#socialWrap li {
	float:left;
}
#networking li a {
	background:url(/media/icons/social_sprite.jpg) no-repeat top left;
	overflow:hidden;
	height:42px;
	display:block;
	text-indent:-9999px;
}
#networking #myspace {
	width:107px;
}
#networking #facebook {
	width:97px;
	background-position:-107px 0;
}
#networking #virb {
	width:77px;
	background-position:-214px 0;
}
#networking #youtube {
	width:84px;
	background-position:-293px 0;
}
#networking #twitter {
	width:104px;
	background-position:-377px 0;
}
#updates {
	background:url(/media/backgrounds/updates.jpg) no-repeat top left;
	width:227px;
	height:35px;
	overflow:hidden;
	float:right;
	text-align:right;
	padding:7px 12px 0 0;
}
#updates h3 {
	font:11px/11px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color:#505050;
	margin-bottom:2px;
}
#updates ul {
	float:right;
	clear:right;
}
#updates li, #updates li a {
	font-size:18px;
	line-height:19px;
	color:#909090;
}
#updates li {
	padding-right:6px;
}
#updates li.last {
	padding:0;
}
/* homepage product tout */
#prodTout {
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}
#prodTout .toutTitle {
	width:171px;
	height:164px;
	padding:18px 0 0 17px;
	margin-right:2px;
	float:left;
	background:url(/media/backgrounds/productTout_titleBg.jpg) no-repeat top left;
}
#prodTout .toutTitle h2 {
	width:124px;
	height:119px;
	text-indent:-9999px;
	margin:0 0 10px 0;
	background:url(/media/backgrounds/productTout_title.png) no-repeat top left;
}
#prodTout .toutTitle a {
	width:102px;
	height:17px;
	display:block;
	text-indent:-9999px;
	background:url(/media/buttons/productTout_storeBtn.jpg) no-repeat top left;
}
#prodTout .prodCont {
	height:171px;
	padding-top:11px;
	overflow:hidden;
	background:url(/media/backgrounds/productTout_bgRepeat.jpg) repeat-x top left;
	padding-left:8px;
}
#prodTout .prod {
	float:left;
	margin-right:5px;
	width:171px;
	color:#00e5c0;
}
#prodTout .prod:hover {
	text-decoration:none;
}
#prodTout .prod img {
	display:block;
	border:1px solid #1c1c1c;
	margin-bottom:6px;
}
#prodTout .prod span {
	display:block;
}
#prodTout .prod .prodTitle {
	text-transform:uppercase;
	font-size:14px;
	line-height:15px;
	padding:0 9px;
}
#prodTout .prod:hover .prodTitle {
	color:#fff;
}
#prodTout .prod .prodPrice {
	text-decoration:none;
	font-size:13px;
	font-style:italic;
	line-height:15px;
	color:#999999;
	padding:0 9px;
}
/* home fade */
#homeSlide #btnLeft, #homeSlide #btnRight {
	width:50px;
	height:22px;
	position:absolute;
	bottom:0;
	z-index:9999;
	overflow:hidden;
	background:url(/media/buttons/btn_fadeBack.png) no-repeat bottom left;
	display:block;
	text-indent:-9999px;
}
#homeSlide #btnLeft {
	left:0;
}
#homeSlide #btnRight {
	right:0;
	background:url(/media/buttons/btn_fadeNext.png) no-repeat bottom left;
}
