/* 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: #445E69 }
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-top: 20px }

/* main frame and header */
#frame { width: 900px; background: #445E69 url(../i/bg.gif) top center no-repeat; margin: 0 auto; 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 { clear: right; width: 716px; height: 216px; float: left; text-align: right; border-top: #fff 1px solid; border-left: 1px solid #fff; margin: 0; overflow: hidden }
#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; letter-spacing: 0px; 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: 17px; 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 }
#contentleft p { font-weight: normal; padding: 5px 0 0 0 ; margin: 0; line-height: 1em }
#contentleft a { font-weight: normal; color: #9aa }
#contentleft a:hover, #contentleft a:active { text-decoration: none; color: #000 }
#address p { margin-top: 25px }

/* 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: 458px !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; padding: 0.2em 0 0 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none  }
#content h2 { font-size: 100%; margin: 0.5em 0 0 0 ; padding: 0 }
#content h2.role { font-size: 100%; margin: 0.25em 0 ; padding: 0; font-weight: normal }

#content p { font-size: 100%; font-weight: normal; padding: 0 0 1em 0; margin: 0; ; line-height: 1.4em }
#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: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.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; list-style-type: disc }
#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; list-style-type: none; line-height: 1em }

/* Portfolio pages */
#content div.wd1 { float: left; width: 532px; padding: 0; margin: 0 0 7px 0 }  
#content div.wd1 h1 { margin: 0 0 0.75em 0 }
#content div.wd1 h2 { float: left; margin: 0 0 0 1px; padding: 0; font-size: 100%; color: #fff }
#content div.wd1 ul { margin: 0; padding: 0 }
#content div.wd1 ul li { float: right; width: 110px; margin: 0; padding: 0 }

#content div.wd1 a { float: right; padding: 0 0 2px 16px; background: url(../i/launch.gif) left no-repeat; font-weight: bold; color: #069 }
#content div.wd1 a.next { background: url(../i/next.gif) left no-repeat; margin-right: 10px }
#content div.wd1 a:hover, #content div.wd1 a:active { background: url(../i/h_launch.gif) left no-repeat; color: #911114 }
#content div.wd1 a.study { background: url(../i/study.gif) left no-repeat; margin-right: 10px }
#content div.wd1 a:hover.study, #content div.wd1 a:active.study { background: url(../i/h_study.gif) left no-repeat }

#content div.ph1 { float: left; width: 532px; padding: 0; margin: 0 0 7px 0 }  
#content div.ph1 h2 { float: left; margin: 0 0 0 1px; padding: 0; font-size: 100%; color: #fff }
#content div.ph1 a { float: right; padding: 0 14px 0px 0px; background: url(../i/next.gif) right no-repeat; font-weight: bold; color: #069 }
#content div.ph1 a:hover, #content div.ph1 a:active { background: url(../i/h_next.gif) right no-repeat; color: #911114 }
#content div.ph1 ul { margin: 0; padding: 0 }
#content div.ph1 ul li { float: right; width: 110px; margin: 0; padding: 0 }

#content div.wd2 { float: left; width: 532px; padding: 0; margin: 0 0 1px 0; text-align: left }  
#content div.wd2 h1 { margin: 0 0 0.75em 0 }
#content div.wd2 h2 { display: block; width: 400px; float: left; margin: 0 0 0.5em 1px; padding: 0; font-size: 100%; color: #fff }
#content div.wd2 p { float: right; margin: 0; padding: 0;  }
#content div.wd2 img { margin: 0; padding: 0; border: 1px #fff solid }
#content div.wd2 ul { margin: 0; padding: 0 }
#content div.wd2 ul li { float: left; margin: 0 4px 0 0 ; padding: 0 }

#content div.wd3 { float: left; clear: both; width: 532px; padding: 0 0 3em 0; margin: 0.25em 0 1px 0 }  
#content div.wd3 p { float: right }
#content div.wd3 a { color: #069 }
#content div.wd3 a:hover, #content div.wd3 a:active { color: #911114 }
#content div.wd3 ul { float: left; margin: 0 10px 0 0  }
#content div.wd3 ul li { margin: 0 }

#content a.next { padding: 0 14px 0 0; margin: 0; background: url(../i/next.gif) right no-repeat; font-weight: bold }
#content a:hover.next, #content a:active.next { background: url(../i/h_next.gif) right no-repeat }
#content a.previous { padding: 0 0 0 15px; background: url(../i/previous.gif) left no-repeat; font-weight: bold  }
#content a:hover.previous, #content a:active.previous { background: url(../i/h_previous.gif) left no-repeat;  }
#content a.index { padding: 0 0 0 15px; background: url(../i/index.gif) left no-repeat; font-weight: bold  }
#content a:hover.index, #content a:active.index { background: url(../i/h_index.gif) left no-repeat }

/* Case Studies */
#content div.cs1 h2 { float: left; margin: 0; padding: 0 }
#content div.cs1 a:hover, #content div.cs1 a:active { background: url(../i/h_launch.gif) left no-repeat; color: #911114 }
#content div.cs1 img { margin: 0; padding: 0; border: 1px #000 solid }
#content div.cs1 ul { float: right; margin: 0; padding: 0; list-style: none }
#content div.cs1 ul li { width: 325px; margin: 0; padding: 0; list-style-type: none }
#content div.cs1 ul li a { float: right; padding: 0 0 0 16px; background: url(../i/launch.gif) left no-repeat; font-weight: bold; color: #069 }

/* right panel & navigation */
.red { color: #911114 }
#contentright { width: 145px; padding: 1.25em 0 1.5em 5px; float: right; clear: right; background: #4F8d99 url(../i/curveblue.gif) bottom left no-repeat; font-family: Tahoma, verdana, sans-serif }
#contentright h2 { font-size: 70%; margin: 1.5em 10px 0.25em 10px; color:#000 }
#contentright p { font-size: 70%; margin: 0 10px 0.2em 10px; padding: 0 }
#contentright a.hide {	height: 0;	width: 0; overflow: hidden; position: absolute	}
#contentright ul { margin: 0 5px 0 10px; padding: 0; font-size: 70%; list-style-type: none }
#contentright ul li { margin: 0; padding: 0; display: block; margin: 8px 0 3px 0 }
#contentright ul li a { font-family: Tahoma, Verdana, Helvetica, sans-serif; width: 110px; color: #000; text-decoration: none; background: url(../i/left_dot.gif) 0px 4px no-repeat; padding: 0 0 0 11px }
#contentright ul li a:hover, #contentright ul li a:active, #contentright ul li a.select { color: #911114; background: url(../i/left_arrow.gif) 0px 4px no-repeat }
#contentright ul li a.subselect { color: #911114; background: url(../i/link_needle.gif) 0px 4px no-repeat; font-weight: bold }
#contentright ul li a.doc { padding: 0 0 0 19px; height: 1.5em; background: url(../i/doc.gif) top left no-repeat }
#contentright ul li a:hover.doc { background: url(../i/doc.gif) top left no-repeat }
#contentright ul li a.pdf { padding: 0 0 0 19px; height: 1.5em; background: url(../i/pdf.gif) top left no-repeat }
#contentright ul li a:hover.pdf { background: url(../i/pdf.gif) top left no-repeat }
#contentright ul ul { margin: 0 10px 0 15px; font-size: 100% }
#contentright ul li ul li { margin: 5px 0 3px 0 }
#contentright ul li ul li ul li { margin: 3px 0 3px 5px }


#contentright ul li ul li a { width: 95px; margin: 0.25em 0 !important; margin: 0; }

/* 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 }

/* blog search */
#s input { width: 70px }


/* minor annoyances - cv */
#blah { color: #fff; font-size: 80%; margin: 1em 5px 0 0 ; float: right; width: 125px; padding: 0 }
table { width: 510px; 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; }