@charset "utf-8";
/* CSS Document */

#mainContent {
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
}
#divShowcaseCont {
	height: 305px;
	background: url(../images/hpage/showcbg.png) repeat-x scroll top left;
}
#divShowcase {
	width: 970px;
	height: 305px;
	margin: auto;
	background: url(../images/hpage/showc.jpg) no-repeat scroll top left;
}
#imgIphone {
	margin-right: 40px;	
}
#divShowcasetext {

	width: 675px;
	padding-top: 95px;
	padding-left: 240px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
}
#divShowcaselinks {
	text-align: center;
	color: #065b00;
	padding-top: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#divShowcaselinks img {
	border: 0;
	margin-top: 7px;
}
#btnDownload {
	display: -moz-inline-box;
	display: inline-block;
  	width: 205px;
  	height: 31px;
  	background: url("../images/hpage/btndownl.png") no-repeat 0 0;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	padding-top: 8px;

}

#btnDownload, x:-moz-any-link {padding-left: 35px;width:170px;}
#btnDownload, x:-moz-any-link, x:default {padding-left: 0;width: 205px;}

#btnDownload span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#btnMoreinfo {
	display: -moz-inline-box;
	display: inline-block;
  	width: 205px;
  	height: 31px;
  	background: url("../images/hpage/btninfo.png") no-repeat 0 0;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}

#btnMoreinfo, x:-moz-any-link {padding-left: 55px;width:150px;}
#btnMoreinfo, x:-moz-any-link, x:default {padding-left: 0;width: 205px;}

#btnMoreinfo:hover {
	background-position: 0 -39px;
}
#btnMoreinfo span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#btnDownload:hover {
	background-position: 0 -39px;
}

#buddyMap {
	width: 441px;
	height: 411px;
	background: url(../images/hpage/bgmap.png) no-repeat;
	float: left;
}
#usersRight {
	width: 448px;
	height: 411px;
	float: right;
	
}
#usersOnline {
	width: 448px;
	height: 205px;
	background: url(../images/hpage/bgusers.png) no-repeat;
	margin-bottom: 6px;
	
}
#mostActive {
	width: 448px;
	height: 200px;
	background: url(../images/hpage/bgactive.png) no-repeat;
	
}
#buddyTitlebar {
	height:	53px;
	text-align: center;
	padding-top: 8px;
}
.usersTitlebar {
	height:	26px;
	padding-left: 15px;
	padding-top: 8px;
}
#divMap {
	width: 417px;
	margin: auto;
}
#myMap {
	position: relative;
	border: 1px solid #039;
	width: 415px;
	height: 250px;
	margin: 0 auto;

}
#mapHeading {
	height: 24px;
	background-color: #687285;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding-top: 4px;
	margin-bottom: 3px;
}
#mapfilters {
	width: 400px;
	margin: 0 auto;
}
#mapfilters div {
	float: left;
	font-size: 13px;
	font-weight: bold; 
	margin-bottom: 3px;
}
#mapfilters select {
	margin-top: 2px;
	width: 85%;
	color: #039;
	font-weight: bold;
}
#mapfilter1{
	width: 130px;
}
#mapfilter2{
	width: 120px;
}
#mapfilter3{
	width: 150px;
}
.divMorelink {
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	color: #2f6097;

}
#usersRight .divMorelink {
	padding-right: 20px;
	padding-top: 4px;
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	color: #2f6097;
	clear: left;
}
.morelink:hover {
	color: #063;
	text-decoration: none;
}
#usersOnline table {
	margin: 10px auto 0 auto;
}

#usersOnline table tr td {
	width: 60px;
	height: 60px;
	border: 0;
}
.userTextsm {
	font-size: 9px;
	font-weight: bold;
}
.userTextlg {

	font-size: 16px;
	font-weight: bold;
}
#activeUsertable {
	width:410px;
	margin: 18px auto 0 20px;
}
#activeUsertable table {
	float: left;
}
#activeUsertable a {
	color: #000;
	text-decoration: none;
}
#activeUsertable a:hover {
	color: #063;
	text-decoration: underline;
}
.hseparate {
	float:left;
	width:10px;
	height:50px;
	background:url(../images/hpage/hseparate.png) no-repeat;
}
.vseparate {
	float:left;
	width:410px;
	height:7px;
	background:url(../images/hpage/vseparate.png) no-repeat;
	background-position: center;
}