html, body {
    height: 100%;
}
a {
	color:red;
}
a img {
	  border: 0px solid black;

}
body.mainpage {
	background-image: url(http://hayesglass.com/pictures/bluetile.jpg); 
}
body.subpage {
	display:inline;
	height:auto;
}

h1 {
	font-family:Garamond;
	color:blue;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}
h1.small {
	font-family:arial;
	color:blue;
	text-align:center;
	font-size:medium;
}
h1.titleflip {
	color:red;
	text-align:center;
	font-size:24px;
	margin-top:0px;
	margin-bottom:0px;

}
p.small {
	font-family:arial;
	font-size:14px;
	font-weight:bold;

}
a.smaller {
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	
}
p.smaller {
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	
}
p.smallest {
	font-family:arial;
	font-size:4px;
	font-weight:bold;
	
}
h2 {
	text-align:center;
}
p {
	font-size:18px;
	font-weight:bold;
}

 div.centre {
top:20px;
width: 800px;
height: 950px;
min-height: 100%;
position: relative;
left:50%;
margin-left:-400px; 
margin-right:400px;
background-color:#FFFFCC;
border-style: ridge;
border-width:8px;
border-color:#CCCCCC;
}

div.logodivleft {
	position:absolute;
	width:580px;
	height:230px;
	top:10px;
	left:10px;	
}

img.slideshow {
	padding:10px;
}
img.padded {
	padding:5px;
}
div.logodivright {
	position:absolute;
	width:190px;
	height:210px;
	top:10px;
	right:10px;
	background-color:#CCFFCC;
}

div.middivleft {
	position:absolute;
	top:230px;
	left:10px;
	height:500px;
	width:180px;
}

div.menudiv {
position: absolute;
width:180px;
height:500px;
top:230px;
left:190px;
border:none;
border-width:0px;
z-index:10;
}

div.menudivoverlay {
position: absolute;
width:180px;
height:500px;
top:230px;
left:190px;
border:none;
border-width:0px;
z-index:8;
background-color:#F5A9A9;
}
div.middivright {
	position:absolute;	
	width:400px;
	height:500px;
	top:230px;
	right:10px;
	background-image: url(http://hayesglass.com/pictures/marble.jpg); 
	border:solid;
	border-color:blue;
}
 

div.footerdivleft {
	position:absolute;
	top:740px;
	width:280px;
	height:200px;
	left:10px;
	background-color:#1C1C1C;
}

div.footerdivmid {
	position:absolute;
	top:740px;
	width:200px;
	height:200px;
	left:300px;
	background-color:#A4A4A4;
	z-index:5;
}
div.footerdivmidinner {
	position:absolute;
	top:745px;
	width:190px;
	height:190px;
	left:305px;
	background-color:white;
	z-index:6;
}
div.footerdivright {
	position:absolute;
	top:740px;
	width:280px;
	height:200px;
	right:10px;
	background-color:black;
}



/* MAIN PAGE CONTENT */
iframe.contentiframe {
	background:none;
	border:none;
	border-style:none;
	border-width:0;
	width:400px;
	height:500px;
	overflow-x:auto;
	overflow-y:auto;
}





/* MENU BUTTONS and MENU LAYOUT */
iframe.menuiframe {
	background:none;
	background-color:transparent;
	border:none;
	border-style:none;
	border-width:0;
}

a:active
{
  outline: none;
}

#mainnav {
margin: 10px;
}
#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#mainnav li {
float: left;
margin: 0 0px 0 0;
white-space: nowrap;
font: 10px "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
} 

#btnHome
{ 
  display: block;
  width: 160px;
  height: 54px;
  background: url("http://gshepherdconsulting.com/hayesglass/pictures/homeSm.png") no-repeat 0 -108px;
}

#btnHome:hover
{ 
  background-position: 0 -54px;
}
#btnHome:active
{ 
  background-position: 0 0px;
}


#btnHome span
{
  display: none;
}

#btnAbout
{
  display: block;
  width: 160px;
  height: 54px;
  background: url("http://gshepherdconsulting.com/hayesglass/pictures/aboutusSm.png") no-repeat 0 -108px;
}
#btnAbout:hover
{ 
  background-position: 0 -54px;
}
#btnAbout:active
{ 
  background-position: 0 0px;
}
#btnAbout span
{
  display: none;
}

#btnContact
{
  display: block;
  width: 160px;
  height: 54px;
  background: url("http://gshepherdconsulting.com/hayesglass/pictures/contactSm.png") no-repeat 0 -108px;
}
#btnContact:hover
{ 
  background-position: 0 -54px;
}
#btnContact:active
{ 
  background-position: 0 0px;
}
#btnContact span
{
  display: none;
}

#btnServices
{
  display: block;
  width: 160px;
  height: 54px;
  background: url("http://gshepherdconsulting.com/hayesglass/pictures/servicesSm.png") no-repeat 0 -108px;
}
#btnServices:hover
{ 
  background-position: 0 -54px;
}
#btnServices:active
{ 
  background-position: 0 0px;
}
#btnServices span
{
  display: none;
}

#btnSpecial
{
  display: block;
  width: 160px;
  height: 54px;
  background: url("http://gshepherdconsulting.com/hayesglass/pictures/specialSm.png") no-repeat 0 -108px;
}
#btnSpecial:hover
{ 
  background-position: 0 -54px;
}
#btnSpecial:active
{ 
  background-position: 0 0px;
}
#btnSpecial span
{
  display: none;
}