/************************/
/** MEDIASMART WEBSITE **/
/**   HOME STYLESHEET  **/
/************************/

body {
	background-image:		url('img/bg_body_home.jpg');
	background-position: 	top;
	background-repeat:		repeat-x;
}

#column_left {
	float:					left;
	width:					225px;
	height:					276px;
	padding:				24px 0 0 15px;
	background-image:	 	url('img/bg_home_column_left.jpg');
	background-position: 	left top;
	background-repeat:		no-repeat;
}

#description {
	float:					left;
	display:				inline;
	width:					175px;
	color:					#FFFFFF;
	line-height:			1.55em;
	margin-left:			14px;
	text-align:             left;
	/*padding-right:          60px;*/
}

#shortcuts {
	float:					left;
	width:					225px;
	line-height:			1.1em;
	margin-top:				10px;
}

.shortcut {
	float:					left;
	width:					200px;
	height:					15px;
	margin-bottom:			5px;
}

.shortcut a {
	display:				block;
	height:					100%;
	color:					#01A4DD;
	text-decoration:		none;
	padding-left:			15px;
}

.shortcut a:hover {
	background-image:		url('img/blue_arrow.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
}


#flash {
	float:					left;
	width:					720px;
	height:					300px;
}

/** REFERENCES **/
.reference {
	float:					left;
	width:					225px;
	height:					474px;
	padding:				14px 0 0 14px;
	border-left:			1px solid #F2F2F2;
	background-image:		url('img/bg_home_reference.jpg');
	background-position:	left top;
	background-repeat:		no-repeat;
}

.reference a { text-decoration:none; }

.reference_title {
	float:					left;
	width:					210px;
	height:					14px;
	font-size:				11px;
	font-weight:			bold;
	text-transform:			uppercase;
}

.reference_title a {
	color:					#000000;
	text-decoration:		none;
}

.reference_img {
	float:					left;
	width:					210px;
	margin-bottom:			10px;
}

.reference_framework a {
	float:					left;
	width:					210px;
	color:					#313131;
	font-size:				11px;
	margin-bottom:			2px;
}

.reference_description {
	float:					left;
	width:					210px;	
	font-size:				11px;
	line-height:			1.7em;
	margin-bottom:			18px;
}

.reference_testimony_title {
	float:					left;
	width:					210px;
	font-size:				10px;
	text-transform:			uppercase;
}

.reference_testimony {
	float:					left;
	width:					210px;
	font-size:				11px;
	color:					#2382C0;
	line-height:			1.7em;
}

.reference_testimony .quote {
	display:				inline;
	vertical-align:			middle;
}

.reference_link_more {
	float:					left;
	width:					210px;
	text-align:				right;
}

.reference_link_more a {
	font-size:				10px;
	color:					#2382C0;
	text-decoration:		none;
}

.reference_link_more a:hover {
	text-decoration:		underline;
}

/** NEWS **/
#column_right {
	float:					left;
	width:					240px;
	height:					488px;
	padding-bottom:			11px;
	background-image:		url('img/bg_home_news.gif');
	background-position:	left;
	background-repeat:		repeat-y;
}

.white_news, .blue_news {
	float:					left;
	width:					240px;
	font-size:				11px;
	padding-bottom:			12px;
}

.white_news#first_news {	
	padding-top:			8px;
	background-image:		url('img/bg_home_first_news.gif');
	background-position:	left;
	background-repeat:		repeat-y;
}

.blue_news {
	color:					#FFFFFF;
	background-image:		url('img/bg_home_blue_news.gif');
	background-position:	top;
	background-repeat:		repeat-x;
	background-color:		#00A5DD;
}

.news_shadow {
	float:					left;
	width:					240px;
	height:					20px;
}

.news_title {
	float:					left;
	display:				inline;
	width:					210px;
	font-weight:			bold;
	text-transform:			uppercase;
	margin:					7px 0 5px 15px;
}

.white_news .news_title a {
	color:					#2382C0;
	text-decoration:		none;
}

.blue_news .news_title a {
	color:					#000000;
	text-decoration:		none;
}

.news_content {
	float:					left;
	display:				inline;
	width:					210px;
	line-height:			1.65em;
	margin-left:			15px;
}

.news_link_more {
	float:					left;
	width:					225px;
	text-align:				right;
}

.white_news .news_link_more a {
	color:					#2382C0;
	text-decoration:		none;
}

.blue_news .news_link_more a {
	color:					#000000;
	text-decoration:		none;
}

.white_news .news_link_more a:hover, .blue_news .news_link_more a:hover {
	text-decoration:		underline;
}