/* elements */

body { 
  background-color: #FFF;
  font-family: Arial, Helvetica, Sans-serif;
  text-align: center;
  margin: 0; 
}

p, td { 
  font-family: Arial, Helvetica, Sans-serif; 
  font-size: 12px; 
  line-height: 16px;
}

a img { border: none; }

h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 18px; }
h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; }


/* layout */


#wrap { 
  background: #FFF url('../images/subpagebg.jpg') top center no-repeat;
  padding-bottom: 30px;  
  text-align: left; 
  margin: 0 auto;
  width: 800px; 
}

#wrap.home { background: #FFF url('../images/homebg.jpg') top center no-repeat; }

#header { 
  height: 130px; 
  color: #808080;
}

#header img { margin: 55px 0 0 25px; }

#header p { 
  margin: 30px 50px 0 0;
  font-size: 14px;
  clear: right; 
  float: right; 
}


/* navigation */

#topnav { 
  text-transform: uppercase; 
  font-weight: bold; 
  margin: 0 0 0 10px;

}

#nav, #nav ul {
  height: 22px;
  list-style: none;
  padding: 0; 
  margin: 0;   	
}

#nav a {
  font-size: 12px;
  text-decoration:none;
  display: block; 
  padding: 3px 12px;
  color:#834077;
}

#nav li {
  border-left: solid 1px #fff;
  margin-bottom:0; 
  list-style-image:none;
  float: left; 
}

#productlist {
  text-align: center;
  margin: 0 20px 10px 20px;
  clear: both;
}


#productlist img { opacity: 0.6; }
#productlist img:hover { opacity: 1.0; }

#productlist ul {
  height: 80px;
  list-style: none;
  padding: 0; 
  margin: 0;  
}

#productlist li {
  text-transform: uppercase;
  list-style-image:none;
  text-align: center;
  font-size: 11px;
  float: left; 
}



#nav li:first-child {
  border-left: none;
}

#content p { 
  font-family: Arial, Verdana, Sans-serif;
  margin: 0 0 10px 0;
}

#mapoverlay {
  margin: 0 0 0 25px;
  font-weight: bold;
  font-size: 12px;
  width: 400px;
  height: 155px;
  clear: both;
}

#footer {
  padding: 10px 0 20px 0;
  text-align: center; 
  font-size: 11px;
  color: #5b5b5b;   
  height: 80px;   
  clear: both;
}



/* pesudo classes */

a:link, a:visited { color: #369; text-decoration: none; }
a:hover, a:active { color: #39C; text-decoration: underline; }

#header a { text-transform: uppercase; font-weight: bold; }
#header a:link, #header a:visited { color: #808080; text-decoration: none; }
#header a:hover, #header a:active { color: #808080; text-decoration: underline; }

#nav a:link, #nav a:visited { color: #FFF; text-decoration: none; }
#nav a:hover, #nav a:active { color: #FFF; text-decoration: underline; }

#mapoverlay a:link, #mapoverlay a:visited { color: #000; text-decoration: none; }
#mapoverlay a:hover, #mapoverlay a:active { color: #000; text-decoration: underline; }

#productlist a:link, #productlist a:visited { color:#787878; text-decoration: none; }
#productlist a:hover, #productlist a:active { color:#000000; text-decoration: none; }

#footer a { margin: 0 6px; }
#footer a:link, #footer a:visited { color: #5b5b5b; text-decoration:none; }
#footer a:hover, #footer a:active { color: #5b5b5b; text-decoration:underline; }

/* classes */

#header .bigorange, #content .bigorange {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #DA5214;
  font-style: italic;
}

#content .orange {
  color: #fd5200;
  font-weight: bold;
}

#content .theyears { 
  margin-top: 10px;
  float: left;
}

#content h2.maintext {
  margin: 5px 215px 0 0; 
  text-align: right;
  line-height: 26px; 
  font-style: italic;
  font-size: 24px;
  float: right; 
  width: 380px;
}

#content div.onepar, #content div.twopars {
  margin: 10px 30px 10px 30px;
}

#content div.twopars p {
  float: left; 
  width: 360px;
}

#content div.rightside {
  width: 200px;
  float: right;
  margin-left:15px;
}

#mapoverlay span {
  position: relative;
  font-size: 13px;
}

#van {}
#edm { left: 20px; }

#vic { top: 10px; left: 0; }
#reg { top: 10px; left: 80px; }
#hal { top: 10px; left: 240px; }

#cal { top: 15px; margin-left: 100px; }
#win { top: 15px; margin-left: 20px; }
#mon { top: 15px; margin-left: 15px; }
#sai { top: 15px; margin-left: 15px; }

#ott { top: 20px; margin-left: 260px; }
#tor { top: 22px; margin-left: 245px; }
#win2 { top: 25px; margin-left: 230px; }

.clear { clear: both; }


/* div { border: solid 1px red; } */