/* the Stalvies branding, top left */
#stalvs { float: left; border-top: 1px #fff solid; border-bottom: 1px #fff solid; width: 183px; height: 247px; padding: 0; margin: 0;  }
#stalvs img { position: relative; top: 170px; left: 13px; border: 0 }
#stalvs img a { position: relative; top: 170px; left: 13px }

/* standard markup */
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #000 }
a { color: #069; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover, a:active { color: #a00; text-decoration: none }
a.hide {	height: 0;	width: 0; overflow: hidden; position: absolute	}
hr { margin: 20px 0 }

/* main frame and header */
#frame { width: 900px; background: #445E69 url(../i/bg.gif) top center no-repeat; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 8px 0 0 0; text-align: left ; border-right: 1px solid #fff; border-left: 1px #fff solid; border-bottom: 1px solid #fff;   }
#contentheader { background: #445E69; height: 15.5em; padding: 0; margin: 0; border: 0px }
#headerright { overflow: hidden; clear: right; width: 716px; height: 216px; float: left; text-align: right; border-top: #fff 1px solid; border-left: 1px solid #fff; margin: 0 }
#headerright img { margin: 0; padding: 0; height: 216px; width: 716px }
	
/* menu  */
#menu { border-right: #fff 9px solid; background: #898965; border-top: #fff 1px solid; width: 707px; height: 1.7em; float: right; font-size: 100%;  margin: 0; padding: 0.2em 0 0 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff;   }
#menu ul { margin: 0; padding: 0; list-style-type: none;  }
#menu ul li { display: block; float: left; margin: 0; padding: 0; text-align: center  }
#menu ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; width: 80px; display: block; padding: 0 0 0px 14px; margin-left: 14px; font-weight: bold; font-size: 80%; COLOR: #000; LINE-HEIGHT: 1.75em; HEIGHT: 1.75em; TEXT-ALIGN: left; TEXT-DECORATION: none; background: url(../i/arrowunder2.gif) left center no-repeat; color: #000 }
#menu ul li a.hide {	height: 0;	width: 0; overflow: hidden; position: absolute	}
#menu ul li#one a { width: 40px; margin-left: 17px;   }
#menu ul li#two a { width: 82px }
#menu ul li#three a { width: 61px }
#menu ul li#four a { width: 91px }
#menu ul li#five a { width: 73px }
#menu ul li#six a { width: 38px }
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.selected { color: #800003; border-bottom: #911114 5px solid; background: url(../i/nav_arrow.gif) left center no-repeat }

/* left panel - address and phone */
#name { height: 24px; border: 0; margin: 0; padding: 0 }
#contentleft { font-family: Verdana, Arial, Helvetica, sans-serif; background: #700; clear: left; width: 730px; padding: 0 0 0 20px; float: left; font-size: 70%; color: #fff; text-align: right; line-height: 1em }
#contentleft p { font-weight: normal; padding: 0 ; margin: 0; line-height: 1.5em }
#contentleft a { font-weight: normal; color: #9aa }
#contentleft a:hover, #contentleft a:active { text-decoration: none; color: #000 }

/* centre panel */
#contentcentre { background: #445e69 url(../i/bgy.gif) top right repeat-y; width: 563px; padding: 0px 0px 0 3px; float: right; color: #000; font-size: 120%; margin: 0 0 0 19px; text-align: left; border-left: 1px #fff solid }
#content { line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; min-height: 278px !important; width: 520px; background: #fff url(../i/curvehvit.gif) top right no-repeat; padding: 19px 25px 40px 16px}

#content h1 { font-size: 125%; margin: 0 0 0.25em 0; padding: 0.2em 0 0 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  }
#content span.red { color: #800003; font-weight: bold; font-size: 100% }
#content h2 { font-size: 100%; margin: 0.5em 0 0 0 ; padding: 0 }
#content p { font-size: 100%; font-weight: normal; padding: 0 0 1em 0; margin: 0; line-height: 1.4em }
#content p.red { color: #911114; display: block; float: right; font-size: 80% }

#content a { color: #069 }
#content a:hover, #content a:active { color: #900 }
#content a.link { padding: 0 0 0 15px; background: url(../i/p_arrow.gif) left no-repeat }
#content a.r { padding: 0 0 0 15px; background: url(../i/p_arrow.gif) left no-repeat }
#content a.doc { padding: 0 0 0 19px; background: url(../i/doc.gif) left no-repeat }
#content a.xls { padding: 0 0 0 19px; background: url(../i/xls.gif) left no-repeat  }
#content a.ppt { padding: 0 0 0 19px; background: url(../i/ppt.gif) left no-repeat  }
#content a.zip { padding: 0 0 0 19px; background: url(../i/zip.gif) left no-repeat }
#content a:hover.link, #content a:active.link { background: url(../i/h_arrow.gif) left no-repeat }

#content img { margin: 15px; border: 0;  }
#content img.left { float: left; margin: 6px 10px 10px 0; border: 0px }
#content img.right { float: right; margin: 6px 0 10px 10px; border: 0px }
#content img.locale { position: absolute; border: 1px #000 solid; padding: 0; margin: 0 0 0 0.4em  }
#content img.locale2 { position: absolute; border: 0px; padding: 0; margin: 0 0 0 0.4em  }
#content img.border { border: 1px #000 solid; float: right }
#content img.experience { margin: 0; padding: 0 5px 5px 10px; float: right }

#content ul.bl { margin: 0 0 1.75em 0;  padding: 0; list-style-type: none; line-height: 1.5em }

/* right panel & navigation */
#right1 { width: 145px; padding: 1.5em 0 0.75em 5px; margin: 0; float: right; clear: right; background: #4F8d99 url(../i/homeblue.gif) bottom left no-repeat; font-family: Tahoma, verdana, sans-serif }
#right1 h2 { font-size: 70%; margin: 0.25em 10px 0.25em 10px; color:#000 }
#right1 p { font-size: 70%; margin: 0 10px 0.2em 10px; padding: 0 }
#right1 img.right { float: right; margin: 0.25em 0 0.5em 5px; border: 0px }
#right1 ul { margin: 0 5px 0 10px; padding: 0; font-size: 70%; list-style-type: none }
#right1 ul li a { font-family: Tahoma, Verdana, Helvetica, sans-serif; display: block; width: 110px; color: #047; text-decoration: none; background: url(../i/p_arrow.gif) 0px 2px no-repeat; padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0 !important; margin: 0.25em 0 0.2em 0 }
#right1 ul li a:hover, #contentright ul li a:active { color: #911114; background: url(../i/h_arrow.gif) 0px 2px no-repeat }

#right2 { width: 145px; padding: 0.75em 0 0.75em 5px; margin: 0; float: right; clear: right; background: #4F8d99 url(../i/homeblue.gif) bottom left no-repeat; font-family: Tahoma, verdana, sans-serif }
#right2 h2 { font-size: 70%; margin: 0.25em 10px 0.25em 10px; color:#000 }
#right2 p { font-size: 70%; margin: 0 10px 0.2em 10px; padding: 0 }
#right2 img.right { float: right; margin: 0.25em 0 0.5em 5px; border: 0px }
#right2 ul { margin: 0 5px 0 10px; padding: 0; font-size: 70%; list-style-type: none }
#right2 ul li a { font-family: Tahoma, Verdana, Helvetica, sans-serif; display: block; width: 110px; color: #047; text-decoration: none; background: url(../i/p_arrow.gif) 0px 2px no-repeat; padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0 !important; margin: 0.25em 0 0.2em 0 }
#right2 ul li a:hover, #contentright ul li a:active { color: #911114; background: url(../i/h_arrow.gif) 0px 2px no-repeat }

#right3 { width: 145px; padding: 0.75em 0 0.75em 5px; margin: 0; float: right; clear: right; background: #898965 url(../i/homebrown.gif) bottom left no-repeat; font-family: Tahoma, verdana, sans-serif }
#right3 h2 { font-size: 70%; margin: 0.25em 10px 0.25em 10px; color:#000 }
#right3 p { font-size: 70%; margin: 0 10px 0.2em 10px; padding: 0 }
#right3 img.right { float: right; margin: 0.25em 0 0.5em 5px; border: 0px }
#right3 ul { margin: 0 5px 0 10px; padding: 0; font-size: 70%; list-style-type: none }
#right3 ul li a { font-family: Tahoma, Verdana, Helvetica, sans-serif; display: block; width: 110px; color: #047; text-decoration: none; background: url(../i/p_arrow.gif) 0px 2px no-repeat; padding: 0 0 0 15px; margin: 0.5em 0 0.5em 0 !important; margin: 0.25em 0 0.2em 0 }
#right3 ul li a:hover, #contentright ul li a:active { color: #911114; background: url(../i/h_arrow.gif) 0px 2px no-repeat }

/* footer */
#footer { font-size: 70%; width: 900px; margin-right: auto; margin-left: auto; margin-top: 0.75em; padding: 0; color: #fff; text-align: left }
#footer a { color: #9aa }
#footer a:hover { color: #900 }
#copy { float: right; padding: 0; margin: 0 }