*{
margin:0px;
padding:0px;
}

body{
background-image:url("./pagebg.jpg");
background-repeat:repeat-x;
background-color: #006B5E !important;
font-family:chalkboard,chalkduster,comic Sans MS;
color:white;
}

body.coloring{
background-color:#000177;
font-family:chalkboard,chalkduster,comic Sans MS;
color:#000;
font-size:20px;
}

.links{
list-style-type:disc;
}

#maindiv{
float:left;
width:100%;
}

#topbar{
float:left;
width:100%;
margin-top:30px;
margin-bottom:50px;
height:404px;
background-image:url("./headerbg.jpg");
background-repeat:repeat-x;
}


#centerbar{
width:100%;
height:100%;
background-image: url("bgbar.jpg");
background-repeat: no-repeat;
background-position:center top;
box-shadow: 0px 2px 20px rgba(0,0,0,0.7),0px -2px 20px rgba(0,0,0,0.7);
}

#inner1{
width:960px;
margin:0px auto;
}

#sitelogo{
float: left;
margin: 370px 0 0;
text-align: center;
width: 960px;
}

/* This is css for animation(start) */

.backobject{
float:left;
position:relative;
width:960px;
height:450px;
background-repeat:no-repeat;
overflow:hidden;
display:none;
}

.frontobject{
position:absolute;
background-repeat: no-repeat;
bottom:0px;
}

#div1{
background-image:url("./img/1.jpg");
}

#div1 div.frontobject{
background-image:url("./img/1.png");
width:363px;
height:271px;
}

#div2{
background-image:url("./img/2.jpg");
}

#div2 div.frontobject{
background-image:url("./img/2.png");
width:437px;
height:283px;
}

#div3{
background-image:url("./img/3.jpg");
}

#div3 div.frontobject{
background-image:url("./img/3.png");
width:601px;
height:314px;
}




/* This is css for animation(end) */

#maincontent{
width:950px;
margin:0px auto;
}

#appinfo{
float:left;
margin-bottom: 20px;
margin-top: 10px;
}


#appinfo h1{
border-bottom: 1px solid yellow;
color: yellow;
float: left;
font-size: 44px;
font-weight: normal;
}

#appinfo h1.coloring{
border-bottom: 1px solid #000;
color: #000;
float: left;
font-size: 44px;
font-weight: normal;
}

#appstorelink{
float:right;
}

#appinfo p{
float:left;
width:950px;
font-size:20px;
margin-top:10px;
}

.featuresdiv,.screenshotdiv,.video{
float:left;
width:950px;
margin-bottom: 20px;
}

#maincontent h2{
color: yellow;
}

#maincontent h2.coloring{
color: #000;
}

.featuresdiv ul{
float:left;
list-style-position:inside;
margin:0px;
padding:0px;
list-style-type:none;
color: white;
font-size: 18px;
}

.featuresdiv ul{
float:left;
list-style-position:inside;
margin:0px;
padding:0px;
list-style-type:none;
color: white;
font-size: 18px;
}

.featuresdiv ul li{
color: white;
font-size: 18px;
margin: 5px;
padding-left: 30px;
min-height: 26px;
list-style-type: disc;
}

.featuresdiv ul li.coloring{
background-image:url(./img/tick1.png);
background-position:left top;
background-repeat:no-repeat;
color:white;
font-size:18px;
margin:5px;
padding-left:30px;
min-height:26px;
}

.featuresdiv ul li a{
color:#ffffff;
}

.featuresdiv ul li a.coloring{
color:#000;
}

.screenshot{
float:left;
width:97px;
height:98px;
margin:5px;
}

#videocode{
text-align:center;
}

/* this is new code*/

#footer{
width: 100%;
text-align: center;
font-size: 16px;
float: left;
}

#footer a{
color:white;
}

#footer{
color:white;
}

/*this is stylesheet for contact us page*/

#wrapper_con{
height:auto;
display:table;
width:1000px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
}

#heading_con h1.coloring{
color: #fff;
float: left;
font-size: 40px;
font-weight: normal;
padding:10px;
}

#emailform{
    float: left;
    width: 840px;
   padding-left:50px;
}

.formfields{
margin-bottom:20px;
}

.formfields input[type=text]{
    background-color: #E6E6E6;
    border: 1px solid #CCCCCC;
    margin-top: 5px;
    padding: 4px;
    width: 350px;
}

.formfields input[type=text]:focus{
    background-color: #CCCCCC;
    border: 1px solid #B2B2B2;	
}

.formfields textarea{
    background-color: #E6E6E6;
    border: 1px solid #CCCCCC;
    height: 80px;
    margin-top: 5px;
    padding: 4px;
    width: 350px;
}

.formfields textarea:focus{
    background-color: #CCCCCC;
    border: 1px solid #B2B2B2;	
}

.formfields select{
    background-color: #E6E6E6;
    border: 1px solid #CCCCCC;
    margin-top: 5px;
    padding: 4px;
    width: 350px;
}

.formfields select:focus{
    background-color: #CCCCCC;
    border: 1px solid #B2B2B2;	
}

.error{
	font-weight:bold;
	color:#fff;
	display:none;
}

.errorflag{
	color:#fff;
    font-weight: bold;
    margin-bottom: 10px;
}

#message{
padding:10px;
border:2px solid;
width:500px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
border-radius:10px;
background:#000;
color:#fff;
font-size:20px;
}