@charset "utf-8";

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	background-color: #132e24;
}

#indexbody {
	background-color: #000;
}

#wrapper{
	/*width: 784px;  *//* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	width: 980px;
	margin: 10px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #fff;
}

#indexwrapper{
	width: 784px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 10px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #fff;
}


#banner {
   float: left;
   clear: both;
}

img {
   display: block;
   border: 0;
}

#banner img, a img {
	margin: 0;
	padding: 0;
	border: 0;
}

#banner, #main, #left, #right, #main img {
 margin: 0;
 padding: 0;
 border: 0;
}

#left {
float: left;
width: 392px;
height: 534px;
}

#right {
float: right;
width: 392px;
height: 534px;
}

#menu {
   border-top: 2px solid #132e24;
   border-bottom: 2px solid #132e24;
   padding: 10px 0;
   /*width: 784px;*/
   width: 980px;
   float: left;
   background-color: #d6dad9;
   color: #132e24;
}

#menu .MenuBarHorizontal {
  margin-left: 10px;
}

#menu ul.MenuBarHorizontal li {
  text-transform:uppercase;
  font-weight: bold;
}

#menu ul {
   margin: 0 0 0 180px;
   padding: 0;
   list-style-type: none;
   display: block;
}

#menu li {
   float: left;
   margin: 0 50px 0 0px;
   text-transform: uppercase;
   font-weight: bold;
}

#menu  a {
   color: #132e24;
   height: 20px;
   padding-left: 18px;
   text-decoration: none;
   text-align: left;
}

#menu  a:hover {
   color: #000;
}

#menu a.active_menu {
   background-image: url(images/smallsq.png);
   background-repeat:no-repeat;
   background-position: center left;
}

/*****************************
  Gallery Menu
*****************************/

.gallery_menu, .residential_menu {
   margin: 5px 0 0 0;
   padding: 0;
   /*width: 784px;*/
   width: 980px;
   float: left;
}

.gallery_menu ul, .residential_menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: block;
}

.gallery_menu li, .residential_menu li {
   float: left;
   margin: 0;
   padding: 0;
   text-transform: uppercase;
   font-weight: bold;
   width: 196px;
   text-align:center;
   color: #132e24;
}

.gallery_menu li {
	 background-color: #d6dad9;
}

.residential_menu li {
	background-color: white;
}

.gallery_menu  a, .residential_menu  a  {
   display:block;
   color: #132e24;
   text-decoration: none;
   width: 100%;
   height: 100%;
   padding: 10px 0;
}

.gallery_menu  a:hover, .residential_menu  a:hover  {
   color: #000;
   background-color:#e0ceb0;
}

.gallery_menu a.active_menu {
   background-image: url(images/smallsq.png);
   background-repeat:no-repeat;
   background-position: center left;
}

/*****************************
  Mini Landing Menu
*****************************/

.miniland_menu {
   margin: 5px 0 0 20px;
   padding: 0;
   /*width: 784px;*/
   width: 980px;
   float: left;
}

.miniland_menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: block;
}

.miniland_menu li {
   float: left;
   margin: 0;
   padding: 0 10px;
   text-transform: uppercase;
   font-weight: bold;
   width: 250px;
   text-align:center;
   background-color: #d6dad9;
   color: #132e24;
}

.miniland_menu  a {
   display:block;
   color: #132e24;
   text-decoration: none;
   width: 100%;
   height: 100%;
   padding: 10px 0;
}

.miniland_menu  a:hover {
   color: #000;
   background-color:#e0ceb0;
}

.miniland_menu a.active_menu {
   background-image: url(images/smallsq.png);
   background-repeat:no-repeat;
   background-position: center left;
}



#sidemenu {
  float: left;
  padding: 0;
  margin: 0;
  }

#sidemenu ul {
   list-style-type: none;
   padding: 0;
   margin: 0 0 0 24px;
   display: block;
   width: 130px;
}
  
#sidemenu ul li {
  text-align:center;
  margin: 15px 0 0 0;
  padding: 0;
  /*border: 1px solid white;*/
  border: 0;
}

#sidemenu ul li a {
 text-align:center;
 margin: 0;
 padding: 0;
 color: #132e24;
 text-decoration:none;
}

#sidemenu ul li a:hover{
  color: #000;
}


#rightside {
  float: left;
  margin-left: 25px;
  width: 605px;
}

#content {
   width: 300px;
   margin: 10px 0 0 0;
   float:left;
   background-color: #fff;
}

#content.wide {
   width: 700px;
   margin-bottom: 20px;
}

#content.verywide, #content.widegallery {
   /*width: 784px;*/
   width: 980px;
   margin: 5px 0 0 0;
}

#content p {
  margin: 0 0 20px 5px;
  padding: 0;
  line-height: 2.5ex;
  }

.residential_intro {
	  font-family:"Times New Roman", Times, serif;
}

#gallery {
  width: 280px;
  margin: 30px 0 0 10px;
  float:right;
 }
  
#footer {
  color: #132e24;
  font-size:150%;
  font-weight:bold;
  font-style:italic;  
  clear: both;
  text-align: center;
  position:relative;
  padding-bottom: 40px;
}

#address {
  color: #132e24;
  font-size:75%;
  font-style:italic;  
  clear: both;
  text-align: center;
  margin-bottom: 10px;
}

#logos {
position: absolute;
right: 0%;
bottom: 10px;
}

.logos a {
	float: left;
	clear: left;
	padding-top: 10px;
}

#logos img {
  margin-right: 10px;
  float: left;
}

#content h1 {
  margin: 0;
  padding: 0;
  text-transform:uppercase;
  color: #132e24;
  font-size: 100%;
}
 
#logoarea {
  width: 700px;
  clear: both;
}
 
#logoarea img {
 float: left;
 margin-right: 10px;
 margin-bottom: 20px;
 
}

#gallery_landing, #residential_landing {
	width: 980px;
	position: relative;
}

#gallery_landing a, #residential_landing a {
border: 0;
margin: 0;
padding: 0;
}

#gallery_landing a img, #residential_landing a img {
  margin: 0;
  padding: 0;
  border: 5px solid #132e24;
}

#residential_landing p {
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
}

#residential_landing a img {
float: left;
/*width: 140px;*/
}

#gallery_landing img {
float:left;
}

.large_gallery {
  margin-left: 180px;
}

#sale {
   border-top: 2px solid #314441;
   border-bottom: 2px solid #314441;
   padding: 10px 0;
   width: 784px;
   float: left;
   background-color: #ff0000;
   color: #ffffff;
}

#sale a {
	text-align:center;
	text-decoration:none;
	color: white;
	margin: 0;
	padding: 0;
    width: 784px;
	display: block;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.7ex;
	font-family:Arial, Helvetica, sans-serif;
}

.product_text {
	color: #132e24;
	font-size: 150%;
	font-family: "Times New Roman", Times, serif;
	position: absolute;
	top: 50px;
	border: 0;
	margin: 0;
	padding: 5px;
	background-color: white;
}

.miniland {
	margin-left: 100px;
}

.hardwood_text {
	left: 60px;
	text-align:left;
}

.carpet_text {
	left: 270px;
}

.tile_text {
	left: 410px;
}

.sanding_text {
	left: 640px;
}

.laminate_text {
	left: 810px;
}