/* ivan */
body{ 
background: #0f0f0f;
}

#bd {
width:974px;
margin:0 auto;
}

#primary {
width: 485px;
float:left;
margin:40px 30px 40px 0;
}

#secondary { 
width: 455px;
float:left;
margin-top:40px;
}


/* module videos
***********************************/
#mod_videos .item {
	border-bottom:1px solid #1e1e1e;
	overflow:hidden;
	padding-bottom:20px;
	margin:5px 0 0 0;
}

#mod_videos .item:first-child {
border-top:1px solid #1e1e1e;
padding-top:15px;
}

#mod_videos a{ 
float:left;
font-size:17px;
font-weight: bold;
width: 200px;
margin-top: .75em;
}


.video_thumbs {
float:left;
margin:0 20px 0 0;
background: url(../img/roambi_on_ipad/video_thumbs.gif) no-repeat;
width:102px;
height:65px;
overflow: hidden;
text-indent: -9999em;
}

.video_thumbs:hover { 
cursor: pointer !important;
/* background-position: 0 -65px;  */
} 



/* module info
***********************************/
#mod_info {
margin:0 0 50px 0;
}

#mod_info h1 {
	background: url(../img/roambi_on_ipad/hdr_main2.gif) no-repeat;
	width:416px;
	height:32px;
	overflow: hidden;
	text-indent: -9999em;
	margin-bottom:20px;
	}
	
#mod_info h3 {
	color:#fff;
	font-size:17px;
	font-weight:bold;
	margin-bottom:20px;
}

/* link to learn more */
.btn.learn {
background:url("../img/roambi_on_ipad/btn_learn.gif") no-repeat;
height:54px;
width:367px;
margin:40px 0 20px 0;
}

/* module sub_nav
***********************************/
#mod_sub_nav { 
position:relative;
height:75px;
}

#sub_nav {
float:right;
margin:30px 0 0 0;
padding-right:140px;
}

#sub_nav li{
list-style-type: none;
display: inline;
float:left;
margin-right:20px;

color:#fff;
font-size:14px;
font-weight:bold;
}
#sub_nav a:hover {text-decoration: none;}

/* appStore img */
.btn.appStore {
background:url("../img/availAppStore.jpg") no-repeat;
height:74px;
width:166px;
position:absolute; z-index:5; top:0; right:0;
}

li.icn_appStore {text-indent: -9999em;}




/* footer
***********************************/
#footer {
margin-top:60px;
clear:both;
}


/* helper classes
***********************************/

.btn{
margin:0;
padding:0;
display:block; 
overflow:hidden; 
text-indent:-9999em;
border: 0;
outline:0;
}

/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
	
/* modules */
.channel {margin:0 0 10px 0;}
.item {padding:10px; margin:0 0 10px 0;}


/* paragraph */
p {
color:#969696;
font-size:1.4em;
margin-bottom:15px;
}

#homeiPhoneMenu div:hover {cursor:pointer;}

/* old css
	*/

#homeBodyContainer table, tr, td{
	width: 996;
	margin-top: 15px;
	vertical-align: top;

}

.homeCallToActionContainer{
	margin-left: 11px;
}

.homeCallToActionBody{
	display: block;
	float: left;
	padding: 10px;
	width: 260px;
}

.homeCallToActionTitle{
	font-size: 18px;
	height: 30px;
	vertical-align: top;
	font-weight: bold;
	color: #FFFFFF;
}
.homeCallToActionTitle span{
	color: #FF0036;
}


.homeCallToActionText{
	height: 75px;
	line-height: 20px;
	font-size: 14px;
	color: #969696;
}

.homeCallToActionButton{
	float: left;
}

.homeCallToActionDivider {
	display: block;
	float: left;
	height: 175px;;
	margin-top: 20px;
	margin-bottom: 15px;
	width: 7px;
	border-left-color: #212121;
	border-left-style: solid;
	border-left-width: 1px;
}

#myContent{
	width: 268px;
	height: 402px;
}
#homeiPhoneContainer {
	width: 401px;
	height: 654px;
	/* background-image: url(http://assets.roambi.com/img/home/homeIphoneFrame_5.jpg); */
	background-image: url(../img/roambi_on_ipad/homeIphoneFrame.jpg);
}
#homeiPhoneView {
	display: block;
	float: left;
	position: relative;
	left: 33px;
	top: 146px;
	width: 268px;
	height: 402px;
	background-color: #000000;
}

#homeiPhoneMenu {
	display: block;
	float: left;
	position: relative;
	left: 49px;
	top: 119px;
	width: 90px;
	height: 384px;
}

.homeiPhoneMenuButton {
	width: 90px;
	height: 96px;
}

#homeMediaContainer {
	background-image: url(http://assets.roambi.com/img/home/mediaSectionBG_3.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 207px;
	margin-top: -12px;
}
#homeMediaHeader{
	height: 50px;
}
#homeMediaContentContainer{
	width: 966px;
	margin-left: 15px;
}
#homeMediaContent{
	float: left;
	width: 322px;
	height: 140px;
}
#homeMediaText{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #969696;
}
#moreCoverageBtn{
	float: right;
	height: 50px;
	width: 150px;
}




#homeMediaHeader {position: relative;}