/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

    * Filename: homepage.css
    * Version: 1.0.0 (2008-01-31) YYYY-MM-DD
    * Website: http://www.futurecom.com/
    * Author: Nathaniel B
    * Description: Hompage-Specific CSS rules.

    == STRUCTURE: ==============================
    * Page width: 775 px
    ============================================

    == INDEX: ==================================
	* %Featured: CSS for the three "featured"
	boxes at the top.
    ============================================

    == REFERENCE: ==============================
    ============================================

*/

/* %Featured
==============================================*/
#homepageList{float:left; width:100%; clear:both;}
#homepageList li, #homepageImageList li  {
    display:block;
    width:208px;
    float:left;
    padding:0px 10px 0px 10px;
    font-size:11px;
    color:#5B5B5E;
    text-align:justify;
	overflow:hidden;
}

#homepageList li h2, #homepageList li #hpt3-header {
	width:100%;
	float:left;
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#e7191b;
	background:url(../images/icon-bullet1.gif) left 5px no-repeat;
	padding-bottom:5px;
	border-spacing:2px;
	margin-bottom:10px;
}
#homepageList li h2 .headerText, #homepageList li #hpt3-header a {
	border-bottom:1px dotted #8a8a8a;
	margin-left:20px;
/*width:680px;*/
width:188px;
border-bottom:1px dotted #8a8a8a;
display:block;
}
#homepageList li #hpt3-header a, #homepageList li #hpt3-header a:visited, #homepageList li #hpt3-header a:active {
color:#e7191b;
text-decoration:none;
}

#homepageList li #hpt3-header a:hover, #homepageList li #hpt3-header a:focus {
text-decoration:underline;
}

#contact-block {
position:relative;
float:left;
clear:both;
height:82px;
width:270px;
border-left:8px solid #ef5634;
font-size:11px;
left:-45px;
padding-left:30px;
margin-bottom:25px;
bottom:-90px;
}

#hpt2 {
float:left;
}

#contact-block h2 {
font-size:11px;
text-transform:uppercase;
background:url(../images/icon-bullet1.gif) right center no-repeat;
width:70px;
margin-bottom:12px;
}

#homepage-image {
position:relative;
bottom:-25px;
height:223px;
width:194px;
float:right;
}
/*FEATURED PRODUCTS*/
#hpfeatproducts{float:left;clear:both;width:725px;}
#hpfeatproducts .ProductThumb{float:left;width:220px;margin:0px 10px;}
/*END:FEATURED PRODUCTS*/


.redarrow {
background:url(../images/red-arrow.gif) no-repeat left center;
padding-left:15px;
color:#5B5B5E;
}

.More {
background:url(../images/red-arrow.gif) no-repeat left center;
display:block;
float:left;
text-indent:15px;
}

.NewsListItem {
width:188px;
float:right;
clear:both;
margin-bottom:25px;
}

#TableFeaturedProducts .description{text-align:center;}