body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}

body {

	margin: 0px;

	padding: 0px;

	background:#F2F2F2;

}

h2 {

	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 1px;
	margin: 0;
	
}

h1 {

	padding-top: 15px;
	padding-bottom: 1px;
	margin: 0;
	
}

p {
	margin-top: 5px;
	
  }


p.red {

	color: #FF0000;

}

.svtitle {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5;
	padding-bottom: 1;
	
  }

.svpara {
	margin-top: 5px;
	
  }
	

.scrshotcaption {

	margin-top: 0;

	

  }



.scrshottitle {

	margin-top: 20px;

	Width: 1024px;

	

  }



.featurestitle {

	margin-top: 5px;

	margin-bottom: 5px;

  }


.newsheading {
	position: absolute;
/*	background-color: #410af6;*/
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 5px;
	top: 0px;
	width: 240px;
	text-align:center;
}

.productheading {
	position: absolute;
/*	background-color: #1d5184;*/
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 6px;
	top: 0px;
	width: 530px;
	text-align:center;
}
  
#wrapper {

	width: 880px;

	height: 580px;

	margin-top: 3px;

	margin-left: 10px;

	text-align:left;

	position:relative;

}

#wrapper #header, #smallHeader {

	position: relative;

	height: 117px;

	background-color: #0F4B75;

	

}

#wrapper #header a#logo{
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 880px;
	height: 120px;
	background-image:url(../images/skyline1.jpg);

}

#wrapper #headerStrip, #smallHeaderStrip {

	position: relative;

	left: 0px;

	height: 11px;

	background-image:url(../images/header_strip.gif);

}

#wrapper #main {
	position: relative;
	height: 600px;
	width: 880px;
	margin-top: 3px;
	

}

#wrapper #main a#thegame{
	

	font-family: Arial, sans-serif;

	
	position: absolute;
	
	text-decoration: none;

	top: 0px;

	left: 515px;

	width: 230px;

	height: 150px;

	background: url(../images/thegame_homepg_1.gif) no-repeat;

}

#wrapper #main a#thegame{
	

	font-family: Arial, sans-serif;

	
	position: absolute;
	
	text-decoration: none;

	top: 0px;

	left: 515px;

	width: 230px;

	height: 150px;

	background: url(../images/thegame_homepg_1.gif) no-repeat;

}

#wrapper #main #newsblock{

	position: absolute;

	

	text-decoration: none;


	top: 5px;

	left: 560px;

	width: 320px;

	height: 190px;

	background: url(../images/newsblock.gif) no-repeat;

}


#wrapper #main #newsblock #newscontent{

	position: relative;

	

	text-decoration: none;


	top: 30px;
	left: 0px;
	width: 300px;

}

.newsheading {
	position: absolute;
/*	background-color: #410af6;*/
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 5px;
	top: 0px;
	width: 300px;
	text-align:center;
}


#wrapper #main #productblock #productcontent{

	position: relative;

	

	text-decoration: none;


	top: 30px;
	left: 0px;
	margin-left: 10px;

}

#wrapper #main #productblock{

	position: absolute;

	

	text-decoration: none;


	top: 5px;

	left: 10px;

	width: 550px;

	height: 300px;

	background: url(../images/productblock2.gif) no-repeat;

}

#wrapper #main #testblock{

	position: absolute;

	

	text-decoration: none;


	top: 190px;

	left: 560px;

	width: 320px;

	height: 200px;

	

}


#wrapper #main #testblock #testcontent{

	position: relative;

	

	text-decoration: none;


	top: 0px;
	left: 5px;


}

.testheading {
	position: absolute;
	background-color: #38c49b;
	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 5px;
	top: 0px;
	width: 300px;
	text-align:center;
}

#wrapper #main #marketsblock{

	position: absolute;

	

	text-decoration: none;


	top: 305px;

	left: 10px;

	width: 275px;

	height: 300px;

	background: url(../images/marketsblock2.gif) no-repeat;

}


#wrapper #main #marketsblock #marketscontent{

	position: relative;

	

	text-decoration: none;


	top: 25px;
	left: 0px;
	margin-right: 20px;

}

.marketsheading {
	position: absolute;
/*	background-color: #98168d;
*/	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 5px;
	top: 0px;
	width: 255px;
	text-align:center;
}

#wrapper #main #dayblock{

	position: absolute;

	font-family: Arial, sans-serif;
	

	text-decoration: none;


	top: 305px;

	left: 285px;

	width: 275px;

	height: 300px;

	background: url(../images/dayblock.gif) no-repeat;

}

#wrapper #main #dayblock #daycontent{

	position: relative;

	

	text-decoration: none;


	padding-top: 25px;
	left: 5px;
	margin-right: 20px;


}

.dayheading {
	position: absolute;
/*	background-color: #c5870f;
*/	font: bold 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	left: 5px;
	top: 0px;
	width: 255px;
	text-align:center;
}

#wrapper #main #awardblock{

	position: absolute;

	

	text-decoration: none;


	top: 410px;

	left: 560px;

	width: 320px;

	height: 200px;


}


#wrapper #main #awardblock #awardcontent{

	position: relative;

	

	text-decoration: none;


	top: 0px;
	left: 0px;
	margin-right: 20px;


}



#wrapper #main a:hover{



	

	Cursor: pointer;





}


#wrapper #main a#getdemo{

	position: absolute;

	text-decoration: none;



	top: 310px;

	left: 515px;

	width: 230px;

	height: 150px;

	background: url(../images/watchvideo_homepg.gif) no-repeat;

}

#wrapper #main #button a{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 230px;

	height: 150px;

}

#wrapper #main #button a#thegame, #wrapper #main #button a#termsandconditions {

	background: url(../images/thegame2.gif) no-repeat;

}

#wrapper #main #button a#aboutus {

	background: url(../images/aboutus2.gif) no-repeat;

}

#wrapper #main #button a#whouses {

	background: url(../images/whouses.gif) no-repeat;

}

#wrapper #main #button a#day {

	background: url(../images/svday.jpg) no-repeat;

}
#wrapper #main #button a#bett {

	background: url(../images/onsite4.jpg) no-repeat;

}

#wrapper #main #button a#watchdemo {

	background: url(../images/watchdemo.gif) no-repeat;

}

#wrapper #main #button a#news {

	background: url(../images/news2.gif) no-repeat;

}

#wrapper #main #button a#support {

	background: url(../images/support.gif) no-repeat;

}

#wrapper #main #button a#learningzone {

	background: url(../images/learningzone.gif) no-repeat;

}

#wrapper #main #button a#lztest {

	background: url(../images/learningzone.gif) no-repeat;

}

#wrapper #main #button a#lz {

	background: url(../images/learningzone.gif) no-repeat;

}


#wrapper #main #button a#contactus {

	background: url(../images/contactus2.gif) no-repeat;

}

#wrapper #main #box4 {

	position: absolute;

	top: 154px;

	left: 0px;

	height: 347px;

	width: 220px;

	background-image:url(../images/specialoffer.gif);

}

#wrapper #main #sidemenu {

	position: absolute;

	top: 154px;

	left: 0px;

	height: 347px;

	width: 220px;

	margin: 0;

	padding: 0;

}

*html #wrapper #main #sidemenu {

	margin-top: -10px;

}

#wrapper #main #sidemenu #sideMenuTopSlice{

	position: relative;

	height: 5px;

	width: 220px;

	margin: 0;

	padding: 0;

	background: url(../images/submenu_top.gif) no-repeat bottom;

}

#wrapper #main #sidemenu #sideMenuContentArea{

	position: relative;

	width: 100%;

	background: url(../images/submenu_middle.gif) repeat-y;

	display: block;

	margin: 0;

	padding: 0;

	left: 0;

	top: 0;

	padding-left: 10px;

	padding-top: 10px;

}



#wrapper #main #sidemenu #sideMenuContentArea h1{

	font: bold 16px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	margin: 0px;

	padding: 0;

	text-transform: uppercase;

	margin-bottom: 5px;

}

#wrapper #main #sidemenu #sideMenuBottomSlice{

	position: relative;

	height: 5px;

	margin: 0;

	padding: 0;

	background: url(../images/submenu_bottom.gif) no-repeat top;

}



#wrapper #main #sidemenu #sideMenuContentArea ul{

margin: 0; padding: 0;

  margin-left: 20px;

  padding-bottom: 20px;

}



#wrapper #main #sidemenu #sideMenuContentArea li {

	padding: 0.2em 0.5em 0 0;

	margin: 0;

	list-style: none;

	color: #FFFFFF;

	text-decoration: none;

}

#wrapper #main #sidemenu #sideMenuContentArea li a{

	color: #FFFFFF;

	text-decoration: none;

}

#wrapper #main #sidemenu #sideMenuContentArea li a.active{

	color: #FFFF00;

}

#wrapper #main #sidemenu #sideMenuContentArea li:hover {

 	list-style: url(../images/menu-collapsed.gif);

	

}

#wrapper #main #sidemenu #sideMenuContentArea li.active{

	list-style: url(../images/menu-selected.gif);

	color: #FFFF00;

}



#wrapper #main #box4 a#popupWindow{

	position: absolute;

	display: block;

	top: 0px;

	left: 0px;

	height: 347px;

	width: 220px;

}



#wrapper #main #box5 {

	position: relative;

	top: 2px;

	left: 0px;

	height: 400px;

	width: 100px;

}



#wrapper #main #box5 #topSlice {

	position: relative;

	height: 5px;

	width: 100%;

	display: block;

	background-image:url(../images/top_corners_gray.gif);	

}

#wrapper #main #box5 #contentArea {

	position: relative;

	min-height: 390px;

	width: 100%;

	background: url(../images/backimage6.jpg) repeat-y;

	display: block;

	margin: 0;

	padding: 0;

	left: 0;

	top: 0;

	padding-bottom: 20px;

}



*html #wrapper #main #box5 #contentArea {

	height: 310px;

	margin-top: -12px;

}



#wrapper #main #box5 #contentArea #graphicHeader {

	position: relative;

	display: block;

	height: 67px;

	width: 416px;

	top: 10px;

	left: 20px;

	background-image: url(../images/inspiration.gif);

}

#wrapper #main #box5 #contentArea #faqBox {

	position: relative;

	top: 10px;

	width: 416px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	color: #0F4B75;

/*	border: #0F4B75 1px solid; 

	background-color: #F2F2F2; */

	padding: 5px;

	margin-left: -3px;

	margin-bottom: 20px;

}

#wrapper #main #box5 #contentArea #faqBox a{

/* 	display: block; */


	padding: 0.2em 0.5em 0 0;

	margin: 0;

	text-decoration: none;

	color: #0F4C76;

}

#wrapper #main #box5 #contentArea #faqBox a:hover{

	color: #FF0000;

}

#wrapper #main #box5 #contentArea #frontPageText {

	position: relative;

	left: 20px;

	width: 600px;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	

}

#wrapper #main #box5 #contentArea #frontPageText h1{

	font: bold 20px Arial, Helvetica, sans-serif;

	color: #0F4C76;

	margin: 0px;

	text-transform: uppercase;

}

#wrapper #main #box5 #contentArea #frontPageText h2{

	font: bold 14px Arial, Helvetica, sans-serif;

	color: #0F4C76;

	margin: 0px;


}



#wrapper #main #box5 #contentArea #frontPageText a#scrshot{

display: block;

}

#wrapper #main #box5 #contentArea h2{

	font: bold 18px Arial, Helvetica, sans-serif;

	padding-top: 5px;
	padding-bottom: 1px;

}


#wrapper #main #box5 #bottomSlice {

	clear: both;

	position: relative;

	height: 16px;

	width: 100%;

	display: block;

	background-image:url(../images/bottom_corners_gray.gif);	

}



#wrapper #header #topMenu {

	position: absolute;

	right: 10px;

	top: 90px;

}

#wrapper #header #topMenuTop {

	position: absolute;

	right: 10px;

	top: 10px;

}



#wrapper #header #topMenu a.topNav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-transform: uppercase;

	color: #CCCCCC;

	text-decoration: none;

	width: auto;

	padding-left: 5px;

	padding-right: 15px;

	margin-left: -4px;

}

#wrapper #header #topMenu a.topNav.On, #wrapper #header #topMenu a.topNav.On:hover{

	color: #FFFF00;

}

#wrapper #header #topMenu a.topNav:hover {

	color: #FFFFFF;

}



#wrapper #footer {

	position: relative;

	/*clear: both;*/

	

	left : 0;
/*	top: 600px;*/

	margin-top: 10px;

	height: 22px;



	text-align: left;



}

#wrapper #footer ul {

	color: #999;

	text-align: left;

}



#wrapper #footer ul li a {

	color: #999;

	text-decoration: none;

	text-align: left;

}



#wrapper #footer ul li a:hover {

	text-decoration: underline;

}



#wrapper #footer li {

	display: inline;

}



















#smallContent{

	margin-left:25px;

	margin-right:150px;

}

#BoldItalContent{

	font-weight: ;

	margin-left:25px;

	margin-right:25px;

	color: black;

	font: italic 13px Arial, Helvetica, sans-serif;

}

#BoldContent{

	font-weight: ;

	margin-left:25px;

	margin-right:25px;

}



#smallContentright{

	font-weight: 600;

	text-align: right;

	margin-left:25px;

	margin-right:25px;

}

label

{

	font: bold 10px Arial, Helvetica, sans-serif;

	color: #000;

	width: 150px;

	float: left;

	text-align: left;

	margin: 0 10px 0px 0;

	clear: both;

	background: #D2D2D2;

	vertical-align: middle;

	padding: 1px;

	margin-top: 1px;

	padding-top: 4px;

	padding-bottom: 4px;

}

*html label{

	height: 17px;

}

.contactInput, .selectInput {

	color: #000;

	background: #CCCCCC;

	border: #26a solid 1px;

	margin-top: 1px;

	margin-bottom: 8px;

}



.contactSubmit

{

	color: #333333;

	border: 2px #9cf outset;
	
	margin: 1px 120px;

	display: block;

	margin-bottom: 20px;

}



.inputSelect{

	font: 11px Arial, Helvetica, sans-serif;

	color: #666666;

}