/* Reset */
@import 'reset.css';
@import '960.css';
@import 'navigation.css';
@import 'forms.css';

/******
GLOBALS
******/

body { background:url(../images/page-structure/body_background.gif) top left repeat-x; font:12px "arial" "verdana" "sans-serif"; color:#757575; line-height:16px; font: 15px 'arial', 'verdana', 'sans-serif';}

p { padding-bottom:16px;  }
a, a:link, a:active, a:visited { color:#DC2F36; }
a:hover { text-decoration:none; }
hr { display:block; border:0; border-bottom:5px solid #C4C4C4; height:5px; line-height:1px; margin-bottom:9px; margin-top:-7px; }
.clear { clear:both; }
td { vertical-align:top;}
ul { padding:0px 0px 10px 16px;}

input, select, textarea { padding:2px; font-family:arial; }

h1 { color:#DB2E35; margin-bottom:10px; padding-bottom:0; border-bottom:5px solid #C4C4C4; text-decoration: underline; font-size: 12px; font-weight: bold;}
h2 { font-size:18px; border-bottom:#c4c4c4 solid 5px; color:#dc2f36 !important; margin:0px 0px 4px 0px; padding:0px 0px 5px 0px; font-weight: bold; text-transform: uppercase; }
h3 { font-size:16px; padding:5px 0px 5px 0px; border-bottom:#c4c4c4 dotted 1px; margin:0px 0px 4px 0px; color: #767676; }
h4 { background:url(../images/headings/h4-bg.gif) top left no-repeat; width:290px; height:19px; padding:6px 0 2px 10px; margin-bottom:20px; color: #f5f5f5; font-size: 12px;}
h5 { background:#000; width:290px; padding:2px 0 0 10px; margin-bottom:5px; font-size:12px; color:#FFF; font-weight:normal;  }
h6 { font-size:16px; padding:5px 0px 5px 0px; color:#dc2f36; border-bottom:#c4c4c4 dotted 1px; margin:0px 0px 4px 0px; color: #dc2f36;}
h7 { font-size: 14px; font-weight: normal; color: #dc2f36;}
h7 a { text-decoration: underline; }
h7 a:link { color: #dc2f36; }
h7 a:hover { color: #dc2f36; }
/******
Call to action links
******/

h7 { background:url(../images/call-to-action-arrow.jpg) no-repeat left center; font-size:14px; display:block; padding:8px 0px 5px 14px; color:#dc2f36; margin:0px 0px 4px 0px;} 

/******
HEADER
******/
.header { height:116px; z-index:7000; position:relative; }
.logo { position:absolute; z-index:10; }
.navigation { position: absolute; margin-top:43px; left: 235px; width: 600px !important; }
.navigation ul li.end { padding: 0px; }
.navigation ul li.end a,
.navigation ul li.end a:link { padding-right:0!important; }

#comm100_ChatButton, #comm100_warp, comm100_dvhelp { float: right !important; width: 165px !important; }
#comm100_ChatButton {margin-right: -20px; padding-top: 2px;}

/******
BANNER
******/
.banner { position:relative; margin-top:-32px; /*margin-bottom:8px; z-index:-10;*/  }
.download_brochure { position:relative; float:right; margin-top:-8px; }
.banner_mobile{	background:url(../images/banners/mobile.jpg) no-repeat top left; height:301px;}
.banner_jit {background:url(../images/banners/jit-withoutblurb.jpg) no-repeat top left; height:301px; }
.mobile_app { background:url(../images/banners/mobile-banner-bottom.jpg) no-repeat top left; padding-bottom:50px; padding-top:155px !important; }
.mobile_landing {background:url(../images/banners/jit-bottom.jpg) no-repeat top left; }
.mobile_landing .left_column{ padding-top:431px !important;}
.blurb{ 
	width:465px;
	position:absolute;
	top:200px;
	right:120px;
	font-size:16px;
	line-height:20px;
	color:#fff;
}

.app_screenshots{ margin-bottom:55px;}

/****** 
LINK BUTTONS
******/

a.img_button{ text-indent:-4000px; display:block;}

a.btn_more_details{
	width:165px;
	height:55px;
	background:url(../images/buttons/click_for_details_sprite.gif) no-repeat top left;
	float:left;
}

a.btn_more_details:hover{ background:url(../images/buttons/click_for_details_sprite.gif) no-repeat top right;}

a.btn_app_store{
	width:165px;
	height:55px;
	background:url(../images/buttons/app_store_sprite.gif) no-repeat top left;
	float:right;
}

a.btn_app_store:hover{ background:url(../images/buttons/app_store_sprite.gif) no-repeat top right; }

a.btn_view_itune{
	position:absolute;
	top:183px;
	right:68px;
	width:309px;
	height:47px;
	background:url(../images/buttons/view_itune_apps_sprite.jpg) no-repeat top left;
}

a.btn_view_itune:hover{ background:url(../images/buttons/view_itune_apps_sprite.jpg) no-repeat top right; }

/******
CONTENT
******/

.content_area { padding-top:15px; }
.left_column { padding-top:7px; }

.breadcrumb { font-size:12px; color:#D71921; padding-bottom:5px; margin-top: -5px; border-bottom:2px solid #CCCCCC; margin-bottom:13px; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited { color:#575757; text-decoration:none; padding: 5px; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb span { color:#575757; }

.dark_grey { color:#303030; font-size:14px; }

.mobile_landing_content{ padding:10px 0 70px 350px;}

.mob_app_wrapper{ clear:both; padding-top:30px;}

.mob_app_item{
	border-top:2px solid #e1e1e1;
	padding-top:16px;
}

.first_item{ border:none; padding-top:0px !important;}

.mob_app_logo{
	float:left;
	width:96px;
	margin-right:35px;
}

.mob_app_content{ float:left; width:400px;}

.mob_app_content h3{border:none;}

.mob_app_content p{ font-size:14px;}

.mob_app_actions{ float:right; padding-top:2px; width:343px;}

.testimony_wrapper{ background:url(../images/page-structure/quote-open.gif) no-repeat top left; margin:10px 0 0 17px; padding-top:40px; }

.testimony{
	background:url(../images/page-structure/quote-close.gif) no-repeat bottom right;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
}

.testimony small{ font-size:12px; padding-right:35px;}

/*---- sIFR ---*/
.sIFR-flash { visibility: visible!important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible!important; }
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 25px;
  color:#096c7d;
}

/******
RIGHT COLUMN
******/

.right_column { font-size: 12px; }

.right_column hr { margin-top:15px; border:0; border-top:1px dotted #BDBDBD; background:none; height:1px; line-height:1px; }

.new_date { display:block; width:66px; padding-left:10px; margin-top:11px; margin-bottom:5px; background-color:#000000; font-size:11px; color:#FFFFFF; }

.banner_right_column {
	margin-bottom:5px;
}


/******
CONTACT US
******/
.google_map { width:298px; height:297px; border:1px solid #BFBFBF; }

/******
FOOTER
******/
.footer { margin-top:20px; margin-bottom:10px; padding-bottom:10px; font-size:11px; border-top:5px solid #333333; }
.footer a, .footer a:link,.footer a:active, .footer a:visited { text-decoration:none; color:#757575; }
.footer a:hover { text-decoration:underline; }
.footer ul { margin-top:5px; margin-bottom:3px; padding:0; list-style:none; list-style-type:none; }
.footer ul li { float:left; margin-right:10px; }
.footer ul li a { margin-right:7px; }