/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Times New Roman", Times, serif;
	color: #595851;
	line-height: 1.166;	
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background:url(images/background2.jpg);
	margin: 20px 0px 0px 0px;
/*	font-size:13px;*/
}

strong {
color:#21211F;
}

b {
color:#21211F;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link img {
  border: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-size: 120%;
 color: #663300;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight:normal;
}

.title {
 color: #A09D76;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight:bold;
}

 h1 .title{
 color: #A09D76;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight:normal;
}

.title2{
 color: #663300;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 font-weight:bold;
}

h2 {
 font-size: 120%;
 color: #a6a59f;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight: normal;
}

h3 {
 color: #A09D76;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight:bold;
 font-size:100%;
}

h4 {
 color: #663300;
 margin: 0px;
 padding: 0px;
 text-transform:uppercase;
 font-weight:bold;
 font-size:100%;
}

h5 {
 color: #663300;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 font-weight:bold;
 font-size:100%;
}

dark
{
	color: #FFFFFF;
	text-decoration: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.close_all{
display:block;
width:100%;
height:100%;
}

#sendmail_window{
	position: absolute;
	left: 50%;
	top: 55px;
	width: 600px;
	margin: 0 auto;
	z-index:97;  
	margin-left:-300px; 
}

#blanket {
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
  top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
	z-index:95;
	  position:fixed;
  _position:absolute;
  _top:expression(eval(document.body.scrollTop));
  margin:0;
  padding:0;
}


#wrapper{
position: absolute;
width:750px;
height: auto;
left: 50%; 
margin-left: -375px;
background-color:#FFFFFF;
}

#masthead{
	width: 750px;
	height: 62px;
	border-bottom:1px dotted #92908a;
	background:url(images/header.gif) top no-repeat;
	padding: 10px 0px 0px 0px;
}

#navBar{
	float: left;
	width: 189px;
	margin: 0px;
	padding: 320px 0px 0px 0px;
}
#header_home{
	width:auto;
	height:189px;
	margin-left:189px;
	background:url(images/samples_back.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_quartz.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
	
#header_quartz{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_quartz.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_granite{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_granite.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_marble{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_marble.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_limestone{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_limestone.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_soapstone{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_soapstone.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_quartzite{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_quartzite.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_solid_surface{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_solid_surface.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_products{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_products.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_about{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_about.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_process{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_process.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_testimonials{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_testimonials.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
	
#header_contact{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_contact.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_rphotos{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_rphotos.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_faq{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_faq.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#header_links{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_links.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
	#header_commercial{
	/*width:555px;*/
	height:151px;
	margin-left:195px;
	background:url(images/header_commercial_1.jpg) no-repeat;
	color:#ffffff;
	font-size:10px;
	}
#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}
#content_home{
	float: left;
  	width: 355px;
  	margin:100px 10px 0px 10px;	
}
#content{
	float: left;
  	width: 345px;
  	margin:10px 20px 0px 20px;	
	list-style-image:url(images/bullet.gif);
}
#content2{
	float: left;
  	width: 490px;
  	margin:30px 20px 0px 30px;
	list-style-image:url(images/bullet.gif);
}
#quote{
margin-top:25px;
margin-left:575px;
width: auto;
}
.quote_box{
background:#eae9df url(images/top_quote.gif) top no-repeat;
color:#989690;
font-size:12px;
padding:45px 15px 0px 15px;
width:123px;
line-height:150%;
}
.quote_bottom{
background:#eae9df url(images/bottom_quote.gif) top no-repeat;
height:46px;
width:153px;
}

.quote_box_testimonials{
background:#eae9df url(images/top_quote.gif) top left no-repeat;
color:#989690;
font-size:12px;
padding:45px 15px 0px 15px;
line-height:150%;
}
.quote_bottom_testimonials{
background:#eae9df url(images/bottom_quote.gif) top right no-repeat;
height:46px;
}

#photo_rotate {
position:absolute;
width:378px;
height:203px;
top: 127px;
left:181px;
z-index:1;

}
ul.ppt {
/*	position: relative;*/
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
	border: 0 solid #e7e7e7;
	padding: 0;
	background-color: #ececec;
}

/***********************************************/
/* Navigation                                */
/***********************************************/
div#navBar ul {
	left:4px;
	width:189px;
	padding:0;
	list-style-type:none;
	margin:0;
}

div#navBar ul li {
  position:absolute;
  text-indent:-5000px;
}

div#navBar ul a {
  text-decoration:none;
  display:block;
  height:auto;
  color:#FFFFFF;
}

div#navBar ul li#home {
  left:4px;
  top:73px;
}

div#navBar ul li#home a{
  width:189px;
  height:29px;
  background:url(images/button_home.gif) 0 0 no-repeat;
  }
  
div#navBar ul li#home a:hover {
  background:url(images/button_home_f2.gif) 0 0 no-repeat;
}

div#navBar ul li#products {
  left:4px;
  top:102px;
}

div#navBar ul li#products a {
  width:189px;
  height:29px;
  background:url(images/button_products.gif) 0 0 no-repeat;
}

div#navBar ul li#products a:hover {
  background:url(images/button_products_f2.gif) 0 0 no-repeat;
}

div#navBar ul li#process {
  left:4px;
  top:131px;
}

div#navBar ul li#process a {
  width:189px;
  height:29px;
  background:url(images/button_process.gif) 0 0 no-repeat;
}

div#navBar ul li#process a:hover {
  background:url(images/button_process_f2.gif) 0 0 no-repeat;
}

/*div#navBar ul li#testimonials {
  left:4px;
  top:160px;
}

div#navBar ul li#testimonials a {
  width:189px;
  height:29px;
  background:url(images/button_testimonials.gif) 0 0 no-repeat;
}

div#navBar ul li#testimonials a:hover {
  background:url(images/button_testimonials_f2.gif) 0 0 no-repeat;
}*/

div#navBar ul li#res_photos {
  left:4px;
  top:160px;
}

div#navBar ul li#res_photos a {
  width:189px;
  height:29px;
  background:url(images/button_rphotos.gif) 0 0 no-repeat;
}

div#navBar ul li#res_photos a:hover {
  background:url(images/button_rphotos_f2.gif) 0 0 no-repeat;
}
 
div#navBar ul li#commercial {
  left:4px;
  top:189px;
}

div#navBar ul li#commercial a {
  width:189px;
  height:29px;
  background:url(images/button_projects.gif) 0 0 no-repeat;
}

div#navBar ul li#commercial a:hover {
  background:url(images/button_projects_f2.gif) 0 0 no-repeat;
}
  
div#navBar ul li#links {
  left:4px;
  top:218px;
}

div#navBar ul li#links a {
  width:189px;
  height:29px;
  background:url(images/button_links.gif) 0 0 no-repeat;
}

div#navBar ul li#links a:hover {
  background:url(images/button_links_f2.gif) 0 0 no-repeat;
}

div#navBar ul li#faq {
  left:4px;
  top:247px;
}

div#navBar ul li#faq a {
  width:189px;
  height:29px;
  background:url(images/button_faq.gif) 0 0 no-repeat;
}

div#navBar ul li#faq a:hover {
  background:url(images/button_faq_f2.gif) 0 0 no-repeat;
}

div#navBar ul li#about {
  left:4px;
  top:276px;
}

div#navBar ul li#about a {
  width:189px;
  height:29px;
  
  background:url(images/button_about.gif) 0 0 no-repeat;
}

div#navBar ul li#about a:hover {
  background:url(images/button_about_f2.gif) 0 0 no-repeat;
}

div#navBar ul li#contact {
  left:4px;
  top:305px;
}

div#navBar ul li#contact a {
  width:189px;
  height:29px;
  background:url(images/button_contact.gif) 0 0 no-repeat;
}

div#navBar ul li#contact a:hover {
  background:url(images/button_contact_f2.gif) 0 0 no-repeat;
}

/***********************************************/
/* Components                                  */
/***********************************************/

.home_photo {
background:url(images/background.gif);
width:auto;
padding:10px;
margin:10px 10px 10px 0px;
}



#home_photo_title{
margin-left:10px;
}

.edge_profile {
font-size:smaller;
background:url(images/background.gif);
width:auto;
padding:10px;
margin:10px;
}

.edge_profile_title{
margin-left:10px;
}

.toppad{
margin-top:15px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	text-align:center;
	border-top: 1px dotted #92908a;
	font-size: 10px;
	color: #92908a;
	padding: 10px 10px 5px 10px;
}

#siteInfo img{
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

/************* #second nav styles ***************/
.linklist {
margin-top:0px;
margin-left:590px;
width: auto;
}

.linklist ul {
margin: 0px;
padding: 0px;
}

.linklist li {
list-style-type:none;
background: #c5c3ab;
margin: 0px;
border-bottom: 1px dotted #ffffff;
display: block;
}

.linklist ul li a:link {
background: #c5c3ab;
color:#330000;
font-size:12px;
text-decoration:none;
display: block;
padding: 5px 6px 5px 6px;
}

.linklist ul li a:visited {
background: #c5c3ab;
color:#330000;
font-size:12px;
text-decoration:none;
display: block;
padding: 5px 6px 5px 6px;
}

.linklist ul li a:hover {
background: #a09d76;
color:#ffffff;
font-size:12px;
text-decoration:none;
display: block;
padding: 5px 6px 5px 6px;
}

.linklist ul li a:active {
background: #c5c3ab;
color:#330000;
font-size:12px;
text-decoration:none;
display: block;
padding:5px 6px 5px 6px;
}


.style1 {font-size: x-small}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: none;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background:url(images/background.gif);
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 250px;
left: 195px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/***********************************************/
/* Products Main Page                                  */
/***********************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
margin:10px 0px 10px 0px;
padding:10px 0px 10px 0px;
clear: left;
border-bottom:1px #999999 dotted;
}

.somediv .floatbox{
float: left;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 100px;
}


.somediv2{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px #999999 dotted;
}

.somediv2 img {
padding:5px;
}

.photos {
background:url(images/background.gif);
font-size: 10px;
padding:3px;
border: #c5c3ab solid 1px;
}

.photos img {
border:2px solid #ffffff;
margin-bottom:2px;
}

.photos:hover img{
border:2px solid #006699;
}

#dealerlogin {
float: right;
padding:5px 15px 0px 0px;
}

.contact {
float:right;
width:175px;
}

.contact_staff {
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px #999999 dotted;
height:111px;
}

.contact_staff img {
padding:5px;
float:left;
}

.contact_staff_text {
margin-left:130px;
}

.staff td {
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px #999999 dotted;
}

.tour {
margin-bottom:20px;
padding-bottom:5px;
border-bottom:1px #999999 dotted;
}