/***
Filename:		homepage.css
Author:			Andrei Vais
Date:			01/10/2009
Description:	Styling for burmatex homepage
***/

#pagecontent .leftcontent {width: 625px;}

#pagecontent .rightcontent
{
	padding-bottom: 5px;
	width: 334px;
}

/*	Definitions for homepageimage	*/
#homepageimage
{
	display: inline;
	padding: 3px 0;
	float: left;
	width: 97.5%;
}

#homepageimage img
{
	border: 1px solid #FFFFFF;
	float: left;
	width: 100%;
}
/*	End of homepageimage definitions	*/

/*	Definitions for homepage content areas	*/
#news, #casestudies, #productfocus, #designtrends
{
	display: inline;
	float: left;
	margin-top: 13px;
	width: 100%;
}

#casestudies, #productfocus, #designtrends
{
	display: inline;
	margin-top: 0;
	padding-left: 16px;
	width: 316px;
}

#designtrends {margin-bottom: 8px;}

#news h2, #casestudies h2, #productfocus h2, #designtrends h2
{
	display: inline;
	font-family: Helvetica, Sans-Serif;
	font-size: 140%;
	font-weight: normal;
	float: left;
	margin: 7px 0 0 0;
	letter-spacing: -1px;
	padding-bottom: 9px;
	width: 100%;
}

#news .contentarea
{
	display: inline;
	float: left;
	margin-right: 3.45%;
	text-transform: lowercase;
	width: 30%;
}

#news .speciallink {margin-left: 3.45%;}

#news .last {margin-right: 0;}

#casestudies .contentarea, #designtrends .contentarea
{
	float: left;
	padding-bottom: 11px;
	width: 100%;
}

#pagecontent .contentarea a {float: left; width: 100%;}

#pagecontent .contentarea a img
{
	display: inline;
	float: left;
	max-height: 130px;
	min-width: 98%;
	padding: 3px;
	width: auto;
}

#casestudies .contentarea a img, #designtrends .contentarea a img {max-height: 100px;}
#casestudies .contentarea a img.narrow, #designtrends .contentarea a img.narrow {max-height: 83px;}

#pagecontent .contentarea h3, #pagecontent .contentarea h3 a
{
	float: left;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	width: 100%;
}

#pagecontent .contentarea h3
{
	display: inline;
	font-weight: normal;
	margin: 10px 0 6px 0;
}

#pagecontent .contentarea h3 a
{
	background: none;
	line-height: 135%;
	text-decoration: none;
}

#pagecontent .contentarea h3 a:hover {text-decoration: underline;}

#pagecontent .contentarea p
{
	float: left;
	line-height: 135%;
	width: 100%;
}

#pagecontent .contentarea p a {background: none; float: none;}

#casestudies {min-height: 374px;}

#pagecontent .rightcontent .singlecasestudy, #designtrends {min-height: 0;}

#casestudies h2, #designtrends h2
{
	display: inline;
	margin-top: -2px;
}

#casestudies .contentarea h3, #designtrends .contentarea h3
{
	display: inline;
	margin: 2px 0 1px 0;
}

#casestudies .contentarea h3 a, #designtrends .contentarea h3 a {font-weight: normal;}
/*	End of homepage content areas definitions	*/