/* CSS Document */
body{margin:0 auto; background-color:#1a1817; padding:0;}
h1,h2,h3{ margin:0; padding:0;}
p{ padding:0; margin:0;}
.MTPMain{ margin:0px auto; padding:0px; width:1002px; background-image:url(images/MTP_Center.gif); background-repeat:repeat-y;}

.Header{background-image:url(images/MTP_Header.gif); background-repeat:no-repeat; background-position:top; margin:0; padding:0; width:1002px; float:left;}
.UpperHeader{ width:1002px; height:38px; float:left;}
.MainLogin{float:left; width:1002px; height:45px;}
.LoginLeft{ float:left; width:772px; height:45px;}
.LoginRight{ float:left; width:230px;}
.Login{float:left; font-family:"Trebuchet MS"; font-size:13px; color:#ffffff; width:72px;}
.LoginArea{float:left; width:100px;}
.InputBorder{ border:1px solid #5d5d5c;}
.TxtArea{ filter:alpha(opacity=0); opacity: 0.0; -moz-opacity:0.0; height:10px; font-size:10px; color:#FFCC00;}
.Password{ float:left; font-family:"Trebuchet MS"; font-size:13px; color:#ffffff; width:72px;}
.PasswordArea{float:left; width:100px; padding-top:5px;}


.MainMenu{float:left; width:1002px;}
.MenuLeft{ width:303px; float:left;}
.MenuRight{ width:699px; float:left;}
.MTPMenu{width:680px; float:left;}
.Home{ width:130px; float:left;}
.HomeLeft{background-image:url(images/MTP_Menu_Left.gif); background-repeat:no-repeat; width:6px; height:41px; float:left;}
.HomeCenter{background-image:url(images/MTP_Menu_Center.gif); background-repeat:repeat-x; width:116px; height:41px; float:left;}
.MenuTxt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:41px; text-align:center;}
.MenuTxt a:link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:41px; text-align:center; text-decoration:none;}
.MenuTxt a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:41px; text-align:center;}
.MenuTxt a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:41px; text-align:center; text-decoration:underline;}
.HomeRight{background-image:url(images/MTP_Menu_Right.gif); background-repeat:no-repeat; width:6px; height:41px; float:left;}
.Spacer{ width:3px; font-size:12px; float:left;}


.UpperContent{background-image:url(images/MTP_Menu_Shadow1.gif); background-repeat:no-repeat; width:1002px; height:14px; float:left;}
.UpperContentProcess{background-image:url(images/MTP_UpperContent_Process.gif); background-repeat:no-repeat; width:1002px; height:49px; float:left;}
.UpperContent2{background-image:url(images/MTP_UpperContent.gif); background-repeat:no-repeat; width:1002px; height:49px; float:left;}
.Space{ width:1002px; height:37px; float:left;}

/******* Content Div*****/
.Content{ width:1002px;}
.ContentLeft{ float:left; width:43px;}
.ContentCenter{ float:left; width:919px; background-color:#ffffff;}
.ContentRight{ float:left; width:auto; }


/***** Content Center Divs All*****/

.LeftMenuMain{ float:left; width:267px;}
.ContentTxt{ float:left; width:660px;}
.ContentTxtContactUs{ float:left; width:914px;}

.ContentTxtProcessCenter{ float:left; width:412px;}
.CenterLine{ float:left;  background-image:url(images/MTP_CenterLine.gif); background-repeat:no-repeat; width:34px; height:392px;}
.RightBars{ float:left; background-image:url(images/MTP_YellowPaper.gif); background-repeat:no-repeat; width:206px; height:241px;}
.RightBars h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; padding-left:35px;}

/************ Cloud Formation **************/
.Cloud { float:left; width:186px; margin:10px;}
.Cloud1{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#5b5b5b; font-weight:bold; width:auto;}
.Cloud2{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b; font-weight:bold;  width:auto;}
.Cloud3{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5b5b; font-weight:normal; width:auto;}
.Cloud4{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#5b5b5b; font-weight:normal; width:auto;}
.Cloud5{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#5b5b5b; font-weight:normal; width:auto;}
.Cloud6{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#5b5b5b; font-weight:bold; width:auto;}
.Cloud7{ float:left; margin-left:5px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#5b5b5b; font-weight:bold; width:auto;}
.Cloud8{ float:left; margin-left:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#5b5b5b; font-weight:normal; width:auto;}

.ReadMore{ float:left; width:186px;  margin:10px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000;}
.ReadMore a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:none;}
.ReadMore a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:none;}
.ReadMore a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:underline;} 

/************Content Center Divs Portfolio*************/
.PortFolioLeft{ width:340px; float:left;}
.PortFolioCenter{ float:left; width:50px;}
.PortFolioRight{ float:left; width:529px; padding-left:50px;}
.PortfolioTxt h1{ font-family:"Trebuchet MS"; font-size:25px; color:#000000; font-weight:normal; padding-left:10px;}
.PortfolioTxt p{  font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#837877; padding-left:10px;}
.PortFolioRight ul{ float:left; list-style:none; padding:0; margin:0;} 
.PortFolioRight ul li{ float:left; list-style:none; padding:10px;} 
.Image{ float:left; width:auto;}


/************ Left Menu Divs************/
.LeftMenu{ float:left; width:254px;}
.WhiteSpace{ float:left; height:25px; width:auto;}
.Discovry{}
.InfoArchi{}
.SearchEngine{}
.InternetM{}
.Ecommerce{}
.ContentManage{}
.ApplicationDevel{}
.Visual{}
.Development{}
.Marketing{}
.WhitePaper{ float:left; width:225px;}
.WhitUpper{background-image:url(images/MTP_WhitePaperUpper.gif); background-repeat:no-repeat; width:225px; height:70px; float:left;}
.WhitUpper h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; padding-left:40px; line-height:30px;}

.WhitCenter{background-image:url(images/MTP_WhitePaperCenter.gif); background-repeat:repeat-y; width:225px; height:auto; float:left;}
.WhitBottom{background-image:url(images/MTP_WhitePaperBottom.gif); background-repeat:no-repeat; width:225px; height:89px; float:left;}
.WhiteTxt{ margin-left:20px; width:205px; font-family:arial; font-size:11px; color:#5b5b5b; height:37px; line-height:37px;}
.WhiteTxt a:link{ font-family:arial; font-size:11px; color:#5b5b5b; height:37px; line-height:37px; text-decoration:none;}
.WhiteTxt a:visited{ font-family:arial; font-size:11px; color:#5b5b5b; line-height:37px; text-decoration:none;}
.WhiteTxt a:hover{ font-family:arial; font-size:11px; color:#000000; line-height:37px; text-decoration:underline;}

/************ News Section*********/
.NewsSection{ margin-top:25px; background-image:url(images/MTP_WhitePaper.gif); width:222px; height:276px;}
.NewsSection h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; padding-left:25px; padding-top:10px;}
.NewsSection p{ padding-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b; text-align:justify; padding-top:40px; font-weight:bold;}
.NewsSection p a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5b5b; text-align:justify; font-weight:bold; text-decoration:none; line-height:26px;}
.NewsSection p a:visited{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5b5b; text-align:justify; font-weight:bold; text-decoration:none;}
.NewsSection p a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5b5b5b; text-align:justify; font-weight:bold; text-decoration:underline;}


/************ Content Text Area Divs***********/
.ContentHeading{ font-family:"Trebuchet MS"; font-size:25px; color:#000000;}
.ContentHeading h1{ font-family:"Trebuchet MS"; font-size:25px; color:#000000; font-weight:normal;}
.ParaTxt{ clear:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; padding-top:15px;}
.ParaTxt a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000066;  text-decoration:none;}
.ParaTxt a:visited{  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636;  text-decoration:none;}
.ParaTxt a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636;  text-decoration:underline;}

.ContentTxt ul li{ list-style:upper-alpha;}
.ContentTxt ul li a:link{ color:#333333; text-decoration:underline;}
.ContentTxt ul li a:visited{ text-decoration:none;}
.ContentTxt ul li a:hover{ text-decoration:none;}

.ParaTxtRed{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#d72917; padding-top:10px;}
.ParaTxtRed a:link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#d72917; text-decoration:none; }
.ParaTxtRed a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#d72917; text-decoration:none;}
.ParaTxtRed a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#d72917; text-decoration:underline;}

.Special{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#4e4848; padding-top:10px;}
.SpecialRed{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#e03222; padding-top:10px;}
.TextNormal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#e03222;}

.WhiteSpaceLine{ float:left; width:660px;}
.VisitSite { float:left; text-align:center; width:660px;}
.VisitSite a:link{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#363636; font-weight:bold;  text-decoration:none;}
.VisitSite a:visited{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#363636; font-weight:bold;  text-decoration:none;}
.VisitSite a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#363636; font-weight:bold;  text-decoration:underline;}

#loadarea{ float:left; padding:30px;}
.WhiteSpaceLine h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:normal;}
.WhiteSpaceLine p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding:5px;}
.WhiteSpaceLine ul{ list-style:none; float:left; padding:0; margin:0;}
.WhiteSpaceLine ul li{ list-style:none; float:left; margin:0; padding-left:30px;}
.WhiteSpaceLine ul li a:link{ border:none;}
.WhiteSpaceLine ul li a:visited{ border:none;}
.WhiteSpaceLine ul li a:hover{ border:none;}


.ContentTxtProcessCenter ul li{ list-style:circle; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636;}


.ImageSpace{ float:left; width:20px;}

.Blog{ width:660px; float:left; margin-top:20px;}
.BlogSpace{ width:20px; float:left;}
.BlogPics{ float:left; width:auto;}
.Red{ float:left; width:auto;}
.Red a:link{ border:none;}
.Green{ float:left; width:auto;}
.Blue{ float:left; width:auto;}



/*********** Contact Us Page **********/
.ContactInfoMap{width:888px; float:left; padding-left:30px;}
.ContactInfoMap .ContactInfo{width:200px; float:left;}
.ContactInfoMap .ContactInfo a:link{ font-weight:bold; color:#333333; text-decoration:none;}
.ContactInfoMap .ContactInfo a:visited{font-weight:bold; color:#333333; text-decoration:none;}
.ContactInfoMap .ContactInfo a:hover{font-weight:bold; color:#333333; text-decoration:underline;}
.ContactInfoMap .ContactCentr{width:3px; float:left;}
.ContactInfoMap .ContactMap{width:535px; float:left; padding:20px 0 0 150px;}

.ContactLine{width:888px; height:1px; font-size:1px; float:left; padding:30px 0 30px 30px;}

.ContactProInterested{width:888px; height:auto; float:left; padding-left:30px;}
.ContactProInterested .ContactTitleLft{width:100px; float:left;}
.ContactProInterested .ContactInputLft{width:255px; float:left;}
.ContactProInterested .ContactTitleRgt{width:110px; float:left; margin-left:45px;}
.ContactProInterested .ContactInputRgt{width:300px; float:left;}
.ParaTxtWithlHight{ clear:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; line-height:20px;}
.ParaTxtWithlHightNew{ clear:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#363636; line-height:50px; padding-left:30px;}

.ContactCheck{width:888px; height:auto; float:left; padding-left:30px;}
.ContactCheck .Box1{width:35px; height:auto; float:left;}
.ContactCheck .Title1{width:350px; height:auto; float:left;}
.ContactCheck .Box2{width:35px; height:auto; float:left;}
.ContactCheck .Title2{width:350px; height:auto; float:left;}

.ContactRadio{width:888px; height:auto; float:left; padding-left:30px;}
.ContactRadio .Box1{width:35px; height:auto; float:left;}
.ContactRadio .Title1{width:350px; height:auto; float:left;}
.ContactRadio .Box2{width:35px; height:auto; float:left;}
.ContactRadio .Title2{width:350px; height:auto; float:left;}


/*********** Text Formatting**********/
.WhiteLine{ float:left; width:660px;}
.HeadingLine{ float:left; height:29px; width:660px;}
.HeadingLeft{background-image:url(images/Mtp_HeadingLeftImage.gif); background-repeat:no-repeat; width:6px; height:29px; float:left;}
.HeadingCenter{background-image:url(images/Mtp_HeadingCenterImage.gif); background-repeat:repeat-x; width:648px; height:29px; float:left;}
.HeadingText{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#000000; line-height:30px;}
.HeadingRight{background-image:url(images/Mtp_HeadingRightImage.gif); background-repeat:no-repeat; width:6px; height:29px; float:left;}



/************ footer*********/
.Footer{background-image:url(images/MTP_Footer.gif); background-repeat:no-repeat; background-position:bottom; width:1002px; height:174px; float:left;}
.Left{ float:left; width:46px;}
.FooterContent{ float:left; padding-top:20px; width:auto;}
.WebDesignTxt{width:350px; float:left;}
.WebDesignTxt h1{ font-family:verdana; color:#ffffff; font-size:13px;}
.WebDesignTxt p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px;}
.Space{ width:30px; float:left;}
.ContactUsTxt{ width:210px; float:left;}
.ContactUsTxt h1{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px;}
.ContactUsTxt h1 a:link{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; text-decoration:none;}
.ContactUsTxt h1 a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; text-decoration:none;}
.ContactUsTxt h1 a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; text-decoration:none;}
.ContactUsTxt p{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px;}
.ContactUsTxt p a,a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; text-decoration:none;}
.ContactUsTxt p a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; text-decoration:underline;}
.ServicesTxt{ width:237px; float:left;}
.ServicesTxt h1{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px;}
.ServicesTxt p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;}
.ServicesTxt p a,a:visited{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none;}
.ServicesTxt p a:hover{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:underline;}


.ThanksTxt{ clear:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; font-weight:bold; text-align:center; line-height:50px; padding-left:30px;}


/**********AJAX Form Validation*************/
.panel {clear: both; display: none;	border: 3px solid #CCC;	padding: 1em;}
.panel.active-tab-body {display: block;}
#tabs {	list-style: none;}

#tabs li {	float: left;}

#tabs a {float: left; padding: 5px 8px;	margin-left: 6px; background-color: #F2F2F2; text-decoration: none; color: #999999;}

#tabs a.active-tab {background-color: #CCC; border-top: 3px solid #999;	padding-top: 3px; color: #000;}
input.disabled {border: 1px solid #F2F2F2; background-color: #F2F2F2;}
input.required, textarea.required {}
input.validation-failed, textarea.validation-failed {border: 1px solid #000; color : #000;}
input.validation-passed, textarea.validation-passed {border: 1px solid #000; color : #000;}
.validation-advice {margin: 5px 0; padding: 5px; background-color: #777;	color : #FFF; font-weight: bold; font-family:"Trebuchet MS"; font-size:12px}
.custom-advice {margin: 5px 0; padding: 5px; background-color: #C8AA00;	color : #FFF; font-weight: bold;}
fieldset {padding: 1em;	margin-bottom: 0.5em;}
label {font-weight: bold;}
.form-row {clear: both;	padding: 0.5em;}
.field-label {}
.field-widget {}