body{ margin:0px;  color:#ffffff; background-color:#000000}
h1 { font-size:36px}
img { border:none}
a { color:#666666; text-decoration:none; font-size:12px;}
a:hover { text-decoration:underline; color:#FF0000}
.FirefoxWrapper{width:100%; 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:310px; 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;}
#pageimage{ float:right;}
.teaser { width:30%; float:left; margin:10px; font-size:10px}
.teaser img{ margin-right:10px;}
.teaser span{ 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:3px; width:170px; height:75px;  display:inline-block}
.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:150px; height:150px; 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 {		border:dashed;  border-color:#999999; padding:10px; text-align:center; margin-bottom:10px; background-color:#FFFFFF }
#Coupon span{	font-size: 32px;	font-weight: bold; }
#Coupon p {	font-size: 10px; }
.ColorNames { float:left; width:100px; padding:5px;}
#nav a { color:#FFFFFF; font-weight:bold; }
#nav a:visited { color:#cccccc;  font-weight:normal; }
.SpecialImage{ padding:4px; margin:2px; -moz-border-radius: 9px;						border-radius: 9px; box-shadow: 1px 1px 2px #000 ; border: thin #999999 solid; }
.SpecialImage a{ color:#fff; font-size:18px}
.SpecialImage a:hover{ color:#f00}


.galleryphoto img{ -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;}
   .hpthumb { width:15%; float:left; margin:5px; display:inline}
   #videooverlay { z-index:1001; position:absolute; right:100px; top: 65%; box-shadow: 5px 5px 10px #000 }
   .galleryphoto {width:24%;   float:left; padding:4px; display:inline-block}
   .addressmap{ width:400px; float:right; padding-top:20px;}
  @media only screen and (max-width:1200px) {
 #videooverlay { visibility:hidden }
  .addressmap{ width:100%;  padding-top:20px; clear:both}
 }
   
@media only screen and (max-width:800px) {

 .hpthumb { width:45%; float:left; margin:5px; display:inline}
 .galleryphoto {width:45%; }
 #videooverlay { visibility:hidden }
 .addressmap{ width:100%;  padding-top:20px; clear:both}
}