/********************************************************
	MAIN BODY COMPONENT STYLES for index.htm

	These styles are used to dimension and position 
	elements in the main body of the page.  It also 
	defines the font size, color, and family to use 
	for various elements
********************************************************/
	
#introductionContent{	
	float:left;
	width:370px;
	height:470px;
	padding-left:30px;
	padding-top:30px;}
	
#welcomeMessage{
	float:left;
	clear:both;
	width:350px;
	height:150px;
	text-align:left;}

#mainPromotionalAdvertisement{
	float:left;
	clear:both;
	width:350px;
	height:275px;
	margin-top:25px;
	xbackground-color:#333333;}




#sideAdvertisements{	
	float:left;
	width:220px;
	height:500px;}

#quickStoneSampleSelections{
	float:left;
	padding-left:5px;}
#quickStoneSampleSelections .stoneSampleLink{
	float:left;
	margin-top:5px;}
#stoneSamplesImage{
	float:right;
	margin-top:15px;}

#remodelingQuickLink{	
	float:left;
	margin-top:105px;}
	
#showroomQuickLink{	
	float:left;
	margin-top:20px;}



#promotionalAccessoryContainer{
	float:left;
	width:616px;
	height:190px;
	padding-left:4px;
	xborder:solid 1px Red;}
	
#promotionalTitle{
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:5px;
	padding-left:10px;
	width:90%;}

.promotionalAccessory{
	float:left;
	width:153px;
	height:190px;
	background-image:url(../images/home/dividers.png);
	background-position:146px;
	background-repeat:no-repeat;}
.promotionalAccessory .image{
	float:left;
	clear:both;}
.promotionalAccessory .description{
	float:left;
	clear:both;
	width:145px;
	text-align:left;}