
/* --------------------- BEGIN RESET STYLES  --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #FFFFFF;
	background: #0F0F0F;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* --------------------- END RESET STYLES --------------------- */

a{
	color:#FF9000;
}
a:visited,a:hover{
	color:#FF9000;
}
body{
	font-family: arial, helvetica, verdana, lucida, sans-serif;	
	font-size: 62.5%; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */
	color:#0F0F0F;
	line-height:normal;
}

#mainBody{
	margin-left: auto;
	margin-right:auto;
	width: 992px;
	position:relative;
}

/* Links */
a:hover {
	text-decoration:underline;
}
a {text-decoration:none;}
h1{
	font-size:26px;
}
h2{
	font-size:18px;
	font-weight:normal;
	color:#c3d9f5;
}
strong{font-weight:bold}
.dark{
	color: #252525 !important;
}
.darkGrey{
	color:#333333;
}
.rightAlign{
	text-align:right;
}
.noDisplay{
	display:none;
}
.center{
	text-align:center;
}

/* begin FLOAT CLEARS and HACKS */
.row {
	zoom:1;
}
.row:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}
/* end FLOAT CLEARS and HACKS */

.plain{
	font-weight:normal;
}

#menuHead{
	padding-top:18px;
}
#menuHead li{
	text-indent:-300em;
	float:left;
	display:block;
	height:53px;
	background-repeat:no-repeat;
}
#menuHead li a{
	display:block;
	height:52px;
}
#menuRoamBiLogo				{
	background:url(../img/roamBiLogo_2.jpg);
	width:165px;
}
#menuRoamBiLogo a{
	width:165px;
}
#menuFeatures				{background:url(../img/menu_for_overview.jpg) no-repeat}
#menuForEnterprise			{background:url(../img/menu_for_products.jpg) no-repeat}
#menuSupport				{background:url(../img/menu_support.jpg) no-repeat;} 
#menuCompanyInfo			{background:url(../img/menu_company_info.jpg) no-repeat}
#menuLogIn					{background:url(../img/menu_login.jpg) no-repeat}
#menuLogIn.select			{background:url(../img/menu_login_select.jpg) no-repeat}
#menuFeatures.select		{background:url(../img/menu_for_overview_select.jpg) no-repeat}
#menuForEnterprise.select	{background:url(../img/menu_for_products_select.jpg) no-repeat}
#menuSupport.select			{background:url(../img/menu_support_select.jpg) no-repeat}
#menuCompanyInfo.select		{background:url(../img/menu_company_info_select.jpg) no-repeat}
#menuFeatures				{width:164px;}
#menuForEnterprise			{width:163px;}
#menuSupport				{width:164px;}
#menuCompanyInfo			{width:163px;}
#menuLogIn					{width:170px;}
#subNav .title_AboutMellmo{
	background:url(../img/title_aboutMellmo.gif);
	width:223px;
	height:19px;
	text-indent:-300em;
	float:left;
	padding:0;
}
#subNav .title_learnHowTo{
	background:url(../img/title_learnHowTo.gif);
	width:161px;
	height:19px;
	text-indent:-300em;
	float:left;
	padding:0;
}
#subNav .title_pressAndNews{
	background:url(../img/title_pressAndNews.gif);
	width:186px;
	height:19px;
	text-indent:-300em;
	float:left;
	padding:0;
}
#subNav .title_partners{
	background:url(../img/title_partners.gif);
	width:100px;
	height:18px;
	text-indent:-300em;
	float:left;
	padding:0;
}
#subNav li{
	float:right;
	display:block;
	background-repeat:no-repeat;
	padding:3px 0 0 26px;
}
#subNav li a{
	color:#FF9000
}
#subNav{
	padding:25px 11px 0 10px;
	font-size:1.4em;
	font-weight:bold;
	color:#FFFFFF;
}

#subNav li { margin-top:8px; display:block;}
li.icn_appStore {margin-top:-20px !important;}

.darkGreyBar{
	background:url(../img/darkGreyBar.jpg);
	height:30px;
	width:984px;
	margin:9px 0 0 0;
}
#leftNav a{
	color:#969696;
}
#leftNav li{
	background-color:#121212;
	width:248px;
	height:25px;
	border-bottom:1px solid #191919;
	padding:9px 10px 0 10px;
}
#leftNav {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	float:left;
}
#leftNav .select{
	background:url(../img/leftArrow.gif) no-repeat 248px 9px #121212;
}
.mainContainer{
	border-right:1px solid #191919;
	border-left:1px solid #191919;
	width:982px;
}
#content{
	position:relative;
	float:left;
	padding-bottom:100px;
	border-left:1px solid #191919;
	color:#FFFFFF;
}
#content .person{
	padding:40px 0 0 0;
}
.publishSupport ul,
.founderBios ul,
.contactUs ul{
	margin:17px 0 0 0;
}
.pressRelease img,
.companyOverview img,
.founderBios img,
.contactUs img{
	padding:0 21px;
	float:left;
}
#content .person div{
	float:left;
	width:545px;
}
#content h2{
	color:#FF0036;
	font-size:1.8em;
	font-weight:bold;
}
#content h6{
	color:#FFFFFF;
	font-size:1.8em;
	font-weight:bold;
}

#content h3{
	color:#969696;
	font-size:1.4em;
	font-weight:bold;
}
#content p{
	color:#969696;
	font-size:1.2em;
	line-height:1.4em;
	padding-right:20px;
}
.pressRelease .roamBiByMellmo,
.companyOverview .roamBiByMellmo,
.founderBios .roamBiByMellmo{
	position:absolute;
	top:21px;
	right:-2px;
}
.contactUs .roamBiByMellmo{
	position:absolute;
	top:46px;
	right:19px;
}
.support .email{
	color:#969696;
	font-size:1.4em;
	font-weight:bold;
	padding-top:10px;
}
.contactUs .email{
	float:right;
	color:#969696;
	font-size:1.4em;
	font-weight:bold;
	padding-top:25px;
}
.contactUs .emailInvestor{
	float:right;
	color:#969696;
	font-size:1.4em;
	font-weight:bold;
	padding-top:20px;
}
.contactUs .phone{
	float:left;
	color:#969696;
	font-size:1.4em;
	font-weight:bold;
	padding:25px 34px 0 0;
}
.support .email span,
.contactUs .emailInvestor span,
.contactUs .email span{
	color:#FF9000;
}
.contactUs .phone span{
	color:#FFFFFF;
	font-weight:normal;
}

.contactUsPhoneText{
	float: right;
	color:#FF9000;
	font-size:1.6em;
	font-weight:bold;
}

.contactUsPhoneTitle{
	float: left;
	color:#FF0036;
	font-size:1.8em;
	font-weight:bold;
}
/* Begin: ROUNDED CORNERS */
.left,.middle,.right{
	height:10px;
	width:11px;
	font-size:1px;
	line-height:1px;
}
.left{
	background:url(../img/roundedCorners.gif) no-repeat;
	float:left;
}
.middle{
	background-color:#191919;
	float:left;
}
.right{
	background:url(../img/roundedCorners.gif) no-repeat;
	float:right;
}
.upperRoundedCorners .right						{background-position: -11px 0;}
.bottomRoundedCorners .left						{background-position: 0px -10px;}
.bottomRoundedCorners .right					{background-position:-11px -10px;}

.support .upperRoundedCorners .middle,
.support .bottomRoundedCorners .middle,
.contactUs .upperRoundedCorners .middle,
.contactUs .bottomRoundedCorners .middle		{width:647px;}
.partnerOverview .upperRoundedCorners .middle,
.partnerOverview .bottomRoundedCorners .middle	{width:253px;}
.partnerOverview .upperRoundedCorners,
.partnerOverview .bottomRoundedCorners			{width:275px;}
.roundedCornerBottom984px{
	background:url(../img/roundedCornerBottom984px.gif) no-repeat;
	width:984px;
	height:10px;
	margin-bottom:20px;
}
.roundedCornerBottom984px2{
	background:url(../img/roundedCornerBottom984px2.gif) no-repeat;
	width:984px;
	height:10px;
	margin-bottom:20px;
}
/* END: ROUNDED CORNERS */

.support .contactInfo,
.contactUs .contactInfo{
	background-color:#191919;
	padding:6px 18px;
}
.contactUs .contactInfo p{
	font-size:1.4em !important;
}
.support,
.contactUs{
	width:669px;
	padding:10px 22px 0 22px;
}
.supportFaq{
	width:660px;
	padding:16px 20px 0 20px;
}
.contactUs li{
	padding-bottom:21px;
}
.support .indent,
.contactUs .indent{
	padding-left:20px;
}
.contactUs h2{
	padding-bottom:15px;
}
.contactUs h3{
	padding-bottom:4px;
}
.contactUs .investorRelations{
	font-size:1.2em !important;
	line-height:1.4em;
}
.chatEnabled{
	display: block;
}
.needMoreHelpBox{
	text-align:center;
	width:268px;
	padding-top:30px;
}
.btn_chatNow{
	width:162px;
	height:38px;
	text-indent:-300em;
	background:url(../img/btn_chatNow.gif) no-repeat;
	display:block;
	margin:0 auto;
	cursor:pointer;
}
.needMoreHelpBox p{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 20px;
}
.learnHowTo h1{
	font-size:1.8em;
	font-weight:normal;
	padding-bottom: 10px;
}
.learnHowTo h1 span{
	color:#FF0036;
}
.learnHowTo{
	padding:25px 0 20px 30px !important;
}
.videoBGBox{
	width:638px;
	height:416px;
	
	background:#232323;
	 -moz-border-radius: 12px;  -webkit-border-radius: 12px;
	padding:10px;
	margin:0px 0px 25px 0px;
}

.moreVideosBGBox{
	width:622px;
	height:151px;
	background:url(../img/moreVideosBGBox.gif) no-repeat;
	position:relative;
	padding:0px 0 0 14px;
}
.moreVideosScrollContainer{
	height:150px;
	width:625px;
	overflow:auto;
	scrollbar-3dlight-color:#242424;
	scrollbar-arrow-color:#888;
	scrollbar-base-color:#000;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#242424;
	scrollbar-highlight-color:#555;
	scrollbar-shadow-color:#242424
}
.moreVideosBGBox li a{
	display:block;
	width:167px;
	height:17px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:9px;
}
.moreVideosBGBox li a:hover{
	text-decoration:none;
}
.moreVideosBGBox li a span{
	font-size:12px;
	font-weight:bold;
}
.moreVideosBGBox li{
	display:block;
	float:left;
	background:url(../img/videoLinkBox.gif) no-repeat;
	width:185px;
	height:35px;
	margin:0 17px 11px 0;
}
.learnHowTo h4{
	font-size:1.4em;
	font-weight:bold;
	color:#BDBDBD;
	padding:0 0 5px 26px;
}
.moreVideosBGBox h5{
	background:url(../img/videoTypeBar.gif) no-repeat;
	height:35px;
	width:594px;
	padding:10px 0 0 10px;
	margin-top:13px;
	font-weight:bold;
	color:#A1A1A1;
	font-size:14px;
}
.companyOverview{
	width:691px;
	padding:42px 0 0 22px;
}
.pressRelease{
	width:691px;
	padding:42px 0 20px 22px !important;
}
.companyOverview .companyText{
	padding:21px 1px 100px 1px;
}
.pressRelease .pressText{
	padding:21px 22px 20px 1px;
}
.partnerOverview{
	width: 691;
	padding:42px 0 0 50px;
}
.partnerOverview .partner{
	float:left;
	width:274px;
	margin:0 50px 27px 5px;
	display:inline;
}
.partnerOverview .partner2{
	width:615px;
	margin:0 0 35px 5px;
}
*html .partnerOverview .partner{
	float:left;
	width:274px;
	margin:0 49px 27px 0;
	display:inline;
}
.partnerOverview .partner h2{
	margin-top:20px;
}
.partnerOverview .partner2 h2{
	margin-top:20px;
}
.partnerOverview .edge{
	margin-right:0px;
}
*html .partnerOverview .edge{
	margin-right:0px;
}
.partnerOverview .logo{
	background-color:#191919;
	width:247px;
	padding:5px 14px;
}
#footer{
	text-align:center;
	width:auto;
}
#footer ul{
	width:706px;
	margin:0 auto;
}
#footer li{
	padding:2px 17px;
	border-right:1px solid #646464;
	float:left;

}
#footer a{
	color:#969696;
	font-size:1.2em;
	font-weight:bold;
}
#footer .login{
	border:none;
}
#footer .login a{
	color:#FF0036;
}
#footer p{
	font-size:1.2em;
	text-align:center;
	color:#969696;
	margin:20px 0 40px 0;
}
#footer img{
	margin-top:10px;
}
.liveChatSupport p{
	font-size:1.4em !important;
	width:357px;
	padding-bottom:28px;
	position:relative;
}
.liveChatSupport a{
	text-indent:-300em;
	top:65px;
	left:500px;
	background: url(../img/btn_chatNow.gif) no-repeat;
	display:block;
	height:38px;
	width:162px;
	position:absolute;
}
.supportLine{
	padding:33px 0 12px 0;
	color:#FFFFFF !important;
}
.supportType{
	color:#B6B6B6 !important;
	font-size:1.4em !important;
	width:388px;
}
h2.emailSupport{
	padding-top:49px;
}
.support .liveChat{
	padding-top:10px;
}


#main_press{ background:#fff; padding:15px 10px 15px 15px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border:1px solid #969696;}
#main_press h1,
#main_press h2,
#main_press h4,
#main_press p,
#main_press strong,
#main_press ul,
#main_press .mediaContact,
#main_press .mediaContact span,
#main_press .phoneContact,
#main_press .phoneContact span,
#main_press .phoneContact .email {color:#000 !important; font-size:135% !important;}

#main_press ul li strong,
#main_press p strong,
#main_press ul ul {font-size:100% !important;}
#main_press h3 {color:#000;padding:10px 0;}
#pressText.row {margin-top:25px;}
#pressText.row p u {color:#FF9000;}
#pressText.row p u a:hover {cursor:pointer;}


.pressRelease h1{
	font-size:1.6em;
	font-weight:bold;
	color:#FF0036;
	padding-bottom:18px;
}
#pressText h2{
	color:#969696;
	font-size:1.2em;
	padding-bottom:3.6em;
}

#pressText h4{
	font-size: 20px;
	font-weight: bold;
	color: #FF9000;
	padding-bottom: 18px;
}
#pressText p{
	color:#969696;
	line-height:1.5em;
	padding-bottom:1em;
}
#pressText a,
#pressText a:visted {
	color:#FF9000;
	font-weight:bold;
	text-decoration: none;
}
#pressText a:hover {text-decoration: underline;}

#pressText strong{
	color:#FFFFFF;
}
#pressText{
	padding-right:22px;
}
#pressText ul{
	list-style-type: square;
	padding-left:48px;
	font-size:1.2em;
	color:#969696;
	line-height:1.5em;
	padding-bottom:1em;
}
#pressText .mediaContact{
	color:#FFFFFF;
	font-size:14px;
	float:left;
	line-height:20px;
}
#pressText .mediaContact span{
	color:#969696;
	font-size:14px;
	font-weight:bold;
}
#pressText .phoneContact{
	color:#969696;
	font-size:14px;
	float:right;
	font-weight:bold;
	text-align:right;
	line-height:20px;
}
#pressText .phoneContact span{
	color:#FFFFFF;
}
#pressText .phoneContact .email{
	color:#FF9000;
}
.red{
	color:#f00;
}
.date{
	font-size:1.4em;
	padding:25px 0 35px 0;
}
.supportFaq h2.faq{
	padding-bottom:24px;
}
.supportFaq .links a{
	font-weight:bold;
	color:#969696;
	line-height:25px;
}
.supportFaq h3{
	color:#FFFFFF !important;
	padding-top:24px;
	font-size:14px !important;
}
.supportFaq li{
	color:#969696;
	font-size:1.2em;
	line-height:22px;
}
.supportFaq a{
	color:#FF9000;
	font-weight:bold;
}
.selectedVideo{
	background-position:0 -34px !important;
}
.superscript{
	line-height:0.8em;
	font-size:0.8em;
	vertical-align:top;
 } 
 
 .imageResources{
	padding:33px 29px;
}
.imageResources .imageGroup{
	float:left;
	width:130px;
	margin:0 0 27px 0;
	padding-left: 38px;
	display:inline;
}
*html .imageResources .imageGroup{
	float:left;
	width:130px;
	margin:0 49px 27px 0;
	display:inline;
}

#subNav .icn_appStore{
	background:url(../img/availAppStore.jpg);
	width:166px;
	height:74px;
	text-indent:-300em;
/* 	float:left; */
	padding:0;
	margin:-20px 0 0 20px;
}
/* Safari hack to use differnt menu images because they look different in safari only 
@media screen and (-webkit-min-device-pixel-ratio:0){
	#menuSupport			{background:url(../img/menu_support2.png) no-repeat !important;} 
	#menuCompanyInfo		{background:url(../img/menu_company_info2.png) no-repeat !important;}
}*/