/* ============================================ */
/* = PROJECT:    Outsourcery Limited          = */
/* = MEDIA:      Screen                       = */
/* = CREATED:    16/06/2009                   = */
/* ============================================ */

/* $Id: solutions.css 166 2009-07-23 12:09:39Z ppounder $ */

/*
	overall-width: 164px
	padding-left:    6px
	padding-right:   6px
	content-width: 152px
	source:        http://www.cssplay.co.uk/layouts/three-column-layouts.html
*/
#osSolutionsMenu {
	float: left;
	width: 152px;
	padding: 6px;
	}
#osSolutionsActions {
	float: right;
	width: 152px;
	padding: 6px;
	}
#osSolutionsCarousel {
	margin: 6px 164px;
	}

#osSolutionsContainer {
	background: #E5E5E5;
	overflow: hidden;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	}
	
.osSolutionCol1, .osSolutionCol2, .osSolutionCol3 {
	background: #262626;
	float: left;
	min-height: 342px;
	height: auto !important;
	height: 342px;
	padding: 6px;
	width: 141px;
	}
.osSolutionCol2 {
	border: 6px solid #E5E5E5;
	border-width: 0 6px;
	}

#osSolutionsCarousel {
	font-size: 110%;
	}
#osSolutionsCarousel h1 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 0.8em;
	text-transform: uppercase;
	}
#osSolutionsCarousel p {
	margin: 0 0 1.2em;
	}

#osSolutionsActionCallback a,
#osSolutionsActionCaseStudies a {
	background: url('/assets/images/solutions/action_links.png') no-repeat 0 -131px;
	display: block;
	height: 60px;
	margin: 0 0 6px;
	text-indent: -9999px;
	width: 152px;
	}
#osSolutionsActionCallback a {
	background-position: 0 -197px;
	}
#osSolutionsActionCaseStudies a:hover {
	background-position: 0 0;
	}
#osSolutionsActionCallback a:hover {
	background-position: 0 -66px;
	}