@charset "utf-8";



/* CSS Document */















@font-face {



	font-family: "OpenSans-Regular";



	src: url("../font/OpenSans-Regular.ttf");



}



@font-face {



	font-family: "MyriadPro-Regular";



	src: url("../font/MyriadPro-Regular.otf");



}



body {



	min-width: 100%;



	float: left;



	margin: 0 auto;



	padding: 0;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #333333;



}



.clear {



	clear: both;



}



a {



	outline: none;



}



img {



	border: 0;



}



#container {



	width: 978px;



	padding: 0 11px;



	margin: 0 auto;



	background: url(../images/body-bg.jpg) repeat-y center top;



}



#header {



	width: 980px;



	float: left;



}



#header header {



	width: 100%;



	display: block;



}



#header header .estee {



	width: auto;



	float: left;



	/*margin: 2px 0 0 21px;*/



}



#header header .top-link {



	width: auto;



	float: right;



	background: url(../images/top-link-bg.gif) repeat-x center top #f4f4f4;



	border-radius: 0 0 0 12px;



	margin: 0 2px 0 0;



}



#header header .top-link ul {



	list-style: none;



	margin: 0;



	padding: 0;



	float: right;



}



#header header .top-link li {



	float: left;



	border-left: 1px solid #e7e7e7;



	overflow: hidden;



}



#header header .top-link li:first-child {



	border-radius: 0 0 0 12px;



}



#header header .top-link li a {



	display: block;



	padding: 10px 11px;



	text-decoration: none;



	color: #000000;



	transition-property: background;



	transition-duration: 1s;



	transition-timing-function: linear;



}



#header header .top-link li a:hover {



	background-color: #5a5a5a;



	color: #FFFFFF;



}



#header nav {



	width: 100%;



	float: right;



	background: url(../images/nav-bg.gif) repeat-x center top #454545;



	font-family: "MyriadPro-Regular", Helvetica, sans-serif;



	font-size: 14px;



	color: #FFF;



	border-radius: 5px 5px 0 0;



	overflow: hidden;

	margin:0px 0px 0px 0px;

	/*margin:38px 2px 0 0;*/



}



#header nav ul {



	list-style: none;



	margin: 0;



	padding: 0;



}



#header nav ul li {



	float: left;



	background: url(../images/nav-line.gif) no-repeat right top;



}



#header nav ul li:last-child {



	background: none;



}



#header nav ul li a {



	display: block;



	padding: 8px 8px;



	text-decoration: none;



	color: #FFF;



	transition-property: background;



	transition-duration: 0.2s;



	transition-timing-function: linear;



}



@media screen and (-webkit-min-device-pixel-ratio:0) {



#header nav ul li a {



	display: block;



	padding: 8px 9px;



	text-decoration: none;



	color: #FFF;



	transition-property: background;



	transition-duration: .2s;



	transition-timing-function: linear;



}



}



#header nav ul li a:hover {



	background-color: #404087;



}



#header nav ul li:hover > ul {



	display: block;



}



#header nav ul ul {



	width: 200px;



	position: absolute;



	display: none;



	background-color: #e9e9e9;



	z-index: 1;



}



#header nav ul ul li {



	display: block !important;



	float: none;



	background-image: none !important;



	background-color: #e9e9e9 !important;



	transition-property: background;



	transition-duration: 1s;



	line-height:22px;



	transition-timing-function: linear;



	border-top: 1px solid #333333;



	font-size: 12px !important;



}



#header nav ul ul li a {



	padding: 3px 10px !important;



	color: #000000;



	display: block !important;



}



#header nav ul ul li a:hover {



	background-color: #5a5a5a;



	color: #FFFFFF;



}



#header nav ul ul ul {



	position: absolute;



	left: 100%;



	margin-top: -29px;



}



#header nav ul ul ul li:first-child {



	border-top: 0 !important;



}



#banner {



	width: auto;



	position: relative;



}



#banner span {



	display: block;



	padding: 10px 25px 10px 22px;



	font-size: 24px;



	font-family: "MyriadPro-Regular", Helvetica, sans-serif;



	position: absolute;



	bottom: 50px;



	left: 0;



	color: #FFFFFF;



	background: url(../images/banner-text-bg.png) repeat-y left top;



	min-width: 200px;



}



#banner img {



	margin: 0;



	float: left;



}



#wrapper {



	width: auto;



	display: block;



}



.inner-wrapper {



	width: auto;



	display: block;



	padding: 10px;



}



.inner-wrapper .left-section {



	float: left;



}



.inner-wrapper .left-section h1 {



	margin: 0 0 10px 0;



	padding: 0 0 5px 0;



	font-size: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



	border-bottom: 1px solid #d6d6d6;



}



.inner-wrapper .left-section h2 {



	margin: 0 0 5px 0;



	font-size: 14px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



	/**background:url(../images/arrow.png) no-repeat 10px center #f6f6f6;**/



	border:1px solid #dfdfdf;



	padding:0px 15px;



	line-height:30px;



}



.inner-wrapper .left-section p {



	margin: 0;



	padding: 0 0 10px 0;



	line-height: 20px;



	text-align: justify;



}



.inner-wrapper .content {



	width: auto;



	display: block;



	line-height:20px;



}



.inner-wrapper .content ul {



	list-style: none;



	margin: 0;



	padding: 0;



}



.inner-wrapper .content li {



	display: block;



	padding: 0 0 0 20px;



	background: url(../images/arrow.gif) no-repeat left 3px;



	margin: 0 0 10px 0;



	text-align: justify;



	line-height: 20px;



}



.inner-wrapper .content ul ul li {



	display: block;



	padding: 0 0 0 20px;



	background: url(../images/arrow1.gif) no-repeat left 3px;



	margin: 0 0 10px 22px;



	text-align: justify;



	line-height: 18px;



}



.inner-wrapper .content ul a{

	color:#666 !important;

}



.inner-wrapper .content figure {



	width: auto;



	float: left;



	margin: 0 10px 0 0;



	border: 3px solid #d4d2d3;



}



.inner-wrapper .content figure img {



	margin: 0;



	float: left;



}



#services-area {



	width: auto;



}



#services-area .service {



	width: 324px;



	float: left;



	display: block;



	margin: 0 1px;



	background: url(../images/service-bottom-bg.gif) no-repeat center bottom;



	padding: 0 0 17px 0;



}



#services-area .service .main {



	width: auto;



	border: 1px solid #d5d3d4;



	padding: 20px 10px 10px 10px;



	background-color: #e9e9e9;



	transition-property: background;



	transition-duration: 1s;



	transition-timing-function: linear;



}



#services-area .service .main:hover {



	background-color: #e6e4e5;



	cursor: pointer;



}



#services-area .service .main .title {



	width: auto;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 28px;



}



#services-area .service .main .title span {



	display: block;



	font-size: 14px;



}



#services-area .service .main p {



	margin: 0;



	line-height:20px;



	height: 58px;



	overflow: hidden;



	margin: 10px 0;



}



#services-area .service .main .know-more {



	width: auto;



	float: left;



	font-weight: bold;



}



#services-area .service .main .know-more a {



	text-decoration: none;



	color: #fff;



	display: block;



	padding:2px 5px;



	background: url(../images/know-more-bg.gif) repeat-x center top;



	border-radius: 4px;



}



#services-area .service .main .know-more a:hover {



	color:#ffffff;



	background:#810004;



}



.home-content {



	width: auto;



	padding: 10px;



}



.home-content .left-section {



	width: 630px;



	float: left;



}



.home-content .left-section h1 {



	margin: 0;



	font-size: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



}



.home-content .left-section h2 {



	margin: 0;



	font-size: 16px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



}



.home-content .left-section p {



	margin: 0;



	padding: 0 0 10px 0;



	line-height: 20px;



	text-align: justify;



}



.home-content .left-section ul {



	list-style: none;



	margin: 0;



	padding: 0;



}



.home-content .left-section li {



	display: block;



	padding: 0 0 0 20px;



	background: url(../images/arrow.gif) no-repeat left 2px;



	margin: 0 0 10px 0;



	line-height:20px;



}



.inner-wrapper .right-section {



	width: 312px;



	float: right;



}



.inner-wrapper .right-section h2 {



	margin: 0;



	font-size: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



}



.home-content .right-section {



	width: 312px;



	float: right;



}



.home-content .right-section h2 {



	margin: 0;



	font-size: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



}



.careers {



	width: auto;



	border: 1px solid #a9ccdf;



	background: url(../images/careers-bg.gif) repeat-x center top #d6f0fd;



	padding: 10px;



	margin: 0 0 5px 0;



}



.careers p {



	margin: 0;



	padding: 0 0 10px 0;



	line-height:20px;



	text-align: justify;



}



.careers ul {



	list-style: none;



	margin: 0;



	padding: 0;



	font-size: 11px;



	overflow: hidden;



	height: 156px;



	overflow: hidden;



}



.careers ul li {



	display: block;



	float: left;



	width: 100%;



	text-align: justify;



}



.careers ul li span {



	display: block;



	float: left;



	margin: 10px 0;



	width: 100%;



	height: 58px;



	overflow: hidden;



}



.careers ul li span a {



	text-decoration: none;



	color: #000000;



}



.careers ul li span a:hover {



	text-decoration: underline;



}



.careers ul li span h4 {



	font-weight: bold;



	color: #000000;



	font-size: 13px;



	margin: 0;



}



.careers .click-here {



	width: auto;



	float: right;



	text-align: right;



	padding: 0 0 0 30px;



	font-weight: bold;



	font-style: italic;



	font-size: 13px;



}



.careers .click-here a {



	text-decoration: underline;



	color: #000000;



}



.careers .click-here a:hover {



	text-decoration: none;



}



.life-estee {



	width: auto;



	padding: 10px;



	background-color: #810004;



	color: #FFFFFF;



}



.life-estee h2 {



	margin: 0;



	font-size: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



	color: #FFFFFF;



}



.life-estee p {



	margin: 0;



	padding: 0;



	line-height: 20px;



	text-align:left;



	overflow: hidden;



}



.life-estee .click-here {



	width: auto;



	float: right;



	text-align: right;



	padding: 10px 0 0 30px;



	font-weight: bold;



	font-style: italic;



	font-size: 13px;



}



.life-estee .click-here a {



	text-decoration: underline;



	color: #fff;



}



.life-estee .click-here a:hover {



	text-decoration: none;



}



footer {



	width: auto;



	display: block;



	color: #FFFFFF;



	background-color: #343434;



}



footer p {



	background-color: #333333;



	padding: 10px 5px 0 5px;



}



footer .bottom-collom {



	width: auto;



	padding: 5px;



	color: #666666;



}



footer .bottom-collom .left-collom {



	width: auto;



	float: left;



	margin-left:10px;



}



.btm-collom {



	height:45px;



	border-top:3px solid #352f88;



}



.btm-collom table tr td {



	font-size:12px;



	font-family:Tahoma, Geneva, sans-serif;



	line-height:20px;



	text-align:center;



	border-right:1px solid #ccc;



}



.btm-collom table tr td a {



	text-decoration:none;



	color:#000;



	line-height:45px;



}



.btm-collom table tr td a:hover {



	text-decoration:none;



	color:#352f88;



}



.innerTEXT {



	line-height:18px;



}



.innerTEXT span {



	text-transform:uppercase;



}



footer .bottom-collom .powerd-by {



	width: auto;



	float: right;



	line-height: 21px;



	margin-right:10px;



}



footer .bottom-collom .powerd-by img {



	margin: 0 0 0 4px;



	float: right;



}



footer .bottom-collom .powerd-by a {



	text-decoration: none;



	color: #666666;



}



footer .footer-links {



	width: auto;



	padding: 15px 5px 5px 5px;



	background: url(../images/footer-bg.gif) repeat-x center top #343434;



}



footer .footer-links .left-collom {



	width: auto;



	float: left;



	margin-left:10px;



}



footer .footer-links .left-collom ul {



	list-style: none;



	margin: 0 35px 0 0;



	padding: 0;



	float: left;



	line-height: 18px;



}



footer .footer-links .left-collom li {



	display: block;



	padding: 0 0 3px 0;



}



footer .footer-links .left-collom li a {



	text-decoration: none;



	color: #FFFFFF;



}



footer .footer-links .left-collom li a:hover {



	color: #CCCCCC;



}



footer .footer-links .left-collom li span {



	display: block;



	padding: 0 0 4px 0;



}



footer .footer-links h2 {



	margin: 0 0 5px 0;



	font-size: 14px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



	color: #63b4df;



	text-transform: uppercase;



}



footer .footer-links .follow-us {



	width: auto;



	float: right;



	margin-right:10px;



}



footer .footer-links .follow-us img {



	margin: 0 0 0 7px;



	float: left;



}



.contact-us {



	font-size: 14px;



	line-height: 18px;



	font-family: "OpenSans-Regular", Helvetica, sans-serif;



}



/*tooltop*/















.tooltip {



	display: inline;



	position: relative;



}



.tooltip:hover:after {



	background: none repeat scroll 0 0 rgba(53,47,136,0.95);



	border-radius: 5px;



	bottom:128px;



	color: #fff; text-align:center;



	content: attr(title);



	left: -15%;



	padding: 5px 5px;



	position: absolute;



	width: 160px;



	z-index: 99999;



}



.tooltip:hover:before {



	border: solid;



	border-color: #333 transparent;



	border-width: 6px 6px 0 6px;



	bottom:120px;



	content: "";



	left:40%;



	position: absolute;



	z-index: 99;



}



#showmenu,#showmenu2{

}



#showmenu,#showmenu2 strong{

	color:#000 !important;

}

#showmenu,#showmenu3 strong{

	color:#000 !important;

}

#showmenu,#showmenu4 strong{

	color:#000 !important;

}







.growth-path-box{

	width:auto;

	background:#f5f5f5;

	border:1px solid #ccc;

	padding:15px 12px;

	margin:0px 0px 20px 0px;

}



.growth-path-box h5{

	text-align:center;

	font-size:16px;

	font-weight:bold;

	padding:0px 0px 15px 0px;

	margin:0px;

}



.growth-path-box .growth-path{

	width:255px;

	float:left;

	background:#ffffff;

	border:2px solid #dfdfdf;

	padding:0px;

	margin:0px 0px 0px 0px;

	height:250px;

}



.growth-path-box .growth-path h4{

	text-align:center;

	background:#E8E8E8;

	line-height:30px;

	padding:0px 15px;

	margin:0px;

}





.growth-path-box .growth-path ul{

	margin:0px;

	padding:0px 10px;

	list-style:none;

}



.growth-path-box .growth-path ul li{

	display:block;

	border-bottom:1px dotted #dcdcdd;

	padding:6px 0px 6px 20px;

	line-height:20px;

	font-size:12px;

	background:url(../images/arrow1.gif) no-repeat scroll left 12px;

}





/*tooltip*/









.left-section nav {



	width: auto;

	font-family: "MyriadPro-Regular", Helvetica, sans-serif;

	font-size: 14px;

	color: #FFF;

	overflow: hidden;

	margin:0px 0px 15px 0px;



}



.left-section nav ul {



	list-style: none;

	margin: 0;

	padding: 0;	

	background: url(../images/nav-bg.gif) repeat-x center top #454545;	

	float:left;	

	border-radius: 5px 5px 0px 0px;

	border-bottom:3px solid #dfdfdf;

	overflow: hidden;



}



.left-section nav ul li {



	float: left;

	background: url(../images/nav-line.gif) no-repeat right top;



}



.left-section nav ul li:last-child {



	background: none;



}



.left-section nav ul li a {



	display: block;



	padding: 8px 8px;



	text-decoration: none;



	color: #FFF;



	transition-property: background;



	transition-duration: 0.2s;



	transition-timing-function: linear;



}



@media screen and (-webkit-min-device-pixel-ratio:0) {



.left-section nav ul li a {



	display: block;



	padding: 8px 9px;



	text-decoration: none;



	color: #FFF;



	transition-property: background;



	transition-duration: .2s;



	transition-timing-function: linear;



}



}



.left-section nav ul li a:hover {



	background-color: #404087;



}



.left-section nav ul li a.active {



	background-color: #404087;



}



.left-section nav ul li:hover > ul {



	display: block;



}



.left-section nav ul ul {



	width: 200px;



	position: absolute;



	display: none;



	background-color: #e9e9e9;



	z-index: 1;



}



.left-section nav ul ul li {



	display: block !important;



	float: none;



	background-image: none !important;



	background-color: #e9e9e9 !important;



	transition-property: background;



	transition-duration: 1s;



	line-height:22px;



	transition-timing-function: linear;



	border-top: 1px solid #333333;



	font-size: 12px !important;



}



.left-section nav ul ul li a {



	padding: 3px 10px !important;



	color: #000000;



	display: block !important;



}



.left-section nav ul ul li a:hover {



	background-color: #5a5a5a;



	color: #FFFFFF;



}



.left-section nav ul ul ul {



	position: absolute;



	left: 100%;



	margin-top: -29px;



}



.left-section nav ul ul ul li:first-child {



	border-top: 0 !important;



}