

/* ========================================
Styles for the scrolling logos
 ========================================*/
#homeLeft {
	float: left;
	position:relative;
	width: 483px;
	height: 325px;
	border: 1px solid #b2b2b2;
	margin: 0 6px 13px 0;

}

#homeRight {
	float: left;
	position:relative;
	width: 309px;
	height: 315px;
	border: 1px solid #b2b2b2;
	background-image:url(/images/home/home_right_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 10px 0 0 10px;

}

#homeClientLogos {
	position:relative;
	clear: both;
	height: 50px;
	width: 810px;
	border: 1px solid #b2b2b2;
	overflow:hidden;
}

#homeClientLogos #scrollingContainer {
	position:relative;
	left: 0px;
	height: 25px;
	margin-top: 13px;
	width:1px;	/* this width will be increased by javascript as logos are loaded*/
}

#homeClientLogos .scrollingLogo {
	float: left;
	border-right: 1px solid #cbcbcb;
	padding: 0px 17px;
	
}
#homeSiteDesign {
	color:#b2b2b2;
	font-size:9px;
	text-align: right;
	width: 810px;
	margin-top: 5px;
}

#homeTwitter{
	
	text-align: left;
	float: left;
}
#homeTwitter img {
	border: 0;
}



#homeSiteDesign a {
	color:#b2b2b2;
	text-decoration:none;
}
#homeSiteDesign a:hover {
	text-decoration:underline;
}



/* ========================================
Styles for the Oscar Wilde quote.
 ========================================*/

#quoteContainer {
	z-index: 2000;
	position:absolute;
	left: 17px;
	top: 25px;
	width: 240px;
	height: 120px;
}

#quoteContainer #quote {
	position:relative;
	width: 240px;
	height: 63px;
	background-image:url(/images/quote_text.png);
	background-repeat:no-repeat;
	background-position:top left;
	display: none;
}

#quoteContainer #quoteName {
	position:relative;
	width: 157px;
	height: 40px;
	margin-top: 15px;
	background-image:url(/images/quote_name.png);
	background-repeat:no-repeat;
	background-position:top left;
	display: none;
}


/* ========================================
Styles for the fading home page images
 ========================================*/

#productImages {
	position:absolute;
	z-index: 1000;
	right: 25px;
	top: 25px;
	width: 270px;
	height: 270px;
}

#productImages .featuredProductImage {
	position:absolute;
	bottom: 0;
	right: 0;
	display: none;
}


