body {
	font-family:Vardana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background:url(../images/top-bg.jpg) top repeat-x;
	text-decoration: none;
	margin:0px;
}

html, p, h1, h2, h3, h4, ul, li, hr, span, input, form, img{padding:0px; margin:0px; border:none;}

#maindiv{
width:980px;
background:url(../images/up-arrow.jpg) top left no-repeat;
margin:0 auto;
display:block;}


#topdiv{
width:980px;
float:left;
display:block;}

#topdiv .logo{
width:330px;
margin-top:12px;
float:left;
display:block;}


#topdiv .topnav{
width:646px;
float:right;
margin-top:25px;
display:block;}

/*#topdiv .topnav ul{
width:643px;
margin:0 0 0 5px;
float:right;
display:block;}

#topdiv .topnav ul li{
float:left;
font-size:13px;
text-decoration:none;
list-style:none;
padding:10px 0 0 17px;
text-transform:uppercase;
color:#b62380;
display:block;}

#topdiv .topnav ul li a{
float:left;
font-size:13px;
padding:10px 0 0 0;
text-decoration:none;
color:#b62380;
}

#topdiv .topnav ul li .hover{
float:left;
font-size:13px;
text-decoration:none;
color:#666666;
}

#topdiv .topnav ul li .home{
float:left;
text-decoration:none;
background:url(../images/home.png) no-repeat left;
width:25px;
height:15px;
list-style:none;}
*/

#topdiv .topnav table{


display:block;}

#topdiv .topnav table td{
float:left;
font-size:13px;
text-decoration:none;
list-style:none;

text-transform:uppercase;
color:#b62380;
display:block;}

#topdiv .topnav table td a{
float:left;
font-size:13px;
padding:10px 0 0 0;
text-decoration:none;
color:#b62380;
}

#topdiv .topnav table td .hover{
float:left;
font-size:13px;
text-decoration:none;
color:#666666;
}

#topdiv .topnav table td .home{
float:left;
text-decoration:none;
background:url(../images/home.png) no-repeat left;
width:25px;
height:15px;
list-style:none;}


#topdiv .geta{
width:83px;
float:right;
display:block;}

#header{
width:980px;
border-bottom:#b5207e 1px solid;
height:358px;
display:block;}

#header2{
width:980px;
margin-top:-10px;
height:340px;
display:block;}

#header2 #effectheader{
width:720px;
height:306px;
background:url(../images/border-bg.png) no-repeat;
padding:6px 15px 15px 15px;
float:left;
display:block;}

#header2 #header-right{
width:230px;
height:306px;
float:left;
display:block;}

#header2 #header-right ul{
width:230px;
float:left;
display:block;}

#header2 #header-right ul li{
width:228px;
margin-left:2px;
text-decoration:none;
font-size:12px;
color:#999999;
}

#header2 #header-right ul li a{
width:230px;
padding:3px 0 3px 0;
text-decoration:none;
font-size:12px;
color:#999999;
}

#header2 #header-right ul li a:hover{
width:230px;
padding:3px 0 3px 0;
text-decoration:none;
font-size:12px;
color:#333;
}
#header2 #header-right h2{
font-size:20px;
margin-top:5px;
font-weight:normal;
color:#666666;
display:block;}

#submit2{
 width:86px; font-family:Arial, Helvetica, sans-serif;
 float:left;
 margin:10px 0 10px 0;
 text-transform:uppercase;}
 
 #submit2 .submit2{
cursor: pointer; border: 0px none; width:86px; font-family:Arial, Helvetica, sans-serif; height:35px;
 background:url(images/submit.png) no-repeat; text-transform:uppercase;}

#header3{
width:962px;

height:315px;

display:block;}

#contenor{
width:980px;
float:left;
display:block;}

#middle{
width:980px;
margin:10px 0 10px 0;
float:left;
display:block;}

#middle .midd-left{
width:700px;
float:left;
margin-right:24px;
display:block;}

#middle .midd-left2{
width:700px;
line-height:20px;
text-align:justify;
color:#666666;
float:left;
display:block;}

#middle .midd-left2 h1{
color:#4f0632;
font-size:30px;
text-decoration:none;
font-weight:normal;
margin:10px 0 20px 0;
display:block;}

.redcolor{color:#CC0000; font-size:12px;}

#middle .midd-left3{
width:700px;
line-height:20px;
border-top:1px solid #b5207e;
text-align:justify;
color:#666666;
margin:20px 0 20px 0;
padding:10px 0 10px 0;
float:left;
display:block;}

#middle .midd-left3 h2{
color:#4f0632;
font-size:26px;
text-decoration:none;
font-weight:normal;
margin:10px 0 20px 0;
display:block;}

#middle .midd-left3 .services{
text-decoration:none;
width:700px;
line-height:20px;
margin:10px 0 10px 0;
padding:5px 0 10px 0;
display:block;}


#middle .midd-left3 .services img{
float:left;
margin:0 20px 40px 0;
display:block;}

#middle .midd-left3 .services h3{
color:#133876;
font-size:15px;
text-decoration:none;
margin-bottom:8px;
font-weight:normal;
display:block;}

#middle .midd-left3 .services h3 a{
color:#4f0632;
font-size:15px;
text-decoration:none;

font-weight:normal;
}

#middle .midd-left3 .services .more{
color:#fff;
font-size:13px;
line-height:30px;
background:#b72681 url(../images/arrow_expand.png) right no-repeat;
padding:3px 10px 3px 5px;
text-decoration:none;
}

#middle .midd-left3 .services .more:hover{
color:#fff;
font-size:13px;
line-height:30px;
background:#58133c url(../images/arrow_expand.png) right no-repeat;
padding:3px 10px 3px 5px;
text-decoration:none;
}

#middle .midd-right{
width:255px;
float:left;
display:block;}

#middle .midd-right .latesttwit{
width:255px;
float:left;
border-bottom:1px solid #b5207e;
display:block;}

#middle .midd-right .latesttwit strong{
font-size:20px;
text-transform:uppercase;
color:#4f0632;
display:block;
margin-bottom:10px;
font-weight:normal;
}

#middle .midd-right .latesttwit ul{
font-size:12px;
margin:20px 0 10px 0;
display:block;
list-style:none;
}

#middle .midd-right .latesttwit ul li{
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
display:block;
line-height:19px;
padding:8px 0;
list-style:none;
}

#middle .midd-right .latesttwit ul li span{
font-size:12px;
list-style:none;
}


#middle .midd-right .latesttwit .aboutmore{
font-size:12px;
background:url(../images/arrow3_e.png) no-repeat left;
text-decoration:none;
line-height:26px;
padding-left:8px;
color:#0066CC;
}


#middle .midd-right .rightbox{
width:250px;
margin-top:20px;
border-bottom:1px solid #b5207e;
float:left;
display:block;}

#middle .midd-right .rightbox strong{
font-size:18px;
text-transform:uppercase;
color:#4f0632;
font-weight:normal;
}

#middle .midd-right .rightbox ul{
font-size:13px;
margin:10px 0 10px 0;
display:block;
list-style:none;
}

#middle .midd-right .rightbox ul li{
font-size:13px;
color:#666666;
display:block;
line-height:19px;
padding:5px 0 0 0;
list-style:none;
}

#middle .midd-right .rightbox p{
font-size:13px;
text-decoration:none;
color:#999999;
line-height:26px;
padding:5px 0 8px 0;
}

#middle .midd-right .rightbox img{
margin:5px;
width:50px;
height:49px;
}

#middle .midd-right .rightbox p .readmore{
color:#fff;
font-size:13px;
line-height:30px;
background:#b72681 url(../images/arrow_expand.png) right no-repeat;
padding:3px 10px 3px 5px;
text-decoration:none;
}

#middle .midd-right .rightbox p .readmore:hover{
color:#fff;
font-size:13px;
line-height:30px;
background:#500732 url(../images/arrow_expand.png) right no-repeat;
padding:3px 10px 3px 5px;
text-decoration:none;
}

#footer{
width:100%;
background:url(../images/footer-bg.jpg) repeat-x #540b36;
margin:0 auto;
height:320px;
display:block;}

#footer2{
width:980px;
background:url(../images/down-arrow.jpg) top left no-repeat;
margin:0 auto;
display:block;}

#footer2 .fl{
float:left;
margin-top:18px;
display:block;}

#footer2 .fl ul{
float:left;
width:200px;
list-style:none;
margin:10px 20px 0 0;
display:block;}

#footer2 .fl ul li{
list-style:none;
color:#FFFFFF;
display:block;
padding:4px 0 4px 0;
border-bottom:#b5207e 1px solid;
font-size:13px;
}

#footer2 .fl ul li a{
color:#FFFFFF;
font-size:13px;
text-decoration:none;
text-transform:uppercase;
list-style:none;

}

#footer2 .fr{
width:260px;
color:#FFFFFF;
font-size:11px;
text-align:center;
float:right;
margin-top:20px;
display:block;}

#footer2 .fr strong{
font-size:18px;
color:#FFFFFF;
font-family:"Courier New", Courier, monospace;
display:block;}

#footer2 .fr img{
margin:5px;
float:left;
display:block;}




#footer2 .icon{
float:left;
width:480px;
margin-top:30px;
display:block;}

#footer2 .icon .html5{ width:80px; height:80px; float:left;  background:url(../images/html5.png) no-repeat top center;}
#footer2 .icon .html5:hover{ width:80px; height:80px; float:left;  background:url(../images/html5.png) no-repeat bottom center;}

#footer2 .icon .cc3{ width:80px; height:80px; float:left;  background:url(../images/css3.png) no-repeat top center;}
#footer2 .icon .css3:hover{ width:80px; height:80px; float:left;  background:url(../images/css3.png) no-repeat bottom center;}

#footer2 .icon .android{ width:80px; height:80px; float:left;  background:url(../images/android.png) no-repeat top center;}
#footer2 .icon .android:hover{ width:80px; height:80px; float:left;  background:url(../images/android.png) no-repeat bottom center;}

#footer2 .icon .apple{ width:80px; height:80px; float:left;  background:url(../images/apple.png) no-repeat top center;}
#footer2 .icon .apple:hover{ width:80px; height:80px; float:left;  background:url(../images/apple.png) no-repeat bottom center;}

#footer2 .icon .adobe{ width:80px; height:80px; float:left;  background:url(../images/adobe.png) no-repeat top center;}
#footer2 .icon .adobe:hover{ width:80px; height:80px; float:left;  background:url(../images/adobe.png) no-repeat bottom center;}

#footer2 .icon .wordpress1{ width:80px; height:80px; float:left;  background:url(../images/wordpress1.png) no-repeat top center;}
#footer2 .icon .wordpress1:hover{ width:80px; height:80px; float:left;  background:url(../images/wordpress1.png) no-repeat bottom center;}

#footer2 .icon .magento1{ width:80px; height:80px; float:left;  background:url(../images/magento1.png) no-repeat top center;}
#footer2 .icon .magento1:hover{ width:80px; height:80px; float:left;  background:url(../images/magento1.png) no-repeat bottom center;}




#social { float:left; margin:15px 6px 0 430px;}
#social a { display: block; float: left; width: 32px; height: 32px; margin-right: 10px; background:url(../images/socialicons.png) no-repeat; text-indent: 100%;
white-space: nowrap;
overflow: hidden;
-webkit-transition: background 300ms ease-in-out;
		-moz-transition: background 300ms ease-in-out;
        -ms-transition: background 300ms ease-in-out;
        -o-transition: background 300ms ease-in-out;
		transition: background 300ms ease-in-out;}
#social a.fb { background-position: 0 -35px;}
#social a.gp { background-position: -35px -35px;}
#social a.li { background-position: -70px -35px;}
#social a.tw { background-position: -105px -35px;}
#social a.fb:hover { background-position: 0 0;}
#social a.gp:hover { background-position: -35px 0;}
#social a.li:hover { background-position: -70px 0;}
#social a.tw:hover { background-position: -105px 0;}

.copy{color:#FFFFFF; font-family:Comic Sans MS; font-size:12px; padding-bottom:10px; margin-bottom:10px; display:block; width:980px; float:left; text-align:center;}

/*
Back to top button 
*/
#back-top {
	margin-bottom:0;
}
#back-top a {
	width:80px;
	display: block;
	text-align: center;
	margin:0 auto;
	font: 12px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color:#FF99FF;
}
/* arrow icon (span tag) */
#back-top span {
	width:80px;
	height:35px;
	display: block;
	margin-bottom:5px;
	background:url(../images/up.png) no-repeat center center;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {

}

.clear{
clear:both;}