/* -------------------------------------------------------------- 
   
   PRO-OVERVIEW.CSS ROAMBI-WEB
   
-------------------------------------------------------------- */
.pg-pro-overview {color:#969696; background:#0f0f0f url(../img/pro-overview/body_gradient.jpg) no-repeat center 450px;}
.pg-pro-overview .mod-main { font-size:13px; }

h4 {font-size:20px; color:#fff;}
.button {
font-size: 18px; font-weight: bold; color: #fff; 
text-shadow: 0px -1px #333333; 
padding: 10px 30px; 
-webkit-transition: border-color 0.5s; 
border: 1px solid #37840C; 
cursor: pointer;  
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
overflow: visible;
line-height:30px; 
font-weight:normal; 
background:url("../img/pro-overview/button-mid-green-large.jpg") repeat-x #256501;
}

/* module splash */
.pg-pro-overview .splash {
	background: url(http://assets.roambi.com/img/pro/splash-cloud.jpg) no-repeat top right;
	width:950px;
	height:265px;
	margin:30px 0 40px 10px;
	position:relative;
	padding:10px 0 0 0;
}

.pg-pro-overview .splash h1 {
	background: url(../img/pro-overview/main_hdr.gif) no-repeat;
	width:363px;
	height:54px;
	overflow: hidden;
	text-indent: -9999em;
	}
	
.pg-pro-overview .splash p { font-size:15px; line-height:18px;  width:440px;margin:20px 0;}
	
.pg-pro-overview .splash .btn {
position:absolute; 
z-index:5; 
top:180px; left:0px;
width:254px;
height:50px;
overflow:hidden; 
text-indent:-9999em;
display:block; 
margin:0;
border: 0;
outline:0; 
background: url(../img/pro-overview/btn_pro.gif) no-repeat 0 0; 
}



.pg-pro-overview .mod-main {width:960px; margin:0 0 10px 0;}
.pg-pro-overview .mod-main .primary {width:600px; margin:0 15px 0 0; float:left; }
.pg-pro-overview .mod-main .primary .section.first {margin:0 0 30px 0;}
.pg-pro-overview .mod-main .primary .section h4 {margin:0 0 10px 0; color: #FFF;}
.pg-pro-overview .mod-main .primary .section img {float:left; margin:40px 20px 40px 0;}



.btn-badge {line-height:60px;  height:60px; padding-left:167px;  width:170px; display:block;
background:url(http://assets.roambi.com/img/enterprise/btn_webinar_wide.png) no-repeat;   float:right; }



/* aside */
.pg-pro-overview .aside{ background:#1d1d1d url(../img/pro-overview/gradient_secondary_box.gif) no-repeat 0 180px; 
-moz-border-radius: 10px;  -webkit-border-radius: 10px; border:1px solid #333; padding:30px 10px 20px 10px ; width:300px; margin:10px 10px 10px 0; float:right;}
.pg-pro-overview .aside #slider h4 {height:80px; line-height:80px;}
.pg-pro-overview .aside #slider h4 em {display:block; float:right; height:80px; width:112px; background-image:url("../img/pro-overview/sprite_prooverview.png"); }

.icn_storage {background-position: 0 0}
.icn_transmission {background-position: 0 -80px}
.icn_access {background-position: 0 -160px}
.icn_device {background-position: 0 -240px}

.pg-pro-overview .aside h4.first {margin:0 0 20px 10px;}
.pg-pro-overview .aside p.first {margin:0 0 70px 10px;}
.pg-pro-overview .aside p span {height:70px; display:block; background:url("../img/pro-overview/sprite_prooverview.png"); float:left; background-position: 0 -330px; width:75px; margin-bottom:50px;}


.pg-pro-overview #slider .item {width:290px; margin:0 10px 0 0;}
.pg-pro-overview .navi {position:absolute; 
z-index:5; 
top:180px; left:105px;}
/* for scrollable required settings */
.pg-pro-overview #slider { position:relative; overflow:hidden; height:215px;width:300px; margin:0 0 0 10px;}
.pg-pro-overview #slider .items {width:20000em;position:absolute;}
.pg-pro-overview #slider .item {float:left;}
.pg-pro-overview .navi a{
	width:8px;
	height:8px;
	float:left;
	margin:5px;
	background:url(../img/pro-overview/nav-dots.gif) -10px 0 no-repeat;
	display:block;
	font-size:1px;	
	border:0;
	outline:0;	
}
.pg-pro-overview .navi a:hover {background-position:0 0px;}
.pg-pro-overview .navi a.active {background-position:0 0px;}


/* module info */
#mod_info {width:950px; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding:20px 0 20px 0; background: #191919; font-size:13px;line-height:16px;margin:0 0 20px 0; clear:both;height:185px; overflow:hidden;border:1px solid #2f2f2f;
background:#1c1c1c url("../img/pro-overview/gradient_bottom_box.gif") repeat-y;}
#mod_info h4 {line-height:28px;}
#mod_info p,
#mod_info h4 {margin-bottom:10px;}
#mod_info li { list-style-type: disc; margin-left:30px;}

#text_two,
#text_three,
#text_four {display:none;} 

.info_text {float:left; width:620px; margin-left:20px;}
#info_nav {float:left; width:275px; font-size:13px;}
#info_nav span {color:#fff; font-weight: bold; display:block; width:255px; height:48px;font-size:14px; line-height:48px; padding-left:20px;}
#info_nav span.current {background:url("../img/pro-overview/btn_pointer.gif") no-repeat;}
#info_nav span:hover {cursor:pointer;}
.info_text .button {width:100px; margin:20px 0 0 0;}

.link-back {
	background: url("http://assets.roambi.com/img/back-arrow.png") no-repeat scroll 7px 8px transparent;
    border: 1px solid #222222;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    color: #888888 !important;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0px 0 25px;
    padding: 5px 5px 5px 19px;
	-webkit-transition: border-color 0.5s;
}

.link-back:hover {
    border: 1px solid #666;
    color: #888888 !important;
	text-decoration:none;
}

.link-back:active,.link-back:focus {
    border: 1px solid #FFF;
    color: #888888 !important;
	text-decoration:none;
}