/* ----
HOME PAGE CSS
Ver. 1 
April 30-08
---- */

body {
font-family:Arial, Helvetica, sans-serif;
color:#ebebeb;
background-color:#020202;
margin:0;
}

img {
border:none;
}

/* ---- the clearing div ---- */
.theClear {
clear:both;
}

* html .theClear {
padding:3px 0 0 0;
}

/* ---- Site Container ---- */
#siteContainer {
width:960px;
margin:0 auto 0 auto;
}

/* ---- Header Container ---- */
#headerContainer {
height:64px;
width:960px;
border-bottom:1px solid #313131;
position:relative;
}

	#logo {
	border:none;
	position:absolute;
	top:24px;
	left:0px;
	}
	
	/* client login */	
	#clientLogin {
	height:17px;
	width:95px;
	position:absolute;
	top:35px;
	right:7px;
	background:url(../images/header_clientLogin.gif) top left no-repeat;
	}
			
		#clientLogin a {
		display:block;
		background:url(../images/header_clientLogin.gif) top left no-repeat;	
	    height:17px;
	    width:95px;
		}
		
		#clientLogin a:hover {
		background:url(../images/header_clientLogin_on.gif) top left no-repeat;
		}
		
		#clientLogin span {
		display:none;
		}
		
/* /client login */

/* ---- Flash Container ---- */
#flashContainer {
height:336px;
width:960px;
background:none;
}

/* ---- Menu Container ---- */
#menu {
font-size:11px;
width:960px;
height:41px;
margin:0;
padding:0;
list-style:none;
background:url(../images/menu_bg.jpg) top left no-repeat;
}

	#menu li {
	float:left;
	}

		#menu a {
		text-align:center;
		color:#ebebeb;
		text-decoration:none;
		display:block;
		width:120px;
		height:29px;
		padding:12px 0 0 0;
		margin:0;
		}
		
		#menu a:hover {
		color:#7fc241;
		background:url(../images/menu_linkOn.jpg) 4px 4px no-repeat;
		}
		
		#menu #link_freeTrial {
		font-weight:bold;
		color:#7fc241;
		}
		
		#menu #link_freeTrial:hover {
		color:#ebebeb;
		}
		

/* ---- Features Container ---- */
#featuresContainer {
padding:6px 0 0 0;
height:112px;
width:960px;
}
	/* agents button */
	#agentsBtn {
	width:317px;
	height:106px;
	float:left;
	background:url(../images/home_agentBtn.gif) top left no-repeat;
	}
	
	#agentsBtn a {
	display:block;
	background:url(../images/home_agentBtn.gif) top left no-repeat;	
	width:317px;
	height:106px;
	}
	
	#agentsBtn a:hover {
	background:url(../images/home_agentBtn_on.gif) top left no-repeat;	
	}
	
	#agentsBtn a span {
	display:none;
	}
	/* /agents button */
	
	/* brokers button */
	#brokersBtn {
	float:left;
	width:317px;
	height:106px;
	margin:0 5px 0 4px;
	background:url(../images/home_brokerBtn.gif) top left no-repeat;
	}
	
	#brokersBtn a {
	display:block;
	background:url(../images/home_brokerBtn.gif) top left no-repeat;	
	width:317px;
	height:106px;
	}
	
	#brokersBtn a:hover {
	background:url(../images/home_brokerBtn_on.gif) top left no-repeat;	
	}
	
	#brokersBtn a span {
	display:none;
	}
	/* /brokers button */
	
	/* support button */
	#supportBtn {
	float:left;
	width:317px;
	height:106px;
	background:url(../images/home_supportBtn.gif) top left no-repeat;
	}
	
	#supportBtn a {
	display:block;
	background:url(../images/home_supportBtn.gif) top left no-repeat;	
	width:317px;
	height:106px;
	}
	
	#supportBtn a:hover {
	background:url(../images/home_supportBtn_on.gif) top left no-repeat;	
	}
	
	#supportBtn a span {
	display:none;
	}
	/* /support button */

/* ---- Footer Container ---- */
#footerContainer {
height:35px;
width:960px;
border-top:1px solid #313131;
padding:6px 0 0 0;
}

	#footerLeft {
	color:#757575;
	font-size:10px;
	float:left;
	}
	
		#footerLeft a {
		color:#4D7528;
		text-decoration:none;
		}
		
		#footerLeft a:hover {
		color:#ebebeb;
		text-decoration:none;
		}
	
	#footerRight {
	width:300px;
	float:right;
	}
	
	#footerRight img {
	border:none;
	}