@charset "iso-8859-1";
/* CSS Document */

a:link.bluebox {
color: white;
text-decoration: bold;

}
a:visited.bluebox {
color: white;
text-decoration: bold;

}
a:hover.bluebox {
color: white;
text-decoration: bold;

}
a:active.bluebox {
color: white;
text-decoration:bold;

}
a:link.contact {
color: black;
text-decoration: none;

}
a:visited.contact {
color: black;
text-decoration: none;

}
a:hover.contact{
color: black;
text-decoration: none;

}
a:active.contact {
color: black;
text-decoration: none;

}


#wrapper {
	text-align:left; /* IE 5 */
	width:816px;
	margin:0;
}
body{
	margin:0px;
	background:#f1f3e6;
	color:#444;
	text-align:left; /* IE 5 */
	font:13px sans-serif;
}
#main-menu ul {
	margin:0 auto;
	width:750px;
	padding:0;
	overflow:hidden;
}
#main-menu li {
	white-space:nowrap;
	list-style-type:none;
	float:left;
	width:125px;
}
#headerimage {
	
	position: absolute;
	background-image:   url(images/blueBox.jpg);
	width:816;
	height:176;
	padding-bottom:0px;
	top: 133px;
	left: 34px
}



p.demoButton a:hover, p.navbuttons a:active {
	position: absolute;
	top: 88px;
	left: 738px;
	display: block;
	width: 129px;
	height: 53px;
	background-repeat: no-repeat;
	background-image:    url(images/demoButton.jpg); 
} 
p.demoButton a {
	position: absolute;
	top: 88px;
	left: 738px;
	display: block;
	width: 129px;
	height: 53px;
	background-repeat: no-repeat;
	background-image:   url(images/demoButton.jpg); 
}

/* text in orange box*/
#xtratxt{
	position: absolute;
	left: 461px;
	font: 14px  sans-serif;
	font-size: 12px;
	top: 363px;
	width: 389px;
	height: 91px;
	font-color: #fff
	
}

#sidebar {
	position: absolute;
	left: 658px;
	width:191px;
	float:right;
	text-align:right;
	font: 13px  sans serif;
	top: 822px;
	line-height: 15pt;
}
#sidebar li {
	list-style-type:none;
	padding:5px 0;
}
#sidebar ul {
	padding:0;
	margin:0;
}
#sidebar1 {
	position: absolute;
	left: 658px;
	width:191px;
	float:right;
	text-align:right;
	font: 13px  sans serif;
	top: 992px;
	line-height: 15pt;
}
#sidebar1 li {
	list-style-type:none;
	padding:5px 0;
}
#sidebar1 ul {
	padding:0;
	margin:0;
}

/*main content*/
#content {
	position: absolute;
	left: 47px;
	top: 521px;
	width:500px;
	/*padding-left:20px;*/
	float:left;
}
#content p {
	font: 13px sans-serif;
	
}
#content1 {
	position: absolute;
	left: -15px;
	top: 132px;
	width:810px;
	float:left;
	height: 649px;
	background-repeat: no-repeat;
	background-image:  url(stylesheet/images/border.png); 
	border-width:thick;
}
#border {
	position: absolute;
	left: 44px;
	top: 302px;
	width:810px;
	float:left;
	height: 649px;
	background-repeat: no-repeat;
	background-image: url(images/border.png; 
	border-width:thick;
	}
#border p {
	font: bold 25px "tahoma", sans serif;
	text-align: left;
	background-repeat: no-repeat;
	background-image:    url(stylesheet/images/border.jpg); 
}
#contenttext {
	position: absolute;
	left: 50px;
	top: 306px;
	width:797px;
	float:left;
	height: 133px;
	
}
#contenttext p {
	font: bold 25px "tahoma", sans serif;
	text-align: left;
	
}
h1{
	line-height: 30pt;
	color:#000000;
	font: bold 14px "tahoma", sans serif;
	text-align: left;
		
}
h2{
	color: #3f519a;
	margin:0.83em 0;
	font: bold 25px "tahoma", sans serif;
	text-align: left;
}
h3{
	color:white;
	margin:0.30em 0;
	font: bold 20px "tahoma", sans serif;
}
h4{
	color:#000000;
	margin:0.83em 0;
	font: bold 16px "tahoma", sans serif;
}
h5{
	color:#000000;
	font: 14px "tahoma", sans serif;
	text-align: left;
	}
h6{
	color:#000000;
	text-align: left;
	font:  14px  "sans serif";
	}
	


/*logo*/
#logo
{
	position:absolute;
	background:     url(images/logo.jpg) no-repeat 0;
	float:top;
	width:275px;
	height:111px;
	left: 40px;
	visibility: inherit;
	top: 10px;
}
/*top menu bar*/
#info 
{
	position: absolute;
	left: 652px;
	float:right;
	width:186px;
	height: auto;
	padding:10px;
	text-align:right;
	font:13px Tahoma, sans-serif;
	top: 0px;
}
#info a 
{
	color:#3b4b90;
	font-weight:300;
}

#info p 
{
	margin:0;
}

#info li 
{
	display:inline;
	padding:0 5px;
}

#info ul 
{
	padding:0;
	margin:0;
}

/*heading*/
#headingtext
{
	position: absolute;
	text-align: center;
	font: bold 40px gillsans, sans serif;
	left: 227px;
	top: 45px;
	width: 500;
	
}

/*main menu bluebox*/

#main-menu 
{
	position:absolute;
	float:top;
	width:816px;
	height:176px;
	padding:0;
	left: 40px;
	background-image:    url(images/blueBox.jpg);
	visibility: inherit;
	top: 132px;
}
#main-menu ul 
{
	position:absolute; 
	width:80px; 
	height:80px; 
	z-index:2; 
	left: 152px; 
	top: 31px; 	
}
#blueBoxSmall 
{
	position:absolute;
	float:top;
	width:274px;
	height:233px;
	padding:0;
	left: 581px;
	background-image:    url(images/blueBoxSmall.jpg);
	top: 530px;
}
blueBoxSmall  ul 
{
	position:absolute; 
	width:251px; 
	height:120px; 
	z-index:2; 
	left: -3px; 
	top: 7px; 	
}

#systemimage
{
	position:absolute;
	float:top;
	width:184px;
	height:443px;
	left: 630px;
	visibility: inherit;
	top: 225px;
	font-style: normal;
	font-size: 16px;
	color: white;
}

#systemimage ul
{
	position:absolute;
	width:176px;
	height:53px;
	left: 105px;
	z-index:2; 
	top: 1px;
	font-size: 18px;
	color: white;
}
#bluecontent
{
	position:absolute;
	float:top;
	width:184px;
	height:145px;
	left: 21px;
	visibility: inherit;
	top: 78px;
	font-style: normal;
	font-size: 16px;
	color: white;
}

#bluecontent ul
{
	position:absolute;
	width:176px;
	height:53px;
	left: 105px;
	z-index:2; 
	top: 1px;
	font-size: 18px;
	color: white;
}

#
/* orange box menu*/
#orange
{
	position:absolute;
	background-image: url(images/orange.jpg) no-repeat 0;
	float:top;
	width:816px;
	height:212px;
	padding:0;
	left: 39px;
	background-image: url(images/orange.jpg);
	visibility: inherit;
	top: 314px;
}
orange  ul 
{
	position:absolute; 
	width:816px; 
	height:212px; 
	z-index:2; 
	left: 39px; 
	top: 314px; 	
}

/*sign up form */
input{
	width: 320px;
	margin-bottom: 1px;
	colot: white;
}

#form{
	position: absolute;
	color: black;
	left: 43px;
	top: 335px;
	width: 400px;
	height: 230px;
	font: 14px "tahoma", sans serif;
	html>body
}
 body{
	margin:0px;
	background:#ffffff;
	text-align:center; /* IE 5*/ 
	font:13px tahoma;
}

/*footer*/
#footer {
	position:absolute;
	top: 2826px;
	left:350px;
	width:358px;
	clear:both;
	font:0.6em sans-serif;
	padding:20px;
	text-align:center;
	font-size:12px;
	height: 21px;
}

#footer p {
	margin:0;
}

#footer li {
	position: absolute;
	display:inline;
	padding:0 5px;
	height: 58px;
	width: 428px;
}

#footer ul {
	position: absolute;
	top: 600;
	padding:0;
	margin:0;
}
#main-menu1 
{
	position:absolute;
	
	float:top;
	width:816px;
	height:212px;
	padding:0;
	left: 38px;
	background-image:    url(images/orange.jpg);
	visibility: inherit;
	top: 313px;
}
#main-menu1 ul 
{
	position:absolute; 
	width:80px; 
	height:80px; 
	z-index:2; 
	left: 152px; 
	top: 31px; 	
}
.kpBodyText {
	font-family: Tahoma;
	font-size: 14px;
	color: #333333;
	line-height: 1.25;
}
.signup {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}
