@charset "utf-8";
/*
  Title # Melodi
  Date  # 30 January 2010
*/

img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

body {
	padding:0px;
	margin:0px;
	background-color:#E3E3E3;
}
/*#wrap {
	width:1024px;
	margin:auto;
	text-align:left;
	background-color: #FFF;
}*/
/*#wrap2 {
	width:1024px;
	float:left;
	position:relative;
}*/
h1 {
	padding:0px;
	margin:0px;
}
h2 {
	padding:0px;
	margin:0px;
}
ul {
	padding:0px;
	margin:0px;
}
ol {
	padding:0px;
	margin:0px;
}


ul {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:20px;
	
}


/* ======================================== Start Header ========================================== */

#header {
	width:883px;
	padding:0px 24px 0px 53px;
	background:#FFFFFF url(../images/m_header_bg.jpg) no-repeat;
	float:left;
	position:relative;
}



.login {
	width:126px;
	float:left;
	position:relative;
}
.login a {
	width:110px;
	padding-left:14px;
	background:url(../images/m_login_bg.gif) no-repeat;
	height:23px;
	padding-top:10px;
	float:left;
	position:relative;
}
.login a:hover {
	background:url(../images/m_login_hover.gif) no-repeat;
	height:23px;
	float:left;
	position:relative;
}
.mail {
	width:45px;
	float:left;
	position:relative;
}
.mail a {
	width:45px;
	background:url(../images/m_mail_bg.gif) no-repeat;
	height:24px;
	padding-top:9px;
	text-align:center;
	float:left;
	position:relative;
}
.mail a:hover {
	width:45px;
	background:url(../images/m_mail_hover.gif) no-repeat;
	height:24px;
	float:left;
	position:relative;
}
/* ========================================= End Header =========================================== */


/* ======================================== Start Top ========================================== */

#index_top {
	width:930px;
	padding:5px 10px 10px 20px;
	float:left;
	position:relative;
	background-color:#FFF;
}
#index_top2 {
	width:900px;
	padding-left:30px;

	height:112px;

	float:left;
	position:relative;
	z-index:100;
}

#index_top2 a {
	text-decoration:none;
}

#index_top2 DIV{

	padding-right:20px;
	float:left;
	position:relative;	
	
}

#index_top2 DIV a, #index_top2 DIV a:hover{

	float:left;
	position:relative;
	cursor:pointer;	

	
}

.moving_mobile, .mobile_marketing, .micro_billing, .mobile_portals {width:78px;}
.messaging,.content_information, .affiliate_white_label,.applications_development {width:100px;}



.moving_mobile a  {
	width:78px;
	background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	background-position:-120px -911px;
	height:97px;
	margin-top:-3px;
}
.moving_mobile a:hover {
	width:78px;
	background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	background-position:-120px -1129px;
	height:119px;
	margin-top:-28px;

}

.mobile_marketing a {
	width:78px;
	background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:-120px -229px;
	margin-top:-3px;
}
.mobile_marketing a:hover {
	width:78px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-120px -447px;

}


.messaging a {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:0px -1933px;
	margin-top:-3px;
}
.messaging a:hover {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-120px -106px;
}


.micro_billing a {
	width:78px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:-0px -386px;
	margin-top:-3px;
}
.micro_billing a:hover {
	width:78px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-0px -591px;

}


.content_information a {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:-0px -714px;
	margin-top:-3px;
}
.content_information a:hover {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-0px -932px;

}


.mobile_portals a {
	width:78px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	margin-top:-3px;
	background-position:-120px -584px;
}
.mobile_portals a:hover {
	width:78px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-120px -788px;

}


.applications_development a {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:0px 0px;
	margin-top:-3px;
}
.applications_development a:hover {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-0px -206px;

}


.affiliate_white_label a {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:97px;
	background-position:-120px -1266px;
	margin-top:-3px;
}
.affiliate_white_label a:hover {
	width:100px;
		background:url(/images/site_images/home_page_icons/home_page_icons.png) no-repeat;
	height:119px;
	margin-top:-28px;
	background-position:-120px -1484px;

}


.babol_box {
	width:450px;
	padding:15px 30px 0px 24px;
	background:url(/images/m_babol_box_bg.png) no-repeat;
	height:130px;
	position:absolute;
	left:65px;
	top:30px;
	z-index:999999;
}
.babol_box2 {
	width:450px;
	padding:15px 30px 0px 24px;
	background:url(/images/m_babol_box_bg2.png) no-repeat;
	height:130px;
	position:absolute;
	left:65px;
	top:30px;
	z-index:999999;
}
#popup {
	position:absolute;
	display:none;
}
#top {
	width:953px;
	padding:38px 29px 38px 42px;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}
#top2 {
	width:953px;
	padding:15px 29px 8px 42px;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}
#top3 {
	width:972px;
	padding:15px 25px 2px 27px;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}
/* ========================================= End Top =========================================== */


/* ======================================== Start Main Body ========================================== */

#block_body {

	padding:0px ;
	width:960px;

	background-color:#F2F2F2;
	border-top:2px solid #CCCCCC;
	border-bottom:32px solid #CCCCCC;
	float:left;
	position:relative;
}
#block_body2 {
	width:940px;
	padding:20px 0px 0px 20px;
	background-color:#F2F2F2;
	float:left;
	position:relative;
	border-top-width: 10px;
	border-bottom-width: 32px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#main_body {
	
	float:left;
	position:relative;
}
/* ======== Start Left =========== */

		   
.latest_melodi_news {

	padding-bottom:30px;
	
	float:left;
	position:relative;
}
.latest_melodi_news2 {
	
	padding-bottom:15px;

	float:left;
	position:relative;
}

.latest_melodi_news_article {
	
	padding-bottom:15px;
	background:url(../images/m_dotted_line.gif) left bottom repeat-x;


}


.our_partner {
	width:272px;
	padding:0px 0px 0px 38px;
	float:left;
	position:relative;
}
/* ======== End Left =========== */	
		 			

/* ========================================= End Main Body =========================================== */


/* ========================================= Start About Us Page ============================================ */

.about_us {
	width:944px;
	float:left;
	position:relative;
}
.management_team {
	width:944px;
	padding-top:18px;
	float:left;
	position:relative;
}
/* ========================================= End About Us Page ============================================ */


/* ========================================= Start Contact Page ============================================ */	

.contact {
	width:614px;
	float:left;
	position:relative;
}
/* ========================================= End Contact Page ============================================ */


/* =================================== Start Content Information Page ===================================== */

 .lower_information_box {
	width:264px;
	height:284px;
	float:left;
	position:relative;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 16px;
	background-image: url(../images/m_contect_information_box.gif);
	background-repeat: no-repeat;
}
.lower_information_box2 {
	width:255px;
	float:left;
	position:relative;
}
.lower_information_box3 {
	width:255px;
	padding-top:18px;
	float:left;
	position:relative;
}
.lower_information {
	
	float:left;
	position:relative;
}
/* =================================== End Content Information Page ===================================== */

.news_year { padding:10px; }
.news_year li{ list-style:none; font-weight:bold; padding-top:10px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.news_year ul li{ padding:5px 0 0 5px; margin-left:15px; list-style:url("/images/m_bullet2.gif"); list-style-position:outside; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.news_year ul li a {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
.news_year ul li a:hover {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

/* ======================================= JFlow CSS ==================================================== */

#jFlowSlide {
	font-family: Georgia;
}
#myController span.jFlowSelected {
	color:#666;
	font-weight:bold;
	margin-right:0px;
}
.slide-wrapper {
	padding: 0px;
}
.slide-thumbnail {
	width:300px;
	float:left;
}
.slide-thumbnail img {
	max-width:300px;
}
.slide-details {
	width:290px;
	float:right;
	margin-left:10px;
}
.slide-details h2 {
	font-size:1.5em;
	font-style: italic;
	font-weight:normal;
	line-height: 1;
	margin:0;
}
.slide-details .description {
	margin-top:10px;
}

.SlideControl, .SlideControl_big{cursor:pointer;}

/*.jFlowControl, .jFlowPrev, .jFlowNext {
	cursor:pointer;
	font-size:13px;

}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	cursor:pointer;
	color:#1A1A1A;
	text-decoration:none;
}


#jFlowSlide{
	overflow: hidden; float: left; position: relative; width: 960px; height: 342px;
}
#jFlowSlide_small{
	overflow: hidden; float: left; position: relative; width: 620px; height: 342px; padding-top:15px;
}*/

/* sign up form styles */

.signup > input{ width:150px; } 
.signup{ padding:10px 0px; float:right;   color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal; }


.signup .submit{width:60px; height:22px; border:#CCC 0px solid; background-color:#999;
			color:#F2F2F2; margin-left:5px; padding:0 10px; }