/* entire container for all elements in the box, elements positioned inside this box */
div#client_box {
	width: 220px;
	text-align: left;
	position: relative;
	margin-left: 10px;
	min-height: 400px;
}

/* nudges the client logos div down from the header */
#client_box #client_logos {
	margin-top: 10px;
}

/* Main title */
#client_box h1 {
	font: 2.5em  Arial, Helvetica, sans-serif;
	color:#5E67D1;
	font-weight: bold;
	word-spacing: 0.1em;
	line-height: 1.2em;
	margin-top: 10px;
	margin-left: 4px;
		}
		
/* title for indidual client in info box */
#client_box .client_title {
	font: 1.5em  Arial, Helvetica, sans-serif;
	color:#5E67D1;
	font-weight: bold;
	word-spacing: 0.1em;
	margin-top: 5px;
	border-top: 1px dotted #999999;
	padding-top: 3px;
		}
		
/* main title subtitle */		
#client_box p {
	font: 1.2em  Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 4px;
	word-spacing: 0.1em;
		}
		
/* main title subtitle 2 */		
#client_box p em {
	font: 0.9em  Arial, Helvetica, sans-serif;
	color: #5E67D1;
	font-weight: normal;
	margin-bottom: 2px;
	word-spacing: 0.1em;
	font-style: italic;
		}
		
/* individual client blurb in info box */		
#client_box .client_blurb {
	font: 1.2em  Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	word-spacing: 0.1em;
	line-height: 1.2em;
	margin-left: 0px;
	margin-top: 25px;
		}

/* client info box set to white to cover default info */
#client_box span.client_info {
	position: absolute;
	background-color: white;
	width: 200px;
	top: 300px;
	left: 4px;
	margin-left: 0px;
	
}


/* individual logos, margin creates spacing between each logo */
#client_box a img {
	border: 1px solid #666666;
	margin: 4px;
}

/* hides all client info boxes */
#client_box a span {
	display: none;
}

/* displays the client info for the relevant logo */
#client_box a:hover span {
	display: inline;
	height:300px;
}