body{
	color:black;
	background-color:#bfbaaf;
}
#title{

}
h1.title a{
	font:1.2em "Times New Roman", Times, serif;
	text-decoration:none;
	vertical-align:middle;
	color:black;
}
h1.title a span{
	font-size:1.4em;
		color:#2a6ebb;



}
#content{
	float:left;
	width:77%;
	padding:0% 5% 2% 2%;


}

/*  Nav Menu */
#navmenu{
	float:right;
	width:19%;
	position:fixed;
	right:.5em;
	top:1.5em;
}
* html #navmenu{
	position:absolute;
}
#navmenu ul {
	margin:0px;
	padding:0px;
	padding:2px;
}
#navmenu li {
	list-style:none;
	border-bottom:1px #aaaaaa dotted;
	text-align:left;
	position:relative;
}
#navmenu li.lastitem {
	border-bottom:none;
}
#navmenu a{
	font:.8em/1em "Arial", helvetica, sans-serif;
	font-weight:bold;
	color:black;
	display:block;
	padding:0.25em 0.5em 0.25em 0.75em;
	text-decoration:none;
}
#navmenu a:hover{
	color:white;
	background:#2a6ebb;
}

#navmenu a.navitem{

}
#navmenu a.navselected{
	border-left:.5em solid #2a6ebb;
	padding:0.25em;
}
#navmenu div {
	margin-bottom:.5em;
}













/*   Text Boxes     */
div.boxcontainer{
}
div.boxtitle p span{
	font:2.5em/1em "Arial Black", helvetica, sans-serif;
	font-weight:bold;
	color:white;
	margin:0em .01em 0em 0em;
    padding-left:.1em;
}
div.boxcontainer p.boxtitle {
	font:1em/1em "Arial Black", helvetica, sans-serif;
	font-weight:normal;
	padding-right:.1em;
	margin:0px;
}
div.boxcontainer p{
	font:.9em/1.1em "Arial", helvetica, sans-serif;
	text-align:justify;
	margin:0px;
}
div.boxcontainer img{
	background:white;
}
div.boxtitle{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
    float:left;
    overflow:hidden;
}
div.textbox{
	padding-top:.5em;
	font-size:3.5em;
}
div.textbox div{
	padding:.9em .6em .6em;
}

/* Color Boxes */
div.greenbox{
	border:3px solid #0ea932;
	font-size:medium;
}
span.greenletter{
	background:#0ea932;
}
div.greenbox a.more{
	color:#0ea932;
}
div.greenbox img{
	border:3px solid #0ea932;
}
div.orangebox{
	border:3px solid #ff9933;
	font-size:medium;
}
span.orangeletter{
	background:#ff9933;
}
div.orangebox a.more{
	color:#ff9933;
}
div.orangebox img{
	border:3px solid #ff9933;
}
div.redbox{
	border:3px solid #ff0000;
	font-size:medium;
}
span.redletter{
	background:#ff0000;
}
div.redbox a.more{
	color:#ff0000;
}
div.redbox img{
	border:3px solid #ff0000;
}
div.bluebox{
	border:3px solid #2A6EBB;
	font-size:medium;
}
span.blueletter{
	background:#2A6EBB;
}
div.bluebox a.more{
	color:#2A6EBB;
}
div.bluebox img{
	border:3px solid #2A6EBB;
}
div.yellowbox{
	border:3px solid #bbbb44;
	font-size:medium;
}
span.yellowletter{
	background:#bbbb44;
}
div.yellowbox a.more{
	color:#bbbb44;
}
div.yellowbox img{
	border:3px solid #bbbb44;
}
div.purplebox{
	border:3px solid #aa00aa;
	font-size:medium;
}
span.purpleletter{
	background:#aa00aa;
}
div.purplebox a.more{
	color:#aa00aa;
}
div.purplebox img{
	border:3px solid #aa00aa;
}








/* Content Boxes */
#enhancing-learning{
	width:45%;
	float:left;
}
#improving-communications{
	width:52%;
	float:right;
}
#system-sales-home{
	width:45%;
	float:left;
}
#professional-services-home{
	width:52%;
	float:right;
}
#audience-response{
	clear:both;
	width:100%;
	margin-top:-1em;
}
#our-company{
	width:100%;
}
#our-people{
	clear:both;
	width:44%;
	margin-top:-3.5em;
	float:left;
}
#our-customers{
	float:right;
	margin-top:.5em;
	width:53%;
}
#pricing-inquiries{
	width:90%;
	margin:0px auto;
}
#thank-you{
	width:90%;
	margin:0px auto;
}
#professional-service{
	width:100%;
}
#keypad-technology{
	width:53%;
	float:right;
	margin-top:1.5em;
}
#fun-and-games{
	float:left;
	margin-top:1.5em;
	width:40%;
}
#keypoint-interactive{
	float:left;
	width:100%;
}
#reply-plus{
	float:left;
	width:43%;
	margin:1.5em 0em 0em 1em;
}
#reply-worldwide{
	float:right;
	width:44%;
	margin:1.5em 0em 0em 1em;
}
#clikapad{
	clear:both;
	float:left;
	margin:1.5em 0em 0em 3em;
	width:46%;
}
#keypad-rentals{
	float:right;
	width:45%;
	margin-right:1em;
}
#system-rentals{
	float:left;
	width:49%;
}
#custom-software{
	width:100%;
}
#screen-captures{
	width:100%;
	margin-top:1.5em;
}
#professional-graphics{
	width:100%;
}
#graphics-inquiries{
	width:100%;
	margin-top:1.5em;
}
#learning-games{
	float:left;
	margin-top:1.5em;
	width:100%;
}
#learning-enhancement{
	float:left;
	width:100%;
}
#measure-confidence{
	float:left;
	width:95%;
	margin-top:1.5em;
}
#communications-prioritization{
	float:left;
	width:100%;
}
#communications-ranking{
	float:left;
	width:100%;
	margin-top:1.5em;
}
#communications-presenter-view{
	float:left;
	width:100%;
}
#interactive-games{
	float:left;
	width:100%;
}
#game-samples{
	float:left;
	width:100%;
	margin-top:1.5em;
}
#ars-audience-response {
	width:100%;
}
#ars-games {
	float:left;
	width:64%;
	margin-top:1.5em;
}
#ars-keypad-technology {
	float:right;
	width:90%;
	margin-top:1.5em;
}
#ars-multi-screen {
	width:100%;
	clear:both;
	margin-top:1.5em;

}
#bus-improving-communications {
	float:left;
	width:57%;
}
#bus-gaining-insight {
	float:right;
	width:40%;
}
#bus-learning-enhancement {
	float:right;
	width:40%;
	margin-top:1.5em;
}
#corp-training{
	float:right;
	width:52%;
	margin-right:3em;
}
#corp-branding{
	float:left;
	width:93%;
	margin-top:1.5em;
}
#corp-entertaining{
	float:left;
	width:37%;
}
#cme-pre-post{
	width:97%;
}
#cme-evaluations{
	clear:both;
	float:left;
	margin-top:-8em;
	width:42%;
}
#cme-competition{
	float:right;
	width:54%;
	margin-top:.5em;
}




/* Images */
#pre-post-pic{
	float:right;
	position:relative;
	top:-1em;
}
#keypoint-sample-pic{
	float:right;
	position:relative;
	top:-1em;
}
#ranking-pic{

}
#reply-worldwide-keypad-pic{
	padding:.7em 0px;
	font-size:1.3em;
	font-style:italic;
	text-align:left;
}
#wbenc-pic{
	float:right;
	margin-top:-1em;
	border:medium none;
}
#reply-iq-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 1em -2em;
	position:relative;
}
#reply-plus-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 1em -2em;
	position:relative;
}
#gamesmontage-pic{
	display:block;
	margin:1em auto;
	width:90%;
}
#reply-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 1em -2em;
	position:relative;
}
#clikapad-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 2em -4em;
	position:relative;
}
#keypoint-interface-pic{
	display:block;
	margin:1em auto;
	max-width:98%;
}
#keypoint-reply-mini-system-rental-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	float:right;
	margin:.5em -2em 0em .5em;
	padding:.5em;
	position:relative;
}
#keypad-case-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	float:right;
	margin:.5em -2em 0em .5em;
	padding:.5em;
	position:relative;
}
#learning-confidence-pic{
	float:right;
	margin:.5em -3em 0em .5em;
	position:relative;
}
#learning-baseball-pic{
	float:right;
	margin:.5em 0em -3em -2em;
	position:relative;
}
#sample-ranking-small-pic{
	float:right;
	margin-top:.5em;
}
#surfing-pic{
	float:right;
	margin:1em -8em 1em .5em;
}
#ars-reply-iq-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 3em -2em;
	position:relative;
}
#ars-reply-plus-keypad-pic{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	padding:.5em;
	float:left;
	margin:1em 1.5em 3em -2em;
	position:relative;
}
#pre-post2-pic{
	float:right;
	margin:0em -3.5em 0em .5em;
}
#logo-graph-pic{
	float:right;
	margin:0em 2em 0em 0em;
}
#rtd-game-pic{
	float:right;
	margin:0em -3.5em 0em 0em;
	position:relative;
}
#cme-pre-post-pic{
	float:right;
	margin-right:-2em;
	position:relative;
}
#sample-logobars-pic{
	width:60%;
}
#sample-rally-pic{
	width:90%;
}
#sample-streetracing-pic{
	width:90%;
}



/* Classes */
.content{
	background:white url(../images/paper.jpg) repeat scroll 0% 50%;
	border:3px solid #2A6EBB;
}
.more{
	font-size:small;
	text-decoration:underline;
	white-space: nowrap;
}
.clear{
	clear:both;
}
.center{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.employee-pic{
	float:left;
	margin:0px 0.5em .2em -1.5em;
	position:relative;
}
div.boxcontainer p.employee-name{
	font-weight:bold;
	font-size:1.1em;
}
div.boxcontainer p.job-title{
	font-weight:bold;
}
div.boxcontainer p.job-description{
	text-align:justify;
	margin-top:.5em;
	font-style:italic;
	padding-left:2em;
}
div.boxcontainer div.employee{
	clear:both;
	width:100%;
	margin:0px;
	position:relative;
	padding:.5em 0px;
}
div.textbox div.pic-holder{
	clear:both;
	padding:0px;
	margin:0px;
}
.customer-reference{

}
blockquote.customer-reference {
	border-top:thin dashed #ff9933;
	margin:1em 0px 0px;
}
blockquote.customer-reference p {
	font-style:italic;
	padding:.5em;
}
blockquote.customer-reference p strong{
	font-size:1em;
	line-height:1.3em;
	font-style:normal;
}
blockquote.customer-reference p em{
	font-style:normal;
	font-size:.9em;
}
div.boxcontainer p.callout{
	text-align:center;
	font-size:1.1em;
	margin:.7em auto;
	font-style:italic;
}
div.boxcontainer p.sample-capture{
	margin:1em auto;
	font-weight:bold;
	font-style:italic;
	font-size:1.5em;
	text-align:left;
}
div.boxcontainer p.sample-capture img{
}
div.boxcontainer p.sample-capture a{
	text-decoration:none;
}
div.boxcontainer p.sample-capture img.thumbnail:hover{
	position:absolute;
	vertical-align:top;
	z-index:100;
}

div.boxcontainer p.sample-capture img.playvideo-pic{
	border:none;
}

#quoteform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0px auto;
  padding: 1em;
  width: 93%;
}

#quoteform fieldset {
  border-color: #2A6EBB;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0px;
}

#quoteform fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#000000;
}

#quoteform label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 40%;
	padding: 0px;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}


#quoteform input, #quoteform textarea {
	width:40%;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0px 0px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
    border:2px inset #2A6EBB;
	background:#FFFFFF;
}

#quoteform input#reset,  input#submit{
	margin:5px;
	background-color:#2A6EBB;
	border:medium outset #DDDDDD;
	color:#FFFFFF;
	font-weight:bold;
	width:10em;
}
#quoteform div.formbutton{
	margin:0px auto;
	text-align:center;
}

#quoteform textarea { overflow: auto; }
#quoteform br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#quoteform img{
	border:none;
	vertical-align:text-bottom;
	margin-left:5px;
}

#quoteform input.button{

}








#footer{
    clear:both;
}
#footer address{
	font:.7em/1em "Arial", helvetica, sans-serif;
	font-weight:bold;
	color:black;
	overflow:hidden;
	padding-top:2em;
}
#footer address p{
	display:inline;
}
.littleblueletter{
	font:1.2em/1em "Arial Black", helvetica, sans-serif;
	font-weight:bold;
	color:white;
	margin:0em .01em 0em 0em;
    padding-left:.15em;
    background:#2a6ebb;
}
.bluebullet{
	padding-left:16px;
	background:url('../images/bluebullet.jpg') 3px center no-repeat;
}
.copyright{
	font-size:small;
	text-align:right;
}