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


.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%;}
.widthh{ width:34%;}
.width{ width:100%;}
.page-width{width:98.5%; border:0px solid #ff0000; margin:auto;}





/* -- start Right top Navigatin  css-- */
.rightNav{font:14px/30px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#266784; text-align:right; padding-right:10px; padding-top:13px; }
.rightNav b, strong{ color:#c02d2c;}
.rightNav a{ text-decoration:none; color:#575757; background:url(../images/conntact-icone.gif) center left no-repeat; padding-left:20px}
.rightNav a:hover{ color:#c02d2c;  text-decoration:none;}
.rightNav span{ background:url(../images/contact-icone.gif) center left no-repeat;}
/* -- end Right top Navigatin  css-- */


/* -- start header here css-- */
.head-margin{ margin-top:28px; margin-bottom:28px;}
/* -- send header here css-- */


/* -- start middle pannel css here -- */

.bgwhite{background-color:#fff;}
.text{font:11px/16px  Tahoma, Arial, Helvetica, sans-serif; color:#575757;}
.text h1{font:24px/20px   Helvetica, Arial, sans-serif; color:#567499; margin:0px; padding:0px 0px; font-weight:normal}
.text h1 span{color:#e00f02; }
.text h1.top-heading{padding:10px 0px 16px 0px;}

.text h2{font:20px/19px   Myriad Pro, Helvetica, Arial, sans-serif; color:#fff; margin:0px; padding:0px 0px;}
.text h2.pad{ padding:22px 0px 0px 70px;}

.text h3{font:15px/15px   Myriad Pro, Helvetica, Arial, sans-serif; color:#2f687e; margin:0px; padding:0px 0px; font-weight:600;}
.text h3 span{font:19px/19px   Myriad Pro, Helvetica, Arial, sans-serif; font-weight:600; color:#e00f02 }
.text h3.spac{ padding:2px 5px 0px 85px;}
.text p{ padding:10px 0 0 0;}

.text.list-head{font:12px/16px  Tahoma, Arial, Helvetica, sans-serif; color:#2586d0; font-weight:bold; padding:9px 32px 0px 30px;}

/* -- start left pannel css here -- */
.o-services-bg{ background:url(../images/our-services-bg-img.jpg) top center no-repeat; height:247px;}
.r-q-bg-middle{ background:url(../images/r-q-bg-middle.jpg) top center no-repeat; border:0px solid #bdbcbd;}
/* -- end left pannel css here -- */

/* -- end middle pannel css here -- */



/* -- start List Ul LI all page  css here -- */
.type-1{font:11px/20px  Tahoma, Arial, Helvetica, sans-serif; color:#575757;}
.type-1 ul{ margin:0px; padding:6px 12px 0px 35px;}
.type-1 ul li{ background:url(../images/airo.gif) left 6px no-repeat; padding-left:12px;  }
/* -- end List Ul LI all page  css here -- */


/* -- start List Ul LI all page  css here -- */
.type-2{font:11px/38px  Tahoma, Arial, Helvetica, sans-serif; color:#fff;}
.type-2 a {color:#fff; text-decoration:none;}
.type-2 a:hover {text-decoration:underline;}
.type-2 ul{ margin:0px; padding:16px 12px 0px 16px;}
.type-2 ul li{ background:url(../images/airo-o-services.png) left center no-repeat; padding-left:14px;  }
/* -- end List Ul LI all page  css here -- */


/* -- start box Our Case Studies css here -- */

/* -- start web designer Studies css here -- */
.wd-mt-conner{ background:url(../images/wd-mt-bg.jpg) top left repeat-x; height:5px; width:98.2%;}
.wd-mm-bg{ background:url(../images/wd-mm-img.jpg) top left no-repeat; height:auto; width:697px; height:204px;}
.wd-mb-bg{ background:url(../images/wd-mb-bg.jpg) top left repeat-x; height:5px; width:98.2%;}
/* -- end web designer Studies css here -- */

/* -- start flash designer Studies css here -- */
.fd-mt-bg{ background:url(../images/fd-mt-bg.jpg) top left repeat-x; height:5px; width:98.2%;}
.fd-mm-bg{ background:url(../images/fd-mm-img.jpg) top left no-repeat; height:auto; width:697px; height:123px;}

/* -- start flash designer Studies css here -- */

/* -- end box Our Case Studies css here -- */


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




/*-- start all = padding and margin css start here */
.padding-mpage { padding:17px 17px 17px 17px;}
.mar-box{ margin-top:10px;}
.mar-bot-all-page{ height:18px; border-bottom:5px solid #dedede; }
.mar-top-quote{ margin-top:14px;}


/*-- start fotter logo padding css start here */
.cmmi-logo{ padding:0px 17px 0px 22px;}
.rack-logo{ padding:0px 30px 0px 17px;}
.micro-logo{ padding:0px 15px 0px 24px;}
.ibm-logo{ padding:0px 28px 0px 22px;}
.t-logo{ padding:0px 12px 0px 47px;}
.in-logo{ padding:0px 12px 0px 12px;}
.padding-t-b{ padding-bottom:3px; padding-top:10px;}
/*  end fotter logo padding css start here */


/*  start all  padding and margin css end here */



/*  start Request A Free Quote css form  */
.css-padding{ margin:10px 20px 0px 20px;  border:1px solid #000; height:500px;}

.cssform p{
font:10px/15px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; color:#666666;
letter-spacing:1px;
width: 160px;
clear: left;
padding:0px 0px 0px 0px;
margin:1px 0 0 24px;
border: 0px solid #999;
/*height: 1%;*/
}

.cssform label{
display:block;
font-weight: bold;
padding:0px 0px 0px 1px;
margin:0px 0px 0px 0px; /*width of left column containing the label elements*/
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
border: 0px dashed #ff0000;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 140px; margin:0px;    *margin-left:-23px;  padding:1px; border:1px solid #7f9db9; font:11px  Tahoma, Arial, Helvetica, sans-serif; color:#000;}


.cssform input{ 
width: 140px; margin:0px; float:left; padding:1px; border:1px solid #7f9db9; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000;}



.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 140px; margin:0px;  padding:1px; border:1px solid #7f9db9; font:11px/16px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; color:#666666; float:left}



.cssform textarea{
width: 140px;
height: 100px;
padding:1px;
font:11px/16px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; color:#666666;
*margin-left:-23px;
}

#confirm { width:475px; margin:0 auto;}

.cssform span{ color:#cc9933;}

.cssform input.top-m{ margin-top:5px;  border:0px solid #ff0000; background:url(../images/but-submit.jpg)  top center no-repeat; height:19px; width:55px;}
.sales-email p{ border-bottom:1px solid #999999; margin:12px 0px 11px 20px; text-align:left; padding:0px 0px 10px 8px; width:160px; font-weight:normal; line-height:12px; }
.sales-email a{ text-decoration:underline; color:#4392cf;}
.sales-email a:hover{ text-decoration:none; color:#4392cf;}


/* -- end Request A Free Quote css form -- */



/* -- Top Navigation css start -- */
.home-icon{ padding:4px 40px; border:0px solid #fff; }
.topNavigation{font:15px/35px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.topNavigation ul{ margin:0px; padding:0px; }
.topNavigation ul li{ display:inline; position:relative; float:left;  text-align:center; background:url(../images/Nav-s-line.jpg) left center no-repeat;  padding:0px 40px;  }
.topNavigation ul li a{ text-decoration:none;  color:#FFFFFF; }
.topNavigation ul li a:hover{ text-decoration:none;  color:#cbddeb; }
.topNavigation ul li ul {
	display:none;
	position:absolute;
	top:35px;
	left:-38px;
	z-index:100;
}
.topNavigation ul li ul li{
	float:left;
	background:none;
	}
	
.topNavigation ul li ul li a{
	text-decoration:none;
	padding:2px 0 2px 12px;
    margin:0;
	line-height:20px;
	cursor:pointer;
	text-align:left;
	color:#fff;
	background:#67a4d1;
	width:150px;
	display:block;
	border-bottom:1px solid #256475;
}
.topNavigation ul li ul li a:hover{
	color:#fff;
	background:#eb1402;
}

/* -- Top Navigation css end -- */


/* -- start footer  css-- */
.footer{ text-align:center; font:11px/16px   Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../images/bg-fotter.jpg) top center repeat-x; height:47px; padding:10px;}
.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 6px 0px 7px; color:#fff; text-decoration:none; }
.footer ul li a:hover{  color:#fff; text-decoration:underline;}
.footer ul li a.noneb{ background:url(../images/blank.gif) left center no-repeat;}
/* -- end footer  css-- */


/* -- start id css-- */

#main{ width:966px;  margin:auto;  border:0px solid #ff0000; }
#header{ width:100%; border:0px solid #000;}
#middle{ width:100%; border:0px solid #00ff00; }
#left-pannel{ border:0px solid #0000ff; width:700px; padding:20px 17px 0px 17px;}
#right-pannel{ border:0px solid #0000ff; width:200px; padding:20px 0px 0px 0px;}
#footer{ width:100%; border:0px solid #0000ff;}

#topNavigation{  border:0px solid #00ff00; margin:auto;   background:url(../images/navigation-bg.jpg) left center repeat-x; }

/* -- end id css-- */


#textContanerInside { overflow:hidden;}

/* Form Css */
.errorMsg {
	width:600px;
	margin:20px auto;
	border:1px solid #A3A3A3;
	background-color:#F5F5F5;
	}
.errorAlett {
	font-size:12px;
	color:#E81B15;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #A3A3A3;
	padding:10px 0;
	}
.errorText {
	font-size:11px;
	border-bottom:1px solid #A3A3A3;
	padding:4px 10px;
	}
.errorText a{
	font-size:11px;
	color:#3C2B0B;
	text-decoration:none;
	}
.errorText a:hover{
	text-decoration:underline;
}

#middelContainerInside{ float:left; width:475px; font:11px/16px "Tahoma", Arial, Verdana, sans-serif; color:#5f5f5f; margin-top:10px; }
#middelContainerInside p a{font:11px/16px "Tahoma", Arial, Verdana, sans-serif; color:#CD0700; text-decoration:none; }
#middelContainerInside p a:hover{font:11px/16px "Tahoma", Arial, Verdana, sans-serif; color:#5f5f5f; text-decoration:underline; }
#middelContainerInside ul{margin:0; padding:8px 0;}
#middelContainerInside ul li{list-style-type:none; padding:2px 0 2px 15px; background:url(../images/arrowred.gif) no-repeat 0 8px;}
.divider{ background:url(../images/hr-bg.jpg) repeat-x  left  bottom; }
.divider h1{ font-size:17px; font-weight:bold; color:#646464; margin-bottom:5px; background:url(../images/heading-bg.jpg) no-repeat 0 9px; padding:7px 0 8px 25px;}
.divider h1 span{color:#cd0700;}
.bgRow {
	padding:4px 10px;
	background:#F6F6F6;
	}
	
.nameText{
	float:left;
	font-weight:bold;
	width:100px;
	text-align:right;
	}
.valueText{
	float:left;
	padding-left:10px;
	width:250px;
	}
.error_noBottom {
	font-size:12px;
	color:#E81B15;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	}
.spaceBetweenRows {
	padding:4px 0 0 0;
	}
.planeRow {
	padding:4px 10px;
	}


/*Inside Page Css*/

.insideBg {
	background: #dadada url(../images/insideBg.jpg) center top repeat-x;
	}
ul.bulet li {
	list-style:disc;
	}
	
.testimonials-bg-middle{ 
	height:140px;  
	background:url(../images/testimonial-bg-middle.jpg) top center no-repeat; 
	font:10px/15px  Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; 
	color:#666666;
	width: 180px;
	padding:0 10px;
	margin:0;
}

.testimonials-bg-middle h3{font:15px/15px  Arial, sans-serif, Helvetica; color:#2f687e; margin:0px; padding:0px 0px; font-weight:600;}
.testimonials-bg-middle h3 span{font:19px/19px   Myriad Pro, Helvetica, Arial, sans-serif; font-weight:600; color:#e00f02 }
.testimonials-bg-middle h3.spac{ padding:2px 5px 0px 5px;}
.testimonials-bg-middle p{ padding:8px 0 0 0;}

.testimonials-bg-middle a{ text-decoration:underline; color:#4392cf;}
.testimonials-bg-middle a:hover{ text-decoration:none; color:#4392cf;}


.text div.studies-icone{padding:10px 0px 10px 60px; background:url(../images/our-case-studies-icone.png) left top no-repeat;}
.text div.studies-icone{font:24px/20px   Helvetica, Arial, sans-serif; color:#567499; margin:0px; font-weight:normal}
.text div.studies-icone span{color:#e00f02; }

a, img{
	border:0; outline:0;
}