body{font:11px/15px  Arial, Helvetica, sans-serif; color:#bababa; margin:0px; padding:0px; background: #000000 url(../images/bg-subpage.jpg) center top repeat-x; }


.clear{ clear:both; padding:0px; margin:0px;}
.fl{ float:left;}
.fr{ float:right;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.widthc{ width:33%;}
.width{ width:100%;}
.width-prl{ width:95%; margin:auto; margin-top:15px;}
.width-prl-rp{ width:89%; margin:auto; margin-top:15px;}

/* -- start bg images all pages css-- */
.bg-home{background:url(../images/bg.jpg) center top repeat-x; background-color:#00000; }

.bg-subpage{background:url(../images/bg-img-subpages.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-services{background:url(../images/bg-img-services.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-website-design{background:url(../images/bg-website-design.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-img-iphone{background:url(../images/bg-img-iphone.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-img-website-design{background:url(../images/bg-img-website-design.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-escort{background:url(../images/bg-escort.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-webdesigner{background:url(../images/bg-webdesigner.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-aboutus{background:url(../images/bg-aboutus.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-resouce{background:url(../images/bg-resouce.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-sitemap{background:url(../images/bg-sitemap.jpg) center 90px no-repeat; background-color:#00000;  }

.bg-promotion{background:url(../images/bg-promotion.jpg) center 90px no-repeat; background-color:#00000;  }
.bg-web-developers{background:url(../images/bg-web-developers.jpg) center 90px no-repeat; background-color:#00000;  }

.sub-bg-top{background:url(../images/sub-bg-top.jpg) 2px top no-repeat; height:22px;}
.sub-bg-bottom{background:url(../images/sub-bg-bottom.jpg) 2px top no-repeat; height:8px;}
.p-bg-img{ background:url(../images/bg-red.jpg) left top repeat-x; height:28px; color:#FFFFFF; font-size:15px; padding:0px 15px; font-weight:bold; line-height:28px;}
/* -- end bg images all pages css-- */

/* -- start text all pages css-- */
.text{font:12px/15px  Arial, Helvetica, sans-serif; color:#bababa;}
.text a{  color:#ffffff; text-decoration:underline;}
.text a:hover{text-decoration:none;  color:#cffffff;}
.iphone-text{ font-size:11px;}
.text h1{ font-size:23px; font-weight:bold; color:#c51300; margin:0px; padding:10px 0px 18px 0px;}
.text h2{ font-size:17px; font-weight:bold; color:#c51300; margin:0px; padding:0px 0px 14px 0px;}
.text h3{ font-size:13px; font-weight:bold; color:#fff; margin:0px; padding:0px;}
.text h3.b-padding{ padding-bottom:10px;}
.red{ color:#ffffff;}
.text a.big{ font-size:13px; font-weight:bold;}
.text h5{ font-size:13px; font-weight:normal; color:#ffffff; margin:0px; padding:0px 0px 0px 0px; }
.text-box{ border:1px solid #ff0000; padding:8px;}
.pborder{ border:1px solid #db0019; padding:15px;}
/* -- start text all pages css-- */


/* start all LIST STYLE css here  */

/* start TYPE-1 css here  */
.text.type-1{ line-height:16px;}
.text.type-1 ul{ margin:0px; padding:0px;}
.text.type-1 ul li{ list-style-type:none;  background:url(../images/airo-1.gif) left 5px no-repeat; padding:0px 0px 0px 10px;}
/* end TYPE-1 css here  */

/* start TYPE-2 css here  */
.text.type-2{ line-height:22px;}
.text.type-2 ul{ margin:0px; padding:0px;}
.text.type-2 ul li{ list-style-type:none;  background:url(../images/airo-1.gif) left 7px no-repeat; padding:0px 0px 0px 10px;}
.text.type-2 ul li a{ text-decoration:none; color:#bababa; }
.text.type-2 ul li a:hover{ text-decoration:underline; color:#c51300; }
.bor{border:1px solid #fff;}
.bor-p-img{border:2px solid #c51300; background-color:#FFFFFF; padding:1px;}
.bor-bottom{border-bottom:0px dotted #fff;}
.border-f{ border:1px solid #414040; padding:10px;}
/* end TYPE-2 css here  */

/* end all LIST STYLE css here  */

/* start TYPE-3 css here  */
.text.type-3{ line-height:16px;}
.text.type-3 ol{ margin:0px; padding:0px 0px 0px 20px;}
.text.type-3 ol li{ list-style:decimal; padding:0px 0px 0px 0px; }
/* end TYPE-3 css here  */



/* -- start logo css-- */
.logo{ border:0px solid #fff; padding-right:55px;}
/* -- end logo css-- */


/* -- start banner css-- */
.call-img{ position:relative; top:70px; left:-440px; width:240px; height:12px; float:right;}
.call-img-subp{ position:relative; top:115px; left:-10px; width:240px; height:12px; float:right; float:right;}
.banner-text-img{ position:relative;  top:97px; left:316px; border:0px solid #fff; width:484px; height:141px;}
.banner-text-img1{ background:url(../images/banner-text-img-1.png) top center; position:relative;  top:97px; left:316px; border:0px solid #fff; width:484px; height:141px; color:#eb6a68;}
.textbox{ width:89%; padding:22px 25px 20px 25px; font-weight:bold; font-size:15px; border:0px solid #ff0000; line-height:18px;}
.services-but{ position:relative; top:109px; left:316px; width:145px; height:31px;}
.portfolio-but{ position:relative; top:78px; left:475px; width:145px; height:31px;}
.development-img{ position:relative; top:-175px; left:-60px;   width:124px; height:124px; float:right; }
.geta-quote-img{ position:relative; top:11px; left:90px;  width:124px; height:124px; float:right; }




.banner-img{ position:relative; top:11px; left:55px;   width:124px; height:124px;  }

/* -- end banner css-- */



/*-- start all images padding and margin css start here */
.iphone-img{ margin:10px 10px 0px 0px;}
.read-more-iphone{ margin:5px 0px 0px 0px;}
.m-b1{ margin-bottom:15px;}
.m-b2{ margin-bottom:10px;}
.right-p-heading{ margin-bottom:12px;}
.right-pbt-heading{ margin-bottom:12px; margin-top:10px;}
.mb-r-sub{ margin-bottom:20px;}
.m-right{ margin-left:150px;}
.m-right1{ margin-left:135px;}
.m-top{ margin-top:7px;}
.m-p-img{ margin-bottom:5px;}
.mtb{margin:10px 0px 10px 0px;}
.mrb{ margin:0px 7px 0px 0px;}
.margin-r-img{ margin-right:7px;}
/*-- start all images padding and margin css end here */





/* -- start 3 box css-- */
.box{ width:321px; height:213px; font-size:11px; color:#d6d6d6; padding-right:  }
.box.bgimg1{background:url(../images/box-bg-img1.jpg) left top no-repeat; }
.box.bgimg2{background:url(../images/box-bg-img2.jpg) left top no-repeat;}
.box.bgimg3{background:url(../images/box-bg-img3.jpg) left top no-repeat;}
.box.r-margin{margin-right:18px;}
.box h1{ color:#b9040a; font-size:16px; padding:40px 0px 8px 0px; margin:0px; font-weight:bold;}
.box h2{ padding:0px 8px 0px 0px; margin:0px; font-weight:normal; font-size:11px; }
.box h3{ padding:0px ; margin:6px 0 0 0; font-weight:bold;}
.box h3 a{ text-decoration:none; color:#d6d6d6; padding-left:10px; background:url(../images/airo-box-img.gif) left center no-repeat;}
.box h3 a:hover{ text-decoration:none; color:#fff;}

/* --  start box image adult-flash-img css-- */
.adult-flash-img{margin:20px 8px 0px 3px;}
/* -- end box image adult-flash-img css-- */

/* -- start box image adult-web-img css-- */
.adult-Web-img{margin:58px 10px 0px 12px;}
/* -- end box image adult-web-img css-- */

/* -- end 3 box css-- */




/* -- Top Navigation css start -- */
.topmenu{ font-size:15px; text-align:left; color:#d7d7d7; }
.topmenu ul{ margin:0px; padding:0px; vertical-align:middle;}
.topmenu ul li{ display:inline-block;  float:left; height:53px; padding-top:20px;  background:url(../images/menu-bg.gif) left center no-repeat;}
.topmenu ul li  a  { color:#d7d7d7;  padding:0px 37px 0px 10px; text-decoration:none;  }
.topmenu ul li a strong, b{ font-weight:normal; font-size:12px;  }
.topmenu ul li a strong, b.lp{padding-left:10px;  }
.topmenu ul li  a:hover {color:#fff; text-decoration:none;  }
.topmenu ul li  a.prn  {padding-right:0px; }
/* -- Top Navigation css end -- */


/* -- start footer  css-- */
.footer{ text-align:center; font-size:11px; color:#7c7a7a;}
.footer ul{ margin:0px; padding:0px;}
.footer ul li{ display:inline;}
.footer ul li a{ background:url(../images/footer-line.gif) left center no-repeat; padding:0px 8px 0px 9px; color:#7c7a7a; text-decoration:none; }
.footer ul li a:hover{  color:#9d0e00; text-decoration:underline;}
.footer ul li a.noneb{ background:url(../images/blank.gif) left center no-repeat;}
/* -- end footer  css-- */


/* -- fome css start-- */
.cssform p{width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/
border-top: 0px dashed gray; height: 1%; }

.cssform label{ font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ border:0px solid #ff0000; }

.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; border:1px solid #6f6d6d; background-color:#262626 !important; color:#FFFFFF;}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; border:1px solid #6f6d6d; background-color:#262626; color:#FFFFFF;}

.cssform input.submit{ margin-left:0px; width:84px; height:25px;  background:url(../images/submit.png) top center no-repeat; border:0px; cursor:pointer; }

.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px; border:1px solid #6f6d6d; background-color:#262626; color:#bababa;}
.cssform textarea{width: 250px;height: 150px; border:1px solid #6f6d6d; background-color:#262626; color:#bababa;}

.cssform span{ font-size:11px;}

/* -- fome css start-- */


.breadcrumb{ font-size:12px; color:#c51300; padding-bottom:20px;}
.breadcrumb ul{ margin:0px; padding:0px;}
.breadcrumb ul li{ display:inline;  background:url(../images/arrow.png) left 4px no-repeat; padding:0px 5px 0px 16px; }
.breadcrumb ul li.home{ display:inline;  background:url(../images/blank.gif)  no-repeat; padding:0px 5px 0px 0px; }
.breadcrumb ul li a{ text-decoration:none;  color:#c51300;}



/* -- start id css-- */
#mainbg{width:100%; height:100%; padding:0; margin:0;  border:0px solid #fff;}
#main{ width:999px; padding:auto; margin:auto;  border:0px solid #fff; margin:auto; padding:auto;}
#header{ width:100%; border:0px solid #00ff00; margin-top:0px; }
#middle{ width:100%; border:0px solid #999; margin-top:20px; }
#middle-content{ width:100%;  border:0px solid #ff0000;  margin-top:20px;}
#right-pannel{background:url(../images/right-pannel-bg-img.jpg) left top no-repeat; width:320px; height:352px;  }
#left-pannel{ background:url(../images/left-pannel-bg-img.jpg) left top no-repeat; width:660px; height:352px; margin-right:19px;}

/* sub-page css start  */
#right-pannel-sub-page{width:255px;  border:0px solid #fff;    }
#left-pannel-sub-page{ width:692px; border:0px solid #fff; padding:0px 20px 0px 22px; }
#middle-subp{ width:100%; border:0px solid #999; margin-top:10px; }
#middle-content-subp{ width:100%;  border:0px solid #ff0000;  margin-top:0px; background: url(../images/sub-bg-middle.jpg) right top repeat-y; }
/* sub-page css end */

#footer{ width:100%; border:0px solid #666; margin-top:20px; height:93px; background:url( ../images/footer-bg-img.jpg) left top no-repeat; }
#topmenu{border:0px solid #fff; margin:0px; padding:0px; width:auto;}
#banner{ margin:10px 0 0 0;  padding:0px; border:0px solid #ffffff; background:url(../images/banner-bg-img.jpg)  left center no-repeat; height:359px;  
}
#banner-sup-pages{ margin:10px 0 0 0;  padding:0px; border:0px solid #ffffff; height:163px; }
/* -- end id css-- */

/* Icon Container */

.iconContainerOuter	{ position:relative;}

.iconContainer	{ text-align:right; position:absolute; height:40px; right:-8px; top:-10px;}
.iconContainer ul 	{ margin:0px; padding:0px;}
.iconContainer ul li	{ display:inline; margin-right:8px;}


.iconContainerInside	{ text-align:right; position:absolute; height:40px; right:1px; top:-25px;}
.iconContainerInside ul 	{ margin:0px; padding:0px;}
.iconContainerInside ul li	{ display:inline; margin-right:8px;}



/* -- 28 jan 2010 start-- */
.box b.heading{ color:#b9040a; font-size:16px; margin:40px 0px 8px 0px;  font-weight:bold; }
.widthbox{margin-top:43px; border:0px solid #FFFF00; }
/* -- 28 jan 2010 end-- */