@charset "utf-8";
* { padding: 0; margin: 0; }
body { background: #000000 url(images/bg_page.gif); margin-top: 10px; color: #333333; font: 12px Arial, Helvetica, sans-serif; } 
/* Section Layout - all pages */
#container { margin: auto; width: 791px; border: 15px dashed #4D9696; }
#header { position: relative; width: 788px; border:1px solid black; }
#content { margin-top: 0; padding: 12px 12px 10px 152px; height: 390px; background: #EFF8F8 url(images/bg_content.jpg); border:1px solid #333333; overflow:auto; }

/* Menu */
#menu{ position: absolute; top: 164px; width: 137px; height: 411px; background: url(images/bg_left.jpg); border:1px solid black; }
#menu ul{ list-style: none; margin-top: 5px; }
#menu li { padding: 5px 5px 5px 5px; text-decoration: none; border-bottom:1px solid black; }
#menu li a { text-decoration: none; color: #FFFFFF; font: bold 11px arial, helvetica, sans-serif; font-size: 11px; display: block; padding:3px; border: 1px inset #000; }
#menu li a:hover { color: #a13804; background: url(images/bg_menuitems.png); }

/* TEXT */
/* headings*/
h1 { font-size: 14px; margin-bottom: 10px; padding:2px; color:#FFFFFF; text-transform: uppercase; font-weight: bolder; background: url(images/bg_left.jpg); width: 604px; }
h2 { font-size: 14px; padding: 5px 0; color: #d33704;}
h3 { font-size: 13px; padding: 5px 0 5px 0; }
h4 { font-size: 14px; padding: 0 0 5px 0; color: #d33704; }
h5 { font-size: 12px; padding: 0 0 10px 0; color: #4D9696; }
h6 { font-size: 14px; padding: 0 0 2px 0; color: #d33704; }

.small{ font-size: 10px; font-style: italic; color:#000000; }

p{ padding-bottom: 5px; line-height: 17px; }

#address { position: absolute; left: 450px; top: 122px; color: #ffffff; font-weight: bold; font-size: 10px; }

#address a:link,  a:visited, a:active{ color: #ffffff; text-decoration: none; } 
#address a:hover { color: #d33704; text-decoration: none; } 

/* General lists */
.list { margin: 0 0 4px 0; }
.list li{ margin: 1px 0 0 25px; }

/*Page links*/
a:link,  a:visited, a:active{
	text-decoration: underline;
	color: #d33704;
}
a:hover {
	color: #4D9696 ;
	text-decoration: none;
}

/* PAGES */
/* Home*/
div#content a span { display: none; }
div#content a:hover span { display: block; position: absolute; width: 225px; padding: 5px; margin: auto; z-index: 100; background: white; text-align: left; }
/*Folio*/
.sitesbox { float: left; width: 595px; margin:0 0 10px 0; padding: 3px; background: url(images/bg_menuitems.png); border: 1px solid #4D9696;; }
.sitessphotos { float: left; margin: 3px 20px 3px 3px; padding: 5px; border: 1px solid #d33704; }
/*Contact*/
.asterix{color: #d33704;}