@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; color:#333; background-color:#84847a; background-image:url(../img/bodybg.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; }
.pageContainer {margin:0 0 0 20px; padding:0; position:relative; background-image:url(../img/bodytile.jpg); background-repeat:repeat-y;}
.primaryCol{background-image:url(../img/stage.jpg); background-repeat:no-repeat; width:668px; padding:0 60px 0 30px; margin:0;}

h1 {margin:0; width:210px; margin:10px 0 10px -5px; float:left;}
h1 a {background-image:url(../img/logo.gif); width:210px; height:107px; float:left; text-indent:-5000px; padding:0; display:block;}
ul.navigation {float:left; width:455px; height:119px; list-style-type:none; background-image:url(../img/menu_cap.gif); background-repeat:no-repeat; background-position:right; padding:0; margin:5px 0 10px 8px;}
ul.navigation li { float:left;}
ul.navigation a {display:block; width:113px; height:119px; background-repeat:no-repeat; text-indent:-5000px;}
ul.navigation a:link, ul.navigation a:visited { background-position:top;}
ul.navigation a:hover, ul.navigation a:active { background-position:bottom;}
a.about {background-image:url(../img/aboutbutton.jpg);}
a.services {background-image:url(../img/servicebutton.jpg);}
a.portfolio {background-image:url(../img/portfoliobutton.jpg);}
a.lab {background-image:url(../img/labbutton.jpg);}
img.banner { background-color:#000; display:block; clear:both; width:671px; height:209px; border:none; margin:0 auto;}
h2 { color:#900; font-family:"Trebuchet MS", Arial, sans-serif; font-size:240%; margin:10px 0 0 0; padding:0; border-top:1px solid #c2c1b9; clear:both; letter-spacing:2px;}
h3 { color:#600; font-family:"Trebuchet MS", Arial, sans-serif; font-size:200%; margin:10px 0 0 0; padding:0; border-top:1px solid #c2c1b9; clear:both;}
h4 { color:#86785b; font-family:"Trebuchet MS", Arial, sans-serif; font-size:125%; padding:0; margin:0 0 15px 0; border-bottom:1px solid #c2c1b9;}
p.intro {float:left; width:420px; line-height:1.5em; padding:0; margin:5px 0;}
blockquote {float:right; width:212px; padding:20px 10px; margin:0; color:#666; font-style:italic; font-size:130%; font-family:Georgia, "Times New Roman", Times, serif;}
blockquote small {display:block; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}
ol.portitems {list-style-type:none; margin:0; padding:0;}
div.portitem { background-position:left top; background-repeat:no-repeat; padding:0 232px 0 30px; margin:5px 0 5px 5px; position:relative;}
div.design{background-image:url(../img/designtab.gif)}
div.code{background-image:url(../img/codetab.gif)}
div.event{background-image:url(../img/eventtab.gif)}
div.speaking{background-image:url(../img/speakingtab.gif)}
div.fun{background-image:url(../img/funtab.gif)}
div.portitem {margin-bottom:10px;}
div.portitem strong { font-size:130%; font-family:"Trebuchet MS", Arial, sans-serif;}
div.portitem strong a {color:#900;}
div.portitem a {color:#666; font-weight:bold; display:block;}
div.portitem a:link, div.portitem a:visited {text-decoration:none;}
div.portitem a:hover, div.portitem a:active {text-decoration:underline;} 
div.portitem img {position:absolute; top:10px; right:10px; width:80px;}
p.footer {color:#FFF; background-color:#666; font-size:80%; text-align:right; padding:10px; margin:30px 0 0 0; clear:both;}
p.footer strong {display:block;}

.secondaryCol{ background-image:url(../img/sidebarbg.jpg); background-position:top; background-repeat:repeat-x;color:#fff; position:absolute; top:0px; left:714px; padding:10px; width:240px; padding-bottom:14px; height:688px;}
.secondaryCol h4{color:#600; background-color:#FFF; border-bottom:1px solid #A29472; border-top:1px solid #A29472; font-size:170%; margin:10px 0 0 0; padding-left:10px; position:relative;}
span.innershadow{ position:absolute; top:0px; left:0px; display:block; background-image:url(../img/sideinnershadow.jpg); width:6px; height:712px;}
span.outershadow{ position:absolute; top:0px; left:260px; background-image:url(../img/sidebarsideshadow.jpg); height:713px; width:8px; display:block;}
h4.theCrew { position:absolute; top:0px; right:10px;width:26px; height:127px; background-color:transparent; border:none;}
h4.theCrew a {display:block; background-image:url(../img/thecrew.jpg); width:26px; height:127px; text-indent:-5000px; padding:0; border:none;}
ul.theCrew {margin:0; padding:0; list-style-type:none;}
ul.theCrew li {position:relative; color:#e2d4a2; height:65px; width:210px;}
ul.theCrew img {position:absolute; top:0; left:0;}
ul.theCrew .crewDetails {position:absolute; top:0; left:65px; width:145px;}
ul.theCrew strong {display:block; font-family:"Trebuchet MS", Arial, sans-serif; font-size:120%;}
ul.theCrew a{display:block; text-decoration:none;}
ul.theCrew a:link, ul.theCrew a:visited {color:#CCC;}
ul.theCrew a:hover, ul.theCrew a:active {color:#fff;}
ul.theCrew strong a:link {color:#fff;}
ul.news {margin:0; padding:0; list-style-type:none;}
ul.news li {padding-left:10px;}
ul.news a {display:block; font-size:120%; font-family:"Trebuchet MS", Arial, sans-serif; color:#FFF; font-weight:bold; text-decoration:none; border-bottom:1px solid #e2d4a2;}
ul.news abbr {text-decoration:none; border:none; color:#CCC;}
ul.news p {margin:3px 0 5px 0; padding:0 5px 5px 5px; border-bottom:1px solid #900; font-size:80%;}
ul.news a.readMore {border:none; text-decoration:underline; font-size:100%;}

dl.vcard dt{ font-weight:bold; color:#e2d4a2;}
dl.vcard dd{padding:0 5px; margin:0;}
address {font-style:normal;}
dl.vcard a {color:#fff;}
span.n, span.street-address {display:block;}
span.url {display:none;}
.crewInfo, .projectInfo {width:400px; float:left; font-size:110%; line-height:1.45em;}
.crewImages, .projectImages {width:268px; float:left;}
.crewInfo dl {margin:0; padding:0; font-size:80%;}
.crewInfo dt {font-weight:bold; display:block; margin:0; padding:0; width:150px; float:left; clear:left;}
.crewInfo dd {display:block; margin:0; padding:0; width:250px; float:left;}
.crewInfo .alt {background-color:#eee;}

.projectLink{display:block; color:#666666; font-size:140%; font-weight:bold; padding-bottom:10px; margin:10px 0;}

/* Tabs */
.aboutContainer {min-height:400px;}
.tabList {list-style-type:none; margin:0; padding:0;}
.tabList li {display:block; width:150px; float:left; font-weight:bold; color:#600; background-color:#fff; padding:5px; font-size:100%; cursor:pointer;}
.tabList li.activeTab {background-color:#eee; color:#900; 110%;}
.contentTab {clear:both; display:none;}
.startTab {display:block;}