a{text-decoration:none;color:#000033; }
a:hover{color:#0066FF;}
a:visited{color:#333300}
h2{color:#000033}

body{font-family: Calibri, Arial, Helvetica;color:#666666;  background-color:#fff; background-image:url(../images/bg.jpg);padding:0;
	margin:0;text-align:center;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a.leftnav1{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/flushmounted_up.jpg");}
a.leftnav1:hover {background-position: -220px 0;}
a.leftnav2{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/prodfeatures_up.jpg");}
a.leftnav2:hover {background-position: -220px 0;}
a.leftnav3{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/kiosk_up.jpg");}
a.leftnav3:hover {background-position: -220px 0;}
a.leftnav4{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/wallmounted_up.jpg");}
a.leftnav4:hover {background-position: -220px 0;}
a.leftnav5{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/custom_up.jpg");}
a.leftnav5:hover {background-position: -220px 0;}
a.leftnav6{display: block;border:none;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/All-in-one-silver_up.jpg");}
a.leftnav6:hover {background-position: -220px 0;}

a.leftnav_softdemo{float:left;display: block;border:none;margin-left:60px;margin-top:18px;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/softdemo.jpg");}
a.leftnav_softdemo:hover {background-position: -220px 0;}
a.leftnav_ds_button{float:left;display: block;border:none;margin-left:10px;margin-top:18px;width: 220px;height: 64px;text-decoration: none;background:url("../new home photos/ds_button.jpg");}
a.leftnav_ds_button:hover {background-position: -220px 0;}

.port_bottom {width:800px;
top:100px;
left:48px;
position:relative;
height:120px;
}


	
.wm_content{width:878px;height:620px;padding-top:0px; background-image:url("../new home photos/wallmountedtop.jpg"); background-repeat:no-repeat;}
.wm_text{width:800px;margin-left:50px;color:#333333}
.wm_text4{width:390px;margin-top:375px;margin-left:40px;float:left;font-size:12px;color:#333333;}
.wm_text3{float:left;width:285px;margin-top:280px;margin-left:90px;font-size:12px;color:#333333;text-align:left;}

.wm_text5{margin-left:50px;margin-top:35px;width:750px;float:left;color:#333333;}

.wm_content_flush{width:878px;height:1074px; background-image:url("../new home photos/flushmountedtop.jpg"); background-repeat:no-repeat}
.wm_text_flush{padding-top:0px;padding-left:55px;padding-right:40px;color:#333333}
.wm_text2_flush{padding-top:120px;padding-left:50px;padding-right:50px;font-size:18px;color:#999999;text-align:left;}
.wm_text3_flush{position:absolute;z-index:3;font-size:12px;color:#333333;text-align:left;left:260px;top:850px;width:350px;}
.wm_text4_flush{position:absolute;z-index:3;margin-top:315px;width:345px;left:45px;font-size:12px;color:#333333;text-align:left;}
.wm_text5_flush{}
.wm_text6_flush{margin-top:315px;margin-left:450px;padding-right:35px;color:#333333;font-size:12px;}
.leftspecs{position:absolute;z-index:3;width:350px;padding-left:155px;padding-top:105px;float:left;font-size:16px;color:#333333;text-align:left; }
.leftspecs a:hover{color:#0066CC}


.wm_content_kiosk{width:878px;height:1200px; background-image:url("../new home photos/kiosktop2.jpg");}
.wm_text_kiosk{padding-top:0px;padding-left:55px;padding-right:45px;color:#333333}
.wm_text2_kiosk{padding-top:10px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;text-align:left;float:left;}
.wm_text3_kiosk{padding-top:80px;padding-left:695px;padding-right:20px;font-size:12px;color:#333333;text-align:left;float:right}
.wm_text4_kiosk{padding-top:775px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;float:left;text-align:left;}
.wm_text5_kiosk{padding-top:35px;padding-left:65px;padding-right:50px;color:#333333;float:left;}

.wm_content_allinone{width:878px;height:900px; background-image:url("../new home photos/allinonetop.jpg");}
.wm_text_allinone{padding-top:px;padding-left:55px;padding-right:45px;font-size:16px;color:#333333}
.wm_text2_allinone{padding-top:693px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;text-align:left;float:left;}
.wm_text3_allinone{padding-top:21px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;text-align:left;float:left}
.wm_text4_allinone{padding-top:0px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;float:left;text-align:left;}
.wm_text5_allinone{padding-top:65px;padding-left:65px;padding-right:50px;color:#333333;}

.wm_content_custom{width:878px;height:670px;padding-top:10px;background-image:url("../new home photos/customtop.jpg");}
.wm_text_custom{margin-left:40px;width:780px;color:#333333;text-align:left;}
.wm_text2_custom{margin-left:54px;margin-top:380px;width:700px;font-size:12px;color:#333333;text-align:left;}
.wm_text3_custom{margin-left:54px;margin-top:30px;width:700px;font-size:12px;color:#333333;text-align:left;}
.wm_text4_custom{margin-left:54px;margin-top:20px;width:700px;font-size:12px;color:#333333;text-align:left;}
.wm_text5_custom{margin-left:54px;margin-top:20px;width:700px;font-size:12px;color:#333333;}

.wm_content_prod{width:878px;height:800px;background-image:url("../new home photos/prodtop.jpg") }
.wm_text_prod{padding-top:490px;margin-left:55px;width:750px;color:#333333;font-size:16px;text-align:left;}
.wm_text2_prod{padding-top:0px;padding-left:90px;padding-right:50px;font-size:12px;color:#333333;text-align:left;float:left;}

#demolinks { /* background image block */
display: block;position:absolute;z-index:2;
width: 105px;top:270px;left:700px;
height: 200px;
margin-top: 0px;
}
#demolinks a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#standard {
float: left;
position:absolute;
width : 125px;
height: 60px;
margin-left: 20px;
margin-top: px;
}
#advanced { 
float: left;
position:absolute;
width : 125px;
height: 60px;
margin-left: 20px;
margin-top: 25px;
}

.linklist{text-align:left;position:relative;left:250px;}
.displace {
	position: absolute;
	left: -5000px;
	}

.text{font-family:Calibri, Geneva, Arial, Helvetica, sans-serif;color:#333333}
.copyright{font-family: Calibri,Arial, Helvetica;font-size:14px;color:#000033;}




#portcontentright {
	margin: 0px;
	padding:0px;
	position: absolute;
	top: 15px;bottom:20px;
	width: 520px;
	height:390px;
	left: 330px;
	overflow:hidden;
		color:#666666;
	/*overflow:auto;
	overflow-x:hidden; */
}
#portcontentright a{

		color:#3366ff;
}
#portcontentright a:hover {

		color:#000033;
}

div#wn	{ 
    position:relative;
    width:420px; height:410px;
    overflow:hidden;
	
	
	}
div#scrollLinks {
	margin: 0px;
	padding:0px;
	position: relative;
	top:20px;
	width: 40px;
	height:330px;
	left: 780px;
	font-size:12px;
	font-style:italic;
	text-align:center;
		/*overflow:auto;
	overflow-x:hidden; */
}


#subpagephotoleft {
	padding:0;
	margin:0;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 280px;
	text-align:center;
}



.text-right {float:right;width:150px;text-align:left;}
.border{border-color:#000000; border:solid}
.border a:hover{border:medium}

#solution_pics{position:absolute;z-index:2;top:200px;}

#center_wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding:0px;
	width: 878px;
	text-align: left;
	
}
#full_content_border {
	position: relative;
	background-color:#fff;
	border-color:#CCC;
	border-width:px;
	width: 878px;
	height:940px;
	/*z-index:100;*/
	padding:0;
	margin:0;
	margin-left:;
	margin-right:0px;
	margin-bottom:0px;
	z-index:0;
}

#flashright{position:absolute;z-index:1;left:10px;top:182;}
#leftmain{position:absolute;z-index:2;left:20px;;}
#header{position:absolute;top:90px;left:575px;width:300px;
font-size:14px;color:#fff;text-align:center;height:30px;
}
#header p{float:left;margin:20px;height:30px;line-height:1.05em}
#header a{color:#ffffFF;height:30px;}
#header a:hover{color:#0099FF;height:30px;}
#header span{font-size:10px;padding-top:0px; 

}
#nav{text-align:left;padding:15px;padding-left:20px;height:62;margin-top:5; font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold; font-size:15px}
#nav a{padding:10px;color:#000033}
#nav a:hover{padding:10px; color:#0066FF}

#backtodemo{text-align:center;margin-top:5; font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:bold; font-size:15px}
#backtodemo a{padding:10px;color:#000033}
#backtodemo a:hover{padding:10px; color:#0066FF}


#nav2{padding:6px;text-align:left;height:32;width:auto;margin-top:0;padding-left:50px;line-height:3em}
#nav2 a{padding:6px; color:#000033; }
#nav2 a:hover{padding:6px; color:#0066FF}
#nav2 span{float:right;margin-right:40px;line-height:3em; clear:left}

#content{text-align:center;height:200px;}
#text{text-align:left;width:360px;position:absolute;left:260px;font-size:14px;color:#333333;}
#contact{}
#bottom{background-color:#000033; position:absolute; bottom:2;left:0; line-height:2em text-align:center;width:878px}

#quote{position:absolute;width:280px;height:254px; z-index:3;top:144px;  left:620px; background-image:url('images/quote.png'); background-repeat:no-repeat}

#quote p{margin-top:31px;color:#FFFFFF;}
#quote p a{color:#FFFFFF}
#quote p a:hover{color:#CCCCCC}
#quote span{float:left;margin-left:50px;margin-top:20px;}

#main{width:820px;position:absolute;top:410px;height:510px;text-align:left;font-size:12px;left:50px; font:Verdana, Arial, Helvetica, sans-serif;  font-size:22px;margin-top:60px;margin-bottom:50px; }
#main span{color:#000033}
#main p{width:750px;}
h3{color:#000033}
#main_about{width:878px;text-align:center;margin-left:0px;}
#main_about a{color:#000033}
#main_about a:hover{color:#0099FF}
#main_about h2{text-align:left;margin-left:90px; }
#main_about #col1{width:700px;margin-left:90px; margin-top:20px;float:left;text-align:left;font-size:15px;line-height:1.9em;}
#main_about #col2{width:700px;margin-left:90px;margin-top:20px;float:left;text-align:left;font-size:15px;line-height:1.9em;}
#main_about #col3{width:700px;margin-left:90px;margin-top:20px;float:left;text-align:left;font-size:15px;line-height:1.9em; }


#col1{width:200px;float:left;margin-left:20px; font-size:13px;line-height:1.9em;}
#col2{width:200px;margin-left:30px;float:left;font-size:13px;line-height:1.9em;}
#col3{width:200px;margin-left:30px;float:left;font-size:13px;line-height:1.9em; }


/*** Contact ***/
#contact h1{margin-left:80px;padding-bottom:50px; color:#000033}

#contact h3 {margin:50px 0px 5px 85px;color: #56a644;font: normal 32px helvetica, arial, sans-serif;}
#contact h4 {padding:20px 0px 10px 0px;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:20px;color:#333333}


#contact #address {width:250px;height:200px;padding:0 0px 0px 0;float:right;margin: 0;position: relative;right: 145px;}
#contact address {font-style: normal;padding: 2px 0;}
#contact #vcard {padding:10px 0px 10px 0px;width: auto;}
#contact #vcard a{display:block;text-decoration: none;width:110px;height:23px; background-color:#0099FF}
#contact #vcard a:hover {color:white;background-color:black;}
#contactform {float: left;width: 285px;position: relative;left: 85px;bottom: 30px;}
#contact fieldset {border: none;}
#contact legend {display: none;}
#contact label {display: block;margin: 40px 0 5px 0;font: normal 18px helvetica, arial, sans-serif;}
#contact input {width: 285px;padding: 5px;border: 1px solid #cacaca;}
#contact textarea {width: 285px;height: 150px;padding: 5px;border: 1px solid #cacaca; }
#contact button {font: normal 14px helvetica, arial, sans-serif;background-color:#CCCCCC;color:#333333;padding: 10px;display: block;margin-top: 20px;cursor: pointer}
#contact button:hover {background-color:#999999;color:#fff;}
#googlem {width: auto;position: relative;right: 0px;}
#googlem a {background: transparent url(images/googlemaps_white.gif) no-repeat 0% 50%;text-indent:-9999px;width: 105px;height: 9px;padding: 5px;margin: 0;display: block}
#googlem a:hover {text-decoration: none;background-color: white;}
#address h4 {width: 207px;height: 16px;background: transparent url(images/bentlyholdings_white.gif) no-repeat 50% 50%;text-indent:-9999px;padding: 20px 0 5px 0;}
#address p{padding:10px 0px 0px 0px;width:110px;}