body {
margin : 0;
}
.clear{clear : both;}
h3 {
padding : 0;
margin : 0 0 5px 0;
font : bold 1.2em Verdana, Arial, Tahoma;
color : #000000;
text-align : left;
}
#footer {
width : 100%;
background-image : url(template-design-india.jpg);
height : 57px;
clear : both;
}
.footerrights {
padding-right : 10px;
padding-top : 15px;
float : right;
font : normal 11px Verdana, Arial;
color : #000000;
}
.footerrights a {
font : normal 11px Verdana, Arial;
color : #000000;
text-decoration:none;
}
.footerleft {
padding-left : 10px;
padding-top : 15px;
float : left;
width : 600px;
font : normal 11px Verdana, Arial;
color : #000000;
}
.footerleft a {
color : #000000;
text-decoration : none;
}
.footerright {
width : 350px;
float : right;
padding-top : 15px;
text-align : right;
padding-right : 10px;
font : bold 9px Verdana, Arial;
color : #ff0000;
}
#wapper {
width : 100%;
padding : 0;
margin : 0;
}
#top {
width : 100%;
padding : 0;
margin : 0;
background-image : url(freelance-developer.jpg);
height : 218px;
}
#top .logo {
float : left;
padding-left : 4px;
background-image : url(seasite-solution.jpg);
width : 245px;
height : 126px;
}
.logo-top {
width : 25%;
float : left;
clear : both;
padding : 0;
margin : 0;
}
#top h1 {
text-align : center;
font : normal 9px Verdana, Arial;
height : 31px;
padding : 0;
margin : 0;
}
#top-menu {
float : right;
text-align : right;
padding : 4px 0 0 0;
font : normal 11px Verdana, Arial, Tahoma;
color : #ffffff;
clear : both;
}
.top-rights {
float : right;
height : 187px;
width : 75%;
}
.top-right {
float : right;
height : 42px;
width : 65%;
text-align : right;
padding : 113px 2px 0 0;
font : normal 11px Verdana, Arial, Tahoma;
color : #ffffff;
}
.top-right a {
color : #ffffff;
}
.top-butns {
margin : 0;
padding : 0;
text-align : center;
}
.top-links {
float : right;
padding : 10px 10px 0 0;
font : bold 11px Verdana, Arial;
color : #ffffff;
}
.top-links a {
color : #ffffff;
text-decoration : none;
}
.top-links a:hover {
color : #000000;
text-decoration: none;
}
.top-add {
width : 80%;
clear : both;
float : right;
text-align : right;
font : normal 12px Verdana, Arial;
color : #ffffff;
padding : 54px 10px 0 0;
}
.top-add a {
color : #ffffff;
text-decoration :underline;
}
.top-add a:hover {
color : #ffffff;
}
.top-butns-txt {
clear : both;
font : normal 11px Verdana, Arial, Tahoma;
color : #ffffff;
}
.top-title {
clear : both;
background-image : url(website-design.jpg);
background-repeat : no-repeat;
height : 21px;
padding : 0;
margin : 0 0 10px 0;
}
.top-title h1 {
padding : 0;
margin : 0;
font : bold 15px Verdana, Arial, Tahoma;
color : #ff0000;
}
.nav {
margin : 0;
padding : 0;
width : 244px;
clear : both;
}
.nav ul {
list-style-type : none;
margin : 0;
float : left;
padding : 0;
}
.nav ul li {
margin : 0 0 0 7px;
float : left;
padding : 0;
}
.nav ul li a {
padding : 0;
text-align : center;
display : block;
font : bold 10px Verdana, Arial;
color : #000000;
text-decoration : none;
}
.nav ul li a:hover {
text-align : center;
display : block;
font : bold 10px Verdana, Arial;
color : #ff0000;
text-decoration : none;
}
.nav2 {
margin : 10px 0 0 0;
padding : 0;
width : 90%;
clear : both;
float : right;
}
.nav2 ul {
list-style-type : none;
margin : 0;
float : right;
padding : 0;
}
.nav2 ul li {
margin : 0 0 0 7px;
float : right;
padding : 10px 0 0 0;
background-image : url(oscommerce-developer.jpg);
width : 122px;
height : 45px;
font : bold 9px Verdana, Arial;
color : #000000;
text-align : center;
}
.nav2 ul li a {
padding : 0;
text-align : center;
display : block;
font : bold 11px Arial, Verdana;
color : #000000;
text-decoration : none;
}
.nav2 ul li a:hover {
text-align : center;
display : block;
font : bold 11px Arial, Verdana;
color : #ff0000;
text-decoration : none;
}
.col2-set {
clear : both;
background-color : #ffffff;
margin : 5px 0 0 0;
height : auto;
width : 100%;
float : left;
padding : 0;
}
.col2-set .col-1 {
float : left;
width : 71%;
margin : 0;
padding : 15px 0 0 10px;
font : normal 11px Verdana, Arial;
color : #000000;
text-align : justify;
line-height : 16px;
}
.col-1 p {
float : left;
width : 99%;
margin : 0;
padding : 0 0 10px 0;
font : normal 11px Verdana, Arial;
color : #000000;
text-align : justify;
line-height : 16px;
}
.col2-set .col-2 {
width : 27%;
margin : 0 2px 0 0;
padding : 0;
float : right;
}
.col2-set .col-2 {
float : right;
}
#right-1 {
border-bottom : 1px solid #cccccc;
width : 100%;
background-image : url(logo-design.jpg);
height : 80px;
text-align : center;
}
#right-1 .left {
float : left;
width : 12px;
background-image : url(website-designing-india.jpg);
height : 80px;
}
#right-1 .mid {
float : left;
width : 81%;
text-align : center;
margin : 0 0 0 5%;
}
#right-1 .right {
float : right;
width : 10px;
background-image : url(logo-design-india.jpg);
height : 80px;
}
.mesngrs {
text-align : center;
margin : 0;
clear : both;
}
.msn {
width : 100%;
}
.msn2 {
width : 20%;
float : left;
}
.mesngrs2 {
text-align : center;
margin : 9px 0;
float : left;
width : 100%;
clear : both;
}
.mesngr {
width : 38px;
margin : 22px 0 0 0;
padding : 0 1px 0 1px;
}
.homeims {
margin : 0;
padding : 0 10px 0 0;
}
.contact {
padding : 3px 0 0 0;
margin : 0;
float : right;
width : 25%;
}
.contct-info {
padding : 10px 0 0 0;
margin : 0;
float : right;
width : 75%;
font : bold 10px Verdana, Arial;
color : #000000;
text-align : left;
}
.contct-info a {
font : normal 10px Verdana, Arial;
color : #000000;
text-decoration : none;
}
.contct-info a:hover {
font : bold 10px Verdana, Arial;
color : #ff0000;
}
.texts {
width : 60%;
float : left;
font : normal 11px Verdana, Arial, Tahoma;
color : #000000;
text-align : left;
padding : 0;
margin : 0;
}
.image-home {
width : 50%;
float : right;
}
.right-2 {
background-image : url(freelance-web-design-india.jpg);
}
.right-3 {
background-image : url(web-development-company-india.jpg);
}
.right-4 {
background-image : url(php-developer.jpg);
}
.right-5 {
background-image : url(asp-net.jpg);
}
.right-2, .right-3, .right-4, .right-5 {
background-position : right;
background-repeat : no-repeat;
}
.right-6 {
border : 1px solid #cccccc;
width : 99%;
float:left;
height : 40px;
margin : 10px 0 0 0;
text-align : center;
clear : both;
}
.right-6a {
width : 40%;
margin : 10px 0 0 0;
padding:0 0px 0 10px;
font : bold 11px Verdana, Arial, Tahoma;
float:left;
text-align:left;
}
.right-6b {
width : 45%;
margin : 10px 0 0 0;
padding:0 10px 0 10px;
font : bold 11px Verdana, Arial, Tahoma;
float:right;
text-align:right;
}
.right-2, .right-3, .right-4, .right-5 {
border : 1px solid #cccccc;
width : 99%;
height : 131px;
margin : 10px 0 0 0;
text-align : center;
clear : both;
}
.right-2 h2, .right-3 h2, .right-4 h2, .right-5 h2 {
padding : 0 0 0 5px;
margin : 0;
font : bold 14px Verdana, Arial, Tahoma;
color : #ff0000;
text-align : left;
}
.right-2 h3, .right-3 h3, .right-4 h3, .right-5 h3 {
padding : 10px 0 0 5px;
margin : 0;
font : normal 11px Verdana, Arial, Tahoma;
color : #000000;
text-align : left;
}
.right-2 h4, .right-3 h4, .right-4 h4, .right-5 h4 {
padding : 10px 0 0 5px;
margin : 0;
font : bold 11px Verdana, Arial, Tahoma;
color : #ff0000;
text-align : left;
text-decoration : none;
}
.right-2 a, .right-3 a, .right-4 a, .right-5 a {
font : bold 11px Verdana, Arial, Tahoma;
color : #000000;
text-decoration : none;
}
.rightflts {
float : right;
}
.right-title {
height : 30px;
padding : 7px 0 0 10px;
margin : 10px 9px 0 0;
font : bold 10px Verdana, Arial, Tahoma;
color : #ffffff;
background-image : url(index_22.jpg);
text-align : left;
border : 1px solid #000000;
}
#right-3 {
border : 1px solid #cccccc;
width : 99%;
margin : 10px 0 0 0;
text-align : center;
clear : both;
float : left;
}
.right-3a {
border : 1px solid #cccccc;
width : 99%;
padding : 0;
margin : 10px 0 0 0;
text-align : center;
clear : both;
float : left;
}
#leftside2, #leftside2a, #leftside2b {

margin : 0;
padding : 0;
width : 100%;
clear : both;
}
#leftside2 ul.abc, #leftside2a ul.abc, #leftside2b ul.abc {
list-style : none;
margin : 0;
padding : 0;
width : 100%;
}
#leftside2 ul.abc li, #leftside2a ul.abc li, #leftside2b ul.abc li {
display : inline;
clear:both;
background-image : url(website-design-india.jpg);
color : #000000;
padding : 3px 0 0 40px;
display : block;
margin : 0;
text-decoration : none;
height : 22px;
text-align : left;
}
#leftside2 ul.abc li a, #leftside2a ul.abc li a, #leftside2b ul.abc li a {
padding : 0;
float:left;
font : normal 11px Verdana, Arial;
color : #000000;
text-decoration : none;
}
#leftside2 ul.abc li a:hover, #leftside2a ul.abc li a:hover, #leftside2b ul.abc li a:hover {
text-decoration : none;
color : #ff0000;
}
#about, #services, #portfolio {
background-image : url(graphics-design-india.jpg);
width : 100%;
text-align : left;
font : bold 10px Verdana, Arial;
color : #000000;
float : left;
height : 36px;
}
#about h3, #services h3, #portfolio h3 {
float : left;
padding : 10px 0 0 5px;
margin : 0;
font : bold 1.2em Verdana, Arial, Tahoma;
color : #000000;
text-align : left;
}
.arro {
padding : 0;
margin : 3px 5px 0 15px;
width : 21px;
background-image : url(arrow.jpg);
height : 20px;
float:left;
background-repeat : no-repeat;

}
.bullets {
float : left;
width : 36px;
width : 36px;
height : 36px;
background-image : url(joomla-template.jpg);
}
#sitemap{

margin : 0;
padding : 0;
width : 100%;
clear : both;
float:left;
}
#sitemap ul.abc {
list-style : none;
margin : 0;
padding : 0;
float : left;
width : 50%;
}
#sitemap ul.abc li{
display : inline;
clear:both;
background-image : url(website-folder.jpg);
color : #000000;
padding : 3px 0 0 40px;
display : block;
margin : 0;
text-decoration : none;
background-repeat:no-repeat;
height : 27px;
text-align : left;
}
#sitemap ul.abc li a{
padding : 0;
float:left;
font : normal 11px Verdana, Arial;
color : #000000;
text-decoration : none;
}
#sitemap ul.abc li a:hover{
text-decoration : none;
color : #ff0000;
}
#service{
margin : 0;
padding : 0;
width : 100%;
clear : both;
float:left;
}
#service ul.abc {
list-style : none;
margin : 0;
padding : 0;
float : left;
width : 33%;
}
#service ul.abc li{
display : inline;
clear:both;
background-image : url(arr.jpg);
color : #000000;
padding : 0 0 0 30px;
display : block;
margin : 5px 0 0 0;
text-decoration : none;
background-repeat:no-repeat;
height : 18px;
text-align : left;
}
#service ul.abc li a{
padding : 0;
float:left;
font : normal 11px Verdana, Arial;
color : #000000;
text-decoration : none;
}
#service ul.abc li a:hover{
text-decoration : none;
color : #ff0000;
}
#website-design{
margin : 0;
padding : 0;
width : 100%;
clear : both;
float:left;
}
#website-design ul.abc {
list-style : none;
margin : 0;
padding : 0;
float : left;
width : 50%;
}
#website-design ul.abc li{
display : inline;
clear:both;
color : #000000;
padding : 0 0 0 0;
display : block;
margin : 5px 0 5px 0;
text-decoration : none;
text-align : center;
}
#website-design ul.abc li a{
padding : 0;
font : normal 11px Verdana, Arial;
color : #000000;
text-decoration : none;
}
#website-design ul.abc li a:hover{
text-decoration : none;
color : #ff0000;
}
.website-templates {
padding : 0 0 0 0;
clear:both;
margin : 5px 0 5px 0;
font : normal 11px Verdana, Arial, Tahoma;
color : #000000;
text-align : center;
height:30px;
}
.website-templates a{

font : normal 11px Verdana, Arial, Tahoma;
color : #000000;
text-decoration:none;

}