/*atozsolution  CSS Document */
body {
	background: #FFFFFF url(images/bg1.jpg) repeat-x ;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Tahoma;
	font-size:11px;
	color:#565656;
}
#fullcontent
{
width:898px;
margin:0 auto;
}
.logocontent
{
width:898px;
float:left;
}
.logocontent_left
{
width:400px;
float:left;
}
.logocontent_right
{
width:480px;
float:left;
}


.logo
{
padding-top:15px;
padding-bottom:18px;
}

.logo_lefttext
{
font-family:a_AvanteLtNr;
font-size:24px;
color:#0882B6;

padding-top:24px;

}

.logo_lefttext1
{
font-family:"Lisboa Sans SC Light";
font-size:36px;
color:#D62610;

padding-left:90px;

}

.logo_lefttext2
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#EB240B;
padding-left:320px;
margin-top:-85px;

}

.logo_lefttext3
{
font-family:a_AvanteLtNr;
font-size:16px;
color:#EB240B;
padding-left:320px;
margin-top:-90px;

}

/*menu start*/
.menubg
{
background:url(images/menubg.jpg) repeat-x;
height:39px;
}

#navi
{
width:860px;
float:left;
margin:0 15px 0 15px;
}

ul{
    margin: 0 auto;

	padding-left:0px;
}
ul.rollover li{

    float: left;
    list-style: none;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
    background: url(images/menu_icon.jpg) no-repeat 5px 0px;  
    padding: 10px 36px 3px 38px;
    margin-left: 0px;
}
ul.rollover a
{
        display: block;
        text-decoration: none;
		color:#ffffff;
}
    
ul.rollover a:hover
{

color:#000000;
text-decoration: none;
}


/*menu end*/


/*Content Start*/
.content
{
width:898px;
float:left;
}
.left
{
width:648px;
float:left;
}
.right
{
width:250px;
float:right;
margin-top:15px;
padding-left:0px;
background:url(images/right_bg.jpg) no-repeat;
height:710px;
}

.aboutus
{
background:url(images/aboutbg.jpg) no-repeat;
height:186px;
width:642px;
}
.aboutusleft
{
width:325px;
float:left
}
.aboutright
{
width:317px;
float:right;
}
.boxtop
{
background:url(images/box_top.jpg) no-repeat;
width:250px;
height:28px;
}
.boxbottom
{
background:url(images/box_bottom.jpg) no-repeat;
width:250px;
height:8px;
}
.boxmiddle
{
background:#EDEDEF;
width:248px;
border-left:#E5E5E5 solid 1px;
border-right:#E5E5E5 solid 1px;
}
/*content end*/

.heading
{
font-family:"Swis721 Lt BT";
font-size:16px;
color:#077BC9;
text-decoration:none;
font-weight:bold;
}

.heading1
{
font-family:"Swis721 Lt BT";
font-size:14px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
.normaltext
{
font-family:Tahoma;
font-size:11px;
color:#565656;
line-height:16px;
text-align:justify;
text-decoration:none;
}

.normaltext1
{
font-family:Tahoma;
font-size:9px;
color:#565656;
text-decoration:none;
}
.moreinfo
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#862B1F;
}
.moreinfo1
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#077BC9;
}

.moreinfo2
{
font-family:Tahoma;
font-size:11px;
text-decoration:none;
color:#7F9E05;
}
.image
{
border:none;
text-decoration:none;
}
.imagealign
{
padding-top:39px;
}
.imgalign
{
  padding-left:20px;
} 

/*three column start*/
.threecolumn
{
 width:638px;
 float:left;
 padding-left:0px;
 padding-right:8px;
 padding-top:15px;
}
.fiveplusone
{
width:200px;
float:left;
padding-right:18px;
}
.fiveplusone_bg
{
background:url(images/fiveplusone.jpg) no-repeat;
width:192px; 
height:176px;
}
.ten
{
width:200px;
float:left;
padding-right:18px;
}
.ten_bg
{
background:url(images/tenplusone.jpg) no-repeat;
width:192px;
height:176px;
}

.fifteen
{
width:200px;
float:left;

}
.fifteen_bg
{
background:url(images/fifteenplusone.jpg) no-repeat;
width:192px;
height:176px;
}




.design
{
width:200px;
float:left;
padding-right:18px;
}
.design_bg
{
background:url(images/customdesign.jpg) no-repeat;
width:192px; 
height:176px;
}
.seo
{
width:200px;
float:left;
padding-right:18px;
}
.seo_bg
{
background:url(images/seoservices.jpg) no-repeat;
width:192px;
height:176px;
}

.web
{
width:200px;
float:left;

}
.web_bg
{
background:url(images/webmain.jpg) no-repeat;
width:192px;
height:176px;
}


/*end threecolumn*/



.bottombanner_bg
{
background:url(images/bottombanner.jpg) no-repeat;
height:112px;
width:473px;
float:left;
}
.bottombanner_text
{
font-family:"Arno Pro";
font-size:21px;
color:#FE5812;
font-weight:bold;
text-decoration:none;
padding-top:25px;
padding-left:120px;
}
.bottombanner_text1
{
font-family:"Swis721 Lt BT";
color:#0C85BC;
font-size:14px;
text-decoration:none;

padding-top:10px;
padding-left:125px;
}

.bottombanner_text2
{
font-family:"Swis721 Lt BT";
color:#0C85BC;
font-size:19px;
font-weight:bold;
padding-left:180px;
}

.feedback_imgae
{

float:left;
width:50px;
padding-left:8px;
padding-right:10px;

}

.normaltext_feed
{
font-family:Tahoma;
font-size:11px;
color:#565656;
line-height:14px;
text-align:justify;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-top:5px;
}



/*form for home page start*/


.jobapply .job1
{
width: 248px;
clear: left;
margin: 0 auto;
padding: 3px 0 3px 0;
padding-left: 0px; /*width of left column containing the label elements*/
height: 20px;
margin-left:20px;

}

.jobapply .joblabel{
font-weight: bold;
float: left;
margin-left: 0px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.jobapply .jobtext{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:10px;
width: 80px;
}

.jobapply .jobcheck
{
margin-left:27px;


}

.jobapply .jobtext1
{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:30px;
width: 60px;
}

.jobapply .jobtextarea{
width: 100px;
height: 150px;
}

/*form for home page end*/

.marqueestyle
{
  width:100px;
  text-align:center;
 } 
.footertext
{
color:#131313;
padding-top:15px;
background:url(images/footer_bg.jpg) repeat-x; 
width:100%; 
margin:0 auto;
margin-top:20px;
float:left;
height:61px;
}
.footertext a
{
text-decoration:none;
color:#131313;
}

.footertext a:hover
{
text-decoration:none;
color:#131313;
}
.footmenu_align a
{
text-decoration:none;
color:#131313;
}

.footmenu_align
{
text-align:center;
}
.footmenu_align1
{
padding-top:5px;
text-align:center;
}
.footermarquee
{
text-align:center;
color:#F1F1F1;
}
.footermarquee a 
{
text-decoration:none;
 color:#F1F1F1;
 }

.footermarquee a:hover
{
 color:#F1F1F1;
}



.marquee_div
{
text-align:center;
color:#F1F1F1;
}
.marquee_div a 
{
text-decoration:none;
 color:#F1F1F1;
 }

.marquee_div a:hover
{
 color:#F1F1F1;
}


/*abouts*/


.heading_all
{
margin-top:0px;
color:#077BC9;
font-family:"Palatino Linotype";
font-size:21px;
font-weight:bold;
}


.subheading
{
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}

.subheading_black
{
font-family:Tahoma;
font-size:11px;
color:#565656;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}


.subheading1
{
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}

.subheading1:hover
{
font-family:Tahoma;
font-size:11px;
color:#D62610;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}

.normaltext_all
{
font-family:Tahoma;
font-size:11px;
color:#565656;
line-height:18px;
text-align:justify;
padding-top:5px;
text-decoration:none;
}

.normaltext_links
{
font-family:Tahoma;
font-size:11px;
color:#565656;
line-height:18px;
text-align:justify;
padding-top:10px;
text-decoration:none;
}

.normaltext_links a
{
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;
}


ul.aboutlist1 li
{
list-style:none;
background:url(images/arrow.jpg) no-repeat 23px 10px;
padding: 4px 36px 3px 38px;
margin-left: 0px;
line-height:18px;


}


ul.services li
{
list-style:none;
background:url(images/arrow.jpg) no-repeat 23px 10px;
padding: 4px 36px 3px 38px;
margin-left: 0px;
line-height:14px;


}

ul.smallbusiness li
{
list-style:none;
background:url(images/arrow.jpg) no-repeat 23px 10px;
padding: 4px 30px 3px 38px;
margin-left: 0px;
line-height:14px;


}



.clickfree
{
font-family:Tahoma;
font-size:11px;
color:#D62610;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}



.more
{
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;

padding-left:150px;
}

.more_small
{
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;

padding-left:100px;
}

.more:hover
{
font-family:Tahoma;
font-size:11px;
color:#D62610;
font-weight:bold;
text-decoration:none;
}



/*forms start*/


.quotes .job2
{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px;/*width of left column containing the label elements*/
height: 30px;
margin-left:20px;

}

.quotes .joblabel1{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.quotes .jobtext1{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:30px;
width: 190px;
}

.quotes .jobcheck1
{
margin-left:27px;


}

.quotes .jobtext2
{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:200px;
width: 120px;
}

.quotes .jobtextarea1{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
/*forms end*/



/*services box*/
#services
{
text-decoration:none;
padding-left:20px;
padding-top:15px;
padding-right:15px;
width:600px;
}

#services .mainbox
{
height:520px;

}

#services .designbox1
{
width:190px;
float:left;

border-left:dotted 1px #0099FF;
border-right:dotted 1px #0099FF;
border-top:dotted 1px #0099FF;
border-bottom:dotted 1px #0099FF;
}


#services .designbox2
{
width:190px;
float:left;
margin-left:10px;
border-left:dotted 1px #55A311;
border-right:dotted 1px #55A311;
border-top:dotted 1px #55A311;
border-bottom:dotted 1px #55A311;
}

#services .designbox3
{
width:190px;
float:left;
margin-left:10px;
border-left:dotted 1px #A33526;
border-right:dotted 1px #A33526;
border-top:dotted 1px #A33526;
border-bottom:dotted 1px #A33526;
}




#services ul.designbox li
{
list-style:none;
background:url(images/arrow3.jpg) no-repeat 23px 10px;
padding: 4px 36px 0px 38px;
margin-left: 10px;
line-height:18px;

}


#services ul.designbox2_list li
{
list-style:none;
background:url(images/arrow1.jpg) no-repeat 23px 10px;
padding: 4px 36px 0px 38px;
margin-left: 10px;
line-height:18px;

}
#services ul.designbox3_list li
{
list-style:none;
background:url(images/arrow2.jpg) no-repeat 23px 10px;
padding: 4px 36px 0px 38px;
margin-left: 10px;
line-height:18px;

}


/*services box end*/

.menu_css
{
padding-bottom:0px;
}




.smallbusiness_left
{
width:318px;
float:left;
padding-top:5px;
}
.smallbusiness_right
{
width:318px;
padding-top:5px;
float:right;

}


.special_left
{
width:415px;
float:left;
padding-top:5px;
}
.special_right
{
width:218px;
padding-top:5px;
float:right;

}

.special1_left
{
width:305px;
float:left;
padding-top:5px;
}
.special1_right
{
width:320px;
padding-top:5px;
float:right;

}


ul.ourservices li
{
list-style:none;
width:200px;
background:url(images/arrow.jpg) no-repeat 23px 10px;
padding: 4px 0px 3px 38px;
margin-left:0px;
line-height:14px;


}


/*portfolio start*/
.webdesign_box
{
text-align:center;
width:150px;
float:left;
margin-top:25px;
padding-left:9px;
}

.portfolio_heading
{
font-family:Tahoma;
font-size:11px;
color:#9D2515;
font-weight:bold;
text-decoration:none;
padding-top:10px;
}

.portfolio_heading_link
{
font-family:Tahoma;
font-size:11px;
color:#9D2515;
font-weight:bold;
text-decoration:none;
}
.portfoli_image
{
width:300px;
text-align:center;
margin-top:20px;
margin-left:15px;
float:left;
}
.portfolio_bottom
{
width:638px;
float:left; 
text-align:center;
word-spacing:8px;
font-family:Tahoma;
font-size:11px;
color:#077BC9;
font-weight:bold;
text-decoration:none;
padding-top:10px;

}


/*portfolio end*/






/*forms start for hire programmers*/


.cheap .job2
{
width: 200px;
margin: 0;
padding: 5px 0 10px 0;
padding-left: 70px;/*width of left column containing the label elements*/
height: 30px;
margin-left:20px;
float:left;

}

.cheap .joblabel1{
font-weight: bold;
float: left;
margin-left: -70px; /*width of left column*/
width:100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cheap .jobtext1{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:10px;
width: 120px;
}

.cheap .jobcheck1
{
margin-left:2px;
float:left;


}

.cheap .jobtext2
{ /*width of text boxes. IE6 does not understand this attribute*/
margin-left:200px;
width: 100px;
}

.cheap .jobtextarea1{
width: 450px;
height: 70px;
float:left;
}

.cheap .job1
{
width: 300px;
clear: left;
margin: 0 auto;
padding: 3px 0 3px 0;
padding-left: 50px; /*width of left column containing the label elements*/
height: 20px;
margin-left:20px;

}

.cheap .job3
{
width: 400px;
margin: 0;
padding: 5px 0 0px 0;
padding-left: 70px;/*width of left column containing the label elements*/
height: 30px;
margin-left:20px;
float:left;

}
.cheap .joblabel2{
font-weight: bold;
float: left;
margin-left: -70px; /*width of left column*/
width:400px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cheap .job4
{
width:150px;
margin: 0;
padding: 0px 0 0px 0;
padding-left: 50px;/*width of left column containing the label elements*/
height: 20px;
margin-left:60px;
float:left;

}
.cheap .joblabel3{
font-weight: bold;
float: left;
margin-left: -70px; /*width of left column*/
width:70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cheap .job5
{
width: 550px;
margin: 0;
padding: 5px 0 0px 0;
padding-left: 70px;/*width of left column containing the label elements*/
height: 130px;
margin-left:20px;
float:left;

}


.cheap .job6
{
width:150px;
margin: 0;
padding: 0px 0 0px 0;
padding-left: 50px;/*width of left column containing the label elements*/
height: 20px;
margin-left:60px;
float:left;

}
.cheap .joblabel6{
font-weight: bold;
float: left;
margin-left: -70px; /*width of left column*/
width:120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.inxex_a{
text-decoration:none;
color:#565656;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
/*forms end*/