* { margin: 0; padding: 0; }
td{ vertical-align: top; }
img{ border: 0; }
html{ height: 100%; }
.clearboth{ clear: both; }

body{ background: #212c37 url(stripeDark.gif) repeat; }
.topBg{ height: 17px; background: #212c37 url(stripe.gif) repeat; overflow: hidden; }

.headerTopBg{ border-top: 1px solid #000; border-bottom: 1px solid #000; background: #212c37 url(stripeDark.gif) repeat; }

.headerTopPanel{ width: 960px; min-height: 125px; margin: 0 auto 0 auto; }
* html .headerTopPanel{ height: 125px; }
.headerTopLeft{ float: left; width: 550px; min-height: 115px; }
.headerTopRight{ float: right; width: 250px; padding: 52px 0 0 123px; font: 16px/18px arial, helvetica, sans-serif; color: #ebebeb; overflow: hidden; }
.headerTopRight table{ float: right; }
.contactInfoLeft{  width: 250px; height:100px; }
.contactInfoRight{ font: 22px bolder; padding: 0 10px 0 0; }

.logo{ float: left; margin: 0 0 0 16px; }
.cName{ float: left; margin: 53px 0 0 0; font: 24px/24px arial, helvetica, sans-serif; color: #ebebeb; }

.contentBg{ background: #212c37 url(stripe.gif) repeat; border-bottom: 1px solid #000; padding: 16px 0 56px 0;  }
.contentPanel{ width: 960px; margin: 0 auto 0 auto; overflow: hidden; }

.contentTop{ width: 960px; height: 10px; background: url(trans-top-Bg.png) no-repeat; overflow: hidden; }
.contentBottom{ width: 960px; height: 12px; background: url(trans-bottom-Bg.png) no-repeat; overflow: hidden; }
.contentMain{ width: 940px; padding: 0 10px 0 10px; background: url(transBg.png) repeat; }

.menu{ width: 940px; height: 42px; font: 14px/16px arial, helvetica, sans-serif; color: #fff; overflow: hidden; }
.menu a{ display: block; background: url(bgMenuLeft.gif) no-repeat top left; color: #ececf5; text-decoration: none; padding: 14px 28px 26px 22px; }
.menu a:hover{ background: url(bgMenuLeftHover.gif) no-repeat top left; }
td.hmains{ background: url(bgMenuRgiht.gif) no-repeat top right; }
td.hmains:hover{ background: url(bgMenuRgihtHover.gif) no-repeat top right; }

.header{ width: 920px; height: 237px; background: #212c37 url(header-image.jpg) no-repeat top right; border: 10px solid #212c37; overflow: hidden; }

.headerTextLeft{
	float: left;
	width: 315px;
	margin: 56px 0 0 5px;
	color:#ebebeb;
	overflow: hidden;
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
}

.headerTextRight{ float: right; width: 224px; padding: 0 0 20px 0; margin: 31px 20px 0 0; font: 18px/24px arial, helvetica, sans-serif; color:#ebebeb; }
.headerTextRight .box1-title{ font: bold 24px/30px arial, helvetica, sans-serif; color:#fff; letter-spacing: -1px; margin: 0 0 19px 0; }
a.readMore{ display: block; float: right; width: 118px; height: 36px; background: url(readmore.gif) no-repeat; text-decoration: none; }
.readMore{ display: block; float: right; width: 118px; height: 36px; background: url(readmore.gif) no-repeat; text-decoration: none; }

.contentPan{ width: 920px;  background: #ebebeb; margin: 10px 0 0 0;  padding: 10px 10px 10px 10px; font: 12px/18px arial, helvetica, sans-serif; color:#000; }
.contentPan a{ color: #a40778; text-decoration: none; }
.contentPan ul{ list-style: none; margin: 11px 0 12px 16px; }
.contentPan ul li{ background: url(bullet.gif) no-repeat 0 3px; padding: 0 0 0 24px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

.leftCol{ width: 299px; height: 100px; background: #fff; padding: 14px 14px 30px 14px;  }
.centerCol{ width: 262px; height: 100px; background: #fff; padding: 14px 14px 30px 14px; }
.rightCol{ width: 262px; height: 100px; background: #fff; padding: 14px 14px 14px 14px; }
.homeBoxheading{ dislay: block; width: 262px; border-bottom: 1px solid #ebebeb; font: 22px/20px arial, helvetica, sans-serif; color:#a40778; padding: 0 0 8px 0; margin: 0 0 10px 0; overflow: hidden; }

.box2Con{ width: 297px; overflow: hidden; }
.box3Con{ width: 261px; overflow: hidden; }
.box4Con{ width: 261px; overflow: hidden; }

.a{ color: #a40778; text-decoration: none; }

.h-space-1{ width: 8px; overflow: hidden; }

.footer{ width: 960px; min-height: 49px; overflow: hidden; font: 11px/14px arial, helvetica, sans-serif; color: #b4b4b4; text-align: center;  margin: 0 auto 0 auto; padding: 21px 0 0 0; }
* html .footer{ height: 49px; }
.footer a{ color: #b4b4b4; text-decoration: none; }

/**************** STYLES **************/

.txt-36{ font: 36px/34px arial, helvetica, sans-serif; color:#a40778; letter-spacing: -1px; }

h1{ font: bold 26px/24px arial, helvetica, sans-serif; color: #a40778; margin: 15px 0 20px 0; }
h2{ font: 20px/20px arial, helvetica, sans-serif; color: #a40778; margin: 25px 0 10px 0; }
h3{ font: bold 20px/20px arial, helvetica, sans-serif; color: #a40778; margin: 30px 0 10px 0; }
h4{ font: bold 18px/18px arial, helvetica, sans-serif; color: #a40778; margin: 40px 0 10px 0; }

.a{ color: #a40778; text-decoration: none; }
.h-space-1{ width: 8px; overflow: hidden; }

ol{ margin: 12px 0 12px 37px; }
ol li{ margin: 8px 0 0 0; padding: 0 0 0 4px; line-height: 16px; }

ul{ list-style: none; margin: 11px 0 12px 16px; }
ul li{ background: url(bullet-default.gif) no-repeat 0 3px; padding: 0 0 0 24px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

/**************** BOX'S **************/

.box1{
	color: #FFFFFF;
	padding: 0 0 10px 0;
}
.boxTitle1{ font: bold 12px/14px arial, helvetica, sans-serif; color: #fff; padding: 0 9px 0 0px; }
.boxDate1{ font: 10px/12px 'trebuchet ms', helvetica, sans-serif; color: #fff; padding: 10px 9px 0 0px; }
.headerTextRight a{ color: #fff; text-decoration: underline; }
.box1 a{ color: #fff; text-decoration: underline; }
.boxContent1{
	padding: 0 9px 0 0px;
	font-size: 16px;
	line-height: 18px;
}
.boxReadMore1{ padding: 0 9px 0 0px; }
.boxSpacer1{ line-height: 6px; }

.box2{ font: 12px/18px arial, helvetica, sans-serif; color: #000; padding: 0 0 10px 0; }
.boxTitle2{ font: bold 12px/14px arial, helvetica, sans-serif; color: #000; padding: 0 9px 0 0	px; }
.boxDate2{ font: 10px/12px 'trebuchet ms', helvetica, sans-serif; color: #898989; border-top: 1px solid #fff; padding: 10px 9px 0 0px; }
.box2 a{ color: #0c1380; text-decoration: none; }
.boxContent2{ padding: 0 9px 0 0px; line-height: 14px; }
.boxReadMore2{ padding: 0 9px 0 0px; }
.boxSpacer2{ line-height: 0px; }

.box3{ font: 12px/18px arial, helvetica, sans-serif; color: #000; padding: 0 0 10px 0; }
.boxTitle3{ font: bold 12px/14px arial, helvetica, sans-serif; color: #000; padding: 0 9px 0 0	px; }
.boxDate3{ font: 10px/12px 'trebuchet ms', helvetica, sans-serif; color: #898989; border-top: 1px solid #fff; padding: 10px 9px 0 0px; }
.box3 a{ color: #0c1380; text-decoration: none; }
.boxContent3{ padding: 0 9px 0 0px; line-height: 14px; }
.boxReadMore3{ padding: 0 9px 0 0px; }
.boxSpacer3{ line-height: 0px; }

.box4{ font: 12px/18px arial, helvetica, sans-serif; color: #000; padding: 0 0 10px 0; }
.boxTitle4{ font: bold 12px/14px arial, helvetica, sans-serif; color: #000; padding: 0 9px 0 0	px; }
.boxDate4{ font: 10px/12px 'trebuchet ms', helvetica, sans-serif; color: #898989; border-top: 1px solid #fff; padding: 10px 9px 0 0px; }
.box4 a{ color: #0c1380; text-decoration: none; }
.boxContent4{ padding: 0 9px 0 0px; line-height: 14px; }
.boxReadMore4{ padding: 0 9px 0 0px; }
.boxSpacer4{ line-height: 0px; }

/****************** ADDITIONAL STYLES *********************/

ul.check{ list-style: none; margin: 11px 0 12px 16px; }
ul.check li{ background: url(bullet-check.gif) no-repeat 0 3px; padding: 0 0 0 24px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

ul.arrow{ list-style: none; margin: 11px 0 12px 16px; }
ul.arrow li{ background: url(bullet-arrow.gif) no-repeat 0 3px; padding: 0 0 0 24px; margin: 6px 0 0 0;  line-height: 16px; color: #000; }

.info{ width: 584px; padding: 11px 15px 11px 45px; background: #505b66 url(info.gif) no-repeat 11px 15px;  font: 12px/16px arial, helvetica, sans-serif; color:#fff; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow: hidden; }
.info h1{ font: bold 26px/24px arial, helvetica, sans-serif; color: #fff; margin: 0px 0 5px 0; }
.info-thumb{ float: left; margin: 0 10px 10px 0; }
.info a{ color: #fb89db; }

.quotation{ background: url(quotation-start.gif) no-repeat left top; width: 380px; padding: 0 0 10px 45px; }
.quotation p{ background: url(quotation-end.gif) no-repeat right bottom; padding: 0 25px 0 0;  }

a.readMore1{ display: block; float: right; width: 97px; height: 30px; background: url(readmore-inner-1.gif) no-repeat; text-decoration: none; }
a.readMore2{ display: block; float: right; width: 97px; height: 30px; background: url(readmore-inner-2.gif) no-repeat; text-decoration: none; }