/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


html {
	height: 100%;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	text-align: center; /* for centering layout in IE 5.x */
	background-color: #FFFFFF;
}


/* Container for entire page content */

#wrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	min-height: 100%;
	width: 770px;
	text-align: left; /* counter the centering in the body tag */
	background-image: url(../images/shared/wrapper_bgTile.gif);
	background-repeat: repeat-y;;
}


#header {
	margin: 0;
	padding: 15px 0 0 0;
	width: 770px;
	min-height: 132px;
	height: 143px;
	background-image:url(../images/shared/header_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-color: #CCFFCC;*/
	
	/* May need to adjust height for Windows due to padding */
}

#pageContent {
	margin: 0;
	padding: 0 0 50px 0;
	width: 770px;
	/*background-color: #CCCCCC;*/
}

#footerBlock {
	padding: 42px 0 0 0;
	position: absolute;
	bottom: -194px;
	height: 21px;
	width: 770px;
	background-image: url(../images/shared/footer_bg.gif);
	background-repeat: no-repeat;
	left: 36px;
}

.clear {
	clear: both;
	height: 30px;
}


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK / LOGO  ---------------------------------------------------------------------------------*/


#logo {
	float: left;
	margin: 49px 0 0 50px;
	padding: 0;
	width: 198px;
	height: 57px;
	display: inline;	/* Counter the Double-Margin Float Bug in IE 5-6 */
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK / MAIN NAVIGATION  ----------------------------------------------------------------------*/

#mainNav {
	float: right;
	width: 200px;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
}

#mainNav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainNav ul li{
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
}

#mainNav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 10px;
	display: block;
	text-indent: -5000px;
}

#mainNav a:link {
	text-decoration: none;
}
#mainNav a:visited {
	text-decoration: none;
}
#mainNav a:hover {
	text-decoration: underline;
	color: #99FF00;
}
#mainNav a:active {
	text-decoration: none;
}


/* Basic Link Styles */

#mainNav a:link		{ color: #777777; text-decoration: none; }
#mainNav a:visited	{ color: #777777; text-decoration: none; }
#mainNav a:hover	{
}
#mainNav a:active	{ color: #777777; text-decoration: none; }
#mainNav a:focus	{ outline: 0; }

/* Nav Rollovers */

#mainNav .home a { background: url(../images/shared/nav_home.gif) no-repeat; width: 28px; }
#mainNav .home a:hover  { background-position: -28px 0; }
#mainNav .home a:focus  { outline: 0; }
#mainNav .about a { background: url(../images/shared/nav_about.gif) no-repeat; width: 49px; }
#mainNav .about a:hover  { background-position: -49px 0; }
#mainNav .about a:focus  { outline: 0; }

#mainNav .showroom a { background: url(../images/shared/nav_showroom.gif) no-repeat; width: 57px; }
#mainNav .showroom a:hover  { background-position: -57px 0; }
#mainNav .showroom a:focus  { outline: 0; }

#mainNav .products a { background: url(../images/shared/nav_products.gif) no-repeat; width: 51px; }
#mainNav .products a:hover  { background-position: -51px 0; }
#mainNav .products a:focus  { outline: 0; }
#mainNav .environment a { background: url(../images/shared/nav_environment.gif) no-repeat; width: 70px; }
#mainNav .environment a:hover  { background-position: -70px 0; }
#mainNav .environment a:focus  { outline: 0; }
#mainNav .installation a { background: url(../images/shared/nav_installation.gif) no-repeat; width: 142px; }
#mainNav .installation a:hover  { background-position: -142px 0; }
#mainNav .installation a:focus  { outline: 0; }
#mainNav .ordering a { background: url(../images/shared/nav_ordering.gif) no-repeat; width: 50px; }
#mainNav .ordering a:hover  { background-position: -50px 0; }
#mainNav .ordering a:focus  { outline: 0; }
#mainNav .contact a { background: url(../images/shared/nav_contact.gif) no-repeat; width: 43px; }
#mainNav .contact a:hover  { background-position: -43px 0; }
#mainNav .contact a:focus  { outline: 0; }


/* "Current Page" Highlight - Button Text */
#home #mainNav .home a					{ background-position: -28px 0; }
#about #mainNav .about a				{ background-position: -49px 0; }

#showroom #mainNav .showroom a				{ background-position: -57px 0; }

#products #mainNav .products a			{ background-position: -51px 0; }
#environment #mainNav .environment a	{ background-position: -70px 0; }
#installation #mainNav .installation a	{ background-position: -142px 0; }
#ordering #mainNav .ordering a			{ background-position: -50px 0; }
#contact #mainNav .contact a			{ background-position: -43px 0; }

/* "Current Page" Highlight - Nav Higlight */
#home #mainNav li.home					{ background: url(../images/shared/nav_highlight.gif) no-repeat; }
#about #mainNav li.about				{ background: url(../images/shared/nav_highlight.gif) no-repeat; }

#showroom #mainNav li.showroom				{ background: url(../images/shared/nav_highlight.gif) no-repeat; }

#products #mainNav li.products			{ background: url(../images/shared/nav_highlight.gif) no-repeat; }
#environment #mainNav li.environment	{ background: url(../images/shared/nav_highlight.gif) no-repeat; }
#installation #mainNav li.installation	{ background: url(../images/shared/nav_highlight.gif) no-repeat; }
#ordering #mainNav li.ordering			{ background: url(../images/shared/nav_highlight.gif) no-repeat; }
#contact #mainNav li.contact			{ background: url(../images/shared/nav_highlight.gif) no-repeat; }

/* margin menu revisions */

.cSubNavRightBottom {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/shared/subnav_horizRule.gif);
	background-repeat: no-repeat;
	background-position: bottom; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #777777;
}

.cSubSub {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #777777;
}

.cSubSub_selected {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #777777;
}

.cMainNavRightBottom {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #777777;
}

.cMainNavRightBottomSub {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #777777;
}

.cMainNavRightBottom_selected {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #777777;
}


/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / SUBNAV  --------------------------------------------------*/

#subnavShowroom  {
	margin: 0 10px 0 570px;
	padding: 20px 0 0 15px;
	font-size: 10px;
	line-height: 18px;
	color: #606060;
}

#subnavMaterials  {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height:14px;
	width:190px;
	background-image:url(../images/shared/materials_install_show.gif);
	background-repeat:no-repeat; 
}

#subnav {
	margin: 0 10px 0 570px;
	padding: 24px 0 0 15px;
	font-size: 10px;
	line-height: 10px;
	color: #606060;
}

#subnav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav ul li{
	margin: 0 0 3px 0;
	padding: 7px 0 12px 0;
	background: url(../images/shared/subnav_horizRule.gif) no-repeat right bottom;
}

#subnav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 18px;
	display: block;
	text-indent: -5000px;
}


/* Basic Link Styles */

#subnav a:link		{ color: #A8A8AA; text-decoration: none; }
#subnav a:visited	{ color: #A8A8AA; text-decoration: none; }
#subnav a:hover		{ color: #575A5C; text-decoration: none; }
#subnav a:active	{ color: #A8A8AA; text-decoration: none; }
#subnav a:focus		{ outline: 0; }
#subnavShowroom a:link { color: #575A5C; text-decoration: none; }
#subnavShowroom a:visited { color: #575A5C; text-decoration: none; }
#subnavShowroom a:hover { color: #575A5C; text-decoration: none; background-color: #E9E9E9; }
#subnavShowroom a:active { color: #575A5C; text-decoration: none; }


/* Nav Rollovers - SPECIFIC TO PRODUCTS SECTION ONLY */

#subnav .productsOverview a 		{ background: url(../images/products/subnav_productsOverview.gif) no-repeat; width: 93px; }
#subnav .productsOverview a:hover	{ background-position: -93px 0; }
#subnav .productsOverview a:focus	{ outline: 0; }
#subnav .hardwood a					{ background: url(../images/products/subnav_hardwood.gif) no-repeat; width: 56px; }
#subnav .hardwood a:hover			{ background-position: -56px 0; }
#subnav .hardwood a:focus			{ outline: 0; }
#subnav .tileAndStone a				{ background: url(../images/products/subnav_tileAndStone.gif) no-repeat; width: 63px; }
#subnav .tileAndStone a:hover		{ background-position: -63px 0; }
#subnav .tileAndStone a:focus		{ outline: 0; }
#subnav .carpet a					{ background: url(../images/products/subnav_carpet.gif) no-repeat; width: 39px; }
#subnav .carpet a:hover				{ background-position: -39px 0; }
#subnav .carpet a:focus				{ outline: 0; }

/* "Current Page" Highlight - Button Text */
#products #subnav ul#productsOverview li.productsOverview a	{ background-position: -186px 0; }
#products #subnav ul#hardwood li.hardwood a					{ background-position: -112px 0; }
#products #subnav ul#tileAndStone li.tileAndStone a			{ background-position: -126px 0; }
#products #subnav ul#carpet li.carpet a						{ background-position: -78px 0; }



/* Subnav - Level 2 Items */

#subnav ul.subnav_level2 li{
	margin: 0;
	padding: 0;
	background: none;
}

#subnav ul li ul.subnav_level2 li a {
	margin: 0;
	padding: 7px 0 0 14px;
	width: 148px;
	height: auto;
	background: none;
	text-indent: 0;
}


/* Styles for indicating in subnav list the current page within section */

#products #subnav ul#hardwood li.hardwood ul.subnav_level2 li a.currentSubSection { background: url(../images/shared/listBullet.gif) no-repeat 7px 9px; }
#products #subnav ul#tileAndStone li.tileAndStone ul.subnav_level2 li a.currentSubSection { background: url(../images/shared/listBullet.gif) no-repeat 7px 9px; }
#products #subnav ul#carpet li.carpet ul.subnav_level2 li a.currentSubSection { background: url(../images/shared/listBullet.gif) no-repeat 7px 9px; }

#subnav ul.subnav_level2 li a.currentSubSection:link { color: #575A5C; }
#subnav ul.subnav_level2 li a.currentSubSection:visited { color: #575A5C;}


/* Photo Captions/Credits for home page */

#subnav .photoCaption {
	margin: 8px 0 0 15px;
	font-size: 9px;
	line-height: 12px;
	color: #949494;
}

#subnav .photoCaption td {
	padding: 0 4px 7px 0;
	font-size: 9px;
	line-height: 11px;
	color: #949494;
}

#subnav .photoCaption h2 {
	font-size: 9px;
	line-height: 11px;
	color: #949494;
}

#subnav .photoCaption td a:link {
	text-decoration: none;
	padding-left: 0;
	color: #575A5C;
}
#subnav .photoCaption td a:visited {
	color: #575A5C;
	padding-left: 0;
	text-decoration: none;
}
#subnav .photoCaption td a:hover {
	color: #575A5C;
	text-decoration: none;
	padding-left: 0;
	background-color: #E9E9E9;
}
#subnav .photoCaption td a:active {
	color: #575A5C;
	padding-left: 0;
	text-decoration: none;
}


/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / IMAGE BLOCK, PORTFOLIO LINK & MAIN TEXT BLOCK  --------------------------------------------------*/


#imageBlock {
	margin: 0;
	padding: 0 10px;
}
#mainContent {
	float: left;
	margin: 40px 0 0 50px;
	padding: 0;
	width:440px;
	display: inline;	/* Counter the Double-Margin Float Bug in IE 5-6 */
	/*background-color: #999999;*/
}

#portfolioLink {
	margin: 0 10px;
	padding: 4px 0 4px 560px;
	background: url(../images/shared/viewPorfolio_bg.gif) repeat-y;
	height:14px;
}

#portfolioLink a {
	display: block;
	width:94px;
	height:14px;
	text-indent: -5000px;
	background: url(../images/shared/btn_viewPortfolio.gif) no-repeat;
}

#portfolioLink a:hover		{ background-position: -94px; }
#portfolioLink a:focus		{ outline: 0; }



/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


#mainContent h1 {
	font-family: Calibri;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: .02em;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 0;
	color: #970000;
}

#mainContent h2 {
	font-size: 10px;
	line-height: 12px;
	letter-spacing: .04em;
	margin: 25px 0 8px 0;
	padding: 0;
	color: #575A5C;
	text-transform: uppercase;
}

#mainContent h3 {
	margin: 20px 0 12px 0;
	padding: 0;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #606060;
}

#mainContent p {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
	color: #606060;
}


#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 14px;
	color: #606060;
}

#mainContent li {
	margin: 8px 0 4px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}

#mainContent ul li ul {
	margin-left:  6px;
}


#mainContent a:link {
	color: #575A5C;
	text-decoration: none;
}
#mainContent a:visited {
	color: #575A5C;
	text-decoration: none;
}
#mainContent a:hover {
	color: #575A5C;
	text-decoration: none;
	background-color: #E9E9E9;
}
#mainContent a:active {
	color: #575A5C;
	text-decoration: none;
}


#mainContent .horizRule {
	margin: 20px 0 0 0;
	font-size: 6px;
	line-height: 6px;
	background-image: url(../images/shared/horizRule_fullColumn.gif);
	background-repeat: no-repeat;
	clear: both;
}

.ES_stamp {
	float: right;
	margin: -5px 0 7px 7px;
}

/* Sample Request Area */

#mainContent #sampleRequest {
	margin-top: 25px;
	padding-top: 8px;
	width: 260px;
	background-image: url(../images/sampleRequest/horizRule_requestSample.gif);
	background-repeat:  no-repeat;
}

#mainContent #sampleRequest a {
	display: block;
	padding: 0 163px 7px 1px; /* right padding is to stretch it long enough for bg iage to sho.. */
	background-image: url(../images/sampleRequest/horizRule_requestSample.gif);
	background-position: bottom left;
	background-repeat:  no-repeat;
} 

/* Counter the global rollover effect we're seeing on the image links */
#mainContent #sampleRequest  a:link     { text-decoration: none; background-color: #FFFFFF; }
#mainContent #sampleRequest  a:visited  { text-decoration: none; background-color: #FFFFFF; }
#mainContent #sampleRequest  a:hover    { text-decoration: none; background-color: #FFFFFF; }
#mainContent #sampleRequest  a:active   { text-decoration: none; background-color: #FFFFFF; }






/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/
#footerBlock {
	position: relative; 
	top: 0px; 
	left: 0px;
}

#footerBlock p {
	margin: 0 0 0 50px;
	padding: 0;
	font-size: 9px;
	line-height: 10px;
	color: #A8A8AA
}

#footerBlock a:link {
	color: #A8A8AA;
	text-decoration: none;
}
#footerBlock a:visited {
	color: #A8A8AA;
	text-decoration: none;
}
#footerBlock a:hover {
	color: #A8A8AA;
	text-decoration: none;
	background-color: #E9E9E9;
}
#footerBlock a:active {
	color: #A8A8AA;
	text-decoration: none;
}