body{
	width:100%;
	margin:0;
	padding:0;
	min-height:768px;
	background-image:url('../images/cloudmaxx_bgl.png');
}
a{
	text-decoration:none;
}
ul{
	display:block;
}
li{
	list-style-type:none;
}
br{
	 line-height:5px;
}
/*###############*/
/* header start  */
/*###############*/
#cloudmaxxheaderM{
	width:100%;
	top:0;
    height:50px;
    background:#000;
    position:fixed;
}
#cloudheaderLogoM{
    width:92px;
    height:45px;
    float:left;
    margin-top:5px;
    margin-left:10px;
    background-image:url('../images/cloudmaxx_headerlogo.png');
}
#cloudShortMenuM{
	float:left;
	position:fixed;
	width:49px;
	height:29px;
	background-image:url('../images/shortcutmenu.png');
	top:15px;
	right:10px;
}
#shortMenuContainerM{
	float:left;
	position:fixed;
	top:50px;
	z-index:5;
	display:none;
	right:10px;
	width:181px;
	font-size:20px;
	font-family:poiret one;
	font-weight:bold;
	color:#fff;
	line-height:40px;
	background-color:black;
	text-align:center;
}
.nav{
	color:#fff;
}
.nav:hover{
	color:#61eaf2;
}
#nav2,#nav3{
	text-decoration:underline;
}
.headerContainers a:hover{
	color:#61eaf2;
}
.headerContainers a{
	color:#fff;
}
/*###############*/
/* header end    */
/*###############*/
/*################*/
/*cloudmaxx start */
/*################*/
#packageRoll{
   width:276px;
   height:24px;
   margin-top:40px;
   margin-left:10px;
   float:left;
}
#packageRoll2{
   width:276px;
   height:24px;
   margin-top:10px;
   margin-left:10px;
   float:left;
}
#packageRoll3{
   width:276px;
   height:24px;
   margin-top:10px;
   margin-left:10px;
   float:left;
}
#packageSmall{
	margin-left:10px;
	width:276px;
	height:24px;
    float:left;
	font-family:poiret one;
	font-size:18px;
	font-weight:bold;
}
#packageSmall2{
	margin-left:10px;
	width:276px;
	height:24px;
    float:left;
    color:#fff;
	font-family:poiret one;
	font-size:18px;
	font-weight:bold;
}
#packageFree{
	margin-top:20px;
	margin-left:10px;
	width:276px;
	height:24px;
    float:left;
    color:#fff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
}
#subscribeButton{
	margin-top:60px;
	margin-left:90px;
	text-align:center;
	float:left;
	width:116px;
	height:33px;
	font-size:25px;
	color:#fff;
	font-family:poiret one;
	background-color:#24346c;
}
#subscribeButton2{
	margin-top:17px;
	margin-left:90px;
	text-align:center;
	float:left;
	width:116px;
	height:33px;
	font-size:25px;
	color:#fff;
	font-family:poiret one;
	background-color:#24346c;
}
#subscribeButton:hover{
   background-color:#000;
}
#subscribeButton2:hover{
   background-color:#000;
}
#packageLeft{
   float:left;
   width:149px;
   height:24px;
}
#packageLeft2{
   float:left;
   width:149px;
   height:24px;
   color:#fff;
}
#packageRight{
	text-align:center;
	float:left;
	width:120px;
	height:24px;
	font-family:arial;
	font-size:20px;
}
#packageRight2{
	text-align:center;
	float:left;
	width:120px;
	height:24px;
	color:#fff;
	font-family:arial;
	font-size:20px;
}
#userIcon{
	margin-left:5px;
	float:left;
	width:23px;
	height:24px;
	background-image:url('../images/usericon.png');
}
#userIcon2{
	margin-left:5px;
	float:left;
	width:23px;
	height:24px;
	background-image:url('../images/usericonwhite.png');
}
#playContainer{
	float:left;
    width:95px;
    height:120px;
    margin-left:114px;
    margin-top:58px;
}
#packageLeftSummary2{
	float:left;
	font-family:poiret one;
	font-size:20px;
	font-weight:bold;
	color:#fff;
}
#packageLeftSummary{
	float:left;
	font-family:poiret one;
	font-size:20px;
	font-weight:bold;
}
#play{
	float:left;
	width:95px;
	height:94px;
	background-image:url('../images/play_xs.png');
}
#play:hover{
	background-image:url('../images/play_xs_hover.png');
}
#playVideo{
	font-size:20px;
	line-height:20px;
	font-family:poiret one;
	font-weight:bold;
}
#salesmaxxTop{
	margin-top:20px;
	float:left;
	width:320px;
	height:173px;
}
#phoneImg{
	display:none;
	float:left;
    width:186px;
    height:216px;
    background-image:url('../images/mobile.png');
}
#salesmaxxMainContainer{
	float:left;
	width:320px;
	height:173px;
}
#salesmaxxLogo{
	float:left;
	width:320px;
	height:69px;
	background-image:url('../images/salesmaxxlogo.png');
}
#salesmaxxSlogan{
	float:left;
	font-size:22px;
	line-height:40px;
	width:266px;
	margin-left:23px;
	font-family:poiret one;
	font-weight:bold;
}
#salesmaxxButtonContainer{
	float:left;
	width:295px;
	height:32px;
	margin-left:11px;
	margin-top:10px;
}
#freetrialButton{
	font-size:17px;
	line-height:32px;
	font-family:arial;
	text-align:center;
	float:left;
	width:90px;
	height:32px;
	background-color:#88a4d4;
}
#freetrialButton:hover{
    background-color:#3f67a9;
}
#freetry,#subscription{
	color:#fff;
}
#subscriptionButton{
	margin-left:10px;
    font-size:17px;
	line-height:32px;
	font-family:arial;
	text-align:center;
	float:left;
	width:115px;
	height:32px;
	background-color:#88a4d4;
}
#subscriptionButton:hover{
	background-color:#3f67a9;
}
#whyContainer{
	float:left;
	width:30px;
	height:32px;
	margin-left:10px;
	background-image:url('../images/why.png');
}
#whyContainer:hover{
    background-image:url('../images/why_hover.png');
}
#facebookIcon{
	float:left;
	width:30px;
	height:32px;
	margin-left:8px;
	background-image:url('../images/facebook.png');
}
#salesmaxxDescContainer{
	float:left;
	margin-top:10px;
	width:320px;
	height:650px;
	background-color:rgba(255,255,255, 0.8);
}
#salesmaxxPointContainer{
	float:left;
	width:320px;
	height:350px;
	margin-top:25px;
}
.IconSummary{
	width:131px;
	text-align:center;
	font-size:17px;
	font-family:arial;
}
.salesmaxxPoints{
	float:left;
	margin:8px;
	width:131px;
	height:90px;
}
.salesmaxxIconContainer{
	float:left;
	width:131px;
	height:50px;
}
.pointpic{
	margin:0 auto;
	width:50px;
	height:50px;	
}
#pointpic1{
	background-image:url('../images/point1.png');
}
#pointpic2{
	background-image:url('../images/point2.png');
}
#pointpic3{
	background-image:url('../images/point3.png');
}
#pointpic4{
	background-image:url('../images/point4.png');
}
#pointpic5{
	background-image:url('../images/point5.png');
}
#pointpic6{
	background-image:url('../images/point1.png');
}
#aboutUsContainer{
	float:left;
	margin-top:20px;
	width:320px;
	float:left;
	padding:10px;
	background-color:rgba(255,255, 255, 0.8);
	width:297px;
	min-height:338px;
	margin-bottom:10px;
}
.titles{
	margin-top:25px;
	width:280px;
	margin-left:10px;
	font-family:arial;
	float:left;
	font-size:22px;
	line-height:25px;
}
.title2{
	display:none;
	margin-top:25px;
	width:280px;
	margin-left:10px;
	font-family:arial;
	float:left;
	font-size:22px;
	line-height:25px;
}
#aboutUsSummary,#aboutUsSummary2{
	float:left;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	font-family:poiret one;
	margin-top:10px;
	width:279px;
	min-height:69px;
}
#salesmaxxSummary{
	float:left;
	font-weight:bold;
	font-size:18px;
	line-height:23px;
	font-family:poiret one;
	margin-top:10px;
	width:279px;
	margin-left:10px;
	min-height:164px;
}
#newsContainer,#contactUsContainer{
	float:left;
	margin-top:20px;
	width:320px;
	float:left;
	padding:10px;
	background-color:rgba(255,255, 255, 0.8);
	width:297px;
	min-height:103px;
}
#contactUsContainerS{
	display:none;
	position:absolute;
	margin:0 auto;
	width:320px;
	margin-top:80px;
	padding:10px;
	background-color:#fff;
	border:1px solid grey;
	width:297px;
	min-height:103px;
}
#cloudmaxxContacts{
	width:300px;
	margin-top:15px;
	float:left;
}
#contactUsForm{
	float:left;
	margin-top:20px;
	width:280px;
	height:520px;
}
#contactUsLeft{
	font-size:22px;
	line-height:50px;
	font-family:poiret one;
	width:90px;
	float:left;
}
#contactUsRight{
	float:left;
	width:190px;
}
input[name="contactName"],input[name="contactEmail"],input[name="contactPhone"]{
	width:180px;
	height:30px;
	font-size:20px;
	line-height:20px;
	margin-bottom:8px;
	margin-top:8px;
}
textarea[name="message"]{
	width:180px;
	height:250px;
    font-size:20px;
    line-height:23px;
}
.submitEmail{
	margin-top:20px;
	margin-left: 140px;
	float:left;
	width:130px;
	height:31px;
	background-image:url('../images/submit.png');
}
.submitEmail:hover{
	background-image:url('../images/submit_hover.png');
}
#cloudMaxxWelcomeContainer{
	float:left;
	display:none;
	width:768px;
	height:239px;
	margin-top:200px;
    background-color:rgba(255,255, 255, 0.7);
}
#welcomeSummary{
	display:none;
	float:left;
	margin-top:28px;
	margin-left:58px;
    width:540px;
    height:165px;
   /*background-color:lightblue；*/
}
#subscriptionContainer{
	display:none;
	margin-top:30px;
	float:left;
    width:320px;
    height:1020px;
}
#package1Container{
	float:left;
	margin:10px;
    width:299px;
    height:321px;
    background-color:rgba(177,191,208,0.7);
}
#package2Container{
	float:left;
	margin:10px;
    width:299px;
    height:321px;
    background-color:rgba(106,144,172,0.7);
}
#package3Container{
	float:left;
	margin:10px;
    width:299px;
    height:321px;
    background-color:rgba(80,130,166,0.7);
}
#packageTitle{
	font-family:arial;
	font-weight:bold;
	font-size:22px;
    width:270px;
    height:30px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}
#packageTitle2{
	color:#fff;
	font-family:arial;
	font-weight:bold;
	font-size:22px;
    width:270px;
    height:30px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}
#welcome{
	display:none;
	float:left;
	width:540px;
    font-size:39px;
    line-height:39px;
    font-family:poiret one;
    font-weight:bold;
}
#cloudmaxxName{
	display:none;
	margin-top:10px;
	float:left;
	font-family:poiret one;
	width:300px;
	font-size:60px;
	font-weight:bold;
	line-height:65px;
}
#cloudmaxxSdn{
	display:none;
	margin-top:31px;
	float:left;
	width:132px;
	font-size:30px;
	line-height:40px;
	font-family:poiret one;
	font-weight:bold;
}
#cloudmaxxPoint{
	display:none;
	float:left;
	font-size:28px;
	line-height:28px;
	margin-top:10px;
	font-family:poiret one;
	font-weight:bold;
	width:317px;
}
#bottomMenuContainer{
	display:none;
	bottom:0;
	position:fixed;
    width:100%;
    height:200px;
    z-index:2;
}
.smallMenuItems{
	margin-left:13px;
	float:left;
    width:112px;
    height:188px;
}
#monitor{
	z-index:2;
    background-image:url('../images/monitor_s.png');
}
#monitor:hover,#monitor:active{
    background-image:url('../images/monitor_s_hover.png');
}
#penholder{
	z-index:2;
    background-image:url('../images/penholder_s.png');
}
#penholder:hover,#penholder:active{
    background-image:url('../images/penholder_s_hover.png');
}
#plant{
	z-index:2;
    background-image:url('../images/plant_s.png');
}
#plant:hover,#plant:active{
    background-image:url('../images/plant_s_hover.png');
}
#calendar{
	z-index:2;
    background-image:url('../images/calendar_s.png');
}
#calendar:hover,#calendar:active{
    background-image:url('../images/calendar_s_hover.png');
}
#fileholder{
	z-index:2;
    background-image:url('../images/file_s.png');
}
#fileholder:hover,#fileholder:active{
    background-image:url('../images/file_s_hover.png');
}
#telephone{
	z-index:3;
    background-image:url('../images/phone_s.png');
}
#telephone:hover,#telephone:active{
    background-image:url('../images/phone_s_hover.png');
}
#table{
	position:fixed;
	bottom:0;
   z-index:0;
   width:100%;
   height:57px;
   background-color:#fff;
   display:none;
}
#productContainer2{
   display:none;
   position:fixed;
   z-index:3;
   width:120px;
   height:30px;
   font-size:20px;
   font-family:poiret one;
   font-weight:bold;
   border:1px solid #fff;
   text-align:center;
   background-color:rgba(255,255,255,0.9);
   bottom:110px;
   left:260px;
}
#serviceContainer2{
   display:none;
   position:fixed;
   z-index:3;
   width:145px;
   height:30px;
   font-size:20px;
   font-family:poiret one;
   font-weight:bold;
   border:1px solid #fff;
   text-align:center;
   background-color:rgba(255,255,255,0.9);
   bottom:155px;
   left:500px;
}
#productContainer2:hover,#serviceContainer2:hover{
   color:red;
}

.clsInput{
	width:180px;
	height:30px;
	font-size:20px;
	line-height:5px;
	margin-bottom:8px;
	margin-top:8px;
}

.clsMessage{
	width:180px;
    font-size:20px;
    line-height:23px;
}
/*################*/
/*cloudmaxx end   */
/*################*/