#socialservices h1, #heroDiv p {
	color: #3f3f3f;
	}

#socialservices h1 {
	padding-top: 52px;
}

#socialservices #heroDiv p {
	font: bold 18px/21px Arial, Helvetica, sans-serif;
	padding: 0 355px 18px 0;
	}		
	
#socialservices #heroDiv {
	background-image: url(i/content/hero-social-service.jpg);
	z-index: 999999;
	overflow: visible;
}

#socialservices #contentDiv {
	z-index: 1;
}


#socialservices #callsToAction {
	height: 177px;
	}

#socialservices #studyPrograms li {
	background-image: white;
}

#socialservices #studyPrograms ul {
	background: url(i/assets/socialservices-dropdown_bg.png) bottom no-repeat;
	}

#socialservices #heroDiv ul:hover h3 {
	background-position: bottom;
	}
	
#socialservices #studyPrograms a {
	color: #404d69;
	}

#socialservices #studyPrograms li li {
	background: url(i/assets/socialservices-dropdown_bg-1.png);
	border-bottom: dotted 1px #404d69;
	}

#socialservices #studyPrograms h3 {
	background: url(i/assets/linkbtn.gif) no-repeat;
	height: 29px;
	margin-top: 217px;
	}
	
#socialservices #studyPrograms ul {
	border-bottom: solid 3px #404d69;
}

#socialservices .action1 div {
	background-image: url(i/content/img-social-research.jpg);
	height: 160px;
	}

#socialservices .action1 {
	width: 227px;
	padding-left: 12px;
	}

#socialservices .action1 p {
	padding-right: 95px;
	}
	
#socialservices .action2 div {
	background-image: url(i/content/img-social-mentor.jpg);
	height: 160px;
	}

#socialservices .action2 {
	width: 233px;
	padding-left: 17px;
	}

#socialservices .action2 p {
	padding-right: 120px;
	}
	
#socialservices .action3 {
	width: 195px;
	padding-left: 18px;
	}
	
#socialservices .action3 p {
	padding-right: 90px;
	}

#socialservices .action3 div {
	background-image: url(i/content/img-social-services.jpg);
	height: 160px;
	}

#socialservices .btnMore {
	bottom: 5px;
	}	
	
#socialservices .sot {
	float: left;
	height: 108px;
	padding: 16px 15px 0 0;
	position: relative;
}

#socialservices .sot div {
	height: 90px;
	background-position: bottom right;
	background-repeat: no-repeat;
	}

#socialservices #stateOfTheArt {
	height: 114px;
	margin: -8px 0 -12px 0;
	background-image: none; 
	}

#socialservices #stateOfTheArt .action1 {
	width: 462px;
	background: url(i/assets/dot_grey-h.gif) top right repeat-y;
	margin-left: -10px;
	}

#socialservices #stateOfTheArt .action1 p {
	padding-right: 100px;
	}

#socialservices #stateOfTheArt .action2 {
	width: 197px;
	padding-left: 17px;
	}

#socialservices #stateOfTheArt .action2 p {
	padding-right: 0px;
	}

#socialservices #stateOfTheArt .action1 div, #socialservices #stateOfTheArt .action2 div {
	background-image: none; 
	}
	
#socialservices #stateOfTheArt .action2 ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	}
		
#socialservices #stateOfTheArt .action2 ul a {
	color: #666;
	}
			
#socialservices #stateOfTheArt .action2 ul a:hover {
	color: #395da1;
	}	
	
#socialservices .btnSOT {
	position: absolute; 
	bottom: 30px;
	text-transform: uppercase;
	color: #223d71;
	background: url(i/assets/icon_arrow.gif) center left no-repeat;
	line-height: 1em;
	padding: 0 0 0 17px;
	font-weight: bold;
	}

#socialservices .btnSOT:hover {
	text-decoration: none;
	}