@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
}
.topBanner {
	background-image: url(../images/Aboutus/topBanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 1000px;
}
.mainDiv {
	width: 1000px;
	height:2050px;
	background-color: #FFFFFF;
	border: 1px solid #b4c1d1;
	
}
.gap1 {
	height: 8px;
	width: 1000px;
}
.navigationBg {
	background-color: #7c91a9;
	height: 26px;
	width: 1000px;
}
.gap2 {
	height: 7px;
	width: 1000px;
}
.mainBanner {
	height: 133px;
	width: 1000px;
	background-color:#eaeff6;
}

.aboutsTxt {
	float: left;
	height: 133px;
	width: 220px;
	background-image: url(../images/Aboutus/mainBannerAboutUsTxt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.forCompanyBanner {
	float: left;
	height: 133px;
	width: 220px;
	background-image: url(../images/ForCompanies/mainBannerForComapanies_Txt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.forcandidatestext {
	float: left;
	height: 133px;
	width: 220px;
	background-image: url(../images/ForCandidates/for-candidates.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.banner {
	background-image: url(../images/Aboutus/mainBanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 133px;
	width: 560px;
}
.aboutsTxt2 {
	height: 133px;
	width: 220px;
	}
.garyColor {
	height: 7px;
	width: 1000px;
	background-color:#9dacc1;
}
.mainWorkArea {
	width: 1000px;
	height:463px;
}
.leftSideNavigations {
	background-color: #eaeff6;
	width: 220px;
	height:1740px;
	float: left;
}
.aboutusleftSideNavigations {
	background-color: #eaeff6;
	width: 220px;
	min-height:563px;
	float: left;
}
.contactusleftSideNavigations {
	background-color: #eaeff6;
	width: 220px;
	min-height:463px;
	float: left;
}
.expertiseleftSideNavigations {
	background-color: #eaeff6;
	width: 220px;
	min-height:463px;
	float: left;
}


.gap3 {
	float: left;
	height: 500px;
	width: 5px;
}
.gap4 {
position:relative;
	height: 27px;
	width: 195px;
	
}
.ourExpertise  {
	height: 18px;
	width: 195px;
}

.gap5 {
	height: 7px;
	width: 195px;
}
.middlearea {
	float: left;
	height: 1740px;
	width: 560px;
    
}
.gap6 {
	height: 27px;
	width: 560px;
}
.gap6_maintext {
	
	height: 20px;
	width: 560px;
}
.paragraph_gap {
	height: 20px;
	width: 560px;
}

.gap7 {
	float:left;
	height: 200px;
	width: 22px;
}
.text {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	height: auto;
	width: 510px;
	
}
.testi {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
			
}
.rightSideArea {
	float:left;
	background-color: #eaeff6;
	height:1740px;
	width: 220px;
}
.footerbg {
	clear:left;
	border-top-color: #c7c9cb;
	height: auto;
	width: 1000px;
	border-top-width: 1px;
	border-top-style: solid;


}
.gap12 {
	height: auto;
	width: auto;
}
.hotpositions {
	height: 28px;
	width: 220px;
	float: left;
	background-image: url(../images/Aboutus/hotPositions.gif);
	background-repeat: no-repeat;
}
.news {
	height: 24px;
	width: 780 px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
}
.news a {
	height: 24px;
	width: 826 px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-left:10px;
	margin-left:15px;
	text-transform:none;
	
}
.news a:hover {
	height: 24px;
	width: 826 px;
	background-color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-left:10px;
	margin-left:15px;
	text-transform:none;
	
}


.gap13 {
	height: 7px;
	width: 1000px;
	
}
.gap14 {
	height: 5px;
	width: 26px;
	float: left;
}
.Copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58585a;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #959595;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.footerLinks  a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #959595;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.footerLinks  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #959595;
	text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
.gap15 {
	height: 5px;
	width: 100px;
	float: left;
}
.gap16 {
	height: 5px;
	width: 120px;
	float: left;
}
.dbrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.gap17 {
	height: 7px;
	width: 1000px;
	
}
.smartConnectionsNews {
	background-image: url(../images/Aboutus/smartConnectionsNews.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 174px;
}
.ourValues {
	background-image: url(../images/Aboutus/ourValues.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	height: 17px;
	width: 68px;
}

.CompanyHeading {
	background-image: url(../images/Aboutus/companies.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 21px;
	margin-left:22px;
	
}

.CandidatesHeading{
	background-image: url(../images/Aboutus/candidates.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 18px;
	margin-left:22px;
	
}
.ContactusHeading{
	background-image: url(../images/Aboutus/Headings/contactus.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 19px;
	width: 82px;
}

.SmartConnectionHeading{
	background-image: url(../images/Aboutus/Headings/smartConnections.gif);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	height: 17px;
	width: 122px;
}
.PatnershipHeading {
	background-image: url(../images/Aboutus/Headings/partnerships.gif);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	height: 17px;
	width: 122px;
}
.BecomePatnerHeading {
	background-image: url(../images/Aboutus/Headings/BecomeaPartner.gif);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	height: 19px;
	width: 111px;
	margin-left:24px;
}
.patner_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	height: auto;
	width: 510px;
	clear:left;
 

}
.Patner1{
	background-image: url(../images/Aboutus/Headings/reuters_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	height: 25px;
	width:120px;
	
	
}

.Patner2 {
	background-image: url(../images/Aboutus/Headings/bloomberg_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	float:left;
	height: 25px;
	width:120px;
	
	
	
}

.Patner3{
	background-image: url(../images/Aboutus/Headings/barnesAndNobles_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	width:120px;
	float:left;
	
	
}


.smartConnectionsNewsTxt {
	font-family: "Myriad Pro Cond";
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #74a8da;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
		
}
.testimonialsText {
	font-family: "Myriad Pro Cond";
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #74a8da;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
	
		
}
.contactuscompanyTxt {
	font-family: "Myriad Pro Cond";
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
	
	
}
.contacuus_gap1 {
width:220px;
height:27px;
}

.contacuus_gap2 {
width:220px;
height:20px;
}
.contacuus_gap3 {
width:220px;
height:35px;
}
.contacuus_gap4 {
width:220px;
height:5px;
}
.patnership_gap1 {
width:560px;
height:55px;
}
.forcandHeading{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #415ba9;
	text-decoration: none;
	text-align: left;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	font-variant: normal;
	text-transform: none;
	color: #74a8da;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
	
}
.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
	
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	width: 170px;
	
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 6px;
background-color: #ffffff;
}
.vscrollerbar {
width: 18px;
background-color: #92a2b9;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #92a2b9;
}

.scrollerjogbox {
width: 5px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


#content {
	background-color: #AAAAAA;
	padding: 3em;
	margin:0.2em 2em;
}

.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}

.flexcroll {
/* Typical fixed height and fixed width example */
width: 190px;
height: 1630px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #eaeff6;
margin: o.5em auto;


}

.flexcroll_right {
/* Typical fixed height and fixed width example */
width: 320px;
height: 650px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #f3f3f5;
margin: 0.3em auto;
padding: 15px;
}


/* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
/* and it should only be that big when fleXcroll is active for better degradation */
/* version 1.9.1 and up adds flexcrollactive class, but the script should work with 1.8.9 and up */
.flexcrollactive .emptyspace {
	height: 260px;
	}

/* you may optionally want to hide the scrollbars */
#mycustomscroll .vscrollerbase {
	visibility: hidden !important;
}

.HotPositions-text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: left;
	width:280px;
	float:left;
}
.leftLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	color: #84B2DE;
}
.leftLinks  a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	color: #84B2DE;
}
.leftLinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	color: #647AB9;
}
.leftLinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration:none;
	color: #647AB9;
}
.leftLinksactive { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #647AB9;
	text-decoration:none;
}