#topSection {width:960px; margin:0 auto; padding: 0 5px 0 5px;}
#main {width:960px; margin:0 auto; background-color: #FFFFFF; background-image: url(../images/bg_main.gif); background-repeat: repeat-y;}

#header {height:390px; background-image: url(../images/harbortouch-pos-system.jpg); background-repeat: no-repeat; background-position: center;}
#banner1 {height:390px; background-image: url(../images/restaurant-pos.jpg); background-repeat: no-repeat; background-position: center;}
#bannerRetail {height:390px; background-image: url(../images/banner_retail_pos.jpg); background-repeat: no-repeat; background-position: center;}
#bannerCashReg {height:390px; background-image: url(../images/free-cash-register-ecr.jpg); background-repeat: no-repeat; background-position: center;}
#bannerMerchant {height:390px; background-image: url(../images/banner_merchant.jpg); background-repeat: no-repeat; background-position: center;}
#bannerDEMO {height:390px; background-image: url(../images/banner_demo.jpg); background-repeat: no-repeat; background-position: center;}
#bannerEmployment {height:390px; background-image: url(../images/employment.jpg); background-repeat: no-repeat; background-position: center;}
#header, #content, #footer { font-size:0.814em;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float:left;}

/*======= index.html =======*/
#page1 #content .row-1 .col-1 {width:240px; margin-left: 2px;}
#page1 #content .row-1 .col-2 { width:240px;}
#page1 #content .row-1 .col-3 { width:248px;}
#page1 #content .row-1 .col-4 { width:208px; padding-right:10px;}
#page1 #content .row-2 .col-1 {width:226px; margin-right:10px; margin-left: 5px;}
#page1 #content .row-2 .col-2 { width:228px; margin-right:10px;}
#page1 #content .row-2 .col-3 { width:228px; margin-right:10px;}
#page1 #content .row-2 .col-4 { width:226px; margin-right: 2px;}
#page1 #content .box1 .col-1 { width:143px; margin-right:45px;}
#page1 #content .box1 .col-2 { width:147px; margin-right:45px;}
#page1 #content .box1 .col-3 { width:137px; margin-right:45px;}
#page1 #content .box1 .col-4 { width:134px; margin-right:45px;}
#page1 #content .box1 .col-5 { width:130px;}

/*======= index-1.html =======*/
#page2 #content .row-1 .col-1 {width:500px;}
#page2 #content .row-1 .col-2 { width:250px;}
#page2 #content .row-1 .col-3 { width:210px;}
#page2 #content .row-2 .col-1 {width:448px; margin-right:44px;}
#page2 #content .row-2 .col-1 .col-1 { width:180px; margin-right:40px;}
#page2 #content .row-2 .col-1 .col-2 { width:180px;}
#page2 #content .row-2 .col-2 { width:468px;}
#page2 #content .row-2 .col-2 .col-1 { width:192px; margin-right:40px;}
#page2 #content .row-2 .col-2 .col-2 { width:192px;}
#page2 #content .box1 .col-1 { width:77px; margin-right:45px;}
#page2 #content .box1 .col-2 { width:103px; margin-right:56px;}
#page2 #content .box1 .col-3 { width:87px; margin-right:68px;}
#page2 #content .box1 .col-4 { width:84px; margin-right:274px;}
#page2 #content .box1 .col-5 { width:96px;}

/*======= index-2.html =======*/
#page3 #content .row-1 .col-1 {width:250px;}
#page3 #content .row-1 .col-2 { width:250px;}
#page3 #content .row-1 .col-3 { width:250px;}
#page3 #content .row-1 .col-4 { width:210px;}
#page3 #content .row-2 .col-1 {width:278px; margin-right:44px;}
#page3 #content .row-2 .col-2 { width:638px;}
#page3 #content .box1 .col-1 { width:77px; margin-right:45px;}
#page3 #content .box1 .col-2 { width:103px; margin-right:56px;}
#page3 #content .box1 .col-3 { width:87px; margin-right:68px;}
#page3 #content .box1 .col-4 { width:84px; margin-right:274px;}
#page3 #content .box1 .col-5 { width:96px;}

/*======= index-3.html =======*/
#page4 #content .row-1 .col-1 {width:250px;}
#page4 #content .row-1 .col-2 { width:250px;}
#page4 #content .row-1 .col-3 { width:460px;}
#page4 #content .row-2 .col-1 { width:638px; margin-right:44px;}
#page4 #content .row-2 .col-2 {width:278px;}
#page4 #content .box1 .col-1 { width:77px; margin-right:45px;}
#page4 #content .box1 .col-2 { width:103px; margin-right:56px;}
#page4 #content .box1 .col-3 { width:87px; margin-right:68px;}
#page4 #content .box1 .col-4 { width:84px; margin-right:274px;}
#page4 #content .box1 .col-5 { width:96px;}

/*======= index-4.html =======*/
#page5 #content .row-1 .col-1 {width:187px; margin-right:55px;}
#page5 #content .row-1 .col-2 { width:206px; margin-right:55px;}
#page5 #content .row-1 .col-3 { width:196px; margin-right:55px;}
#page5 #content .row-1 .col-4 { width:206px;}
#page5 #content .row-2 .col-1 { width:228px; margin-right:44px;}
#page5 #content .row-2 .col-2 {width:228px; margin-right:44px;}
#page5 #content .row-2 .col-3 {width:416px;}
#page5 #content .box1 .col-1 { width:77px; margin-right:45px;}
#page5 #content .box1 .col-2 { width:103px; margin-right:56px;}
#page5 #content .box1 .col-3 { width:87px; margin-right:68px;}
#page5 #content .box1 .col-4 { width:84px; margin-right:274px;}
#page5 #content .box1 .col-5 { width:96px;}

/*======= index-5.html =======*/
#page6 #content .box1 .col-1 { width:77px; margin-right:45px;}
#page6 #content .box1 .col-2 { width:103px; margin-right:56px;}
#page6 #content .box1 .col-3 { width:87px; margin-right:68px;}
#page6 #content .box1 .col-4 { width:84px; margin-right:274px;}
#page6 #content .box1 .col-5 { width:96px;}


/*=========================*/


#container2 { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
} 

#sidebar1 {
	float: left; 
	width: 250px;
	padding: 15px 10px 15px 20px;
}
#sidebar1 h3{
	background-image: url(../images/bg_title.jpg);
	background-repeat: no-repeat;
	height: 45px;
	padding-top: 12px;
}
.rightMid{
	float:left;
	width:220px;
	margin-top:20px;
	padding:12px 15px 20px 18px;
}
.rightMid h3{
	float:left;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	display:block;
	width:220;
}
.rightMid ul{
	float:left;
	width:220px;
	
}
.rightMid ul li{
	float:left;
	width:220px;
	padding-top:5px;
	margin-bottom: 20px;
}
.rightMid ul li img{
	padding:5px 15px 0px 0px;
}
.rightMid ul li p{
	float:left;
	text-align:justify;
	line-height:16px;
	width:215px;
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.rightMid ul li p a{
	width:215px;
	color:#666666;
	display:block;
	font-weight:bold;
	padding-bottom:4px;
	text-decoration: underline;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.rightMid ul li p a:hover{
	width:215px;
	color:#000;
	display:block;
	text-decoration:underline;
	font-weight:bold;
	padding-bottom:4px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#topBar {
	width: 250px;
	height: 27px;
	background-image: url(../images/bg_left_col.gif);
	background-repeat: repeat-x;
}
#mainContent { 
	margin: 20px 0 0 300px;
	padding: 0 20px;
	color: #333333;
} 
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#mainContent h1{
	font-size: 24px;
	color: #000000;
	margin-bottom: 20px;
}
#mainContent h1.standard{
	font-size: 24px;
	line-height: 25px;
	color: #000000;
	margin-bottom: 20px;
}
#mainContent h2{
	font-size: 18px;
	color: #666666;
	margin: 20px 0 20px 0;
}
#mainContent h2.standard{
	font-size: 18px;
	color: #666666;
	line-height: 22px;
	margin: 20px 20px 20px 20px;
}
#mainContent h2 span{
	font-size: 14px;
	color: #666666;
	margin: 20px 0 20px 0;
}
#mainContent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.5em;
}
#mainContent a{
	color: #000000;
	font-weight: bold;
}
#innerList {
	width: 550px;
	margin: 20px 0 20px 75px;
}
#innerList ul{
	margin-left: 50px;
}
#innerList li{
	line-height: 30px;;
	list-style-image: url(../images/bullet.png);
	font-weight: lighter;
}
#innerList ul.noBullet{
	margin-left: 20px;
}
#innerList li.noBullet{
	line-height: 30px;;
	list-style: none;
}
#innerList li.indentMore{
	line-height: 30px;;
	margin-left: 100px;
}
#innerList2 {
	width: 600px;
	margin: 20px 25px 20px 25px;
}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin-right: 60px; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:359px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform input.textSmall { width:100px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:359px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:2px 5px; margin:0 15px 0 0; background:#222222; border:1px solid #000; color:#FFF; float:right;}
#contactform li.buttons input:hover { padding:2px 5px; margin:0 15px 0 0; background:#cccccc; border:1px solid #000; color:#000; float:right;}