/* CSS Document */

.roundBtm{background:url(../images/subLinkBtm.gif) no-repeat; width:186px; height:16px;}
/* left */

#left{float:left; width:186px; border:0px solid #ff6600;}

.subnavcontainer { 
					background-color:#fff; border-left:1px solid #ebe8e8; 
				    border-right:1px solid #ebe8e8; padding:0 10px;	}
#sublink
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#sublink li
{
background-image:url(../images/arrow_blue.gif);
background-repeat: no-repeat; padding:5px 5px 5px 20px;	
background-position: 0 .6em;
}

#sublink li a{color:#484848; text-decoration:none;}
#sublink li a:hover{color:#0e82c7; text-decoration:none;}
#sublink .active{color:#0e82c7}

#left .roundTop{background:url(../images/top1.gif) no-repeat ; width:150px; font:bold 12px arial; 
				padding: 8px 0px 8px 36px;}

#left  .ourClient{margin-top:10px;}

#left .proj{background:url(../images/top-proj.gif) no-repeat ; width:150px; font:bold 12px arial; 
				padding: 8px 0px 8px 36px;}

#left .recentProj{background-color:#fff; border-left:1px solid #ebe8e8; 
				    border-right:1px solid #ebe8e8; padding:0 10px;}
#left .recentProj img{padding:3px; background-color:#35a9d5; margin:10px 3px 3px 3px;}
#left .recentProj a{text-decoration:none; }
#left .recentProj img:hover{background-color:#52c8f4}



/* main */
#mid{width:535px;  margin-left:200px;  border:0 solid #ff6600;}

#mid h1{background:url(../images/titleBg.jpg) no-repeat; color:#0084b6; font:normal 19px "Trebuchet MS"; 
padding:5px 10px 10px 12px; }

#mid form{margin:0px auto; border:0px solid #ff6600; width:450px; /*background: url(../images/formBg.gif) no-repeat #CCCCCC*/; padding:5px 0px 5px 0px;}

#mid .content{width:96%; margin:0 auto; margin-left:3%; line-height:1.7em; text-align:justify; }

.list
{
margin-left: 0;	
padding-left: 0;
list-style: none;
}

.list li
{
padding:3px 0px 5px 18px;
background-image: url(../images/arrow_grey.gif);
background-repeat: no-repeat;
background-position: 0 .7em;
}

#mid  label {
margin: 0;
padding:0.2em 1em 0.2em 0.2em;
margin-top:0.3em; border:1px  solid #99FF00;
text-align:right;
width:110px; font:normal 12px arial;
float:left;
  }
  
#mid fieldset {
  
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
  width:440px; border:0px solid #ff0000;
  }
  
#mid legend {
width:194px;
height:40px;
color:#ccc;
font-size:1.5em;
padding: 5px 5px 5px 0.5em;
background: transparent url("../images/legend_bg.gif") no-repeat;
position:relative;
top:-1em;
font-weight:bold;
letter-spacing:-1px;
white-space:pre; /* hack: make sure */
}

#mid  .br {display:none;}  
  
/*#mid  .textfield {
font:11px  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ; float:leftl;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url("../images/textfield_bg.gif") no-repeat fixed;
width:187px;
}
#mid  fieldset>input.textfield {
background: transparent url("../images/textfield_bg.gif") no-repeat;
}
#mid textarea {
font:11px  Verdana, Arial, Helvetica, sans-serif ;
color:#333 ; 
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;
background: transparent url("../images/textarea_bg1.gif") no-repeat fixed;
width:190px;
}
#mid fieldset>textarea {
background: transparent url("../images/textarea_bg1.gif") no-repeat;
}
#mid .submit {
margin:3px;
background: transparent url("../images/submit.gif") no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
 }*/
 
 
 
 
 
 #adress{background:url(../images/adressBg.gif) no-repeat; width:417px; margin:15px auto 5px auto; padding:15px; height:208px}
 .adress1{float:left; width:200px; line-height:1.6em; text-align:left}
 
 .adress2{width:170px; margin-left:240px; line-height:1.6em;text-align:left}


/* right
*/
#right{float:right; width:186px;  border:0px solid #ff6600;}

#right .quickNav{background:url(../images/quick-nav.gif) no-repeat ; width:150px; font:bold 12px arial; 
				padding: 8px 0px 8px 36px;}
				

.container{background-color:#fff; border-left:1px solid #ebe8e8; 
				    border-right:1px solid #ebe8e8; padding:0px;}
					
#right .testimonials{background:url(../images/testimonials.gif) no-repeat ; width:150px; font:bold 12px arial; 
				padding: 8px 0px 8px 36px;}
				

.testi-content{background-color:#fff; border-left:1px solid #ebe8e8; text-align:justify; font-size:11px;
				    border-right:1px solid #ebe8e8; padding:5px 10px 0 10px; line-height:1.6em;}


.applemenu{
margin: 0px 0;
padding: 0;
width: 186px; /*width of menu*/
}

.applemenu div.silverheader a{
background: url(../images/close.gif) no-repeat;
font: bold 12px arial, Helvetica, sans-serif;
color: #7d7d7d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #7d7d7d;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background:url(../images/open.gif) no-repeat ; 
color: #7d7d7d;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/

padding: 5px; text-align:center;
height: 130px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu img{padding:3px; background-color:#35a9d5; margin:10px 3px 3px 3px;}
.applemenu div.submenu a{text-decoration:none; }
.applemenu div.submenu img:hover{background-color:#52c8f4}
.applemenu div.submenu input, .applemenu div.submenu textarea
{width:150px; border:1px solid #e3e3e3; margin-bottom:5px; font:normal 11px arial;}

.applemenu div.submenu ul{ text-align:left;}

.applemenu div.submenu li
{
background-image:url(../images/arrow_blue.gif);
background-repeat: no-repeat; padding:4px 5px 2px 20px;	
background-position: 0 .6em;
}

.applemenu div.submenu li a{color:#484848; text-decoration:none;}
.applemenu div.submenu li a:hover{color:#0e82c7; text-decoration:none;}


.redText{font:bold 11px verdana; color:#e50068;}
.arial11{ font-size:11px}


.que{ /*header of 2nd demo*/
	cursor: pointer;
font: normal 13px arial;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#000;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #999999;
}


.productTop{background:url(../images/productTop.gif) no-repeat; width:476px; height:10px}
.productBtm{background:url(../images/productBtm.gif) no-repeat; width:476px; height:10px; margin-bottom:15px;}
.productBg{width:475px; background-color:#fcfcfc; border-left:1px solid #eeecec; border-right:1px solid #eeecec;}
.productContent{ background: transparent; width:77%; padding:0.5% 2%; }
.productContent h2{ font:normal 18px "Trebuchet MS"; color:#8fb00c; margin-bottom:5px;}
.productContent li {padding:2px 15px;}

#mobileAd{background:url(../images/product-mobilead.gif) no-repeat right bottom;}
#onlineAd{background:url(../images/product-online.gif) no-repeat right bottom;}
#bulkSMS{background:url(../images/product-bulkSMS.gif) no-repeat right bottom;}
#domain{background:url(../images/product-domain.gif) no-repeat right bottom; height:95px}
#hosting{background:url(../images/product-hosting.gif) no-repeat right bottom; height:95px}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}


.divider{border-bottom:1px dotted #CCCCCC; margin:5px 0px 15px 0}

#hosting1{ background:url(../images/icon_server1.gif) no-repeat right center; }
#hosting2{ background:url(../images/icon_server.gif) no-repeat right center; }
#hosting3{ background:url(../images/icon_server2.gif) no-repeat right center; }

.hostingContent{ background: transparent; width:70%; padding:0.5% 2%;  border:0px solid #ff6600; }
.hostingContent h2{ font:normal 18px "Trebuchet MS"; color:#8fb00c; margin-bottom:5px;}
.error
		{
			font-family	: verdana;
			font-size	: 11px;
			color		: red;
			
			display		: none;
		}
.error_strings{ font-family:Verdana; font-size:10px; color:#660000;}