/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ General Classes */
.FL {	float: left;	}
.FR {	float: right;	}
.CL {	clear: left;	}
.CR {	clear: right;	}
.Clear {	clear: both;	}
.PR {	position: relative;	}
.PA {	position: absolute;	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Heading Classes */
/*h1.Title, h2.Title, h3.Title, h4.Title { font-weight: normal; }*/
h2.Title {
    font-size: 30px;
    line-height: 36px;
}
h3.Title {
    font-size: 16px;
    line-height: 20px;
}
h4.Title {
    font-size: 14px;
    line-height: 16px;
}
h5.Title {
    font-size: 12px;
    line-height: 16px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Heading Classes */

.TxtBold	{	font-weight: bold;	}
.TxtRed		{	color: #ff0000;	}
.TxtRedDark {	color: #dc603f;	}
.TxtBlue	{	color: #3f7ebb;	}
.Bold		{	font-weight: bold;	}
.BGNone		{	background: none;	}

a {
    color: #3F7EBB;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.RedBig {
    color: #dc603f;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}
a.RedBig:hover, a.RedBig.Active {
    text-decoration: none;
}

/* ~~~~~~~~~~~~~~~~~~ Margin Classes */
.MT5	{	    margin-top: 5px;	}
.MT10	{	    margin-top: 10px;	}
.MT20	{	    margin-top: 20px;	}
.MT30	{	    margin-top: 30px;	}
.MT35	{	    margin-top: 35px;	}
.MT40	{	    margin-top: 40px;	}
.MT60	{	    margin-top: 60px;	}
.MT65	{	    margin-top: 65px;	}
.MT75	{	    margin-top: 75px;	}
.MT80	{	    margin-top: 80px;	}
.MT100	{	    margin-top: 100px;	}
.MT110	{	    margin-top: 110px;	}
.MT160	{	    margin-top: 160px;	}
.MT-10	{	    margin-top: -10px;	}
.MT25	{	    margin-top: 25px;	}
.MT-56	{	    margin-top: -56px;	}

.MR5	{	    margin-right: 5px;	}
.MR10	{	    margin-right: 10px;	}
.MR20	{	    margin-right: 20px;	}
.MR30	{	    margin-right: 30px;	}
.MR40	{		margin-right: 40px;	}
.MR95	{	    margin-right: 95px;	}

.MB5	{	    margin-bottom: 5px;	}
.MB10	{	    margin-bottom: 10px;	}
.MB20	{	    margin-bottom: 20px;}
.MB30	{	    margin-bottom: 30px;	}
.MB40	{	    margin-bottom: 40px;	}

.ML5	{	    margin-left: 5px;}
.ML10	{	    margin-left: 10px;}
.ML15	{	    margin-left: 15px;	}
.ML20	{	    margin-left: 20px;	}
.ML25	{	    margin-left: 25px;	}
.ML30	{	    margin-left: 30px;}
.ML35	{	    margin-left: 35px;	}
.ML40	{	    margin-left: 40px;	}
.ML50	{		margin-left: 50px;	}
.ML55	{	    margin-left: 55px;	}
.ML60	{	    margin-left: 60px;	}
.ML65	{	    margin-left: 65px;	}
.ML75	{	    margin-left: 75px;	}
.ML80	{	    margin-left: 80px;	}
.ML82	{	    margin-left: 82px;	}
.ML85	{	    margin-left: 85px;	}
.ML90	{	    margin-left: 90px;	}
.ML215	{	    margin-left: 215px;	}
.ML-20	{	    margin-left: -24px;	}
/* ~~~~~~~~~~~~~~~~~~ /end Margin Classes */

.Clear50 {
    float: left;
    display: inline;
    width: 100%;
    height: 50px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end General Classes */

html {
	width: 100%;
	height: 100%;
	background: #2a3853 url("../images/New/BGTextures.gif") no-repeat 50% 114px;
}

body {
	color: #222222;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
	background: url("../images/New/BGBody.gif") repeat-x 0 0;
}

#Wrapper {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#Header {
	width: 944px;
	height: 114px;
	margin: 0 auto;
}
#Logo {
	float: left;
	width: 169px;
	height: 97px;
	margin-top: 10px;
	background: url("../images/New/Logo.png") no-repeat 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menus */
#MenuHeader {
	float: right;
	width: auto;
	height: 24px;
	color: #205a85;
	font-size: 12px;
	font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;
	text-transform: uppercase;
	margin-top: 90px;
}
#MenuHeader ul {
	float: right;
}

#MenuHeader li {
	float: left;
	margin: 0px;
	color: #a8a8a8;
	padding: 0px 0px 0px 10px;
}
#MenuHeader li a {
	color: #205a85;
	text-decoration: none;
}
#MenuHeader li a:hover, #MenuHeader li a.Active {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #5799cc;
}
ul.MenuLeft {
	float: left;
	width: 201px;
	margin-top: 30px;
}
ul.MenuLeft li {
	float: left;
	width: 201px;
	padding: 5px 0px;
	color: #205a85;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px dashed #d6d6d6;
}
ul.MenuLeft li a {
	display: block;
	width: 180px;
	color: #205a85;
	padding: 4px 0 4px 10px;
	text-decoration: none;
}
ul.MenuLeft li a:hover, .ul.MenuLeft li a.Active {
	color: #ffffff;
	text-decoration: none;
	background: #205a85;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Menus */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Panel/ Containers */
.MainContainer {
	float: left;
	width: 944px;
	height: auto;
	padding: 0px 18px 0px 18px;
	background: url("../images/New/BGContainer.png") repeat-y 0 0;
}
.ContainerTop {
	width: 980px;
	height: 18px;
	margin: 0px -18px;
	background: url("../images/New/BGContainerTop.png") 0 0;
}
.Slider {
	float: left;
	width: 944px;
	height: 380px;
	border-bottom: 2px solid #ffffff;
}
.PanelLeft {
	float: left;
	width: 201px;
	min-height: 550px;
/*	background: url("../images/New/ContantPanelLeft.gif") repeat-y 0 0;*/
}
.PanelMiddle {
	float: left;
	width: 484px;
	padding: 30px 29px 50px;
}

.PanelLeft h2{
	color:#205a85;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	margin:32px 0 0 4px;
}
.PanelLeft p{
	color:#454545;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Panel/ Containers */

.ContantArea {
	float: left;
	width: 944px;
}
.ContantArea.BGIndex {
	background: url("../images/New/ContainerRep.gif") repeat-y 0 0;
}
.ContantArea.BGGeneral {
	background: url("../images/New/BGLeft.png") repeat-y 0 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bottom Logos */
.UlLogos {
	float: left;
	margin-top: 60px;
}
.UlLogos li {
	float: left;
	width: 484px;
	padding: 0px 0px 25px 0px;
}
.UlLogos li a.SC,
.UlLogos li a.HM,
.UlLogos li a.LM,
.UlLogos li a.BC  {
	float: left;
	width: 190px;
	height: 75px;
}
.UlLogos li a.SC {
	background: url("../images/New/Logos.png") no-repeat 0 0;
}
.UlLogos li a.SC:hover {
	background: url("../images/New/Logos.png") no-repeat -191px 0;
}

.UlLogos li a.HM {
	background: url("../images/New/Logos.png") no-repeat 0 -75px;
}
.UlLogos li a.HM:hover {
	background: url("../images/New/Logos.png") no-repeat -191px -75px;
}

.UlLogos li a.LM {
	background: url("../images/New/Logos.png") no-repeat 0 -149px;
}
.UlLogos li a.LM:hover {
	background: url("../images/New/Logos.png") no-repeat -191px -149px;
}

.UlLogos li a.BC {
	background: url("../images/New/Logos.png") no-repeat 0 -225px;
}
.UlLogos li a.BC:hover {
	background: url("../images/New/Logos.png") no-repeat -191px -225px;
}

.UlLogos li p {
	float: left;
	width: 275px;
	padding-left: 19px;
}
.UlLogos li h2 {
	float: left;
	width: 484px;
	color: #205a85;
	font-size: 14px;
	font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;
	text-transform: uppercase;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Bottom Logos */

.Bullet li {
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    background: url("../images/Bullet.gif") no-repeat 0 6px;
}
.BulletRemove li {
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    background: none;
}

.BulletA li {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    background: url("../images/New/BulletB.gif") no-repeat 0 6px;
}



.PanelRight {
	float: left;
	width: 190px;
	/*height: 87px;*/
	padding: 20px 0 0px 10px;
}

.PanelRight div.PanelRightTop {
	float: left;
	width: 161px;
}

.PanelRightTop h2 {
	font-family: Times New Roman;
	font-size: 22px;
	color: #4b6385;
}
.PanelRightTop p {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #5a5a5a;
	font-style: italic;
}

.PanelRightTop p.Smalltext {
	font-family: Arial;
	font-size: 12px;
	color: #a0a0a0;
	font-style: normal;
}
.PanelRightTop p span {
	font-family: Arial;
	font-size: 12px;
	color: #3e7cb9;
}
.PanelRightTop p.Divider {
	width: 160px;
	height: 12px;
	background: url("../images/New/Divider.gif") no-repeat 0 0;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Get My Project Started */

.Banner {
	float: left;
	width: 944px;
	height: 100px;
	background: url("../images/New/banner.jpg") no-repeat 0 0;
}
.Panel694 {
	float: left;
	width: 694px;
	margin-left: 49px;
	margin-top: 35px;
	padding-bottom: 100px;
}
.Panel694 h4,
.PanelMiddle h4 {
	color: #e8644d;
	font-size: 30px;
	line-height: 34px;
	font-weight: normal;
	margin-bottom:10px;
}
.Panel694 h3 {
	color: #3f7ebb;
	font-size: 18px;
	font-weight: normal;
}

.Panel694 p {
	color: #404040;
	font-size: 13px;
	line-height:18px;
	font-weight: normal;
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
}
.Panel694 p span.BlueLink {
	color: #1c598e;
	font-size: 13px;
	line-height:18px;
	font-weight: normal;
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
}
.Panel694 ul.Form {
	float: left;
	margin-top: 15px;
}
.Panel694 ul.Form li {
	float: left;
	width: 210px;
}
.Panel694 ul.Form li h2 {
	color: #3e81b7;
	font-size: 13px;
}
.Textbox {
	width: 182px;
	height: 22px;
	border: 1px solid #bababa;
	background: #fafafa;
}

.Panel694 span.Btn {
	float: left;
	padding-left: 4px;
	margin-top: 10px;
	background: url("../images/New/InputBTN.png") no-repeat 0 0;
}
span.Btn:hover {
	background: url("../images/New/InputBTN.png") no-repeat 0 -27px;
}

span.Btn input[type=button] {
	float: left;
	width: auto;
	height: 27px;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	border: none;
	padding-right: 4px;
	padding-left: 0;
	overflow: visible;
	background: url("../images/New/InputBTN.png") no-repeat 100% -54px;
}
span.Btn input[type=button]:hover {
	background: url("../images/New/InputBTN.png") no-repeat 100% 100%;
}



.Panel694 a.InputBtn:hover {
	background: url("../images/New/InputBTN.png") no-repeat 0 100%;
}
.Step2 {
	float: left;
	width: 694px;
	margin-top: 80px;
}
.Step2 ul {
	float: left;
	width: 690px;
	padding: 0px 2px;
	margin-top: 15px;
}
.Step2 ul li {
	float: left;
	width: 210px;
	min-height: 47px;
	padding-top: 10px;
	text-align: center;
	background: url("../images/New/Arrow.png") no-repeat 100% 0;
}
.Step2 ul li a {
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
	color: #e8644d;
	font-size: 14px;
	text-decoration: underline;
}
.Step2 ul li a:hover,
.Step2 ul li a:Active {
	color: #e8644d;
	text-decoration: none;
}
.Step3 {
	float: left;
	width: 694px;
	margin-top: 80px;
}
.Step3 a.HighlyText {
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
	color: #e8644d;
	font-size: 14px;
	text-decoration: underline;
	float:left;
	margin-top:5px;
}
.Step3 a.HighlyText:hover,
.Step3 a.HighlyText:Active {
	color: #e8644d;
	text-decoration: none;
}
.Step3 ul {
	float: left;
	width: 690px;
	margin-top: 5px;
}
.Step3 ul li {
	padding: 0 0px 0px 10px;
	margin: 0 0px 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Get My Project end */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Business Automation Started */
.Shadowbox {
	float: left;
	width: 694px;
	margin-top: 60px;
	margin-left: 69px;
}
.Shadowbox li {
	width: 440px;
	height: 60px;
	color: #505050;
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
	font-family: 'Trebuchet MS' , Helvetica, sans-serif;
	background: url("../images/New/BusinessBox.png") no-repeat 0 0;
}
.Shadowbox li a.BlueText {
	color: #2b9cd6;
	line-height:24px;
	text-decoration: underline;
}
.Shadowbox li a.BlueText:hover,
.Shadowbox li a.BlueText:Active {
	color: #2b9cd6;
	text-decoration: none;
}
.Shadowbox li a.OrangeText {
	color: #e8644d;
	text-decoration: underline;
	line-height:24px;
}
.Shadowbox li a.OrangeText:hover,
.Shadowbox li a.OrangeText:Active {
	color: #e8644d;
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Business Automation end */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Software Application */
.DiagramFluent {
    float: right;
    display: inline;
    width: 248px;
    height: 205px;
    background: url("../images/DiagramFluent.png") top left no-repeat;
}
.DiagramSApplication {
    float: left;
    display: inline;
    width: 600px;
    height: 232px;
    padding-top: 195px;
    background: url("../images/DiagramSoftwareApplication.png") top left no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Software Application */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Slider Classes */
#slide0 {
	background: url(../../Content/Slider/Images/01.jpg);
}

#slide0-1 a, #slide1-1 a, #slide2-1 a, #slide3-1 a, #slide4-1 a {
	color: #ffffff !important;
	text-decoration: inherit;
}

#slide0-1 h2 a, #slide1-1 h2 a, #slide2-1 h2 a, #slide3-1 h2 a, #slide4-1 h2 a {
	color: #ffffff !important;
	text-decoration: inherit;
	font-size: 28px;
	font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;
}
#slide0-1, #slide1-1, #slide2-1, #slide3-1, #slide4-1 {
	top: 70px;
	font-size: 28px;
	color: #ffffff !important;
}
#slide0-1 {
	left: 650px;
}
#slide1-1 {
	left: 62px;
}
#slide2-1 {
	left: 650px;
}
#slide3-1 {
	left: 49px;
}
#slide4-1 {
	left: 668px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Slider Classes */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer */
#FooterWrapper {
	width: 100%;
	height: 84px;
	background: #1d283c;
}

.Footer {
	margin: 0 auto;
	width: 940px;
	overflow: hidden;
	padding: 20px 20px 0;
	background: url("../images/New/BGContainerBottom.png") no-repeat 10px 0;
}
.CopyRight {
	float: left;
	font-size: 11px;
	color: #777f90;
}
.Footer ul {
	float: right;
}
.Footer ul li {
	float: left;
	margin: 0 5px;
	color: #d8d8d8;
	font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , sans-serif;
}
.Footer ul li a {
	color: #d8d8d8;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
.Footer ul li a:hover {
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Footer */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ul Style */
.ULTitle {
	float: left;
	width: 484px;
}
.ULTitle li {
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
}
.ULTitle li h4 {
	float: left;
	width: 126px;
	color: #cc753b;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
}
.ULTitle li p {
	float: left;
	width: 358px;
}



.HQList li {
  /*  border-left: 4px solid #f4f8fa;*/
    border-bottom: 1px dashed #dbe2e6;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
}
.HQList li p {
    margin: 5px 20px 0 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /end Ul Style */
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.BoxGradientA { float:left;
                width:182px;
                height:280px;
                margin-left:5px;
				background: url("../images/New/BoxGradient.png") no-repeat 0 0;
}
.BoxGradientA h2 { 
                float:left;
                width:182px;
                margin-top:16px;
                } 
.BoxGradientA h2 span { 
				display:none;
                } 
.BoxGradientA h2.HDFreeSecurity { 
                height:41px;
				background: url("../images/New/SpriteTitle.png") no-repeat 50% 0;
}  
.BoxGradientA h2.HDContactUs { 
                height:20px;
				background: url("../images/New/SpriteTitle.png") no-repeat 50% -41px;
}  
 
             

.FormStyleA {
	margin:15px 0 0 13px;
}
.FormStyleA li{
	margin-bottom:7px;
	*margin-bottom:4px;
}
.FormStyleA li input[type=text]{
	width:153px;
	height:22px;
}
.FormStyleA li textarea{
	width:153px;
	height:70px;
}
.FormStyleA input[type=text],
.FormStyleA textarea {
	border:1px solid #e3e0e0;
	background:#ffffff url("../images/New/FormStyleA_BG.png") repeat-x 0 0;
}
.FormStyleA input[type=text]:focus,
.FormStyleA textarea:focus {
	border:1px solid #21576b;
	background:#ffffff;
}

.FormStyleA input[type=button].BTNFreen {
	float:left;
	width:141px;
	height:24px;
	border:none;
	margin-top:4px;
	cursor:pointer;
	background: url("../images/New/SpritBTN.png") no-repeat 0 0;
}
.FormStyleA input[type=button].BTNFreen:hover,
.FormStyleA input[type=button].BTNFreen:focus {
	background: url("../images/New/SpritBTN.png") no-repeat 0 100%;
}

.FormStyleA small {
	font-size:10px;
	line-height:14px;
	color:#f2f2f2;
}
input.error, .input-validation-error {
	border: 1px solid #ff0000 !important;
	background-color: #ffeeee !important;
}
textarea.error, .input-validation-error {
	border: 1px solid #ff0000 !important;
	background-color: #ffeeee !important;
}