/* the Stalvies branding, top left */
#stalvs { float: left; padding: 0; margin: 0;  }
#stalvs img { position: relative; top: 0; left: 0; border: 0 }
#headerright img { margin: 0 0 0 -60px; padding: 0; height: 216px; width: 716px }

/* standard markup */
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
a { color: #069; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* main frame and header */
#frame { width: 100%; margin-top: 8px; padding: 0; text-align: left ; border-right: 1px solid #fff; border-left: 1px #fff solid; border-bottom: 1px solid #fff;   }

/* menu  */
#menu { display: none }

/* left panel - address and phone */
#name { height: 10px; border: 0; margin: 0; padding: 0; width: 100%; border-top: 1px #000 solid }
#contentleft { font-family: Verdana, Arial, Helvetica, sans-serif; clear: left; padding: 0; float: left; font-size: 0.7em }
#contentleft p { font-weight: normal; padding: 5px 0 0 0 ; margin: 0 }
#contentleft a { font-weight: normal; color: #9aa }
#address p { margin-top: 0px }

/* centre panel */
#contentcentre { padding: 0; float: left; color: #000; font-size: 1.2em; text-align: left;  }
#content { line-height: 1.5em; padding-top: 19px }

#content h1 { font-size: 14pt; margin: 0; padding: 1em 0 0.5em 0 ; font-family: Verdana, Arial, Helvetica, sans-serif }
#content h2 { font-size: 1em; margin: 0.75em 0 ; padding: 0 }
#content h2.role { font-size: 1em; margin: 0.25em 0 ; padding: 0; font-weight: normal }

#content p { font-size: 1em; font-weight: normal; padding: 0 0 1em 0; margin: 0 }
#content p.role { padding: 0; margin: 1.25em 0 0.5em 0 }
#content p.date { padding: 0; margin: 0.5em 0  }
#content p.locale { padding: 0 0 1em 0; margin: 0.5em 0  }
#content p.r { padding: 0; margin: 0.25em 0 0 0 }

#content a { color: #069 }
#content a.next, #content a.previous, #content a.index { display: none }

#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.header { margin: 0; padding: 0}
#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 { margin: 0 0 1.5em 20px; padding: 0 }
#content ul li { margin: 0.5em 0 0.5em 0; padding: 0 } 
#content ol { margin: 0.25em 0 1em 35px; padding: 0 }
#content ol li { margin: 0 0 0.5em 0; padding: 0 } 
#content ul.bl { margin: 0 0 1.75em 0;  padding: 0; line-height: 1em }
#content ul.standards { float: right; list-style: none; margin: 0; padding: 0 }
#content ul li.standards { display: block; float: left; margin: 0; padding: 0 }
#content ul li img { margin: 0 0 0.5em 0; padding: 0 }
/* Portfolio pages */


#content div.ph1 { width: 528px; margin-top: 0.25em }  
#content div.ph1 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph1 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid }
#content div.ph1 img.left5r { float: left; margin: 2px 10px 10px 0; padding: 0 }

#content div.ph2 { clear: both; width: 528px }  
#content div.ph2 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph2 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid  }
#content div.ph2 img.left5r { float: left; margin: 2px 10px 10px 0; padding: 0 }

#content div.ph3 { clear: both; width: 528px }  
#content div.ph3 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph3 img { margin: 2px 3px 10px 0; padding: 0; border: 1px #000 solid  }
#content div.ph3 img.left5r { float: left; margin: 2px 10px 15px 0; padding: 0 }

#content div.wd1 { width: 528px; margin-top: 0.25em }  
#content div.wd1 p { margin: 0 5px 0 0; padding: 0 }
#content div.wd1 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid }
#content div.wd1 img.left5r { margin: 2px 5px 25px 0; padding: 0 }

#content div.wd2 { clear: both; width: 528px;  }  
#content div.wd2 p { margin: 0 5px 0 0; padding: 0 }
#content div.wd2 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid  }
#content div.wd2 img.left5r { margin: 2px 5px 25px 0; padding: 0 }

#content ul { margin: 0; padding: 0; list-style-type: disc; line-height: 1.5em }
#content a { color: #047 }
#content a.link { padding: 0 }

#content img { margin: 15px; border: 0  }
#content img.left { float: left; margin: 4px 10px 1em 0 }
#content img.right { float: right; margin: 6px 0 1em 10px }

#content ul li.left  { float: left }
#content ul li.left5r  { float: left }

/* Case Studies */
#content div.cs1 img { margin: 0; padding: 0; border: 1px #000 solid }

/* right panel & navigation */
#contentright { display: none }
#right1 { display: none }
#right2 { display: none }
#right3 { display: none }

/* footer */
#footer { display: none }

/* minor annoyances - cv */
#blah { color: #fff; font-size: 0.8em; margin: 1em 5px 0 0 ; float: left; width: 700px; padding: 0 }
table { width: 640px; margin: 0.75em 0 ; padding: 3px 5px;  border: 1px #777 solid; border-collapse: collapse }
th { background: #4f8d99; margin: 0; padding: 0 0 0 10px; border: 0 }
th.date { width: 110px }
tr { height: 2em; margin: 0; padding: 0; border: 0 }
tr.alt { background: #cdcda9; margin: 0; padding: 0; border: 0 }
td { margin: 0; padding: 5px 10px;  border: 1px #777 solid; vertical-align: top }