@charset "utf-8";
/* CSS Document */
/*MAIN CSS-INDEX.PHP*/
*{
	padding: 0;
	margin: 0;
}


body,td,th {
	font-family: "trebuchet ms",tahoma, arial;
	font-size: 12px;
	color: #000000;
}

#wrapper {b
	height: auto;
	width: 930px;
	margin: 0 auto;	
}

#header {
	font-family: "trebuchet ms",tahoma, arial;
	font-size: 12px;
	color: #000000;
	padding-top: 15px;
}

#text {
	background: #fff url(../assets/index/graybg.gif) no-repeat top left;
	width: 920px;
	padding: 5px;
	height: 40px;
}

#text a#geton{
	color: #FFFFFF;
	font-size: 22px;
	margin: 7px 0 0 8px;	
	float: left;
}
	
#main {
	padding-top: 20px;
	padding-bottom: 20px;
}

#moper {
	background: transparent url(../assets/index/moper_bg.gif) no-repeat 0 0;
	float: left;
	height: 275px;
	width: 275px;
	margin-right: 50px;
}

#moper p,#mobus p,#moplus p {
	font-family: "trebuchet ms",tahoma, arial;
	font-size: 13px;
	color: #000000;
	margin-top:55px;
	text-decoration: none;
	text-align:center;
	}


#moper p a,#mobus p a,#moplus p a {
	color: #000000;
	text-decoration:none;	
}


#moper p a:hover,#mobus p a:hover,#moplus p a:hover{
	text-decoration: underline;
}


#moper a#log{
 	font-weight: bold;
	color: #3c3c3c;
	margin: 20px  0 0 75px;
	float: left;
	text-decoration: none;
}

#moper a#log:hover{
   	text-decoration: underline;
	cursor: pointer;
}


#mobus {
	background: transparent url(../assets/index/mobus_bg.gif) no-repeat 0 0;
	float: left;
	height: 275px;
	width: 275px;
	margin-right: 40px;
	
}

#mobus a#reg{  
	font-weight: bold;
	color: #fff000;
	margin: 5px  0 0 85px;
	float: left;
	text-decoration: none;
}

#mobus a#reg:hover{
   	text-decoration: underline;
	cursor: pointer;
}

#moplus {
	
	background: transparent url(../assets/index/moplus_bg.gif) no-repeat 8px 0;
	height: 275px;
	width: 290px;
	float: left;
}


/*END*/

/* FOOTER-INDEX PAGE*/
#footer {
	font-family: tahoma, arial;
	font-size: 11px;
	color: #828282;
	background: url(../assets/footer-new.jpg) top left repeat-x;
	padding: 5px;
	width: 920px;
	margin: 0px auto;
	text-align: center;
}

#footer #links {
		margin-top: 15px;
}

#footer #links a {
	color: #828282;
	text-decoration: none;
}

#footer #links a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#red {
	color: #a60000;
	font-weight: bold;
}
/*END OF FOOTER-INDEX PAGE*/

/*MOPERSONAL-LANDING PAGE CSS*/
 
#moper-wrapper {
    background: #fff url(../assets/personal/bg-main-personal.gif) scroll repeat-x;
	margin: 0 0 20px 0;
}

#moper-contents{
	background: transparent url(../assets/personal/main-bg-personal.jpg)  top center scroll no-repeat;	
}

#header-personal {
	width: 920px;
	margin: 0px auto;
}

#header-personal img{
 	border: none;
  	margin-top: 15px;
  	height: auto;
}
  
#text-personal{
 	float: right;
}
 
#text-personal h3{
 	font-family: "trebuchet ms",tahoma, arial;
 	font-size: 37px;
 	font-weight: normal;
 	color: #3d3d3d;
 	text-align: center;
 	/*margin-top: 290px;*/
	margin-top: 390px;
}
 
 
#text-personal p{
  	font-size: 18px;
  	text-align: center;
}
 
#text-personal a{
	font-size: 28px;
  	color: #bf1600;
	text-decoration: underline;
 }
 
#text-personal a:hover{
 	font-size: 28px;
    text-decoration: none;
    cursor: pointer;
 }
 
#body-personal{
 	clear:both;
 	margin-top: 50px;
 	margin: 0px auto;
 	width: 920px;
}
 
#body-personal h2{
    font-size: 20px;
    font-family: "trebuchet ms",tahoma, arial;
    font-weight:normal;
    color: #333;
    padding: 30px 0 20px 0;  
}
	
#stepstitle{
  background: transparent  url(../assets/personal/stepsheader.jpg) no-repeat scroll top center;
  height: 98px;
  width: 916px; 
  font-family: "trebuchet ms",tahoma, arial;
  font-size: 14px;
}	

#stepstitle p#one{
  color: #6b0a00;
  width: 210px;
  float: left;
  padding: 50px 0 0 65px;}
  
  #stepstitle p#two{
  color: #00e4ff;
  width: 210px;
  float: left;
   padding:50px 0 0 120px;
  }
  
   #stepstitle p#three{
   color: #0e0e0e;
  width: 210px;
  float: left;
  padding: 50px 0 0 95px;
  }
  
#onecontainer{
  width: 286px;
  height: 165px;
  float: left;
  border: 1px solid #bf4102;
}
	
#twocontainer{
  width: 286px;
  height: 165px;
  float: left;
  border: 1px solid #173a6f;
  margin:0 13px 0 12px;
}
  
#threecontainer{
  width: 313px;
  height: 165px;
  float: left;  
  border: 1px solid #a7a7a7;
}
  
#whatelse{
  clear: both;
  padding: 20px  0 10px 0;
  background: transparent url(../assets/personal/whatcan-bg3.gif) scroll no-repeat ;
  height: 206px;
  width: 926px;
}
  
  /* END OF MOPERSONAL- LANDING PAGE CSS*/
  
  /*MOBUSINESS-LANDING PAGE CSS*/
  
#mobus-wrapper{
    height: auto;
	margin: 0 0 40px 0;
}
	
#mobus-topheader{
 	  width: 1030px;
 	  margin: 0 auto;
	   padding:0;
 }

#mobus-topheader a#logo img{
	float: left;
	border: none;
	cursor: pointer;
}
#mobus-topheader li{
    font-style:bold;
	font-family:tahoma;
	font-size:12px;
	margin:0 0 0 850px;
}

#mobus-topheader a#loginbtn img{
	float: right;
	margin : 40px 70px 0 0;
	cursor: pointer;
	border: none;
}

#mobus-blubg{
	background-color: #11527a;
	height: 15px;
}

#mobus-mainbg{
	/*background: #3399FF;*/
	background: transparent url(../assets/business/main-bg.jpg) scroll no-repeat top center;
	height: auto;
}

#mobus-mainheader{
     width: 1030px;
     margin: 0 auto;
     padding: 0;
}

#mobus-yellowbg{
  background: #ffae31 url(../assets/business/bg-yellow.gif) scroll repeat-x top left;
  height: 20px;
  }

#mobus-movieclip {
  background: transparent url(../assets/business/clip.jpg) no-repeat ;
  background-position: 0 40px;
  float: left;
  width: 512px;
  height: 360px;
  }
    
#mobus-movieclip a{
	background: url(../assets/business/player.png) no-repeat center center;
	margin: auto;
	display: block;
	width: 510px;
    height: 360px;
}
	
#mobus-movieclip a:hover{
	background: url(../assets/business/player-hover.png) no-repeat center center;
	margin: auto;
	display: block;
	width: 500px;
    height: 360px;
}
    
#mobus-fltrt{
   float: right;
   width: 480px;
   padding-left: 10px;
   height: auto;
}
 	
#mobus-fltrt #mobus-features img{	
   padding-top: 5px;
   height: 190px;
   width: 480px;
}

#mobus-fltrt h3{
     font-family: "trebuchet ms",tahoma, arial;
     font-size: 18px;
     font-weight: normal;
     color: #00426a;
}

h3 #price{
      font-size: 30px;
      color: #f43400;
}
   
span.addl{
      color: #fff;
}   

#mobus-textbottom a img{
      border: none;
      float: left;
      margin-top: 5px;
      cursor: pointer;
}
 
 #mobus-textbottom p a,#mobus-textbottom p a:hover {
      font-size: 19px;
      color: #c00d0d;
      float: left;
      text-decoration: none;
      cursor: pointer;
      margin-top: 10px; 
}
   
span#asterisk{
   font-family: "trebuchet ms",tahoma, arial;
   font-size: 42px;
   font-weight: normal;
   color: #002f76; 
   margin:0 0 0 30px;
   float: left;
}
  
#mobus-body{
       width: 1000px;
       margin: 0 auto;
       background: #fff url(../assets/business/bg-whiteshadow.gif) scroll no-repeat top left;
}

 h3.title{
     font-family: "trebuchet ms",tahoma, arial;
     font-size: 20px;
     font-weight: normal;
      color: #32517e;
} 
   
#mobus-text{
      font-family: "trebuchet ms",tahoma, arial;
      font-size: 12px;
      font-weight: normal;
      color: #000;
      padding: 60px;
}
 
#mobus-textfeat{
     float: left;
     width: 350px;
}
   
   
#mobus-textfeat ul {
    list-style-image: url(../assets/business/icon.png);
    padding: 10px 0 0 25px;
}
   
#mobus-textfeat ul li{
      margin: 5px 0 5px 0;
}
   
   
#mobus-textfeat a{
      font-size: 13px;
      color: #0072b6;
      float: left;
      margin: 0 25px 0 0;
}
   
#mobus-textfeat a:hover{
       text-decoration: none;
	   cursor: pointer;
}
   
#mobus-whyuse{
     float: right;
     padding-left: 50px;
     width: 450px;
}
   
#mobus-whyuse ul{
      list-style-type: none;
}
   
#mobus-whyuse ul li h5 {
      
      font-size: 12px;
      font-weight: bold;
      color: #ab3202;
      padding-top: 10px;
}
   
#mobus-whyuse ul li p {
     padding:  0 0 0 20px;
}
   
#mobus-bottomlinks{
      margin: 40px 0 0 0;
      float: right;
  
}
  
#mobus-bottomlinks a#learnmore{
	  font-size: 13px;
      font-weight: normal;
      color: #0072b6;
      text-decoration: underline;
}
	 
#mobus-bottomlinks a#learnmore:hover{
	 font-size: 13px;
     font-weight: normal;
     color: #0072b6;
     text-decoration: none;
} 
	 
#mobus-bottomlinks a{
	font-family: "trebuchet ms",tahoma, arial;
    font-size: 13px;
    font-weight: bold;
    color: #0072b6;
    text-decoration: underline;
}
	 
#mobus-bottomlinks a:hover{
    text-decoration: none;
	cursor: pointer;
} 
	 
/*END OF MOBUSINESS-LANDING PAGE CSS*/


/*MOPLUS LANDING PAGE*/

#moplus-wrapper{
    height:auto;
	margin: 0 0 30px 0;
}

#cologo,#moplus-headercontents,#moplus-wrapper #maintext{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: auto;
}

#cologo a img{
	border: none;
	cursor: pointer;
	margin: 10px 0;
}

#moplus-header{
	/*background: #66FF33;*/
	background: transparent url(../assets/plus/mosolbg-2.jpg)  scroll no-repeat top center;
	height: 285px;
}

#moplus-headercontents #pics {
    width: 300px;
	height: 270px;
	float: left;
}


#moplus-headercontents #pics img#pic1{
	border: solid 1px #bf4600;	
	margin-top: 20px;
	margin-left: 40px;
	z-index: 10;
}

#moplus-headercontents #pics img#pic2{
	border: solid 1px #bf4600;
	margin-top: -195px;
	margin-left: 125px;
	z-index: 20;
} 


#moplus-headercontents #moplus-righttext {
	float: right;
	width: 650px;
	padding: 20px 0 0 0;
	font-family: "trebuchet ms",tahoma, arial;
	font-size:12px;
	font-weight: normal;
	color:#000;
}

#moplus-righttext h3{	
	font-size: 23px;
	color: #fff;
	margin: 15px 0 0 0;
}

#moplus-righttext p{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 20px 0 0 0;
}

span.moplus-redtext{
	font-size: 24px;
	font-weight: normal;
	color: #8c0000;
	margin: 20px 0 0 0;
}

#moplus-righttext img{
	border: none;
	margin: 20px 0 0 0;
}

#moplus-righttext img a{
	cursor: pointer;
}

#weprovide{
	float: left;
	width: 270px;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}

#weprovide img,#whouses img,#whymobile img{
	margin: 20px 0;
}

#weprovide ul,#whymobile ul{
	list-style-image: url(../assets/plus/arrow-orange.gif);
	list-style-position: outside;
	padding: 0 0 0 20px;
}

#weprovide ul li,#whymobile ul li{
	color: #333;
	margin: 0 0 5px 0;
}

#whouses{
	float: left;
	width: 350px;
	height: auto;
	margin: 0 10px 0 0;
}

#whouses ul{
	list-style-type: none;
}

#whouses ul li img{
	margin: 0;
	padding: 0 10px;
} 

#whouses ul#mktgcamplinks{
	list-style-image: url(../assets/plus/arrow-orange.gif);
	list-style-position: outside;
	padding: 0 0 0 30px;
}

#whouses ul#mktgcamplinks li{
	margin: 0 0 5px 0;
}

#whouses ul#mktgcamplinks li a{
	color: #c04700;
	text-decoration: underline;
}

#whouses ul#mktgcamplinks li a:hover{
	text-decoration: none;
	cursor: pointer;
}

#whymobile{
	float: right;
	width: 325px;
	padding: 0 10px 0 0;
}


#whymobile p{
	color: #333;
	margin: 0 0 10px 0;
}

#whymobile #ahonen img{
	float: right;
}

/*END OF MOPLUS LANDING PAGE CSS*/