@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:Tahoma; color:#fff; font-size:12px;}
h1, h2, h3, h4, h5, h6, p, ul{ margin:0px; padding:0px; list-style:none;}
html a{ outline:none;}
#containerNew{ width:1062px; margin:0 auto; overflow:hidden; background:url(../images/header-bg.gif) left top repeat-x;}
#header-main{ width:100%; margin:0 0 0 0; overflow:hidden;}
#header-main h1{ width:334px; height:88px; float:left; background:url(../images/logo.gif) left top no-repeat;}
#header-main h1 a{ width:334px; float:left; display:block; text-decoration:none; text-indent:-999999px; height:88px;}
#navigation-main{ width:100%; margin:0 0 0 0; overflow:hidden; background:url(../images/navigation-bg.gif) no-repeat;}
#navigation-main li{ float:left; height:34px; line-height:32px; text-align:center; color:#fff; font-size:16px;}
#navigation-main li.home a{ background:url(../images/navigation-bg.gif) left top no-repeat; font-size:16px; height:34px; text-decoration:none; width:66px; display:block; color:#fff; text-indent:-9999px;}
#navigation-main li.home a:hover{ background:url(../images/navigation-bg.gif) left -34px no-repeat; text-decoration:none;}

#navigation-main li.product a{ background:url(../images/navigation-bg.gif) -66px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:95px; display:block; color:#fff;}
#navigation-main li.product a:hover{ background:url(../images/navigation-bg.gif) -66px -34px no-repeat; text-decoration:none;}

#navigation-main li.query a{ background:url(../images/navigation-bg.gif) -161px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:86px; display:block; color:#fff;}
#navigation-main li.query a:hover{ background:url(../images/navigation-bg.gif) -161px -34px no-repeat; text-decoration:none;}
#navigation-main li.installation a{ background:url(../images/navigation-bg.gif) -247px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:122px; display:block; color:#fff;}
#navigation-main li.installation a:hover{ background:url(../images/navigation-bg.gif) -247px -34px no-repeat; text-decoration:none;}
#navigation-main li.feature a{ background:url(../images/navigation-bg.gif) -369px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:184px; display:block; color:#fff;}
#navigation-main li.feature a:hover{ background:url(../images/navigation-bg.gif) -369px -34px no-repeat; text-decoration:none;}

#navigation-main li.client a{ background:url(../images/navigation-bg.gif) -553px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:93px; display:block; color:#fff;}
#navigation-main li.client a:hover{ background:url(../images/navigation-bg.gif) -553px -34px no-repeat; text-decoration:none;}
#navigation-main li.order a{ background:url(../images/navigation-bg.gif) -646px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:85px; display:block; color:#fff;}
#navigation-main li.order a:hover{ background:url(../images/navigation-bg.gif) -646px -34px no-repeat; text-decoration:none;}

#navigation-main li.demo a{ background:url(../images/navigation-bg.gif) -731px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:91px; display:block; color:#fff;}
#navigation-main li.demo a:hover{ background:url(../images/navigation-bg.gif) -731px -34px no-repeat; text-decoration:none;}
#navigation-main li.contact a{ background:url(../images/navigation-bg.gif) -822px top no-repeat; font-size:16px; height:34px; text-decoration:none; width:133px; display:block; color:#fff;}
#navigation-main li.contact a:hover{ background:url(../images/navigation-bg.gif) -822px -34px no-repeat; text-decoration:none;}

#banner-main{ width:100%; overflow:hidden; background:url(../images/design1.jpg) left top no-repeat; height:300px;}
#banner-main h1{ background:url(../images/online-demo.gif) left top no-repeat; width:159px; height:33px; margin:260px 0 0 60px; float:left;}
#banner-main h1 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}
#banner-main h2{ background:url(../images/features-button.gif) left top no-repeat; width:195px; height:33px; margin:260px 0 0 10px; float:left;}
#banner-main h2 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}

#product-banner-main{ width:100%; overflow:hidden; background:url(../images/membership-banner.jpg) left top no-repeat; height:300px; position:relative;}
#product-banner-main h1{ background:url(../images/online-demo.gif) left top no-repeat; width:159px; height:33px; margin:260px 0 0 60px; float:left;}
#product-banner-main h1 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}
#product-banner-main h2{ background:url(../images/features-button.gif) left top no-repeat; width:195px; height:33px; margin:260px 0 0 10px; float:left;}
#product-banner-main h2 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}

#query-banner-main{ width:100%; overflow:hidden; background:url(../images/live-chat.jpg) left top no-repeat; height:300px; position:relative;}
#query-banner-main h1{ background:url(../images/online-demo.gif) left top no-repeat; width:159px; height:33px; margin:260px 0 0 60px; float:left;}
#query-banner-main h1 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}
#query-banner-main h2{ background:url(../images/features-button.gif) left top no-repeat; width:195px; height:33px; margin:260px 0 0 10px; float:left;}
#query-banner-main h2 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}

#instalation-banner-main{ width:100%; overflow:hidden; background:url(../images/membership-script.jpg) left top no-repeat; height:300px; position:relative;}

#instalation-banner-main h1{ background:url(../images/online-demo.gif) left top no-repeat; width:159px; height:33px; margin:260px 0 0 60px; float:left;}
#instalation-banner-main h1 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}
#instalation-banner-main h2{ background:url(../images/features-button.gif) left top no-repeat; width:195px; height:33px; margin:260px 0 0 10px; float:left;}
#instalation-banner-main h2 a{width:159px; height:33px; float:left; display:block; text-decoration:none; text-indent:-999999px;}

.click{position:absolute; top:260px; left:294px; width:80px; font-size:12px; color:#fff;}
.click a{width:80px; text-decoration:none; text-indent:-999999px; display:block;}

.click1{position:absolute; top:260px; left:354px; width:150px; font-size:12px; color:#fff;}
.click1 a{width:150px; text-decoration:none; text-indent:-999999px; display:block;}

.click2{position:absolute; top:260px; left:233px; width:153px; font-size:12px; color:#fff;}
.click2 a{width:153px; text-decoration:none; text-indent:-999999px; display:block;}

#banner-text{
	width:580px;
	margin:23px 0 0 82px;
	position:absolute;
	left:1px;
}
#banner-text h3{width:auto; float:left; padding:0 0 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#fff; line-height:40px;}
#banner-text h3 span{ font-size:26px;} 
#banner-text h4{width:auto; float:left; padding:8px 5px 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#fff; }
#banner-text h4 span{ font-size:26px; height:33px; background-color:#EE7C1C; padding:0 3px;}
#banner-text h5{width:auto; padding:8px 5px 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; clear:both; }
#banner-text h5 span{ font-size:16px; height:33px; color:#F57F1D; padding:0 3px;} 
#banner-text ul{margin:5px 0 0 0; padding:0px; list-style:none;}
#banner-text ul li{background:url(../images/banner-aerrow.png) left 6px no-repeat; font-size:12px; color:#fff; line-height:20px; padding:0 0 0 15px;}
#banner-text ul li A{font-size:12px; color:#F7D51C; text-decoration:underline;}



#banner-text-Membership{
	width:580px;
	margin:23px 0 0 62px;
	position:absolute;
	left:1px;
}
#banner-text-Membership h3{width:auto; float:left; font-weight:bold; font-style:normal; padding:0 0 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#fff; line-height:40px;}
#banner-text-Membership h3 span{ font-size:26px;} 
#banner-text-Membership h4{width:auto; float:left; padding:8px 5px 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#fff; }
#banner-text-Membership h4 span{ font-size:26px; height:33px; background-color:#EE7C1C; padding:0 3px;}
#banner-text-Membership h5{width:auto; padding:8px 5px 0 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; clear:both; }
#banner-text-Membership h5 span{ font-size:16px; height:33px; color:#F57F1D; padding:0 3px;} 
#banner-text-Membership ul{margin:5px 0 0 0; padding:0px; list-style:none;}
#banner-text-Membership ul li{background:url(../images/banner-aerrow.png) left 6px no-repeat; font-size:12px; color:#fff; line-height:20px; padding:0 0 0 15px;}
#banner-text-Membership ul li A{font-size:12px; color:#F7D51C; text-decoration:underline;}