body{ background: #0f0f0f;}

/* mod_main */
#mod_main {
	width:960px;
		height:400px;
	padding:0 0 10px 10px;
	margin:0 0 30px 0;
	position:relative;
}
#mod_main .banner {font-size:16px;}

#mod_main .panel.second {background: url(http://assets.roambi.com/img/flow/main-graphic-home.v2.jpg) no-repeat bottom right;}
#mod_main .panel.second span {color:#be074c; display:block; font-size:14px; margin:70px 0 10px 15px;} 
	
	#mod_main p { font-size:15px; line-height:18px; color:#969696; width:340px;margin:20px 0 20px 15px;}
#mod_main .panel.first p {margin:20px 0 3px 15px !important;}
#mod_main .panel.first img {margin:100px 0 0 15px;}
#mod_main .panel.first .link-more {margin-left:15px; font-size:12px;}
#mod_main .panel.first {background: url(http://assets.roambi.com/img/home/main-graphics.v2.jpg) no-repeat bottom right;}


/* mod_info */
.mod-info-outter{background: url(../img/home_page/gradient-bottom.gif) repeat-x; width:100%; padding:20px 0;}
#mod_info { width:960px; margin:0 auto;}
#mod_info h3 {color:#fff; font-size:16px;}
#mod_info .info-item {
	width:280px; min-height:325px;
	border-left:1px solid #333;
	margin-top:10px;
	padding:5px 30px 0 30px;
	float:left;
	position:relative;
}
#mod_info .info-item.first {border-left:none;padding:5px 30px 0 10px; width:275px;}
#mod_info .info-item.first img {margin-top:10px;}
#mod_info .info-item.last {padding:5px 0px 0 30px; width:270px; position:relative;}
#mod_info .info-item.last img {margin-top:-8px;}
#mod_info p {font-size:13px;color:#969696; margin:10px 0 20px 0;}
.badgenow {position:absolute; z-index:5; top:-15px; right:10px; z-index:2;}

.iPhoneElementsImg {margin-left:80px;}
/* for scrollable required settings	*/
#slider_mini { position:relative; overflow:hidden; height:310px;width:311px; }
#slider_mini  .items {width:20000em;position:absolute;}
#slider_mini .item {float:left; width:290px; margin:0 10px; position:relative;}


#splash-carousel{ position:relative; overflow:hidden; height:400px;width:960px; }
#splash-carousel .items {width:20000em;position:absolute;}
#splash-carousel .item {float:left; width:960px; margin:0 10px; position:relative;height:400px;}


.dot-nav {width:40px; height:15px; margin:15px 0 0 130px;}
a.dot {
	width:9px;
	height:8px;
	overflow:hidden;
	float:left;
	margin:3px;
	background:url(../img/home_page/nav-dots.gif) -10px 0 no-repeat;
	display:block;
	font-size:1px;	
	border:0;
	outline:0;	
}
a.dot.disabled {background-position:0 0px;}
a.dot:hover {cursor:pointer;}

.slider-mini_nav {margin:0 0 0 100px;}
.slider-mini_nav a.dot {margin-right:10px;}
.slider-mini_nav a.dot.current {background-position:0 0px;}


#mod_news {color:#fff; font-size:13px;color:#969696; -moz-border-radius: 10px;  -webkit-border-radius: 10px; border:1px solid #333; padding:10px; height:60px; position:relative; width:940px; margin:-10px 0 0 15px;}
.slider-nav {width:160px; border-right:1px solid #333; float:left; margin:0 0 0 10px; padding:10px 0 10px 10px;}
.slider-nav h4 {font-size:14px; margin:5px 0 5px 0; color:#fff;}

#slider .item {width:600px; margin:0 10px 0 10px;}

#btn_more {position:absolute; z-index:5; top:30px; right:25px;  font-size:14px;}

/*
	for scrollable required settings
						*/
#slider { position:relative; overflow:hidden; height:60px;width:620px;}
#slider .items {width:20000em;position:absolute;}
#slider .item {float:left;}


#mod_news .navi a{
	width:9px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/home_page/nav-dots.gif) -10px 0 no-repeat;
	display:block;
	font-size:1px;	
	border:0;
	outline:0;	
}
#mod_news  .navi a:hover {background-position:0 0px;}
#mod_news  .navi a.activeSlide {background-position:0 0px;}






.rounded {-moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.btns-main {position:absolute; z-index:5; top:260px; left:25px;}
.panel.second .btns-main {top:260px;}
.btns-main a { 
	font:bold 14px Helvetica, Arial, Sans-serif;
	height:9px;
	padding:10px 15px 15px 25px;
	width:230px;
	display:block;
	margin:0 0 10px 0;
	position:relative;
	color: white !important;
	display: block;
	background: #95D934;
	background: -moz-linear-gradient(top, #95D934 0%, #448425 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95D934), color-stop(100%, #448425));
	background: -webkit-linear-gradient(top, #95D934 0%, #448425 100%);
	background: -o-linear-gradient(top, #95D934 0%, #448425 100%);
	background: -ms-linear-gradient(top, #95D934 0%, #448425 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95d934', endColorstr='#448425',GradientType=0 );
	background: linear-gradient(top, #95D934 0%,#448425 100%);
	position: relative;
	border: 1px solid #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-shadow: #3d8400 0px -1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset;
	-o-box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset;
	box-shadow: rgba(255,255,255,0.4) 0px 1px 0px 0px inset;
}
.panel.second .btns-main a  {width:180px; }
.btns-main a:hover { text-decoration: none;}
.btns-main a em {position:absolute; z-index:5; top:5px; right:15px; width:26px; height:26px; display:block; background: url(../../img/loc/btn-arrow.png) no-repeat; }


.banner {position:relative;}
.banner .tabs-ctn {margin:0; width:960px; overflow:hidden; height:400px;
position:relative;	
float:left;	
cursor:pointer;
}

.banner .tabs-ctn .panel {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:400px;width:950px; padding-left:10px;
}

.slidetabs {position:absolute;z-index:5;top:370px; left:45px;}


.slidetabs a {
	width:8px;
	height:8px;
	overflow:hidden;
	background:url(../img/home_page/nav-dots.gif) -10px 0 no-repeat;
	display:block;
	outline:0;		
	text-indent:-9999em;	
	float:left;
	margin-right:14px;
}
.slidetabs a:hover,
.slidetabs a.activeSlide {background-position:0 0;} 


