/* CSS Document */  
 @import url(table.css);

@import url(menu.css);

@import url(editor.css);

html,body{height:100%; margin:0px;}

body{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;	
}

#wrapper{
	width:975px;
	margin:0 auto;	
	text-align:left;
	position:relative;
	
}

.bgS-Cl{ background:url(../imgs/bg-cl.gif) no-repeat right top;}


.bgS-A{ background:url(../imgs/bg-colorfill.gif) no-repeat right top;}

:-moz-any-link:focus {
  outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus {
  outline: none;
}

#header{ margin:0px 0px 0px 60px;}

.logo{ margin:10px 0px 0px 10px;}

#maincontent{margin:0px 0px -5px 55px; padding:0px 0px 0px 0px; overflow:auto; }
.left-Border{background:url(../imgs/leftBg.gif) no-repeat bottom left;}



.topnav{ padding-top:5px;}

.cs{background-color:#ecf0f1}

#columnl1 p, #columnl2 p{ color:#59524c; font-size:13px; padding:0px; margin:0px; line-height:20px; }

#columnl1 p{ padding:0px 20px 0px 0px;}

#cstxt{ width:310px; height:198px; background-color:#faf9f9; border-left:dashed #d9dfe3 1px;}

#cstxt p{color:#59524c; font-size:11px; padding:0px 10px 0px 10px;}

/* #cstxt a{color:#d5721e; font-style:italic;} */
h1{ font-size:14px; color:#586b8f; text-transform:uppercase; margin:0px; padding:0px;}

h2{ font-size:12px; color:#444141; text-transform:uppercase; margin:0px; padding:0px;}

#columnl1{ width:285px; padding-top:5px; }

#columnl2{ width:575px; margin-left:25px; padding-top:5px;}

#columnl3{ width:100%; padding:0px 0px 0px 0px;}

#locations{ margin:25px 0px 0px 10px; width:290px; font-family:Verdana;}

#locations p{ font-size:12px; font-family:Verdana;}

.taglinetop{font-size:11px; color:#686464; border-bottom:dashed 1px #e3dfdf; width:280px; padding:5px 5px 5px 6px; margin-left:10px; text-align:center;}

.tagline{ font-family:FF Absara, Times, serif; font-size:21px; color:#000000; line-height:30px;}
.tagline a:link, .tagline a:visited{ color:#000000;}

.fs{ font-family:Georgia, Times, serif; font-size:12px; color:#59524c; text-transform:uppercase; font-weight:bold; text-align:center;
border: solid 1px #d9dfe3; border-left:none; padding:10px 0px 10px 0px;}

.featured{}

.taglinecb{color:#d5721e;}

a{ text-decoration:none;}
a:link, a:visited, a:active { color:#d5721e; }
a:hover { color:#000; text-decoration:underline; }

.taglinecb2{color:#d5721e; font-weight:bold;}

a:link.taglinecb2{color:#d5721e; text-decoration:none;}
a:visited.taglinecb2{color:#d5721e; text-decoration:none;}
a:hover.taglinecb2{color:#d5721e; text-decoration:underline;}

.gray_text{color:#aca6a1;}

.inputsignup{ width:165px; border: solid 1px #7c7c7c; font-size:11px; color:#444141; padding:2px 0px 2px 10px;}

.subscribe_box{ margin-left:50px; }

.inputsignupwidth{ width:170px; }

.sign_up_padding{ padding:0px 0px 0px 10px;}


/***** Default Link Classes *****/

a{ text-decoration:none;}


/***** Footer Classes *****/

#footer{ color:#ffffff; font-size:11px; background:url(../imgs/footer_bg.gif) no-repeat ; width:975px; height:36px; }

#footer .copyrightInfo{padding-top:4px;}

#footer a{ color:#ffffff; text-decoration:none;}

#footer a:hover{ border-bottom:dashed 1px #d9dfe3}

#footer .copyrightinfo{width:315px;}
#footer .phoneNum{width:125px;}
#footer .footerSpacer{width:68px;}
#footer .paddingTop{padding-top:5px;}

/*****Inner Footer Classes *****/

#footer_in{ color:#ffffff; font-size:11px; background:url(../imgs/footer_bg_inner.gif) no-repeat ; width:975px; height:36px; }

#footer_in .copyrightInfo{padding-top:4px;}

#footer_in a{ color:#ffffff; text-decoration:none;}

#footer_in a:hover{ border-bottom:dashed 1px #d9dfe3}

#footer_in .copyrightinfo{width:315px;}
#footer_in .phoneNum{width:125px;}
#footer_in .footerSpacer{width:68px;}
#footer_in .paddingTop{padding-top:5px;}


/***** Global Classes *****/

.clear         { clear:both; }

.float-left    { float:left; }
.float-right   { float:right; }

.clear-left    { clear:left; }
.clear-right   { clear:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }

img{ border:none;}


.divclear{ height:20px;}

/***** Heading for teasers *****/

.headingBg{
	float:left; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
	position:absolute; background:#000000; height:20px; width:310px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding-top:7px; z-index:1;
	}

.headingBgText{
	float:left; 
	position:absolute; height:20px; width:310px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding-top:7px;z-index:10;
	}
	
	
	
	
.headingBgText2{
	float:left; 
	position:absolute; height:20px; width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding-top:7px;z-index:10;
	}
	

	
.headingBg_1{
	float:left; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
	position:absolute; background:#000000; height:20px; width:299px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; padding-top:7px;z-index:1;
	}
	
.centerTeaser{
 	background:#edeff2; width:309px; height:198px;
}

.textCol_01{
 color:#ffffff;
 
}

.textCol_02{
 color:#f7a130;
 
}

.textCol_02{color:#f7a130; }

a:link.textCol_02 {color:#f7a130; text-decoration:none;}
a:visited.textCol_02 {color:#f7a130; text-decoration:none;}
a:hover.textCol_02 {text-decoration:underline;}



.textCol_03{
	color:#d6721e;
	font-style:italic;
}

 .headingfeatured_col{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#59524c;
	text-align:center;
	height:20px;
	font-weight:bold;           
	padding-top:8px;
	}
	
.ruby_company{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#736e6a;
	padding:33px 13px 16px 107px;
	line-height:18px;
	
}

.ruby_company_hpg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#736e6a;
	padding:15px 0px 0px 0px;
	width:205px;
	line-height:18px;
	
}

.magHolder_new{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:35px;
}
	
.magHolder{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	height:25px;
	}
	
.alignLeft{
	font-family:Verdana, Arial;
	color:#a5aeb1;
	font-size:13px;
	float:left;
	padding-left:24px;
	font-weight:bold;
}


.alignright{
	font-family:Verdana, Arial;
	text-align:left;
	color:#a5aeb1;
	float:right;
	width:140px;
}

.spacer1px{height:1px; width:1px;}
.paddingT8{padding-top:8px;}

/*-------inner pages--------*/


.maincontent_inner{
	 margin:0px 0px 0px 55px;
	 overflow:auto;
	 background:url(../imgs/linebg.jpg) top right repeat-y;
}


.servicearea{
	width:600px;
	padding-top:10px;
        
} 

.text08{
	padding-bottom:15px;
	font-size:18px;
	
}




.height20{
	height:5px;

}

.rubyOn_img{
	background:url(http://216.224.120.187:8080/magnoliaPublic/docroot/samples/images/ruby_img.jpg) left top no-repeat;
	padding:46px 30px 0px 112px;
	line-height: 22px;
	font-size: 13px;

}



.contService{
	padding:0px 30px 13px 0px;
	border-bottom:dashed 1px #999999;
	line-height: 20px;
	font-size: 13px; 
}

.aboutdashed{
	border-bottom:dashed 1px #999999;
	line-height: 20px;
	font-size: 13px; 
}



.fontlaser{
	line-height: 20px;
	font-size: 13px;

}



.teasersInner{
	margin:15px 10px 10px 10px; 
	background:#c0cbcf;
	height:165px;
}

.teasersInHeader{
	height:23px;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	color:#FFFFFF;
	background:#596d92;
	text-transform: uppercase;	
}

.teasersInHeader a{ color:#f7a130; text-decoration:none;}
.teasersInHeader a:link, .teasersInHeader a:visited, .teasersInHeader a:active{ color:#f7a130; text-decoration:none;}
.teasersInHeader a:hover{ color:#f7a130; text-decoration:underline;} 


.teaserstextRight{
	width:140px;
	font-size:11px;
	line-height:20px;
	color:#65605d;
	padding:15px 10px 15px 0px;
	
}

.teaserstextLeft{
	padding:15px 0px 15px 10px;
}

.height10{
 	height:5px;
}

.areaWidth{
	width:290px;

}

.areaWidth2{
	padding-right:20px;
	width:275px;
	}

.areaWidthRight{
	width:165px;
}

.areaWidthLeft{
	width:180px;
}


.indicate{
	color: #000000;
	letter-spacing: -4px;
	font-size: 11px;
}


.line_top{
	padding:10px 0px 0px 0px;
}

/*--------Services-----------*/

.mobileHouse{
	background:url(http://216.224.120.187:8080/magnoliaPublic/docroot/samples/images/mobileHouse.jpg) left top no-repeat;
	padding:50px 30px 0px 112px;
	line-height: 22px;
	font-size: 13px;

}



/*------------Client Page Css--------------------*/

.text_Title_case{
	color:#6b7a96;
	font-size:15px;
	font-weight:bold;
	padding-top:10px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
}


.text08_Study{

	padding-bottom:10px;
	font-size:25px;
}


.caseStudyleft{
	width:520px;
	padding-left:10px;

}


.caseStudyright{
	width:221px;
	float:right;
	}

.height15{
	height:15px;
}


.contentstydy{
	padding:0px 30px 15px 0px;
	line-height: 22px;
	font-size: 13px; 
}

.rightpanel{
	width:218px;
}

.turL{
	color:#59524c;
	font-size:12px;
	font-weight:bold;
}

.rText{ color:#59524c; font-size:12px;

}


.csheading {
	padding:0px 65px 10px 10px;
	line-height: 22px;
	font-size: 13px; 
}


.csInner{
	margin:26px 0px 10px 30px; 
	
	font-size:12px;
	color:#d5721e;
}


.sideNav{
	font-size:13px;
	color:#d5721e;
	padding:10px 0px 0px 0px;
 }
 
.sideNav a:link, a:visited, a:active{
	color:#d5721e;
 }

.sideNav2{
	color:#000000;
	background-image: url(../imgs/icone_new.gif);
	background-repeat: no-repeat;
	background-position: 1px 10px;

	}
 
.padding5{
	padding:5px 0px 5px 15px;
	
	
}

.bgImgB{
	background:url(../imgs/grid_img_cl.jpg) top repeat-x;
	height:10px;
}

.height_5px{
	padding-top:10px;
}

.paddingR{
	margin-left:35px;
}
.text_Title_caseNP{
	color:#6b7a96;
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;

}

.rightWidth_cs{
	width:298px;
	border-bottom:solid 1px #ccd5d8;
	background:#e9edef;
	 

}

#maincontent_cs{
	 margin:0px 0px 0px 55px;
	 overflow:auto;
	 background:url(../imgs/linebg_cs.jpg) repeat-y right;
	 

}





.servicearea_cs{
	width:500px;
	padding-top:10px;
	padding-left:20px;

} 

.border_col{
	border: solid 1px #dfe6eb;
	padding:3px;
}

.border_0p{
	border: solid 1px #dfe6eb;
}
.links1 {color:#d5721e}


/*---------inner page about-----------*/


.textabout_01{

	line-height: 20px;
	font-size: 13px; 
}


.width270{ width:270px;}
.areawidthruby{ width:580px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:19px;}

.areawidth580{ width:580px;}


.height20_0{ height:20px;}
.height30_1{ height:30px;}

.height10_0{ height:10px;}
.masterBorder{ border:solid 1px #e9edef; padding:2px;}
.bgcolorinner{ background:#dde4e7}

.choose_team{
	background:#e9edef;
	border-top:dashed 1px #d9dfe3;
	border-bottom:dashed 1px #d9dfe3;

}

.chooseheading{height:70px; border-bottom:dashed 1px #d9dfe3;}
.monsoonco-about{height:85px;}

.choose{
	padding:41px 0px 0px 75px;
}


.chooseBTN{
	padding:10px 0px 5px 28px;
}

/*---------Update Css----------*/
.rightWidth{
	width:298px;

}


.borderbottom{
	
	border-bottom:dashed 1px #999999; padding:20px 25px 20px 0; 

}

.paddingtop_02{ padding:25px 0 0 0 }

#paddingL{ padding-left:15px;}
.paddingL021{ padding-left:18px;}
#paddingL-about{ padding-left:20px; padding-right:15px; }
#paddingL-gmap{ padding-left:15px;}
.font15{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:22px;}

.graypipe{ color:#999999;}
.padding05{padding-bottom:5px;}

.height96{height:96px;}
.P-top-bottom {padding:10px 0 0 17px;}
.height33{height:33px;}
.paddingTB2{padding:9px 0 0 5px}
.height20{height:20px;}
.paddingTop15B4{padding:15px 0 4px 0;}
.tPadding12{padding-top:12px;}
.aboutfont{ font-size:12px;}

.border2px { border:solid 4px #CCCCCC;}
.disableCol{ color:#596d92; font-weight:bold;}
.widthHeight{width:539px; height:280px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:539px; height:280px;}