/* CSS Document */

#main
{
width:100%;
bgcolor:#cccccc;
height:auto;
}

#mainproducts
{
height:840px;
width:100%;
}

#header
{
height:150px;
width:100%;

}

#headerleft
{
height:200px;
width:auto;
float:left;

}

#headerright
{
height:200px;
width:auto;
float:right;

}


#menu
{
height:50px;
width:100%;
}

#menubarcommontopright
{
height:20px;
width:400px;
margin-left:0px;
margin-top:10px;
color:#999999;
text-align:center;
float:left;
font-family:"CENTURY Gothic";
}

#menubarcommontopleft
{
height:20px;
width:550px;
margin-left:20px;
margin-top:2px;
color:#999999;
text-align:center;
font-family:"CENTURY Gothic";
font-size:13px;
position:relative;
}


#blkmenu
{
height:20px;
display:inline-block;
float:left;
margin-left:15px;
font-family:"CENTURY Gothic";
color:#000000;
text-decoration:none;
margin-top:15px;
/*text-transform:uppercase;*/
}

#blkmenu a
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:14px;
text-decoration:none;
padding:8px 8px 8px 8px;
color:#333333;
/*text-transform:uppercase;*/

}

#blkmenu a:hover
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:14px;
transition: background .30s ease-in;
text-decoration:none;
color:#FFFFFF;
background-color:#DBBD17;
/*text-transform:uppercase;*/

}

#blkmenu2
{
height:20px;
display:inline-block;
float:left;
margin-left:1px;
font-family:"CENTURY Gothic";
color:#666666;
text-decoration:none;
margin-top:15px;
}

#blkmenu2 a
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
border-radius:4px;
padding:8px 8px 8px 8px;
color:#333333;
}

#blkmenu2 a:hover
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
color:#D0A71A;
transition: .35s ease-in-out;
}



#topmenuievpage
{
height:20px;
display:inline-block;
float:left;
margin-left:1px;
font-family:"CENTURY Gothic";
color:#ffffff;
text-decoration:none;
margin-top:15px;
}

#topmenuievpage a
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
border-radius:4px;
padding:8px 8px 8px 8px;
color:#F5F5F5;
}

#topmenuievpage a:hover
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
color:#EED799;
transition: .35s ease-in-out;
}



#sitemaplink
#sitemaplink
{
height:20px;
display:inline-block;
float:left;
margin-left:1px;
font-family:"CENTURY Gothic";
color:#000000;
text-decoration:none;
margin-top:15px;
text-align:center;
}

#sitemaplink a
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
border-radius:4px;
padding:8px 8px 8px 8px;
color:#cccccc;
text-align:center;
}

#sitemaplink a:hover
{
display:inline-block;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-decoration:none;
color:#ffffff;
transition: .35s ease-in-out;
text-align:center;
}


#searchbox
{
width:370px;
background-color:#FFFFFF;
border-radius:10px;
height:25px;
float:left;
margin-left:5px;
margin-top:26px;
border:solid 1px #cccccc;
}

.search
{
color:#999999;
font-size:12px;
font-family:arial, Calibri;
border-bottom:none;
border-left:none;
border-right:none;
border-top:none;
text-shadow:none;
}

#banner
{
height:400px;
width:100%;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-top:solid 2px #F7F7F7;
border-bottom:solid 1px #EAEAEA;
float:left;
background-color:#F7F7F7;
/*background:url(images/banner1.png) no-repeat center;*/
}


body
{
margin:0px 0px 0px 0px;
}

#bodyp
{
height:auto;
width:100%;
margin-top:20px;
font-family:"century Gothic";
font-size:18px;
 padding:20px 20px 20px 20px
position:relative;
text-align:left;
border-bottom:solid 1px #EAEAEA;
float:left;
}

#bodypspacing
{
height:auto;
width:100%;
margin-top:20px;
font-family:"century Gothic";
font-size:18px;
position:relative;
text-align:left;
float:left;
border-bottom:solid 1px #EAEAEA;
}


.blklayer
{
height:100%;
width:100%;
background-color:#000000;
opacity:0.6;
background-size:cover;
}


#leftmargintxt
{
height:auto;
width:80%;
text-align:left;
float:left;
padding-left:100px;
}


#bodyp2
{
height:auto;
width:100%;
margin-top:20px;
font-family:"century Gothic";
font-size:18px;
padding-left:10px 10px 10px 10px;
position:relative;
text-align: center;
border-top:solid 1px #EAEAEA;
float:left;
}


#bannerproduct
{
height:300px;
width:100%;
margin-top:20px;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-bottom:solid 1px #EAEAEA;
float:left;
background:url(images/productbanner.png) no-repeat center top;
}

#bannersupport
{
height:300px;
width:100%;
margin-top:20px;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-bottom:solid 1px #EAEAEA;
float:left;
background:url(images/supportbanner.png) no-repeat center top;
}

#bannerabout
{
height:300px;
width:100%;
margin-top:20px;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-bottom:solid 1px #EAEAEA;
float:left;
background:url(images/aboutusbanner.png) no-repeat center top;
}

#bannercontact
{
height:300px;
width:100%;
margin-top:20px;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-bottom:solid 1px #EAEAEA;
float:left;
background:url(images/contactbanner.png) no-repeat center;
}

/*#whyiev
{
height:350px;
width:100%;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-top:solid 2px #F7F7F7;
border-bottom:solid 1px #EAEAEA;
float:left;
}*/

#bi
{
height:350px;
width:100%;
font-family:"century Gothic";
padding-left:10px;
position:relative;
text-align: center;
border-top:solid 2px #F7F7F7;
border-bottom:solid 1px #EAEAEA;
float:left;
margin-top:20px;
}

#bannerautoheight
{
height:auto;
width:100%;
margin-top:80px;
}

#bannerdisasterfreerp
{
height:500px;
width:100%;
background-color:#CCCCCC;
background:url(images/disasterfreeerp.png) no-repeat center;
margin-top:120px;
}

#bannercontactus
{
height:550px;
width:100%;
background:url(images/contactusbg.png) no-repeat center;
margin-top:50px;
}

#iamaform
{
width:500px;
height:250px;
font-family:"CENTURY Gothic";
font-size:12px;
border:solid 1px #CCCCCC;
border-radius:15px;
background-color:#33CCFF;
text-align:center;
margin-top:50px;
}
	

#leftbanner
{
height:auto;
width:500px;
float:left;
margin-top:30px;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
margin-top:120px;
}

#bodyprofile
{
height:200px;
width:100%;
vertical-align:middle;
border-radius:10px;
padding:10px 10px 10px 10px;
}


#bannerprofile
{
height:500px;
width:100%;
padding:20px 50px 20px 20px;
margin-top:10px;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
margin-top:120px;
}

#rightcol
{
height:400px;
width:200px;
float:left;
margin-left:20px;
margin-top:50px;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
}

#rightcol a
{
margin-left:20px;
margin-top:50px;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
text-decoration:none;
color:#999999;
}

#rightcol a:hover
{
margin-left:20px;
margin-top:50px;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
text-decoration:none;
color:#333333;
}

.rightcol
{
border-bottom:solid 1px #E2E2E2;
background-color:#F2F2F2;
padding-left:5px;
height:30px;
padding-top:10px;
}

#profileimg
{
height:250px;
width:250px;
float:right;
}
#rightbanner
{
height:auto;
width:450px;
float:right;
margin-top:120px;
margin-right:40px;
}

#contactus
{
height:auto;
width:500px;
float:right;
margin-right:30px;
}

#continfo
{
height:auto;
width:400px;
float:left;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:justify;
padding-left:50px;
}


#viewfeature
{
height:auto;
width:400px;
float:left;
text-align:center;
font-family:"CENTURY Gothic";
font-size:18px;
color:#D29E00;
font-size:28px;
}

#viewfeature a
{
height:auto;
width:400px;
float:right;
text-align:center;
font-family:"CENTURY Gothic";
font-size:18px;
color:#999999;
text-decoration:none;
font-size:28px;
} 

#viewfeature a:hover
{
height:auto;
width:400px;
float:right;
text-align:center;
font-family:"CENTURY Gothic";
font-size:18px;
color:#000000;
text-decoration:none;
font-size:28px;
} 

#inteviewtxt
{
font-family:"CENTURY Gothic";
font-size:55px;
color:#515151;
text-align:center;
height:50px;
}

#inteviewtxt a
{
color:#515151;
text-decoration:none;
border:none;
}

#inteviewtxt a:hover
{
text-decoration:none;
border:none;
}



#bodyp3
{
height:280px;
width:100%;
vertical-align:middle;
float:left;
font-family:"century Gothic";
padding:10px;
background:url(images/bodyp3.png) no-repeat center;
}


#halfdivleft
{
height:350px;
width:500px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
float:left;
text-align:center;
}

#halfdivleftbanner
{
height:auto;
width:543px;
font-family:"century Gothic"; font-size:18px;
text-align:center;
color:#666666;
position: relative;
margin:0 auto;
display: inline-block;
}

#halfdivgoldleftbanner
{
height:auto;
width:auto;
font-family:"century Gothic"; font-size:18px;
text-align:justify;
color:#666666;
position: relative;
margin:0 auto;
display: inline-block;
}

#fulldivcenterbanner
{
height:auto;
width:1000px;
font-family:"century Gothic"; font-size:18px;
text-align:justify;
color:#666666;
position: relative;
margin:0 auto;
display: inline-block;
text-align:left;
}


#halfdivleftbannerbi
{
height:350px;
width:430px;
font-family:"century Gothic"; font-size:14px;;
color:#FFFFFF;
position: relative;
margin:0 auto;
display: inline-block;
float:left;
text-align:left;
padding-left:20px;
background:url(images/biIMG.png) no-repeat center;
background-color:#A31A0C;
}

#halfdivrightbanner
{
height:auto;
width:543px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
position: relative;
color:#333333;
font-size:18px;
margin:0 auto;
display: inline-block;
vertical-align:top;
}

/*#halfdivrightbannerwhyiev
{
height:200px;
width:362px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
padding: 10px;
position: relative;
margin:90px 0px 0px 0px;
display: inline-block;
background-color:#333333;
padding:20px 20px 20px 20px;
vertical-align:middle;
}*/

#halfdivrightbannerpayroll
{
height:200px;
width:362px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
padding: 10px;
position: relative;
margin:50px 0px 0px 0px;
display: inline-block;
background:url(images/payrollimg.png) no-repeat center;
padding:20px 20px 20px 20px;
vertical-align:middle;
}

#halfdivrightbannerbi
{
height:300px;
width:600px;
font-family:"century Gothic"; font-size:18px;
color:#333333;
padding: 10px;
position: relative;
margin:2px 0px 0px 0px;
display: inline-block;
padding:10px 10px 10px 10px;
vertical-align:middle;
text-align:justify;
}

#halfdivleftnone
{
height:auto;
width:500px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
padding: 10px;
position: relative;
margin:0 auto;
display: inline-block;
}

#divthreeparts
{
height:auto;
width:350px;
font-family:"century Gothic"; 
font-size:14px;
color:#666666;
padding: 10px;
position: relative;
margin:0 auto;
/*border-radius:12px;*/
display: inline-block;
}


#divfourparts, #divfourparts a
{
height:auto;
width:250px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
padding: 10px;
margin:0 auto;
display: inline-block;
text-decoration:none;
}

#divfourparts, #divfourparts a:hover
{
height:auto;
width:250px;
font-family:"century Gothic"; font-size:14px;
color:#0066FF;
padding: 10px;
margin:0 auto;
display: inline-block;
}


#halfdivright
{
height:auto;
width:500px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
float:left;
text-align:center;
/*margin-top:50px;*/
margin: auto;
display: inline-block;
}


#askdemobox
{
height:auto;
width:280px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
float:left;
text-align:left;
margin-top:50px;
margin-left:40px;
}

#payroll
{
height:250px;
width:80px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
float:left;
text-align:center;
background-color:#FBD759;
margin-left:5px;
vertical-align:middle;
border-bottom:solid 3px #FFCC00;
border-top:solid 3px #FFCC00;
}

.verticaltxt
{
vertical-align:bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
text-align:center;
}


#mac
{
height:250px;
width:80px;
font-family:"century Gothic"; font-size:14px;
color:#666666;
float:left;
text-align:center;
background-color:#FBD759;
margin-left:5px;
border-bottom:solid 3px #FFCC00;
border-top:solid 3px #FFCC00;
}


.verticals
{
height:250px;
width:150px;
background-color:#333333;

border-bottom:solid 1px  #EAEAEA;
border-left:solid 1px #EAEAEA;
border-right:solid 1px #EAEAEA;
position: relative;
margin:0 auto;
display: inline-block;
}

.verticalsimg
{
height:125px;
width:150px;
vertical-align:middle;
float:left;
background-color:#CCCCCC;
}

.verticals2
{
height:250px;
width:150px;
background-color:#3079D2;
border-bottom:solid 1px  #EAEAEA;
border-left:solid 1px #EAEAEA;
border-right:solid 1px #EAEAEA;
position: relative;
margin:0 auto;
display: inline-block;
border-top:solid 1px  #EAEAEA;
}

.verticals2img
{
height:125px;
width:150px;
vertical-align:middle;
float:left;
background-color:#F7F7F7;
}

.verticals2txt
{
height:100px;
width:130px;
vertical-align:middle;
float:left;
padding:10px 10px 0px 0px;
margin-left:10px;
font-family:"century Gothic";
font-size:11px;
color:#CCCCCC;
text-align:center;
word-spacing:2px;
line-height:160%;
}


.socialicons
{
width:160px;
height:35px;
background-color:#333333;
border-radius:5px;
}
.verticalstxt
{
height:100px;
width:130px;
vertical-align:middle;
float:left;
padding:10px 10px 0px 0px;
margin-left:10px;
font-family:"century Gothic";
font-size:11px;
color:#CCCCCC;
text-align:left;
word-spacing:2px;
line-height:160%;
}


#bodypcontactus
{
height:320px;
width:100%;
vertical-align:middle;
float:left;
border-radius:10px;
margin-top:10px;
}

.img1
{
height:200px;
width:320px;
float:left;
margin-top:20px;
text-align:left;
background:url(images/1.png) no-repeat center;
margin-left:2px;
border: solid 1px #F5F5F5;
background-color:#333333;

}

.img2
{
height:200px;
width:320px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #F5F5F5;
background-color:#333333;
background:url(images/2.png) no-repeat center;

}
.img3
{
height:200px;
width:320px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #F5F5F5;
background:url(images/3.png) no-repeat center;
background-color:#333333;
}
/*.img4
{
height:170px;
width:245px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #cccccc;
background:url(images/44.png) no-repeat center;
}
*/

.img11
{
height:170px;
width:245px;
float:left;
margin-top:20px;
text-align:left;
background:url(images/11.png) no-repeat center;
margin-left:2px;
border: solid 1px #cccccc;

}

.img22
{
height:170px;
width:245px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #cccccc;
background:url(images/22.png) no-repeat center;

}
.img33
{
height:170px;
width:245px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #cccccc;
background:url(images/33.png) no-repeat center;

}
.img44
{
height:170px;
width:245px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
border: solid 1px #cccccc;
background:url(images/44.png) no-repeat center;
}


.coltxt
{
height:100px;
width:220px;
float:left;
margin-top:20px;
text-align:left;
margin-left:2px;
padding: 10px 10px 10px 10px;
//border: solid 1px #cccccc;

}

.coltxtheader
{
height:auto;
width:auto;
font-family:"century Gothic";
font-size:23px;
color:#333333;
margin-bottom:10px;

}

.coltxtlinks 
{
height:auto;
width:auto;
font-family:"century Gothic";
font-size:12px;
color:#515151;
margin-top:3px;
}


.coltxtlinks a
{
font-family:"century Gothic";
font-size:12px;
color:#515151;
text-decoration:none;
}

.coltxtlinks a:hover
{
font-family:"century Gothic";
font-size:12px;
color:#D0A71A;
text-decoration:none;
}

.smalltxt
{
font-family:"CENTURY Gothic";
font-size:12px;
color:#999999;
text-align:justify;
width:180px;
margin-top:10px;
}

.smalltxt a
{
font-family:"CENTURY Gothic";
font-size:9px;
color:#515151;
text-align:justify;
width:180px;
margin-top:10px;
}

#bodyproducts
{
height:150px;
width:100%;
background-color:#FFFFFF;
border:solid 1px #E6E6E6;
border-radius:5px;
}
#bodybi
{
height:auto;
width:100%;
background-color:#FFFFFF;
}

#bodybitxt
{
height:auto;
width:450px;
background-color:#FFFFFF;
/*border:solid 1px #E6E6E6;
border-radius:5px;*/
padding-bottom:10px;
border-top:solid 1px #EFEFEF;
}


#ERP
{
height:70px;
width:100%;
color:#999999;
font-family:"CENTURY Gothic";
font-size:40px;
text-align:left;
margin-left:5px;
margin-top:30px;
}

#ERPmarginlow
{
height:70px;
width:100%;
color:#999999;
font-family:"CENTURY Gothic";
font-size:40px;
text-align:left;
margin-left:5px;
margin-top:30px;
}

#space50px
{
height:30px;
width:100%;
color:#999999;
font-family:"CENTURY Gothic";
font-size:20px;
text-align:left;
margin-left:5px;
margin-top:50px;
}

#ERPbottom
{
height:70px;
width:100%;
color:#999999;
font-family:"CENTURY Gothic";
font-size:40px;
text-align:left;s
margin-left:5px;
}

#ERPheaderwhite
{
height:50px;
width:100%;
color:#33CCFF;
font-family:"CENTURY Gothic";
font-size:40px;
text-align:left;
margin-top:5px;
margin-left:5px;
}


#addons
{
height:70px;
width:300px;
background-color:#FFFFFF;
color:#999999;
font-family:"CENTURY Gothic";
font-size:20px;
text-align:left;
margin-top:5px;
float:right;
text-align:right;
}

#toi
{
height:30px;
width:500px;
background-color:#FFFFFF;
color:#999999;
font-family:"CENTURY Gothic";
font-size:12px;
text-align:left;
margin-top:5px;
float:left;
}

#toi a
{
height:30px;
width:500px;
background-color:#FFFFFF;
color:#3399CC;
font-family:"CENTURY Gothic";
font-size:16px;
text-align:left;
margin-top:5px;
float:left;
text-decoration:none;
font-weight:bold;
}

#toi a:hover
{
color:#666666;
font-family:"CENTURY Gothic";
font-size:16px;
text-align:left;
margin-top:5px;
float:left;
text-decoration:none;
}


.heading1
{
width:100%;
height:auto;
font-family:"CENTURY Gothic";
font-size:18px;
color:#3399CC;
text-align:left;
font-weight:bold;
/*margin-left:20px;*/
margin-top:10px;
}

.bluesmalltxt
{
width:100%;
height:auto;
font-family:"CENTURY Gothic";
font-size:10px;
color:#3399CC;
text-align:left;
font-weight:bold;
margin-left:20px;
margin-top:10px;
}

.bluesmalltxt a
{
width:100%;
height:auto;
font-family:"CENTURY Gothic";
font-size:10px;
color:#3399CC;
text-align:left;
font-weight:bold;
margin-left:20px;
margin-top:10px;
text-decoration:none;
} 

.subheading
{
width:100%;
height:auto;
font-family:"CENTURY Gothic";
font-size:14px;
color:#999999;
text-align:left;
font-weight:bold;
/*margin-left:20px;*/
margin-top:5px;
}

.txt
{
width:960px;
height:auto;
font-family:"CENTURY Gothic";
font-size:12px;
color:#999999;
text-align:justify;
/*font-weight:bold;*/
margin-left:0px;
margin-top:5px;
}

#logo
{
width:250px;
height:125px;
float:left;
margin-left:32px;
}

#mahatech
{
width:250px;
height:125px;
float:right;
margin-left:32px;
}

#linkrow
{
height:100px;
width:100%;
vertical-align:text-top;
}

#linkrowsmall
{
height:20px;
width:100%;
vertical-align:text-top;
text-align:left;
font-family:"CENTURY Gothic";
font-size:12px;
color:#36C0DE;
}

#linkrowsmall a
{
font-family:"CENTURY Gothic";
font-size:12px;
color:#666666;
font-weight:bold;
text-decoration:none;
}

#linkrowsmall a:hover
{
font-family:"CENTURY Gothic";
font-size:12px;
color:#36C0DE;
font-weight:bold;
text-decoration:none;
}

.linkrow1
{
height:100px;
width:230px;
vertical-align:text-top;
float:left;
font-family:arial, Calibri;
font-size:11px;
color:#515151;
text-decoration:none;
text-align:left;
padding-left:20px;
}

.smallink
{
font-family:arial, Calibri;
font-size:11px;
color:#515151;
text-decoration:none;
text-align:left;
padding-left:20px;
}

#footer
{
height:60px;
width:100%;
vertical-align:text-top;
margin-top:20px;
float:left;
}

#footerprofile
{
height:50px;
width:100%;
vertical-align:text-top;
float:left;
margin-top:18px;
}

.footerleft
{
height:20px;
width:300px;
vertical-align:text-top;
float:left;
font-size:11px;
font-family:Calibri;
color:#666666;
}

.footerright
{
height:20px;
width:400px;
float:right;
text-align:right;
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
vertical-align:text-top;
margin-right:20px;
}

.simplemenu
{
height:20px;
width:400px;
color:#3399CC;
font-family:Arial, Helvetica, sans-serif;
vertical-align:text-top;
margin-right:20px;
text-decoration:none;
}

.simplemenu a
{
height:20px;
width:400px;
color:#3399CC;
font-family:Arial, Helvetica, sans-serif;
vertical-align:text-top;
margin-right:20px;
text-decoration:none;
}

.simplemenu a:hover
{
height:20px;
width:400px;
color:#3399CC;
font-family:Arial, Helvetica, sans-serif;
vertical-align:text-top;
margin-right:20px;
}

.footerright a
{
height:20px;
width:400px;
text-align:right;
color:#000000;
font-size:12px;
font-family:"CENTURY Gothic";
text-decoration:none;
vertical-align:text-top;
}

.footerright a:hover
{
height:20px;
width:400px;
text-align:right;
color:#D0A71A;
font-size:12px;
font-family:"CENTURY Gothic";
transition: .35s ease-in-out;
vertical-align:text-top;
}


.fade1
{
opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;

}

.fade1 a:hover
{
 opacity: 0.6;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.divider
{
width:100%;
height:1px;
background-color:#EAEAEA;
}

.divider5
{
width:80%;
height:2px;
background-color:#E8E8E8;
}

@font-face {
    font-family: 'kalinga';
	src: url('fonts/kalinga.ttf') format("truetype");
 font-family: 'segoeuil';
	src: url('fonts/segoeuil.ttf') format("truetype");
}

.divauto
{
height:auto;
width:auto;
text-align:center;
margin:20px 20px 20px 20px;
}

#divider
{
width:100%;
height:2px;
background-color:#E4E4E4;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
}

#login_area
{
width:100%;
height:400px;
margin-top:50px;
}

#login_area_left
{
width:450px;
height:300px;
float:left;
background-color:#FFCC33;
padding:20px 20px 20px 20px;
}

#login_area_right
{
width:450px;
height:300px;
float:right;
padding:20px 20px 20px 20px;
font-family:"century Gothic";
font-size:12px;
color:#333333;
text-align:left;
}

#login_area_right_verticalmenu
{
width:450px;
height:500px;
float:right;
padding:20px 20px 20px 20px;
font-family:"century Gothic";
font-size:12px;
color:#3399CC;
text-align:left;
}


.formstyle
{
background-color:#FFFFFF;
color:#DEB23A;
font-family:"century Gothic";
font-size:16px;
border:none;
border-radius:3px;
padding:2px 2px 2px 2px;
}

.vertical
{
background-color:#33CCFF;
color:#FFFFFF;
font-family:"century Gothic";
font-size:12px;
border:solid 1px #CCCCCC;
border-radius:3px;
text-decoration:none;
display:block;
padding-left:6px;
padding-top:6px;
width:200px;
height:30px;
}

.vertical a
{
background-color:#33CCFF;
color:#FFFFFF;
font-family:"century Gothic";
font-size:12px;
text-decoration:none;
}

#sidebar {
    position:fixed;
	margin-top:250px;
    top:0; bottom:0; left:0;
    width:50px;
	height:170px;
    background:#FFCC33;
}

.icon
{
margin-top:15px;
}

.askdemolink 
{
color:#FFCC33;
font-size:18px;
text-decoration:none;
}

.askdemolink a:hover
{
color:#000000;
font-size:18px;
text-decoration:none;
}