body{ margin:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#666666}
h1 { color:#000000; font-size:24px}
.buttonlink { color:#FFFFFF; }
.shadow {
  /* needed for Internet explorer */
  height: 3em;
  filter: Shadow(Color=#666666, 
                 Direction=320, 
                 Strength=2);
				 cursor:pointer;
}




img { border:none}
a { color:#666666; text-decoration:none; font-size:12px;}
a:hover { text-decoration:underline; color:#FF0000}
.FirefoxWrapper{width:900px; margin-left:auto; margin-right:auto; z-index:auto;}
#header{ background-image:url(/images/Granite-Countertops-Marketing-hdr.jpg); background-repeat:no-repeat;}
#teaserarea { background-color:#FFFFFF}
#callout {background-image:url(/images/bg.png); background-repeat:repeat; color:#FFFFFF; width:40%;  text-align:left; padding:20px; margin-right:40px; float:left;}
#calloutSub {background-image:url(/images/bg.png); background-repeat:repeat; color:#FFFFFF; width:40%; text-align:left; padding:20px; margin:20px; margin-right:40px; float:left;}
#sponsors { background-color:#ffffff; padding:2px; margin:20px; float:right; width:210px; color:#666666; border:thin dashed #999999}
#headnav { text-align:center; color:#666666; width:100%; font-size:10px; padding:10px; background-color:#000000; clear:both}
#footnav { text-align:left; color:#666666; width:80%; font-size:10px;}
#white{ background-color:#ffffff; height:1px; clear:both; width:85%; margin-left:auto; margin-right:auto; z-index:auto;}
#logo { width:50%; text-align:center; float:left}
#footer { background-color:#FFFFFF; font-size:10px; text-align:center}
#pageimage{ float:right;}
.teaser { width:30%; float:left; margin:10px; font-size:10px}
.teaser img{ margin-right:10px;}
.teaser span a{ color:#333333; font-size:16px; font-weight:bold}
.style1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
.granitedisplay{overflow:hidden; padding:1px; width:100px; height:100px; float:left}
.granitedisplaygallery{overflow:hidden; padding:0px; width:250px; height:250px; Float:left; margin:4px;}
.granitedisplay-CallOut {overflow:hidden; width:150px; height:150px; float:left;  margin:1px;}
.kitchendesigner{overflow:hidden; width:100px; height:100px; float:left;  margin:1px;}
.col1{ width:30%; padding:20px; float:left}
.col2{ width:30%; padding:20px; float:left}
#GraniteSamples {
	position:relative;
	width:100%;
	height:170px;
	z-index:2;
	left: 0px;

	background-color:#ffffff; overflow:scroll; font-size:12px; text-align:center; color:#FFFFFF}
#Coupon {	font-family: Verdana, Arial, Helvetica, sans-serif;	border:dashed;  border-color:#cccccc; padding:10px; text-align:center; color:#000000; background-color:#eeeeee}
#Coupon span{	font-size: 22px;	font-weight: bold; }
#Coupon p {	font-size: 10px; }
.ColorNames { float:left; width:80px; height:20px; padding:4px; font-size:9px}
.woodType_container{ width:120px; float:left;"}




  .shadow {
  line-height: 2em;
  white-space: nowrap;
  
}

.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #ffffff; 
}

#shadow_header:before { content: 'In shadow'; }


