﻿/* Author: Sheril Jebasingh, Email: mailsheril@gmail.com *//* All rights reserved. Copying, distribution or disclosure without Author's permission is prohibited */
/*****  BASIC PROPERTIES ******/
body{
	margin: 0;
	padding-bottom: 40px;
	font: 80%/1.4em verdana, arial, helvetica, sans-serif;
	background: #d6c2a3 url('../images/bodyBg.gif') repeat-x;
	color: #666;
}
input, textarea, select{
	font-size: 100%;
	font-family: verdana;
}
a:link{color: #039; text-decoration: underline;}
a:visited{color: #60064e; text-decoration: underline;}
a:active, a:hover{text-decoration: none;}
img{border: 0;}
h1, h2, h3, h4, h5, h6, form{margin: 0;}
h1{
	padding: 25px 25px 10px;
	font-size: 135%;
	background: #fff;
}
h2{margin: 0 0 0.75em; font-size: 1em;}
h3{font-size: 115%;}
h4{font-size: 105%;}
h5{font-size: 95%;}
p, ul, ol, dl{
	padding: 0;
	margin: 0 0 1.5em;
}
ul{margin-left: 2em;}
ul li{
	padding-left: 20px;
	padding-bottom: 4px;
	list-style: none;
	background: url('../images/bullet.gif') 0 2px no-repeat;
}
ol{margin-left: 2.5em}
dl dt{
	font-weight: bold;
	margin-bottom: 0.25em;
}
dl dd{margin-bottom: 0.25em;}
table{border-collapse: collapse;}
hr{
	height: 1px;
	margin: 15px 0;
	*margin: 9px 0;	
	border: 0;
	background: #f2f2f2;	
	color: #f2f2f2;
}

/***** BASIC LAYOUT *****/
div.wrapper{
	width: 798px;
	margin: 0 auto;
	padding: 0 10px;
	background: url('../images/wrapperBg.png') repeat-y;
	_padding: 0;
	_border-left: 2px solid #a29684;
	_border-right: 2px solid #a29684;
	_background: none;
}
div.header{
	width: 777px;
	margin: 0 auto;	
	padding: 3px 20px 23px 21px;
	background: url('../images/headerSeperator.gif') left bottom no-repeat;
	_width: 761px;
	_background-image: url('../images/headerSeperatorIE.gif');
}
div.logo{float: left;}
div.quickNavContainer{float: right; padding-top: 3px;}
div.mainContent{
	padding: 20px;
	background: #fff;
}
/* Footer */
div.footer{
	width: 760px;
	padding: 17px 19px;
	*padding-bottom: 0;
	line-height: 1.1em;
	background: #666 url('../images/footerBg.gif') repeat-x;
	color: #999;
}
div.footer p{float: left; margin: 0;}
ul.footerNav, ul.quickNav{
	float: right;
	margin: 0;
	padding: 0;
}
ul.footerNav li, ul.quickNav li{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
/*** Quick Nav and Footer Nav ***/
ul.footerNav li a, ul.footerNav li a:visited{color: #999; text-decoration: none;}
ul.quickNav li a, ul.quickNav li a:visited{color: #a8a8a8; text-decoration: none;}
ul.footerNav li a:active, ul.footerNav li a:hover,
ul.quickNav li a:active, ul.quickNav li a:hover{text-decoration: underline;}

ul.footerNav span.sep, ul.quickNav span.sep{
	padding: 6px;
	font-size: 0.9em;
	color: #ffeea8;	
}
ul.footerNav span.sep{color: #4c4c4c;}

/***** MISCELLANEOUS *****/
.underline{text-decoration: underline;}
.show{display: block;}
.hide{display: none;}
.small{font-size: 0.95em;}
p.last{margin-bottom: 0;}
.subHeading{
	font-weight: bold;
	font-size: 1.2em;
	color: #c90;
}
.clearFix{
	display: block !important;
	clear: both !important;
	float: none !important;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/********** Basic Form Styles **********/
/* Form Row */
div.formRow{padding-bottom: 10px; width: 100%;}
div.formRow label{
	display: block;
	float: left;
	width: 160px;
	padding: 4px 10px 2px 0;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
}
span.validator{
	padding-left: 5px;
	font-weight: normal;
	color: red;
}
span.fieldInfo{
	font-size: 0.95em;
	line-height: 2em;
}
/***** Fields *****/
input.fieldOpt{
	margin: 0;
	*height: 13px;
	*width: 13px;
}
input.fieldTxt,
input.fieldTxtSmall{
	float: left;
	margin: 0 5px 0 0;
	width: 200px;
	padding: 5px;
	border: 1px solid #b2b2b2;
	background: #fff;
}
input.fieldTxtSmall{width: 100px;}
select{
	padding: 1px 0;
	width: 212px;
	border: 1px solid #b2b2b2;
}
textarea{
	width: 208px;
	height: 150px;
	resize: none;	
	background: #fff;
	border: 1px solid #b2b2b2;
} 
input.fieldUpload{margin-right: 5px;}
.fieldUpload{width: 215px;}
/* Captcha */
div.captchaContainer{
	width: 230px;
	margin-left: 170px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #fdf0d4; 
	background: #fffcf4;
}
/* Form Messages */
div.message{
	margin-bottom: 18px;
	padding: 12px;
	border: 1px solid #fbe1a9;
	background: #fff8ea;
	color: #b66400;	
}
div.message p{margin: 0 0 2px;}
p.alert{color: #ff0000;}
/* Required Field Information */
p.reqFieldInfo{
	padding-top: 10px;
	font-size: 0.95em;
}
p.reqFieldInfo span{color: red;}
/* Button */
a.btn{
	display: block;
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 22px;
	text-indent: -999em;
	background: url('../images/spriteBtn.gif') no-repeat;
}
a.btn:focus{outline: none;}
a.btnSend{background-position: 0 0;}
a.btnSend:hover{background-position: 0 -22px;}
a.btnReset{background-position: -60px 0;}
a.btnReset:hover{background-position: -60px -22px;}

div.btnContainer{padding-left: 170px;}

/********** Components **********/
div.globalNavContainer{
	height: 61px;
	padding-top: 1px;
	background: url('../images/menuBg.gif') repeat-x;
}
ul.globalNav{
	float: left;
	margin: 0;
	padding: 0;
}
ul.globalNav li{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
ul.globalNav li a{
	display: block;
	padding: 22px 0;
	text-indent: -999em;
	background: url('../images/sprite.gif') no-repeat;
}
ul.globalNav li a:focus{outline: none;}
ul.globalNav li.sel{background: url('../images/spriteGlobalNavSelBg.gif') repeat-x;}

ul.globalNav li a.link1{width: 101px;}
ul.globalNav li a.link1:hover{background-position: 0 -61px;}
ul.globalNav li.sel a.link1{background-position: 0 -122px !important;}

ul.globalNav li a.link2{width: 129px; background-position: -102px 0;}
ul.globalNav li a.link2:hover{background-position: -102px -61px;}
ul.globalNav li.sel a.link2{background-position: -102px -122px;}

ul.globalNav li a.link3{width: 119px; background-position: -232px 0;}
ul.globalNav li a.link3:hover{background-position: -232px -61px;}
ul.globalNav li.sel a.link3{background-position: -232px -122px !important;}

ul.globalNav li a.link4{width: 141px; background-position: -352px 0;}
ul.globalNav li a.link4:hover{background-position: -352px -61px;}
ul.globalNav li.sel a.link4{background-position: -352px -122px !important;}

div.menuEnd{
	float: right;
	width: 253px;
	height: 61px;
	background: url('../images/sprite.gif') -747px 0 no-repeat;
}

/***** Connect With Us *****/
ul.connectNav{
	float: right;
	margin: 0;
	padding: 38px 0 0;
}
ul.connectNav li{
	float: left;
	margin: 0;
	padding: 0 6px 0 0;
	list-style: none;
	background: none;	
}
ul.connectNav li a{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	background: url(../images/sprite.gif)
}
ul.connectNav li a:focus{outline: none;}
ul.connectNav li.link1 a{background-position: -651px 0;}
ul.connectNav li.link1 a:hover{background-position: -651px -32px;}

ul.connectNav li.link2 a{background-position: -683px 0;}
ul.connectNav li.link2 a:hover{background-position: -683px -32px;}

ul.connectNav li.link3{padding: 0;}
ul.connectNav li.link3 a{background-position: -715px 0;}
ul.connectNav li.link3 a:hover{background-position: -715px -32px;}

/***** Button *****/
a.btn{
	display: block;
	text-indent: -999em;
}
a.btn:focus{outline: none;}

/***** Page Banner *****/
img.pageBanner{
	display: block;
	border-bottom: 2px solid #f90;
}

/***** Highlight Box *****/
div.highLightContainer{
	width: 778px;
	padding: 7px 10px 16px;
	font-size: 12px;
	line-height: 16px;
	background: #fdfdfd url('../images/highlightBoxBg.gif') left top repeat-x; 
}
div.highLight{
	float: left;
	width: 225px;
	height: 200px;
	margin-right: 9px;
	padding: 5px 14px 0;
	_padding-right: 11px;
	background: #fff url('../images/sprite.gif') 0 -215px no-repeat;
}
div.highLight h4{padding: 4px 0 12px;}
div.highLight a, div.highLight a:visited{text-decoration: none;}
div.highLight a:active, div.highLight a:hover{text-decoration: underline;}
div.highLight a.miniBanner{display: block;}
div.highLight a.miniBanner img{display: block; border: 1px solid #949494;}
div.highLight a.miniBanner:hover img{border: 1px solid #f90;}
div.highLight p{
	margin: 6px 3px 10px;
	font-size: 16px;
	color: #666;
}
div.highLightAbout p{margin-bottom: 26px;}
div.highLightContact{margin: 0 !important;}

/****** ROUNDED CORNER CONTAINER - SKELETON *****/
div.rcContainer div.rcTop, div.rcContainer div.rcBottom{
	height: 4px;
	padding-left: 4px;
	font-size: 0; /* For IE */
	line-height: 0; /* For IE */
	background: url('../images/sprite.gif') no-repeat;
}
div.rcContainer div.rcTop span, div.rcContainer div.rcBottom span{
	display: block;
	height: 4px;
	background: url('../images/sprite.gif') no-repeat;
}
div.rcContainer div.rcContentWrapper{
	display: table;
	width: 100%;
}
/** GrayBorder Corner Container **/
div.borderGray div.rcTop{background-position: 0 -183px;}
div.borderGray div.rcTop span{background-position: right -187px;}
div.borderGray div.rcBottom{background-position: 0 -195px;}
div.borderGray div.rcBottom span{background-position: right -191px;}
div.borderGray div.rcContentWrapper{background: #fff;}
div.borderGray div.rcContent{border-left: 1px solid #aaa; border-right: 1px solid #aaa;}
/** DarkGrayBorder Corner Container **/
div.borderDGray div.rcTop{background-position: 0 -199px;}
div.borderDGray div.rcTop span{background-position: right -203px;}
div.borderDGray div.rcBottom{background-position: 0 -211px;}
div.borderDGray div.rcBottom span{background-position: right -207px;}
div.borderDGray div.rcContentWrapper{background: #ededed;}
div.borderDGray div.rcContent{height: 25px;border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; background: url('../images/rcBg.gif') repeat-x;}

/***** Accordion Box *****/
div.accordionBox{margin-bottom: 5px;}
div.accordionBox h4{
	font-size: 1.2em;
	padding-top: 4px;
	padding-left: 20px;
	cursor: pointer;
	background: url('../images/sprite.gif') -983px -251px no-repeat;
}
div.borderDGray h4{background-position: -983px -215px;}
div.accordionContent{
	display: block;
	width: 715px; 
	padding: 10px 20px;
}

/********** Template: Home **********/
div.home div.mainContent{padding: 25px;}
div.hmeBanner{
	background: #868686 url('../images/hmeBannerBg.gif') left bottom repeat-x;
	border-bottom: 2px solid #f90;
}
div.hmeBanner img.banner{
	display: block;
	float: left;
}
div.hmeBanner div.content{
	float: left;
	width: 196px;
	padding: 35px 0 0 6px;
}
img.bannerBrand{
	display: block;
	padding: 0 0 67px 14px;
}
a.btnResume{
	margin: 0 !important;
	width: 192px;
	height: 47px;
	background: url('../images/sprite.gif') -808px -108px no-repeat;
}
a.btnResume:active, a.btnResume:hover{background-position: -808px -61px;}
/* Home Contents */
img.brandHead{margin-bottom: 20px;}

/********** TEMPLATE: Generic **********/
div.generic div.mainContent{min-height: 300px; _height: 300px; padding: 0 40px 40px;}

/********** TEMPLATE: About Us **********/
/* Approach */
div.approach{
	height: 190px;
	margin: 5px -19px 0 -18px;
	padding: 25px 0 0 70px;
	background: url('../images/content/abtApproachBg.gif') repeat-x;
}
div.approach img.heading{margin-bottom: 10px;}
/* Values */
dl.values{
	float: left;
	width: 350px;
	margin-right:10px;
}
dl.valuesLast{margin: 0;}
dl.values dd{
	margin: 0 0 1em;
	padding: 0;
}
dl.values dd.last{margin: 0;}
/* Management */
div.management{background: url('../images/content/abtManagementBg.gif') repeat-x;}
div.mamagementItem{display: inline-block;}
div.mamagementItem img{float: left;}
div.mamagementItem div.content{
	width: 450px;
	float: left;
	padding: 30px 0 0 15px;	
	background: url('../images/content/abtManagmentBullet.gif') 0 35px no-repeat;
}
div.mamagementItem h6{font-size: 1em;}
div.mamagementItem p{
	margin: 0;
	font-size: 0.95em;
}
div.mamagementItemAlt{float: right; margin: -27px 0;}
div.mamagementItemAlt div.content{width: 375px;}

/********** TEMPLATE: Contact Us **********/
div.contInfoContaienr{
	width: 718px;
	display: inline-block;
	margin-top: 20px;
}
div.contMoreInfo{
	float: left;
	width: 338px;
	padding-right: 20px;
	border-right: 1px solid #d1d1d1;
}
div.contNetwork{
	float: left;
	width: 328px;
	padding: 30px 0 0 30px;
}
/* Network Icons */
div.contNetwork a{
	display: block;
	margin-bottom:10px;
	width: 180px;
	height: 32px;
	line-height: 32px;
	font-size: 0.95em;
}
div.contNetwork span{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	text-indent: -999em;
	background: url('../images/sprite.gif') -651px -32px no-repeat;
}
a.contTwitter:hover span{background-position: -651px 0;}
div.contNetwork a:focus{outline: none;}

a.contLinked span{background-position: -683px -32px;}
a.contLinked:hover span{background-position: -683px 0;}

a.contFacebook span{background-position: -715px -32px;}
a.contFacebook:hover span{background-position: -715px 0;}

/********** TEMPLATE: Sitemap **********/
ul.sitemap{
	margin: 0;
	padding: 0;
}
ul.sitemap li{background: none; padding-bottom: 10px;}

/***** Print Styles *****/
@media print {
/***** BASIC PRINT STYLES *****/
body{ 
	font-family: arial, sans-serif;
	font-size: 10pt;
	background-image: none; 
	background: #fff;
	color: #000;
}
ul, ul li{list-style-type: disc;}
ul, ol{margin-left: auto;}

div.wrapper{
	display: block !important;
	float: none !important;
	overflow: visible !important;
	width: 100%;
	height: auto !important;
	margin: 0;
	padding: 0;
	clear: both !important;
	border: none;
}
div.header{padding: 0 0 20px;}
div.mainContent{padding: 0;}
/* Hide Containers */
div.globalNavContainer, div.quickNavContainer, ul.footerNav, div.hmeBanner{display: none;}
div.rcContent{border: none !important;}
/* Home */
div.highLight a{display: none;}
/* About Us */
div.accordionContent{display: block !important; padding: 0;}
div.accordionBox h4{padding-left: 0;}