/* CSS Document */
* {margin:0; padding:0}
body {height:100%; width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/BG-X.jpg) repeat-x top left;} 
h1, h2, h3, h4, h5, h6, p, span, label, form, input, textarea, select, checkbox, div{ margin:0; padding:0;}
ul {list-style:none; margin:0px; padding:0px;}
p {margin:0px; padding:0px;}
img, div {border:0px; behavior: url(JS/iepngfix.htc) }

h1 {font-size:22px; color:#105fa5; font-weight:normal;}
h2 {font-size:18px; color:#105fa5; font-weight:normal;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#ffffff; font-weight:normal;}

.fright {float:right;}
.fleft {float:left;}
.cl {clear:both;}
.tfield {width:132px; height:16px;}
.tArea {width:132px; height:60px;}

.marg10 {margin-top:12px;}

.file-field {height:23px; margin:0px; padding:0px;}

a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none;}
a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:underline;}

/*--------main container css start----- */
.mainContainer {width:925px; height:auto; margin:0px auto 0px auto; padding:0px;}

/*--------Header css start----- */
.header {width:925px; height:125px; margin:0px auto 0px auto; padding:0px;}
.Logo {width:321px; height:72px; padding:37px 0px 0px 20px; float:left;}

/*--------Navigation css start----- */
.menu-box {width:545px; height:50px; padding:67px 15px 0px 0px; float:right; text-align:right;}
.menu-btn {height:32px; margin:0px; padding:0px; float:right; text-align:right;}
.menu-btn {height:32px; margin:0px; padding:0px; float:right; text-align:right;}

/*--------Head Banner css start----- */
.head-banner {width:925px; height:170px; margin:0px auto 0px auto;}

/*--------Main-Body css start----- */
.main-body {width:865px; height:auto; margin:0px auto 0px auto; padding:0px 30px 0px 30px;}
.Raw-1 {width:865px; height:auto !important; margin:0px auto 0px auto; padding-top:30px;}
.welcome-box {width:376px; height:auto !important; margin:0px; float:left;}
.flash-box {width:478px; margin:0px; float:right;}
.heading {width:468px; margin:28px 0px 0px 10px; float:left;}
.heading-img {width:425px; height:166px; margin:1px 0px 0px 0px; text-align:right; float:right; background:url(../images/head-img.png) no-repeat top right;}
.welcome-head {width:376px; height:33px; margin:0px; float:left; border-bottom:#aad5eb 1px solid;}
.welcome-txt {width:376px; margin:25px 0px 0px 0px; float:left;}
.wel-btn {width:346px; margin:17px 30px 0px 0px; text-align:right;}
.flash-title {width:396px; height:33px; margin-left:30px; float:left;}
.flash-L {width:48px; float:left; margin-top:80px; }
.flash-C {width:378px; height:208px; float:left;}
.flash-R {width:48px; margin-top:80px; float:left;}
.fla-bg {background:url(../images/flash-bg1.jpg) top left no-repeat; height:208px; margin-top:5px;}

.skills {width:865px; height:70px; margin:25px auto 0px auto; background:url(../images/skills.jpg) no-repeat left;}

.Raw-2 {width:865px; margin:0px auto 0px auto; padding-top:25px;}
.colL {width:540px; margin:0px; float:left;}
.colL-home {width:555px; margin:0px; float:left;}
.colR {width:300px; background:url(../images/cont-form-bg.jpg) center top no-repeat; height:385px; margin:0px; float:right;}
.colR-txt {width:240px; margin:30px 20px 0px 40px;}
.contForm-txt {padding:10px 0px 0px 40px;}
.center-txt {margin:20px auto 0px auto; text-align:center;}
.contForm-L {width:88px; float:left; margin:8px 0px 0px 0px;}
.contForm-R {width:145px; float:left; padding:5px 0px 0px 0px; text-align:left;}
.sub-btn {width:145px; float:left; padding:0px 0px 0px 0px; text-align:left;}
.arrow-icon {width:27px; float:left; padding-left:10px;}
.arrow-text {width:190px; float:left; padding:0px;}
.ad-banner {padding:25px 0px 0px 0px; text-align:center;}

/*--------About -ali designs services css start----- */
.Inner-main-body {width:925px; margin:10px auto 0px auto; padding:0px 0px 0px 0px; background:url(../images/in-bg.png) top left no-repeat;}
.contact-main-body {width:925px; height:650px; margin:10px auto 0px auto; padding:0px 0px 0px 0px; background:url(../images/in-bg.png) top left no-repeat;}
.retouch-main-body {width:925px; height:890px; margin:10px auto 0px auto; padding:0px 0px 20px 0px; background:url(../images/in-bg.png) top left no-repeat;}
.Inner-main-body-long {width:925px; height:auto; margin:10px auto 0px auto; padding:0px 0px 0px 0px; background:url(../images/in-bg2.png) top left no-repeat;}
.In-colR {width:300px; background:url(../images/in-ser-bg.png) center top no-repeat; height:385px; margin-top:10px; float:right;}
.In-colR-txt {width:240px; padding:8px 20px 0px 40px; }
.In-txt {width:532px; height:auto !important; float:left; text-align:justify; padding:0px 10px 20px 10px;}
.In-title {width:100%; height:35px; float:left; margin:10px 0px 0px 10px;}
.In-Ser-txt {padding:10px 0px 7px 40px;}
.messageBox {width:299px; height:187px; padding:0px 0px 7px 0px; margin-top:20px; background:url(../images/message-bg.gif) no-repeat top left;}
.commentBox {width:299px; height:187px; padding:0px 0px 7px 0px; margin-top:20px; background:url(../images/comment-bg.gif) no-repeat top left;}
.messageBoxRaw {width:245px; height:120px; padding:60px 0px 7px 50px;}
.commBoxRaw {width:268px; height:120px; padding:50px 0px 7px 30px;}
.About-Raw-1 {width:865px; height:auto !important; margin:0px auto 0px auto; padding-top:30px;}
.In-colL {width:535px; float:left; margin:0; padding:0;}
.ad-Box {width:299px; padding:0px 0px 7px 0px; margin-top:15px; text-align:center;}


.whyhire-box {width:535px; margin-top:17px;}
.whyhire-head {width:540px; height:41px; float:left; background:url(../images/whyhire.gif) no-repeat left top;}
.whyhire-head-2 {width:540px; height:14px; float:left; background:url(../images/whyhire-botm-2.gif) no-repeat left top;}
.whyhire-mid {width:490px; float:left; padding:15px 35px 5px 25px; background:url(../images/whyhireY.gif) repeat-y left top; }
.whyhire-botm {width:550px; height:14px; float:left; background:url(../images/whyhire-botm.gif) no-repeat left bottom;}

.searv-box {width:532px; height:auto !important; float:left; text-align:justify; padding:0px 10px 20px 10px;}
.searv-pic-box {width:170px; height:auto !important; float:left; text-align:justify; margin:0px 10px 5px 10px;}
.searv-txt-box {width:320px; height:auto !important; float:left; text-align:justify; padding:0px 0px 0px 10px;}
.searv-title {height:28px; float:left; margin:0px 0px 0px 0px;}

.portf-pic-boxL {width:248px; height:216px; float:left; margin:0px 0px 5px 0px; background:url(../images/web-0.gif) no-repeat left top;}
.portf-pic-boxR {width:248px; height:216px; float:right; margin:0px 0px 5px 0px; background:url(../images/web-0.gif) no-repeat left top;}
.portf-web {width:248px; text-align:center; margin:20px auto 5px auto;}
.portf-web-txt {width:210px; margin:10px auto 5px auto;}
.port-head {width:530px; height:41px; float:left; margin-left:10px; background:url(../images/portf-head.jpg) no-repeat left top;}

.portf-pic-box {width:161px; height:auto !important; float:left; text-align:justify; padding:0px 20px 5px 0px;}
.portf-pic-box2 {width:161px; height:auto !important; float:left; text-align:justify; padding:0px 0px 5px 0px;}

/*--------Main-Body - contact css start----- */
.inputFlds {float:left; padding:0; width:400px; margin:0px auto 0px auto;}
.inputFlds input {float:left; width:380px; padding:5px 0px 5px 3px; color:#81b5db; font-size:13px; border:1px solid #81b5db; background:url(../images/bgInput.jpg) repeat-x left top; background-color:#fff }
.inputFlds label {font-size:14px; padding:5px 0; margin-top:5px; width:100%; float:left}
.inputFlds textarea {float:left; width:380px; height:80px; padding:3px 0px 3px 3px; color:#81b5db; font-size:13px; border:1px solid #81b5db; background:url(../images/bgTextarea.jpg) repeat-x left top; font-family:Trebuchet MS, Arial}

.inputFlds label {margin:0; padding-left:3px; float:left; font-size:13px; color:#989292;}
.filled{padding:3px ; margin:0; float:left; cursor:pointer; color:#81b5db; }
.filled1{padding:3px; margin:0; float:left; cursor:pointer; color:#333;}	
.inp{color:#ccc; text-decoration:none; font-size:13px; font-weight:bold; border:#ff0000 solid 1px; padding:3px 3px 3px 6px; background:#fbfcfd; }
.inpBlank {border:1px solid #81b5db;}
.inpFilled{border:1px solid #81b5db;}
.btnFld {float:left; width:300px; padding-left:5px; margin-top:18px;}
.buttonBlue {width:120px; color:#3a87c0; font-size:14px; margin:0; font-weight:bold; cursor:pointer; padding:2px 5px; text-align:center}


.contact-mid {width:447px; float:left; padding:0px 35px 5px 68px; background:url(../images/whyhireY.gif) repeat-y left top; }

/*--------Main-Body -ali designs services css start----- */
.service-title {width:100%; height:35px; float:left;}
.services {width:552px; min-height:300px; height:auto !important; height:300px; float:left; margin-bottom:22px;}
.web {width:272px; height:188px; float:left;}
.graphic {width:260px; height:188px; padding-left:12px; float:left;}
.specialize-col {width:100%; height:41px; float:left; background:url(../images/portf-head.jpg) no-repeat left top;}
.special-col-L {width:170px; float:left; margin:12px 0px 0px 0px; }
.special-col-txt {padding:10px 0px 0px 0px;}
.special-text {width:325px; float:left; padding:0px;}
.special-col-R {width:375px; float:left; margin:12px 0px 0px 0px; }
.serv-wrapper {width:245px; float:left;}
.serv-top1 {width:245px; height:61px; float:left; background:url(../images/web-icon.jpg) no-repeat top left;}
.serv-top2 {width:245px; height:61px; float:left; background:url(../images/graphic-icon.jpg) no-repeat top left;}
.serv-top3 {width:245px; height:61px; float:left; background:url(../images/devlop-icon.jpg) no-repeat top left;}
.serv-top4 {width:245px; height:61px; float:left; background:url(../images/seo-icon.jpg) no-repeat top left;}
.serv-lineY {width:210px; float:left; padding:0px 15px 0px 20px; background:url(../images/icons-lineY.jpg) repeat-y top left;}
.serv-botm {width:245px; height:40px; float:left; background:url(../images/more-icon.jpg) no-repeat bottom left;}


.Tested-in {width:865px; height:77px; margin:28px auto 0px auto; background:url(../images/testedIn.jpg) no-repeat left;}

/*--------Footer start----- */
.Footer {width:925px; height:85px; margin-top:30px; float:left; background:url(../images/footer-bg.jpg) no-repeat center top;}
.Foot-txtL {width:430px; padding-top:20px; padding-left:60px; float:left;}
.Foot-txtR {width:360px; padding-top:21px; padding-right:60px; float:right; text-align:right;}

/*--------Footer start----- */



/*--------Txt css start----- */
.ari-11 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.ari12-Grn {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c5f92;}

.ari12-Blue {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0c579a;}

.ari14-Grn {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3c5f92; text-decoration:none;}
.ari14-Grn a:link {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3c5f92; text-decoration:none;}
.ari14-Grn a:visited {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3c5f92; text-decoration:none;}
.ari14-Grn a:hover {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3c5f92; text-decoration:underline;}

.ari-12Grn {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c5f92; text-decoration:none;}
.ari-12Grn a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c5f92; text-decoration:none;}
.ari-12Grn a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c5f92; text-decoration:none;}
.ari-12Grn a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c5f92; text-decoration:underline;}

.ari-14 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555555;}

.georg-20 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#ffffff;}
.georg-20-grn {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#105fa5;}

.georg16-org {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#f5821f;}
.georg16-org a:link {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#f5821f; text-decoration:underline;}
.georg16-org a:visited {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#f5821f; text-decoration:underline;}
.georg16-org a:hover {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#f5821f; text-decoration:none;}


.ari-12 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
.ari-12 a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
.ari-12 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;}
.ari-12 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:underline;}

.ari-21 {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#105fa5;}
.ari-18 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#105fa5;}
.ver-14 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#656565; line-height:20px; text-align:justify;}

.ver-14L {font-family:Arial; font-size:14px; color:#000000; text-align:right; margin-right:23px; margin-top:15px; text-decoration:none;}
.ver-14L a:link {font-family:Arial; font-size:14px; color:#000000; text-align:right;}
.ver-14L a:visited {font-family:Arial; font-size:14px; color:#000000; text-align:right;}
.ver-14L a:hover {font-family:Arial; font-size:14px; color:#FF0000; text-align:right; text-decoration:underline;}