/*********************************************************
ScaleOut Software
Style sheet for index page

@name: style.index.css 
@version: 1.0
@date: 30OCT09

*/

/********************** MASTHEAD **************************/

#masthead {
	height: 289px;
	border: 1px solid #c2c2c2;
	width: 958px;
}

/********************** MAIN **************************/

#main {
	width: 660px;
	float: left;
}

#main h1 {
	
	font: bold 18px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#main p {
	/*color: #585a5d;*/
	color: #3B3D3F;
	line-height: 20px;
	padding: 10px 10px 5px 10px;
}

#main .product {
	background: url(../../images/interface/bg_panel_large.jpg) no-repeat left top;
	border: 1px solid #d3d2d2;
	float: left;
	margin: 0 18px 5px 0;
	width: 310px;
	position: relative;
	padding-bottom: 12px;
}

#main .product h2 {
	background: url(../../images/interface/bg_panel_large_endcap.jpg) no-repeat right top;
	color: #2d2d2e;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 25px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}

#main #intro_text {
	margin: 15px 0px 0px 0px;
}

#main #intro_text p {
	text-align: justify;
	padding: 5px 16px 5px 0px;	
}

#main .product .read_more {
	/*float: right;	
	margin: 5px;*/
	position: absolute;
	bottom: 5px;
	right: 10px;
}

/********************** SIDEBAR **************************/

#sidebar {
	width: 300px;
	float: left;
}

#sidebar .sidebar_panel {
	border: 1px solid #d3d2d2;
	margin: 10px 0px 0px 0px;
}

#sidebar .sidebar_panel h3 {
	background: url(../../images/interface/bg_panel_small.jpg) no-repeat;	
	color: #2d2d2e;
	font: bold 12px Arial, Helvetica, sans-serif; 
	height: 25px;
	padding: 5px 0px 0px 25px;
	margin: 0px;
	text-transform: uppercase;
}

#sidebar .sidebar_panel p {
	/*color: #585a5d;*/
	color: #3B3D3F;
	margin: 5px 10px 5px 10px;
	line-height: 20px;
	text-align: justify;
}

#sidebar .sidebar_panel .header {
	color: #2d2d2e;
	font-weight: bold;
	text-align: left;
}

#sidebar .sidebar_panel .text {
	margin: 5px 10px 0px 10px;	
}

#sidebar .sidebar_panel .read_more {
	text-align: right;	
	font-weight: bold;
	margin: 0px 10px 15px 10px;
}

#sidebar #companies img {
	margin: 5px 0 5px 10px;
}

#sidebar #certifications img {
	margin: 5px 0 5px 10px;
}

#sidebar .read_more a {
	text-decoration: none;
	font-weight: bold;
}

#sidebar #whats_new a {
	color: #585a5d;	
}

#sidebar #whats_new a:hover {
	color: #5D0008;
	text-decoration: none;	
}