a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5487b4; text-decoration: none
} 
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5487b4; text-decoration: none
} 
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5487b4; text-decoration: none
} 
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline
}

a.smallwhite:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none
} 
a.smallwhite:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none
} 
a.smallwhite:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none
} 
a.smallwhite:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: underline
}



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #333333; background-repeat: no-repeat; background-position: top center;
}

.bannerMaster {
	width:800px;
	height:122px;
	background:url(images/header.jpg) no-repeat top center;
	
}
.indexWrapper {
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:800px;
}


.bottomNav {
	width:800px;
	height:31px;
	margin-top:25px;
    float: left;
	background:url(images/footer.jpg) no-repeat left center;
}


.trainersText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-right: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	float:left;
}

.pageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
	color: #5487b4;
	letter-spacing: -1px;
}

.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #5487b4;
	letter-spacing: -1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
}

.list {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	margin-left:15px;
	list-style:square;
	
	
}

.titleImage {
margin-left:13px;
}

.container{
	width:850px;
	height:638px;
	background:url(images/mainbg.jpg) no-repeat left center;
}
.leftColumn {
	width:550px;
	float: left;
	margin-left: 15px;
}
.rightColumn {
	width:224px;
	float:right;
	margin-top:0px;
	background: #eae9e9;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	}

.bodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-top:10px;
	margin-right: 5px;
	margin-left:5px;
	margin-bottom: 10px;
	text-decoration: none;
	float:left;
}
.bodyTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-top:10px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	float:left;
}
.tableFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-top:5px;
	margin-right: 5px;
	margin-left:5px;
	margin-bottom: 5px;
	text-decoration: none;
	float:left;
}
.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: 300;
	color: #CCCCCC;
	margin-right: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	float:left;
	width:502;
}
.backButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: 300;
	color: #CCCCCC;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 29px;
	text-decoration: none;
	float:left;
}

.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color: #e1bd25;
	text-decoration:none;
	
}
.imageFloatLeft {
	float: left;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:10px;

}


.invisibleLink {
	position:absolute;
	left:50%;
	width:323;
	height:285;
	margin-left:-160px;
	margin-top:27px;
	z-index: 10;
}
#FrogJS {
	width: 502px;
	float:left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 29px;
}
#FrogJSCredit {
	text-align: right;
	font-size: 100%; 
	color: #CE7019;
	padding: 1px;
}
#FrogJSCaption {
	text-align: left;
	line-height: 110%;
}	
.star {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CE7019;
	font-style:normal;
	font-weight:300;
}

.newsletterText {
	font-family: Verdana;
	font-size:12px;
	font-style: normal;
	font-weight: 300;
	color: #333333;
	margin-right: 1px;
	margin-bottom: 10px;
	margin-top:15px;
	text-decoration: none;
	float:left;
	width: 700px;
}
.imageFloatLeft {
	float: left;
	margin-bottom:10px;
	margin-right:10px;

}


/*navigation */

.buttonsWrapper {
	position:absolute;
	float: left;
	width:345px;
	height:27px;
	list-style:none;
	display:inline;
	border:none;
}

/*about Us button */
#aboutUs {
	width:72px;
	height:38px;
	float:left;
	margin-top:94px;
	margin-left:-15px;
	list-style:none;
}
#aboutUs li {
	list-style:none;
	display:inline;
}

#aboutUs a {
	width:72px; height:27px;
	background:url(images/aboutUs.jpg) no-repeat;
	float:left;
}
#aboutUs a:hover {
	background-image:url(images/aboutUs_over.jpg);
}

/*pricing button */

#pricing {
	width:58px;
	height:27px;
	float:left;
	margin-top:94px;
	list-style:none;
}
#pricing li {
	list-style:none;
	display:inline;
}

#pricing a {
	width:58px; height:27px;
	background:url(images/pricing.jpg) no-repeat;
	float:left;
}
#pricing a:hover {
	background-image:url(images/pricing_over.jpg);
}


/*contact us button */

#contactUs {
	width:82px;
	height:27px;
	float:left;
	margin-top:94px;
	list-style:none;
}
#contactUs li {
	list-style:none;
	display:inline;
}

#contactUs a {
	width:82px; height:27px;
	background:url(images/contactUs.jpg) no-repeat;
	float:left;
}
#contactUs a:hover {
	background-image:url(images/contactUs_over.jpg);
}


/*view demo button */

#viewDemo {
	width:85px;
	height:27px;
	float:left;
	margin-top:94px;
	list-style:none;
}
#viewDemo li {
	list-style:none;
	display:inline;
}

#viewDemo a {
	width:85px; height:27px;
	background:url(images/viewDemo.jpg) no-repeat;
	float:left;
}
#viewDemo a:hover {
	background-image:url(images/viewDemo_over.jpg);
}


/*help button */

#help {
	width:47px;
	height:27px;
	float:left;
	margin-top:94px;
	list-style:none;
}
#help li {
	list-style:none;
	display:inline;
}

#help a {
	width:47px; height:27px;
	background:url(images/help.jpg) no-repeat;
	float:left;
}
#help a:hover {
	background-image:url(images/help_over.jpg);
}




/* menu design */



ul {
	padding:0px;
	margin:0px;
	margin-left:29px;
}
	
div#dropdown ul li {
	font: bold Arial, Helvetica, sans-serif;
	list-style-type:none;
	float:left;
}

div#dropdown ul li a{
	display:block;
	width:145px;
	text-indent:5px;
	text-decoration:none;
	line-height:20px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

div#dropdown ul li a:hover{
	text-decoration:none;
	color:#ffffff;
}

/* The Dropdown menus...Initially hidden */

div#dropdown ul li ul {
	background-position:top left;
	list-style-type:none;
	position:relative;
	float:left;
	top:5px;
	left:0px;
	height:160px;
	width:145px;
}

div#dropdown ul li ul li {
	margin-top:5px;
	display:block;
	width:100%;
	clear:left;
	text-align:left;
	font-weight:600;
}

div#dropdown ul li ul li a{
	text-decoration:none;
	color:#CE7019;
	display:block;
}

div#dropdown ul li ul li a:hover{
	text-decoration:none;
	background: #CE7019;
	color: #ffffff;
	}
	
div#dropdown ul li ul{
	display:none;
}
div#dropdown ul li:hover ul{
	display:block;
}