/********************************************************
	MAIN BODY COMPONENT STYLES for services-*.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
********************************************************/
	
#serviceDescriptionContainer{
	float:left;
	width:350px;
	padding-left:25px;
	margin-top:20px;
	text-align:left;
	xborder:solid 1px black;}

#colorSelectionContainer{
	float:right;
	width:220px;
	height:150px;
	margin-top:20px;
	xborder:solid 1px blue;}

#accessoriesContainer{
	float:right;
	clear:right;
	width:220px;
	height:250px;
	margin-top:30px;
	xborder:solid 1px red;}

	

/********************************************************
	serviceDescriptionContainer component styles

	These styles are used to dimension and position 
	elements in the serviceDescriptionContainer.  The 
	components in the serviceDescriptionContainer vary 
	based on need, so classes are defined mixing explicit
	classes and HTML tags.
********************************************************/
	
	
.serviceDescriptionSection{
	float:left;
	clear:both;
	width:350px;
	padding-top:10px;}

.serviceDescriptionSection .title{
	float:left;
	clear:both;
	width:100%;
	padding-bottom:5px;}

.serviceDescriptionSection .images{
	float:left;
	clear:both;
	width:100%;
	padding-left:25px;
	padding-top:15px;}