@charset "utf-8";
/* CSS Document */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 { font-size: 175% }
h2 { font-size: 150% }
h3 { font-size: 130% }
h4 { font-size: 120% }

h1,h2,h3,h4,h5.h6 { font-family:georgia, arial, sans-serif; }
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:95%;
  
}

#Container{ border-top:25px solid #0066CC; width:100%;}
#MainDiv { width:64em; margin-left:auto; margin-right:auto; }
#TopNavDiv{ width:100%; height:50px; margin-bottom:10px; border-bottom:#CCCCCC solid 1px}
#TopNav{ width:100%; height:30px; margin-top:20px;color:#666666; float:right; text-align:right}
#HeaderDiv{ width:100%; }
#FooterDiv{ width:100%; font-size:65%; color:#CCCCCC; border-top:#CCCCCC solid 1px; text-align:left }
#FrontContactDiv{ width:40%; float:left; text-align:left; }
#FrontMapDiv{ width:50%; float:right; padding:10px; text-align:right}
#FrontMapDivSmall { display:none; }

#TopNav a, #TopNav a:visited, #TopNav a:hover
{
color:#666666; text-decoration:none;
}

.left{ text-align:left; line-height:150% }
.paddedTop{ margin-top:10px;}
/*

mediaqueries

320px = 20em
480px = 30em
720px = 45em    
960px = 60em
1024 = 64em

*/

@media screen and (max-width: 60em) {
    
    #MainDiv{ width:55em; }

}

@media screen and (max-width: 45em) {
    
    #MainDiv{ width:44em; }

}

@media screen and (max-width: 30em) {
    
    #MainDiv{ width:28em; }
    #HeaderDiv{ width:100%;}
	#FrontContactDiv { width:95% }
	#FrontMapDiv{ width:95%; }
	#googleiFrame{ width:280px }
	#TopNav { font-size:.75em }
	#FrontMapDivSmall { display:inline; }
	#FrontMapDivLarge { display:none; }
   
}

@media screen and (max-width: 20em) {
    
    #MainDiv{ width:19em; }
    #FrontImageDiv{ display:none}
    #HeaderDiv{ width:100%; background-image: url("/images/topBgMobile.jpg"); background-position: top; background-repeat: repeat-x}
    .rightBlock, .leftBlock, .leftBlockSmall, .rowBlocks{ width:90%}
    .rowBlocksSpaced{ margin-bottom: 20px}

}