/*Switch Web Design Style Sheet* - Last Updated by Simon Del Giudice on 17-05-07
******************************************************************/

/*Case Study Styles*
******************************************************************/

#casestudies {
	padding: 0;
	margin: 0;
}
	#casestudies h2 {
		color: #7A85E6;
		padding: 0;
		margin: 15px 0 5px 0;
		font-size: 13px;	
	}



#casestudies_top {
	height: 4px;
	background: url(../images/casestudies/top_line.gif) bottom left no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
}

/*------------------------------*/


#casestudies_main {
	width: 565px;
	background: url(../images/casestudies/middle_line.gif) repeat-y;
	margin: 0;
	padding: 7px 10px 4px 10px;
}

#casestudies_subtitles{
	clear: both;
	heigth: 25px;
	border-bottom: 1px dotted #7A85E6;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	color: white;
	font-size: 13px;
}

	#casestudies_subtitles a, #casestudies_subtitles a.active:hover {
		color:  white;
		text-decoration: none;		
		}			
	#casestudies_subtitles a:hover, #casestudies_subtitles a.active {
		color: #7A85E6;
		text-decoration: none;		
	}



/*------------------------------*/

#casestudies_bottom {
	clear: both;
	height: 4px;
	background: url(../images/casestudies/bottom_line.gif) top left no-repeat;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 565px;
}

	#casestudies_bottomright {
		float: right;
		text-align: right;
		vertical-align: middle;
	} 
		#casestudies_bottomright a {
			color: #7A85E6;
			text-decoration: none;
			}			
				
		#casestudies_bottomright a:hover, casestudies_bottomright a.active, #casestudies_bottomright a.active:hover {
			color: white;
		}	
	
	
	#casestudies_bottomleft {
		float: left;
		text-align: left;
		vertical-align: middle;
	}
	
		#casestudies_bottomleft a {
			font-size: 11px;
			text-align: center;
			font-weight: bold;
			padding: 3px;
			color: #7A85E6;
			text-decoration: none;
			display: inline;	
			overflow: hidden;
			}			
				
		#casestudies_bottomleft a:hover, casestudies_bottomleft a.active, #casestudies_bottomleft a.active:hover {
			background: #7A85E6; 
			padding: 3px;
			color: white;
		}