/*--------------------------------------*/
	/*     evo-dev css
	/*     wed feb 9 2005
/*--------------------------------------*/


/*--------------------------------------*/
	/*     global bits
/*--------------------------------------*/

body {
	font: normal 11px "Lucida Grande", "Verdana", sans-serif;
	color: #fff;
	line-height: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFF url(images/bg.jpg) repeat 50% 0;
	}

img {
	display: block;
	margin: 0;
	border: 0;
	}

a, a:active { 
	color: #064E9A;
	text-decoration: underline;
	}

a:visited { 
	color: #E6A009;
	text-decoration: underline;
	}
	
a:hover { 
	color: #064E9A;
	text-decoration: none;
	}

/*--------------------------------------*/
	/*     header bits
/*--------------------------------------*/

#header {
	height: 169px;
	}

#logo {
	width: 244px;
	height: 61px;
	position: absolute;
	top: 18px;
	left: 20px;
	}

#topsubmenu {
	position: absolute;
	top: 0px;
	right: 0;
	width: 235px;
	height: 33px;
	background: url(images/header/bg_sub_menu.jpg) no-repeat;
	}

#minilinks {
	margin: 0;
	padding: 0 0 20px 10px;
	}

#minilinks li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#minilinks a {
	float: left;
	color: #064E9A;
	margin: 6px 8px 4px 10px;
	_margin: 6px 0 4px 10px; /*Win/IE 6 bug */
	}

#grid {
	position: absolute;
	top: 63px;
	right: 0;
	width: 230px;
	height: 32px;
	background: url(images/header/grid.jpg) no-repeat;
	}


/*------------------------------------------*/
	/*     global navigation bits
/*------------------------------------------*/

#menu {
	position: absolute;
	top: 95px;
	left: 17px;
	margin: 0;
	padding: 0;
	width: 461px;
	height: 45px;
	}

#m-home {
	position: absolute;
	left: 0px;
	}

#m-products {
	position: absolute;
	left: 52px;;
	}

#m-support {
	position: absolute;
	left: 128px;
	}

#m-company {
	position: absolute;
	left: 199px;
	}

#m-testimonials {
	position: absolute;
	left: 278px;
	}

#m-community {
	position: absolute;
	left: 372px;
	}


/*------------------------------------------*/
	/*     homepage bits
/*------------------------------------------*/

#hmpgcontent {
	position: absolute;
	top: 169px;
 	left: 50%;
 	margin-left: -356px;
	width: 712px;
	height: 368px;
	background: url(images/homepage/bg_content.jpg) no-repeat;
	}

#feature {
	position: absolute;
	top: 3px;
	_top: 12px; /*Win/IE 6 bug */
	left: 35px;
	width: 269px;
	text-align: left;
	}

#feature h1 {
	font: bold 24px "Trebuchet MS", "Verdana", sans-serif;
	color: #E6A009;
	margin-bottom: -10px;
	_margin-bottom: -20px; /*Win/IE 6 bug */
	}

#feature .blue {
	font: bold 24px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;	
	}

#feature h2 {
	font: normal 14px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;
	margin-bottom: 15px;
	}

#feature p {
	font: normal 12px "Trebuchet MS", "Verdana", sans-serif;
	color: #333;
	line-height: 16px;
	}

#intro {
	position: absolute;
	top: 10px;
	_top: 15px; /*Win/IE 6 bug */
	left: 340px;
	width: 350px;
	text-align: left;
	}

#intro h1 {
	font: bold 14px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;
	margin-bottom: 17px;
	line-height: 18px;
	}

#intro p {
	font: normal 12px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;
	line-height: 16px;
	}
#other {
	position: absolute;
	top: 178px;
	_top: 188px; /*Win/IE 6 bug */
	left: 340px;
	width: 350px;
	background-color: #fff;
	text-align: left;
	color: #064E9A;
	}

#other h1
	font: bold 22px "Trebuchet MS", "Verdana", sans-serif;
	color: #E6A009;
	margin-bottom: -10px;
	_margin-bottom: -20px; /*Win/IE 6 bug */
	}

#other h2 {
	font: normal 14px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;
	margin-bottom: 15px;
	}

#other .blue {
	font: bold 22px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;	
	}

#other p {
	font: normal 12px "Trebuchet MS", "Verdana", sans-serif;
	color: #333;
	line-height: 16px;
	}


/*--------------------------------------*/
	/*     text page bits
/*--------------------------------------*/

#pagetext {
	margin-top: 0;
	margin-right: 220px;
	margin-left: 220px;
	text-align: left;
	}

#pagetext h1 {
	font: bold 24px "Trebuchet MS", "Verdana", sans-serif;
	color: #E6A009;
	padding-bottom: 5px;
	border-bottom: 1px dashed #064E9A;
	margin-bottom: -15px;
	}
#pagetext h2 {
	font: bold 16px "Trebuchet MS", "Verdana", sans-serif;
	color: #E6A009;
	padding-bottom: 5px;

	}

#pagetext .blue {
	font: bold 24px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;	
	}

#pagetext p {
	font: normal 11px "Trebuchet MS", "Verdana", sans-serif;
	color: #333;
	line-height: 16px;
	}

.demo {
	position: relative;
	margin-top: -10px;
	margin-left: 0;
	width: 63px;
	height: 25px;
	}

.buy {
	position: relative;
	margin-top: -25px;
	margin-left: 78px;
	width: 60px;
	height: 25px;
	}

.bubble {
	width: 383px;
	background: #BCD9F6 url(images/subpages/bg_bubble.gif) no-repeat;
	}

.bubble h2 {
	font: normal 14px "Trebuchet MS", "Verdana", sans-serif;
	color: #064E9A;
	margin-bottom: 0px;
	padding: 20px;
	}

#goodstuff {
	margin: 0;
	padding-left: 32px;
	width: 330px;
	}

#goodstuff li {
	margin: 0;
	padding: 0;
	color: #064E9A;
	}


/*--------------------------------------------*/
	/*     left and right column bits
/*--------------------------------------------*/

#leftcolumn {
	position: absolute;
	top: 169px;
	left: 15px;
	width: 180px;
	text-align: left;
	}

#rightcolumn {
	position: absolute;
	top: 169px;
	right: 15px;
	width: 180px;
	text-align: left;
	}

.leftside, .rightside {
	margin: 0;
	padding-left: 0;
	padding-right: 5px;
	background: #FFF;
	}
	
.leftside li a, .rightside li a {
	height: 32px;
	border-left: 1px solid #064E9A;
 	border-bottom: 1px solid #064E9A;
 	border-right: 1px solid #064E9A;
 	list-style: none;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 22px;
	}
.active {
	color: #064E9A;
	display: block;
	background-color: #d8d8d8;
	list-style: none;
	padding: 0;
	}
.leftside li a:link, .leftside li a:visited, .rightside li a:link, .rightside li a:visited {
	color: #064E9A;
	display: block;
	list-style: none;
	padding: 3px 7px 0 7px;
	}
	
.leftside li a:hover, .leftside li a:active, .rightside li a:hover, .rightside li a:active {
	color: #064E9A;
	background: #BCD9F6;
 	list-style: none;
	padding: 3px 7px 0 7px;
	}

.leader {
	color: #FFF;
	display: block;
	background: #00A3CA;
	padding: 5px 7px 5px 7px;
	border: 1px solid #064E9A;
	}

.sidetext {
	color: #064E9A;
	display: block;
	background: #FFF;
	padding: 5px 7px 5px 7px;
	border-left: 1px solid #064E9A;
	border-right: 1px solid #064E9A;
	border-bottom: 1px solid #064E9A;
	}

.rightside input {
	margin-top: 5px;
	margin-bottom: 5px;
	}

.rightside form {
	margin-bottom: 0;
	}


/*--------------------------------------*/
	/*     footer bits
/*--------------------------------------*/

#hmpgfooter {
	margin-top: 500px;
	padding: 20px;
	color: #064E9A;
	background: #BCD9F6;
	border-top: 1px solid #00A6CE;
	}

#footer {
	margin-top: 200px;
	padding: 20px;
	background: #BCD9F6;
	}

#footerlinks {
	margin: 0;
	padding: 0 0 5px 0;
	}

#footerlinks li {
	margin: 0;
	padding: 5px;
	display: inline;
	list-style: none;
	}

#footerlinks a, #footerlinks p {
	color: #064E9A;
	}