body {
	margin: 0 0;
	background-image: url(images/brick-texture.jpg);
	background-repeat: repeat-x;
	background-color: #fef5e4;
	}
	
body.detail {
	background-position: 0px 500px;
	}
	
#wrapper {
	margin: 0 auto;
	width: 1040px;
	background-image: url(images/glow.png);
	background-repeat: repeat-y;
	}
	
#header {
	width: 960px;
	height: 130px;
	background-image: url(images/header-antique.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
	}

p.phone {
  width: 300px;
  height: 100px;
  color: #FEF5E4;
  font-family: Helvetica, Arial, san-serif;
  font-style: oblique;
  font-size: 18px;
  padding-top: 90px;
  margin-top: 0px;
  margin-left: 700px;
  letter-spacing: .07em;
  }

/* Nav */

li {display: inline;}

/* Tier 1 Nav */

#tier1 {
	width: 960px;
	height:45px;
	background-color: #B9A887;
	margin-left: 40px;
	}
	
#tier1 ul {
	list-style-type:none;
	display: inline;
	padding: 0px;
 	width: 960px;
	margin: auto;
	}

#tier1 ul li a {
	float: left;
	height: 45px;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	text-align: center;
	color: #1E395F;
	font-family: georgia, serif;
	font-size: .82em;
	line-height: 3.3em;
	text-transform: uppercase;
	letter-spacing: .077em;
	background-color:#B9A887;
	background-image: url(images/tier1bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	}
	
#tier1 ul li.home a {
	background-image: none;
	}

#tier1 ul li a.activepage {
	background-color: #fff;
	color: #1E395F;
	}

#tier1 ul li a.activepage:hover {
	background-color: #fff;
	color: #1E395F;
	}

#tier1 ul li a:hover {
	background-color: #1E395F;
	color: #fff;
	}

/* Tier 2 Nav */

#tier2 {
	width:960px;
	height:45px;
	background-color: #fff;
	margin-left:40px;
	}
	
#tier2 ul {
	list-style-type:none;
	display: inline;
	padding: 0px;
 	width: 960px;
	margin: auto;
	}

#tier2 ul li a {
	float: left;
	height: 45px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	text-align: center;
	color: #007AC1;
	font-family: georgia, serif;
	font-size: .9em;
	line-height: 3.3em;
	text-transform: capitalize;
	letter-spacing: .06em;
	background-color:#fff;
	background-position: left;
	background-repeat: no-repeat;
	}
	
#tier2 ul li.home a {
	background-image: none;
	}

#tier2 ul li a.activepage {
	background-color: #fff;
	color: #1E395F;
	}

#tier2 ul li a.activepage:hover {
	background-color: #fff;
	color: #1E395F;
	}

#tier2 ul li a:hover {
	background-color: #FEF5E4;
	color: #1E395F;
	}

/* End Tier 2*/





/* BEGIN CONTENT REGION ... 2 contents, 1 for home page, the other for guts pages	*/

#content-guts {
	width: 960px;
	min-height: 390px;
	margin-left: 40px;
	background-image: url(images/fadetop.gif);
	background-color: #fff;
	background-repeat: repeat-x;
	margin-bottom: -15px;
	}

	
#content {
	width: 960px;
	min-height: 435px;
	margin-left: 40px;
	background-image: url(images/fadetop.gif);
	background-color: #fff;
	background-repeat: repeat-x;
	}
	
#content-guts-plain {
	width:900px;
	margin-left:30px;
	margin-top:0px;
	}		
	
	/* Homepage Regions */

#video {
	width: 690px;
	height: 325px;
	background-image: url(images/flash-res.jpg);
	margin-left: 0px;
	float: left;
	}
	
#ad {
	width: 270px;
	height: 275px;
	background-color: #1E395F;
	float: left;
	}
	
/* Social Media stuff */

#socialmedia {
	width: 270px;
	height: 50px;
	background-color: #0084cc;
	float: left;
	}
		
img.nob {
	border: none;
	margin-top:0px;
	}
		
/* Facebook Link */

#fb
	{
	display: block;
	width: 135px;
	height: 50px;
	background-image: url(images/#);
	background-repeat: repeat;
	background-position: 0px 0px;
	float: left;
}


#fb:hover
	{ 
	background-position: 0px 1px;
	}
	
/* Twitter Link */

#twitter
	{
	display: block;
	width: 135px;
	height: 50px;
	background-image: url(images/#);
	background-repeat: repeat;
	background-position: 0px 0px;
	float: right;
	}


#twitter:hover
	{ 
	background-position: 0px 1px;
	}


#socialmedia span
	{
	display: none;
	}
	
a.social {
	font-family: Georgia, sans-serif;
	font-size: .7em;
	color: red;
	text-align: center;
	margin-top: 11px;
	text-transform: uppercase;
	}
	
a.social:link {color:#fff;
		text-decoration: none;
		}	/* unvisited link */
a.social:visited {color:#fff;
		text-decoration: none;
		}	/* visited link */

/* End Social Media stuff */

		
	
#feature {
	width:960px;
	height:110px;
	background-image: url(images/leed-brick.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: right;
	float: left;
	}
	
#featuredproduct {
	width:215px;
	height:110px;
	background-image: url(images/introducing-thin-brick.gif);
	float: left;
	}

#featuredinfo {
  font-family: Georgia, "Georgia Regular", serif;
  margin-top: 8px;
  font-size: 14px;
  height: 110px;
  float: left;
  }

p.fi {
  width: 330px;
  line-height: 1.3em;
  color: #512713;}
  
#feature a {
  text-decoration: underline;
  font-style: oblique;
  line-height: 1.5em;
  }
	/* Thumbnail Menu in guts */

/* Social Media Dividers */

#social_nav_horizontal {
  margin-left: 845px;
  margin-top: 12px;
  font-family: Georgia, "Georgia Regular", serif;
  font-size: 12px;
  color: #fff;}
  
#social_nav_horizontal h3 {
  display:inline;
  font-weight: lighter;
  font-size: 13px;
  }
#social_nav_horizontal ul {
  margin: 0;
  padding: 0;
  margin-top:8px;
}
#social_nav_horizontal ul li {
  font-family: Arial, sans-serif;
  float: left;
  padding: 5px 0px 0px 5px;
  margin-left: 0px;
  list-style-type: none;
}
#social_nav_horizontal ul li a {
  padding: 4px 0px 0px 28px;
  height: 10px;
  color: #fff;
  text-decoration: none;
  line-height: 1.45em;
}


.delicious {
  background:url(images/sm-icons/delicious.png) no-repeat;
  background-position:0px -1px;
}
.facebook {
  background:url(images/sm-icons/facebook.png) no-repeat;
  background-position:0px -1px;
}
.stumbleupon {
  background:url(images/sm-icons/stumbleupon.png) no-repeat;
  background-position:0px -1px;
}
.twitter {
  background:url(images/sm-icons/twitter.png) no-repeat;
  background-position:0px -1px;
}



/* End social media dividers */


#menu-header {
	width:900px;
	height:60px;
	margin-left:30px;
	margin-top:0px;
	}
	
#menu-header-size {
	width:900px;
	height:30px;  /* NOTE: This variable is the only thing different in the ie7.css file  */
	margin-left:30px;
	margin-top:0px;
	}
	
#menu-header-swatches {
	width:900px;
	height:60px;
	margin-left:30px;
	margin-bottom:65px;
	}
	
		/* 2 row menu */

	
#menu2rows {
	width: 896px;
	height: 224px; 
	margin-left: 30px;
	margin-top: 35px;
	background-color: #fff;
	}
	
#menu2rows ul {
	list-style-type:none;
	/* display: inline; REMOVED! */
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;

	
	}

#menu2rows ul li a {
	float: left;
	height: 100px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	color: #007AC1;
	background-color: #000;
	border: 6px solid #fff;
	}
	
#menu2rows ul li a:hover {
	border: 6px solid #007AC1;
	}	
	
	/* 1 row menu */
	
	
#menu1row {
	width: 900px;
	height: 112px; 
	margin-left: 30px;
	margin-top: 0px;
	background-color: #fff;
	margin-bottom: 30px;
	}
	
#menu1row ul {
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
	}

#menu1row ul li a {
	float: left;
	height: 100px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	color: #007AC1;
	background-color: #000;
	border: 6px solid #fff;
	}
	
#menu1row ul li a:hover {
	border: 6px solid #007AC1;
	}		
	
/* intended for anchor positioning only */	
#anchor ul li a {
	margin-top: -35px;
	line-height: 0em;
	display: block;
	}
/* end */	

#swatches {
	width:900px;
	height: 235px;
	margin-left:30px;
	margin-top: 0px;
	background-color: #fff;
	background-image: url(images/dividerfade.jpg);
	background-repeat: no-repeat;
	background-position: 200px 0px;
	}	
	
#swatches ul {
	list-style-type:none;
	display: inline;
	}

#swatches ul li a {
	float: left;
	height: 200px;
	width: 200px;
	text-decoration: none;
	text-align: center;
	color: #007AC1;
	background-color: #000;
	}
	
#swatches ul li a:hover {
	}
	
#installation {
	width:330px;
	height: 77px;
	margin-left:245px;
	margin-top: 64px;
	}
	
#installation ul {
	list-style-type:none;
	/* display: inline; REMOVED! */
	margin:0;
	overflow:hidden;
	padding:0;
	}

#installation ul li a {
	float: left;
	height: 65px;
	width: 90px;
	text-decoration: none;
	text-align: center;
	color: #007AC1;
	background-color: #000;
	border: 6px solid #fff;
	}
	
#installation ul li a:hover {
	border: 6px solid #007AC1;
	}
	
	
	
#pdfbutton
{
	display: block;
	width: 265px;
	height: 80px;
	margin-left: 600px;
	margin-top: -80px;
	background: url("images/pdf.png") no-repeat 0 0;
}

#pdfbutton:hover
{ 
	background-position: 0 -80px;
}

#pdfbutton span
{
	display: none;
}

#pdfbuttonsmall
{
	display: block;
	width: 232px;
	height: 65px;
	margin-left: 660px;
	margin-top: 200px;
	background: url("images/download-pdf.jpg") no-repeat 0 0;
}

#pdfbuttonsmall:hover
{ 
	background-position: 0 -65px;
}

#pdfbuttonsmall span
{
	display: none;
}

/*


.pdfbutton a {
	display: block;
	width: 265px;
	height: 80px;
	background-image: url("images/pdf.png") no-repeat;
	margin-left: 600px;
	margin-top: -80px;
	border: 1px solid red;
	}
	
.pdfbutton a:hover {
	background-position: 0px 0px;
	border: 1px solid green;
	}
	
	
	
	*/
	
p.menu-description {
	margin-left: 365px;
	margin-top: -65px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1E395F;
	font-size: .9em;
	}
	
p.plain {
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1E395F;
	font-size: .9em;
	}
	
p.top {
	margin-left: 480px;
	margin-top: -85px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1E395F;
	font-size: .9em;
	}

/* End Gut Menu*/

	


/* BEGIN Footer Stuff */


	/* Breadcrumb Region */

ul.bc {
	padding: 0px 0px 0px 20px;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	}
	
li.bc {
	display: inline;
	color: #fff;
	letter-spacing: .08em;
	font-family: Georgia, "Georgia Regular", sans-serif;
	font-size: .8em;
	line-height: 2.5em;
	}
	
p.dividerbc {
	display: inline;
	color: #fff;
	margin: 0px 6px 0px 14px;
	font-family: Georgia, "Georgia Regular", sans-serif;
	font-size: 1.15em;
	text-transform: uppercase;	
	position: absolute;
	}
	
	/* Footer Region */

#footer {
	width: 960px;
	height: 85px;
	background-color:#B9A887;
	background-image: url(images/breadcrumb-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
	}

ul.footertext {
	margin:-3px 0px 0px 15px;
	list-style-type: none;
	list-style-image: none;
	}
	
li.footertext {
	color: #1E395F;
	letter-spacing: .03em;
	font-family: Georgia, "Georgia Regular", sans-serif;
	font-size: .75em;
	text-transform: uppercase;
	}

p.fineprint {
	text-align: center;
	font-family: Lucida, "Lucida Sans", "Lucida Sans Regular", Helvetica, Arial, sans-serif;
	font-size:.65em;
	color: #836A3A;
	margin: 2px;
	}
	
p.divider {
	display: inline;
	color: #1E395F;
	margin: 0px 3px 0px 7px;
	font-family: Georgia, "Georgia Regular", sans-serif;
	font-size: 1.15em;
	text-transform: uppercase;	
	}
		
a:link {color:#1E395F;
		text-decoration: none;
		}	/* unvisited link */
a:visited {color:#1E395F;
		text-decoration: none;
		}	/* visited link */
a: {color:#836A3A;
		text-decoration: none;
		}	/* mouse over link */

a.fine:link {color:#836A3A; text-decoration: underline;}      /* unvisited link */
a.fine:visited {color:#836A3A; text-decoration: underline;}      /* visited link */
a.fine:hover {color:#1E395F; text-decoration: underline;}  /* mouse over link */

a.bc:link {color:#fff; text-decoration: none;}	/* unvisited link */
a.bc:visited {color:#fff; text-decoration: none;}	/* visited link */
a.bc:hover {color:#fff; text-decoration: underline;}	/* mouse over link */

a {outline: none;
	}

a img{
	border: none;
	}
	
/* End Footer Stuff */

h1 {
	margin-top: 0px;
	padding-top: 25px;
	font-family: Georgia, "Times New Roman", serif;
	color: #1E395F;
	font-weight: lighter;
	}
	
h2 {
	margin-top: -20px;
	font-family: Georgia, "Times New Roman", serif;
	color: #512713;
	font-weight: lighter;
	font-style: italic;
	font-size: 1em;
	}
	
h2.techspecs {
	margin-top: 30px;
	font-family: Georgia, "Times New Roman", serif;
	color: #512713;
	font-weight: lighter;
	font-style: italic;
	font-size: 1em;
	}
	
h2.plainheader {
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", serif;
	color: #512713;
	font-weight: lighter;
	font-style: italic;
	font-size: 1em;
	}
	
h1.swatchcaps {
	padding-left: 250px;
	font-family: Georgia, "Times New Roman", serif;
	color: #1E395F;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: .09em;
	}
	
h2.swatch {
	padding-left: 250px;
	margin-top: 30px;
	font-family: Georgia, "Times New Roman", serif;
	color: #512713;
	font-weight: lighter;
	font-style: italic;
	font-size: 1em;
	}
	
img.detail {
	margin: 0 0;
	border-bottom: 1px solid black;
	}
	
p.detail {
	margin-left: 250px;
	text-decoration: underline;
	}

p.installation {
	margin-left: 200px;
	text-decoration: underline;
	}

img.floating-image {
  margin-left: 20px;
  border: 1px solid #000;
  width: 300px;
  height: 200px;
  float: left;
  margin-right: 20px;}