/* CSS Document */

/* This CSS Document is for the all main pages: index.jsp, syncwizard.jsp, mobileclient.jsp */
/* By: Mike Nithaworn */

.service {
	float:left;
}

.service a {
	color:#3E9AE8;
}

.service a:hover {
	color:#00CCFF;
}

.servicebox {
	float:left; height:65px;
}

.infopopup  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
}

div.ex1 {
	width: 400px;
	color: #ffffff;
	font-size: 12px;
}

div.mid-ele {
	padding:10px 25px 0px 25px;
	text-align:left;
	background-color: #336699;
}

div.first-ele {
	background-image:url(../images/top-bubble.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:18px;
	padding:8px 25px 0px 25px;
}

div.last-ele {
	background-image:url(../images/bottom-bubble.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:36px;
	padding:10px 25px 0px 25px;
}

div.last-ele2 {
	background-image:url(../images/bottom-bubble2.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:36px;
	padding:10px 25px 0px 25px;
}

div.ex1 a {
	color: #ffffff;
}



#sync_it {
	background-image:url(../images/bg_panel_sync_left.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:221px; 
	height:122px; 
	position:absolute; 
	left:0px; 
	top:0px; 
	padding:15px; 
	color:#cccccc;
}

#sync_it p {
	margin-top:15px;
}

#use_it {
	background-image:url(../images/bg_panel_sync_left.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:221px; 
	height:122px; 
	position:absolute; 
	left:0px; 
	top:220px; 
	padding:15px; 
	color:#cccccc;
}

#use_it p {
	margin-top:15px;
}

#introduction {
	background-image:url(../images/bg_panel_sync.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:526px; 
	height:201px; 
	position:absolute; 
	left:275px; 
	top:0px; 
	color:#cccccc;
}

#introduction_ie6 {
	background-image:url(../images/panel_top.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:526px; 
	height:201px; 
	position:absolute; 
	left:275px; 
	top:0px; 
	color:#cccccc;
}

#bottom_frame {
	background-image:url(../images/bg_panel_sync_bot.png); 
	background-repeat:no-repeat; 
	background-position:top left;
	color:#cccccc;
	width:526px; 
	height:150px; 
	position:absolute; 
	left:275px; 
	top:220px;
}

#bottom_frame_ie6 {
	background-image:url(../images/panel_bot.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	color:#cccccc;
	width:526px; 
	height:150px; 
	position:absolute; 
	left:275px; 
	top:220px;
}

#inner_intro {
	float:left; height:120px; margin-left:15px; margin-top:10px;
}

#main_frame {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin-top:20px; 
	height:380px; 
	width:800px; 
	position:relative;
	z-index:0;
}

.point {
	color:#ffffff; 
	font-size:14px; 
	font-weight:bold; 
	text-decoration:none;
}
.point a {
	color:#ffffff;
}

.point a:hover {
	color:#ffffff;
	text-decoration:underline;
}





























/*
body {
	background-image:url(../images/bg_main.png); 
	background-repeat:repeat-x; 
	background-position:top;
}

.logo {
	background-image:url(../images/syncWizard.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:800px;
	height:50px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}*/