html, body {
height: 100%;
margin:0;
padding:0;
text-align: center;
font-family: Arial Sans Serif;
color: #333333;
background: #F3F4F4;
}

a{
	text-decoration: none;
}

h1{
	font-size: 16px;
	font-family: Georgia;
	color: #663366;
}

h3{
	color: #4796c8;
	font-family: Georgia;
	font-size: 16px;
	text-align: left;
}
h3.center{
	text-align: center;
}

body#index li a#index,
body#what li a#what,
body#who li a#who,
body#why li a#why,
body#about li a#about,
body#try li a#try,
body#partner li a#partner{
	background: #70D010;
}

#wrapper{
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	width: 890px;
}
#wrapper img{
	border: 0;
}

#logo{
	float: left;
	height: 100px;
	padding-bottom: 10px;
	width: 890px;
}

#blue-button{
	background: url(../images/blue_button.png) no-repeat center;
	width: 110px;
	height: 40px;
	text-align: center;
	line-height: 2.8;
	margin: 0 auto;
	margin-bottom: 10px;
}

#blue-button a{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 25px 10px 25px 10px;
}

#left{
	float: left;
	width: 50%;
}
#left img.screenshot{
	margin-bottom: 10px;
	width: 100%;
}

#right{
	float: left;
	width: 50%;
}
#right img.screenshot{
	margin-bottom: 10px;
	width: 100%;
}

.index{
	margin-top: -40px;
}

#clear{
	clear: both;
}

#mainNav{
	margin-top: 10px;
	float: left;
	width: 100%;
	height: 36px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/bkgd-navigation.jpg) no-repeat center;
}
#mainNav ul {
	margin: 0px;
	list-style: none;
}
#mainNav ul li {
	float: left;
	display: inline;
	line-height: 36px;
	width: 148px;
}
#mainNav ul li a {
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#mainNav ul li a.last{
	border-right: none;
}
#mainNav ul li a:hover{
	background: #70D010;
}

#mainContent{
	margin-top: 10px;
	float: left;
	border: 1px solid #55B2EE;
	background: #FFFFFF ;
	width: 100%;
}

#leftMain{
	float: left;
	height: 100%;
	width: 200px;
	padding-top: 100px;
	padding-bottom: 100px;
}
#leftMain ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#leftMain ul li {
	line-height: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#fullRightMain{
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 15px;
}

.sub-heading{
	font-family: Georgia;
	font-size: 12px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.index{
	text-align: center;
}

.title{
	font-size: 20px;
	font-weight: bold;
}

#rightMainLeft{
	float: left;
	width: 405px;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0;
	color: #333333;
	font-size: 13px;
}
#rightMainLeft li{
	padding-bottom: 10px;
	margin-left: 10px;
}
#rightMainLeft input, textarea{
	width: 250px;
}

#rightMainRight{
	float: left;
	width: 405px;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	color: #333333;
	font-size: 13px;
}
#rightMainRight li{
	padding-bottom: 10px;
	margin-left: 10px;
}

#leftHalf{
	float:left;
	width: 45%;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 15px;
	text-align: justify;
}

#rightHalf{
	float: right;
	width: 45%;
	margin-top: 30px;
	margin-right: 20px;
	font-size: 15px;
	text-align: justify;
}

#farLeft{
	float: left;
	font-size: 13px;
	margin-left: 20px;
	text-align: justify;
	width: 30%;
}
#farLeft ul li{
	margin-bottom: 5px;
}

#middle{
	float: left;
	font-size: 13px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	width: 30%;
}
#middle ul li{
	margin-bottom: 5px;
}

#farRight{
	float: left;
	font-size: 13px;
	margin-right: 20px;
	text-align: justify;
	width: 30%;
}
#farRight ul li{
	margin-bottom: 5px;
}

#farLeft ul, #middle ul, #farRight ul{
	margin-left: 10px;
}

#divider{
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}

.brochure-holder{
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.pdf{
	width: 40px;
}

.brochure{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.brochure:hover{
	border-bottom: 1px black dotted;
}

#bottomBanner{
	float: left;
	width: 90%;
	margin-left: 20px;
	margin-right: 50px;
	margin-top: 50px;
	text-align: left;
	color: #333333;
	font-size: 14px;
}
#bottomBannerImg{
	float: left;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#partnerLogin{
	height: 300px;
	color: #333333;
}

#form1 input, select{
	width: 250px;
}

#footer{
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: center;
	font-size: 10px;
	color: #333333;
}
#footer a{
	color: #333333;
}