/*
Stylesheet for Pipsqueak Productions own Web Site, designed for Screen Media

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com

Last updated: 2009-05-10 03:05 PM (Sunday) 
*/

/* @group FONT FACE ASSIGNMENTS */
body { font-size: 62.5%; }
body { font-family: "Lucida Grande", "Trebuchet MS", "Trebuchet", Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Bookman Old Style", Bookman, "Times New Roman", Times, serif; }
div#navBar { font-family: sans-serif; }
div#navBar a:hover span { font-family: "Lucida Grande", "Trebuchet MS", "Trebuchet", Arial, "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }

/* @end FONT FACE ASSIGNMENTS */
/* @group DEFAULTS FOR MARGINS AND PADDING */
/* @end DEFAULTS FOR MARGINS AND PADDING */
/* @group MAIN STRUCTURE */
body
{
	background-color: black;
	background-image: url(../images/Star_Background_Black.gif);
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	background-position: -5px top;
}

a#topOfPage { visibility: hidden; }

div#content
{
	width: 500px;
	margin-left: 18px;
	/*padding-left: 8px;*/
	overflow: hidden;
	/*padding-right: 8px;*/
}

div#content
{
	/*The background attribute must be exactly as here for IE*/
	background: #262626;
	background-image: url(../images/Star_Background_Gray.gif);
	background-attachment: fixed;
}

div.box, div.halfBox, div.bottomHalfBox, div.noBox
{
	/*The background attribute must be exactly as here for IE*/
	background: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

div#stars
{
	background-image: url(../images/Star_Background_Gray.gif);
	background-attachment: fixed;
}

div#frame
{
	position: absolute;
	top: 26px;
	left: 261px;
	width: 535px;
	background: #262626;
	padding: 10px;
	border: solid 5px #CC2229;
	padding-top: 30px;
	padding-bottom: 20px;
	background-image: url(../images/Frame_Bottom_Cove.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -5px bottom;
}

div#printHeader { display: none; }

/* @end MAIN STRUCTURE */
/* @group TOPPER */
div#content h1
{
	margin-left: -10000px;
	background-repeat: no-repeat;
	background-position: 10000px top;
}

/* @end TOPPER */
/* @group LOGO GENERALLY */
div#logo
{
	background-image: url(../images/Pipsqueak_Logo.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	width: 179px;
	height: 138px;
	position: absolute;
	top: 850px;
	left: 5px;
}

body.detail div#closeButton br { clear: both; }

body.detail div#logo
{
	background-image: url(../images/Pipsqueak_Logo_White.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 179px;
	height: 138px;
	clear: both;
	position: relative;
	top: 0;
	left: 5px;
}

body.detail div#logo a
{
	display: block;
	height: 138px;
	width: 179px;
}

/* @end LOGO GENERALLY */
/* @group NAVIGATION */

/*
div#navBar
{
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
height:850px;
width:268px;
}
*/

div#navBar div#navDetail, div#navBar div#navTop
{
	position: absolute;
	top: 320px;
	left: 0;
	width: 266px;
	height: 700px;
	z-index: 100;
	font-size: 16px;
}

div#navBar div#navTop
{
	top: 97px;
	width: 236px;
}

div#navBar a
{
	display: block;
	text-align: left;
	padding: 5px 10px;
	margin: 0 0 1px;
	border-width: 0;
	text-decoration: none;
	color: #EEEEEE;
	border-right: 5px solid #CC2229;
	background-color: #444;
	background-image: url(../images/Button_Nav_Small.gif);
	background-position: 227px -48px;
	background-repeat: no-repeat;
	font-size: 1em;
	font-weight: bold;
}

div#navBar div#navTop a
{
	background-image: url(../images/Button_Nav_Medium.gif);
	background-position: 2px -48px;
	background-repeat: no-repeat;
	text-align: right;
	font-size: 1.2em;
	background-color: #777;
}

div#navBar div#navDetail a
{
	line-height: 27px;
	padding-top: 0;
	padding-bottom: 0;
}

div#navBar a:hover
{
	color: #FFF;
	border-right: 5px solid white;
	background-position: 227px -98px;
	background-color: #555;
}

div#navBar div#navTop a:hover
{
	background-position: 2px -148px;
	background-color: #444;
}

div#navBar div#navTop a { border-style: none; }

div#navBar a span
{
	display: none;
	line-height: 1.2em;
}

div#navBar div#navDetail a:hover span, div#navBar div#navTop a:hover span
{
	display: block;
	position: absolute;
	top: 220px;
	left: 0;
	width: 225px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #AAA;
	text-align: center;
	font-size: 10px;
}

div#navBar div#navTop a:hover span { top: 480px; }

/*adjust position of span elements for particular navBar classes*/
div#navBar.home div#navTop a:hover span { top: 200px; }
div#navBar.skills div#navTop a:hover span { top: 460px; }
div#navBar.skills div#navDetail a:hover span { top: 238px; }
div#navBar.projects div#navTop a:hover span { top: 460px; }
div#navBar.projects div#navDetail a:hover span { top: 235px; }
div#navBar.philosophy div#navTop a:hover span { top: 430px; }
div#navBar.philosophy div#navDetail a:hover span { top: 208px; }
div#navBar.aboutUs div#navTop a:hover span { top: 320px; }
div#navBar.aboutUs div#navDetail a:hover span { top: 100px; }

/*end adjust position of span elements for particular navBar classes*/
div#navBar div#navDetail a b
{
	background-image: url(../images/Nav_Arrow.gif);
	background-repeat: no-repeat;
	background-position: -10000px -4px;
	font-weight: inherit;
	display: block;
	/*overflow:visible;*/
	/*z-index:200;*/
}

/* @group SUB NAVBAR TOP BUTTON ASSIGNMENTS */
div#navBar.home a#navHome, div#navBar.projects a#navProjects, div#navBar.skills a#navSkills, div#navBar.philosophy a#navPhilosophy, div#navBar.quickPortfolio a#navQuickPortfolio, div#navBar.aboutUs a#navAboutUs { background-position: 2px -248px; }
div#navBar.home a#navHome:hover, div#navBar.projects a#navProjects:hover, div#navBar.skills a#navSkills:hover, div#navBar.philosophy a#navPhilosophy:hover, div#navBar.quickPortfolio a#navQuickPortfolio:hover, div#navBar.aboutUs a#navAboutUs:hover { background-position: 2px -148px; }

/* @end SUB NAVBAR TOP BUTTON ASSIGNMENTS */
/* @group SUB NAVBAR BOTTOM BUTTON ASSIGNMENTS */
body#papers div#navBar div#navDetail a#navPapers, body#clientList div#navBar div#navDetail a#navClientList, body#smallProjects div#navBar div#navDetail a#navSmallProjects, body#graphicDesign div#navBar div#navDetail a#navGraphicDesign, body#educationalPhilosophy div#navBar div#navDetail a#navEducationalPhilosophy, body#awards div#navBar div#navDetail a#navAwards, body#interfacePhilosophy div#navBar div#navDetail a#navInterfacePhilosophy, body#businessPhilosophy div#navBar div#navDetail a#navBusinessPhilosophy, body#webSites div#navBar div#navDetail a#navWebSites, body#medicalMemory div#navBar div#navDetail a#navMedicalMemory, body#cookNoir div#navBar div#navDetail a#navCookNoir, body#kidsOnlineNetwork div#navBar div#navDetail a#navKidsOnlineNetwork, body#theCompanyTherapist div#navBar div#navDetail a#navTheCompanyTherapist, body#supermarketScience div#navBar div#navDetail a#navSupermarketScience, body#videoAudio div#navBar div#navDetail a#navVideoAudio, body#webSkills div#navBar div#navDetail a#navWebSkills, body#animation div#navBar div#navDetail a#navAnimation, body#photography div#navBar div#navDetail a#navPhotography, body#writingEditing div#navBar div#navDetail a#navWritingEditing, body#projectDevelopment div#navBar div#navDetail a#navProjectDevelopment, body#codePhilosophy div#navBar div#navDetail a#navCodePhilosophy, body#designProcess div#navBar div#navDetail a#navDesignProcess, body#home div#navBar div#navDetail a#navHome { background-position: 227px -148px; }
body#papers div#navBar div#navDetail a#navPapers b, body#clientList div#navBar div#navDetail a#navClientList b, body#smallProjects div#navBar div#navDetail a#navSmallProjects b, body#graphicDesign div#navBar div#navDetail a#navGraphicDesign b, body#educationalPhilosophy div#navBar div#navDetail a#navEducationalPhilosophy b, body#awards div#navBar div#navDetail a#navAwards b, body#interfacePhilosophy div#navBar div#navDetail a#navInterfacePhilosophy b, body#businessPhilosophy div#navBar div#navDetail a#navBusinessPhilosophy b, body#webSites div#navBar div#navDetail a#navWebSites b, body#medicalMemory div#navBar div#navDetail a#navMedicalMemory b, body#cookNoir div#navBar div#navDetail a#navCookNoir b, body#kidsOnlineNetwork div#navBar div#navDetail a#navKidsOnlineNetwork b, body#theCompanyTherapist div#navBar div#navDetail a#navTheCompanyTherapist b, body#supermarketScience div#navBar div#navDetail a#navSupermarketScience b, body#videoAudio div#navBar div#navDetail a#navVideoAudio b, body#webSkills div#navBar div#navDetail a#navWebSkills b, body#animation div#navBar div#navDetail a#navAnimation b, body#photography div#navBar div#navDetail a#navPhotography b, body#writingEditing div#navBar div#navDetail a#navWritingEditing b, body#projectDevelopment div#navBar div#navDetail a#navProjectDevelopment b, body#codePhilosophy div#navBar div#navDetail a#navCodePhilosophy b, body#designProcess div#navBar div#navDetail a#navDesignProcess b, body#home div#navBar div#navDetail a#navHome b { background-position: 256px top; }

/* @end SUB NAVBAR BOTTOM BUTTON ASSIGNMENTS */
/* @end NAVIGATION */
/* @group MAIN HEADLINE AND SUBHEADS */
div#content.divided h2, h2.divided
{
	font-size: 2.6em;
	text-align: center;
	color: white;
	margin-left: -10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: -10px;
	background-image: url(../images/Star_Background_Gray.gif);
	background-attachment: fixed;
}

/* @end MAIN HEADLINE AND SUBHEADS */
/* @group MULTI PAGE SECTION DEFINITIONS */
/* @end MULTI PAGE SECTION DEFINITIONS */
/* @group BUTTONS */
/* @group SUB BUTTONS -- LARGE POSITIONABLE BLOCK VERSION */
div.buttonLarge
{
	/*position should be set locally for each page (or use).*/
	width: 200px;
	height: 100px;
}

div.buttonSmall, div.buttonSmallDown
{
	/*position should be set locally for each page (or use).*/
	width: 100px;
	height: 100px;
}

div.buttonLarge a, div.buttonSmall a
{
	display: block;
	background-image: url(../images/Button_Round_Large_Multi.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 100px;
	text-decoration: none;
}

div.buttonSmall a { background-image: url(../images/Button_Round_Small_Multi.gif); }
div.buttonLarge a:visited, div.buttonSmall a:visited { background-position: 0px -600px; }
div.buttonLarge a:hover, div.buttonSmall a:hover { background-position: 0px -200px; }
div.buttonLarge a:active, div.buttonSmall a:active { background-position: 0px -400px; }

div.buttonLarge a span, div.buttonSmall a span
{
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	text-indent: 0;
}

div.buttonLarge a span
{
	text-align: left;
	display: inline-block;
	padding-right: 0;
	padding-left: 90px;
	padding-top: 35px;
}

div.buttonLarge a span.down
{
	display: block;
	padding-right: 18px;
	padding-left: 0;
	padding-top: 90px;
}

div.buttonSmall a span
{
	/*set padding-left locally to adjust label position*/
	display: inline-block;
	padding-right: 0;
	padding-left: 35px;
	padding-top: 8px;
}

div.buttonSmall a span.down
{
	/*set padding-left locally to adjust label position*/
	display: block;
	padding-right: 0;
	padding-left: 0px;
	padding-top: 35px;
	margin-left: -45px;
	width: 120px;
}

/* @end SUB BUTTONS -- LARGE POSITIONABLE BLOCK VERSION */
/* @group SUB BUTTONS -- INLINE-ANCHOR CLASS VERSION */
a.buttonLarge, a.buttonSmall
{
	display: inline-block;
	background-image: url(../images/Button_Round_Large_Multi.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 100px;
	width: 90px;
	text-decoration: none;
	margin-bottom: -6px;
	text-indent: 0;
}

a.buttonSmall
{
	background-image: url(../images/Button_Round_Small_Multi.gif);
	height: 30px;
	margin-bottom: -9px;
}

a.buttonLarge:visited, a.buttonSmall:visited { background-position: 0px -600px; }
a.buttonLarge:hover, a.buttonSmall:hover { background-position: 0px -200px; }
a.buttonLarge:active, a.buttonSmall:active { background-position: 0px -400px; }

a.buttonLarge span, a.buttonSmall span
{
	/*set padding-left locally to adjust label position*/
	display: inline-block;
	font-size: 1em;
	text-align: center;
	padding-left: 22px;
	padding-top: 80px;
	font-weight: bold;
	text-indent: 0;
}

a.buttonSmall span
{
	text-align: left;
	text-indent: 0;
	padding-left: 35px;
	padding-top: 7px;
}

/* @end SUB BUTTONS -- INLINE-ANCHOR CLASS VERSION */
/* @end BUTTONS */
/* @group FOOTER GENERALLY */
div#footer
{
	/*The background attribute must be exactly as here for IE*/
	background: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

div#footer
{
	width: 480px;
	margin-left: 18px;
	margin-top: 20px;
}

/*why? link*/
div#footer a.small
{
	font-size: .7em;
	position: relative;
	left: 254px;
	top: -10px;
	text-decoration: none;
}

div#footerButtons
{
	margin-left: 60px;
	display: block;
	height: 30px;
}

div#footerButtons a
{
	display: block;
	background-image: url(../images/Button_Round_Small_Multi.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	text-decoration: none;
	margin-bottom: -9px;
	text-indent: 0;
	float: left;
}

div#footerButtons  a:visited { background-position: 0px 0px; }
div#footerButtons  a:hover { background-position: 0px -200px; }
div#footerButtons  a:active { background-position: 0px -400px; }

div#footerButtons  a span
{
	/*set padding-left locally to adjust label position*/
	display: block;
	font-size: 1em;
	text-align: left;
	padding-left: 35px;
	padding-top: 7px;
	font-weight: bold;
	text-indent: 0;
}

/* @end FOOTER GENERALLY */
/* @group LINK TREATMENTS GENERALLY */
a { color: green; }
a img { border: 0; }

a.enlarge, a.enlargeLeft, a.magnifier, a.magnifierLeft
{
	display: inline;
	font-size: 80%;
	vertical-align: bottom;
	background-image: url(../images/Icon_Magnifying_Glass_12px.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: 0;
	background-position: 10px 5px;
	padding-right: 0;
	padding-left: 3em;
	padding-top: 5px;
}

a.enlargeLeft, a.magnifierLeft
{
	background-position: 3em 5px;
	padding-right: 4em;
	padding-left: 0;
}

/* @end LINK TREATMENTS GENERALLY */
/* @group MULTI SECTION TEXT TREATMENTS */
.nodisplay, .noDisplay { display: none; }
.nobreak, .noBreak { white-space: nowrap; }
.indent { padding-left: .3in; }
.small { font-size: .9em !important; }
.floatright { float: right; }
.floatleft { float: left; }
.noindent { text-indent: 0 !important; }
q:before, q:after { display: none; }
ul, ol { font-size: 1.2em; }

ul li, ol li
{
	margin-bottom: 1.2em;
	line-height: 1.4em;
}

div#content p
{
	font-size: 1.3em;
	text-indent: 0px;
	line-height: 1.5em;
}

div#content p.first, div#content h1 + p
{
	text-indent: 0 !important;
	/*margin-bottom: 0;*/
	margin-top: 0px;
}

p.first:first-letter,  div#content h1 + p:first-letter, div#content p.callout:first-letter, div#content p.calloutRight:first-letter
{
	font-size: 2em;
	letter-spacing: 1px;
}

div#content h2 + p, div#content img.floatright + p, div#content.divided div.box > p:first-child { text-indent: 0; }

/*first-child pseudo-class not working properly*/
div#content p.callout, div#content p.calloutRight, div#content p.calloutFull
{
	float: left;
	width: 250px;
	text-indent: 0;
	font-weight: bold;
	margin-right: 20px;
	font-style: italic;
	font-size: 1.4em;
	color: #5F5F5F;
}

div#content p.callout cite, div#content p.calloutRight cite, div#content p.calloutFull cite
{
	display: block;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #5F5F5F;
}

div#content p.calloutRight
{
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

div#content p.calloutFull
{
	float: none;
	margin-right: 25px;
	margin-left: 5px;
	width: 460px;
}

p.footnote, ol.footnote li { font-size: .9em !important; }
ol.footnote li { margin-left: -20px; }
a.footnote { text-decoration: none; }

div#interfacesBook
{
	float: right;
	width: 200px;
	padding: 15px;
	padding-bottom: 0;
	background-color: #DDD;
	margin-right: -10px;
	margin-left: 10px;
}

body#papers div#interfacesBook
{
	float: none;
	width: 100%;
	margin-left: -10px;
	padding-bottom: .1in;
}

/* @end MULTI SECTION TEXT TREATMENTS */
/* @group VIDEO FLASH EMBEDS */
/*div#video width and height should match Flash element and be set per page.*/
div#video
{
	position: relative;
	display: block;
	top: 20px;
	left: 0px;
	padding-bottom: 15px;
}

/*This is for the "No Flash, No Javascript" text*/
div#video p, div#photos p, div#logos p
{
	display: block;
	position: relative;
	color: black;
	top: 10px;
	left: 110px;
	width: 250px;
	border-color: red;
	border-width: 1pt;
	border-style: solid;
	padding: 10px;
	font-size: 1.4em;
}

/* @end VIDEO FLASH EMBEDS */
/* @group MULTI SECTION WORD TREATMENTS */
/* @end MULTI SECTION WORD TREATMENTS */
/* @group DETAIL PAGES GENERALLY */
body.detail
{
	background-image: none;
	background-color: white;
}

body.detail div#content
{
	width: inherit;
	background-image: none;
	background-color: white;
	overflow: visible;
}

body.detail div#closeButton { margin-left: 20px; }

body.detail div#closeButton span
{
	text-transform: uppercase;
	font-size: 1.6em;
	margin-top: -3px;
}

/* @end DETAIL PAGES */
/* @group ANIMATION PAGE */
body#animation div#content h1
{
	background-image: url(../images/Topper_Animation.gif);
	height: 113px;
	background-position: 10000px top;
	margin-top: 0px;
	margin-bottom: -10px;
}

body#animation div#baldMan
{
	background-image: url(../images/Bald_Man_Says_Hello.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	height: 165px;
	width: 220px;
	float: right;
}

body#animation div#baldMan p
{
	background-image: url(../images/Balloon_Hello.gif);
	background-repeat: no-repeat;
	height: 150px;
	background-position: 10095px 10px;
	margin-left: -10000px;
	margin-top: 0px;
}

body#animation div#photos
{
	width: 270px;
	height: 240px;
	top: 0px;
	float: left;
}

body#animation div#dataCylinder div#photos p
{
	/*This is for the "No Flash, No Javascript" text*/
	margin-left: 0;
	top: 0px;
	left: 20px;
	width: 150px;
}

body#animation div#dataCylinder p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 270px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-top: 0px;
	padding-top: 30px;
}

body#animation br { clear: both; }
body#animation div#fenwick { margin-bottom: 30px; }

body#animation div#fenwick div.video
{
	margin-left: -10px;
	margin-bottom: 0;
}

body#animation div#fenwick p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 190px;
	margin-bottom: .1in;
	margin-top: 0;
	position: relative;
}

body#animation div#fenwick p span
{
	display: block;
	position: absolute;
	top: 0;
	width: 170px;
	left: 300px;
	margin: 0;
	font-size: 10px;
}

body#animation div#csAnimations
{
	background-color: black;
	height: 230px;
	width: 500px;
	margin-left: -10px;
}

body#animation div#csAnimations img
{
	margin-top: 5px;
	padding-left: 10px;
}

body#animation div#computerSculpture p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 190px;
	margin-right: 20px;
	margin-bottom: 0;
}

body#animation div#airTrafficControl p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-top: 0;
}

body#animation div#bladeFlashAnimation img { margin-left: 90px; }

body#animation div#bladeFlashAnimation p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 110px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-top: -10px;
}

/* @end ANIMATION PAGE */
/* @group SKILLS MAIN PAGE */
body#skills div#content h1
{
	background-image: url(../images/3-02_Skills_Topper.jpg);
	background-position: 10000px -10px;
	height: 250px;
}

body#skills div#textBox1 { width: 480px; }

body#skills div#textBox2
{
	width: 270px;
	margin-top: 2em;
}

body#skills div#textBox3
{
	width: 270px;
	margin-bottom: -240px;
}

body#skills p.kid
{
	margin-left: -10000px;
	background-image: url(../images/3-02_05_Boy_Anim.gif);
	background-repeat: no-repeat;
	background-position: 10000px 30px;
	width: 10200px;
	position: relative;
	left: 290px;
	top: -50px;
	margin-bottom: 0;
}

body#skills p.kid q
{
	display: block;
	background-image: url(../images/3-02_06_Balloon_Cool_Tools.gif);
	background-repeat: no-repeat;
	background-position: 10100px 20px;
	height: 155px;
}

body#skills p.kid span
{
	/*caption*/
	display: block;
	margin-left: 10000px;
	margin-top: 40px;
	margin-right: 10px;
	text-align: right;
	font-size: 1.1em;
}

/* @end SKILLS MAIN PAGE */
/* @group PROJECTS MAIN PAGE */
body#projects div#content h1
{
	background-image: url(../images/Topper_Projects.jpg);
	background-position: 9993px top;
	height: 340px;
	margin-bottom: -10px;
	margin-top: -10px;
	background-repeat: no-repeat;
}

body#projects ul#projectsList
{
	list-style-type: none;
	margin-bottom: .3in;
	margin-top: .3in;
}

body#projects ul#projectsList li a
{
	display: block;
	background-image: url(../images/Button_Round_Small_Multi.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
	width: 400px;
	text-decoration: none;
	margin-bottom: -9px;
	text-indent: 0;
}

body#projects ul#projectsList li a:visited { background-position: 0px -600px; }
body#projects ul#projectsList li a:hover { background-position: 0px -200px; }
body#projects ul#projectsList li a:active { background-position: 0px -400px; }

body#projects ul#projectsList li a span
{
	/*set padding-left locally to adjust label position*/
	display: block;
	font-size: 1em;
	text-align: left;
	padding-left: 40px;
	padding-top: 7px;
	font-weight: bold;
	text-indent: 0;
}

/* @end PROJECTS MAIN PAGE */
/* @group PHILOSOPHY MAIN PAGE */
body#philosophy div#content h1
{
	background-image: url(../images/3-04_01_Philosophies_Topper.jpg);
	background-position: 10020px top;
	height: 125px;
}

body#philosophy div#content p b
{
	font-size: 1.4em;
	font-weight: normal;
}

body#philosophy div#content p
{
	text-indent: 0;
	margin-left: 40px;
}

body#philosophy div#content p.first { margin-left: 0; }

body#philosophy div#content div.buttonSmall
{
	float: left;
	width: 40px;
	height: 30px;
	margin-top: 5px;
}

body#philosophy div#content div.buttonSmall a { height: 30px; }
body#philosophy div#cartoon img { margin-left: -10px; }

body#philosophy div#content div#cartoon p
{
	/*caption*/
	text-indent: 0;
	text-align: center;
	font-size: 1.1em;
}

/* @end PHILOSOPHY MAIN PAGE */
/* @group SMALL PROJECTS PAGE */
body#smallProjects div#content h1
{
	background-image: url(../images/Topper_Small_Projects.jpg);
	background-position: 10200px top;
	height: 260px;
	margin-top: -5px;
}

body#smallProjects p.first
{
	width: 180px;
	margin-top: -190px;
}

body#smallProjects div#content h3 { font-size: 1.6em; }

body#smallProjects div#content img.floatright
{
	margin-bottom: 10px;
	padding-left: 10px;
	margin-top: -5px;
}

body#smallProjects img#dinoTopper
{
	margin-top: -20px;
	margin-left: -10px;
}

body#smallProjects div#dino img
{
	float: left;
	clear: left;
	margin-right: 1em;
	margin-left: -10px;
}

body#smallProjects img#dinoBoard
{
	margin-left: -10px;
	margin-top: -10px;
	margin-bottom: -10px;
}

body#smallProjects div#animatedIllustrations
{
	background-image: url(../images/Star_Background_Gray.gif);
	background-attachment: fixed;
	width: 550px;
	margin-left: -15px;
	padding: 0;
}

body#smallProjects div#animatedIllustrations img
{
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: -3px;
}

body#smallProjects div#animatedIllustrations p
{
	color: white;
	font-size: 1.6em;
	width: 300px;
	text-align: right;
	margin-left: 200px;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
}

body#smallProjects div#fieldTrips { padding-bottom: 0px; }
body#smallProjects div#fieldTrips img#rainForest { margin-left: 50px; }

body#smallProjects div#fieldTrips p
{
	margin-left: 250px;
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
}

body#smallProjects div#fieldTrips img#octopus
{
	margin-top: -161px;
	margin-bottom: -10px;
	margin-left: -17px;
}

body#smallProjects div#animatedIllustrations
{
	background-image: url(../images/Star_Background_Gray.gif);
	background-attachment: fixed;
	width: 550px;
	margin-left: -15px;
	padding: 0;
}

body#smallProjects div#animatedIllustrations img
{
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}

body#smallProjects div#animatedIllustrations p
{
	color: white;
	font-size: 1.6em;
	width: 300px;
	text-align: right;
	margin-left: 200px;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
}

body#smallProjects div#knowledgeUniverse img { margin-left: 110px; }

body#smallProjects div#knowledgeUniverse p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
	margin-right: 20px;
	margin-left: 120px;
}

body#smallProjects div#spectrum { padding-bottom: 0; }

body#smallProjects div#spectrum img#mural
{
	margin-left: -10px;
	margin-top: -20px;
	border-top: 1px #E6E6E6 solid;
}

body#smallProjects div#spectrum img#schematic
{
	margin-left: 70px;
	margin-top: -421px;
	border-top: 1px #E6E6E6 solid;
}

body#smallProjects div#spectrum img#composite
{
	margin-left: -10px;
	margin-bottom: -4px;
}

body#smallProjects div#spectrum img#colorSculpture
{
	float: right;
	padding-right: 7px;
	margin-left: 10px;
}

body#smallProjects div#spectrum p
{
	text-indent: 0;
	margin-bottom: 30px;
}

body#smallProjects div#dinosauria img#dinosauriaTopper
{
	margin-left: -10px;
	margin-top: -20px;
}

body#smallProjects div#dinosauria img
{
	float: left;
	clear: left;
	margin-right: 5em;
	margin-left: -10px;
}

body#smallProjects div#dinosauria img#board
{
	margin-left: -10px;
	float: inherit;
}

body#smallProjects div#patternsOfNature div.backgroundImage
{
	background-image: url(../images/Patterns_of_Nature.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 476px;
}

body#smallProjects div#patternsOfNature p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 210px;
	margin-top: -120px;
}

/* @end SMALL PROJECTS PAGE */
/* @group PROJECT DEVELOPMENT PAGE */
body#projectDevelopment div#content h1
{
	background-image: url(../images/Topper_Project_Development.jpg);
	background-color: white;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-left: 0;
	padding-top: 203px;
	font-size: 2.5em;
	text-align: right;
	padding-bottom: 14px;
	margin-bottom: -10px;
}

body#projectDevelopment p#proverb
{
	margin-top: -10px;
	text-align: right;
}

body#projectDevelopment ul#designProcess, body#projectDevelopment ul#designProcess ul { list-style-type: none; }

body#projectDevelopment ul#designProcess li
{
	font-size: 1.2em;
	font-weight: bold;
}

body#projectDevelopment ul#designProcess li ul li
{
	font-size: .8em;
	font-weight: normal;
}

/* @end PROJECT DEVELOPMENT PAGE */
/* @group AWARDS PAGE */
body#awards div#content h1
{
	background-image: url(../images/Topper_Awards.jpg);
	background-repeat: no-repeat;
	background-position: 10000px top;
	height: 100px;
	margin-top: 0px;
	margin-bottom: -2px;
}

body#awards p#nobel
{
	float: left;
	background-image: url(../images/Nobel_Prize_Medal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 250px;
	/*caption*/
	margin-top: 0px;
	margin-right: 10px;
	text-indent: 0;
	text-align: center;
	font-size: 1.1em;
	padding-top: 280px;
	margin-bottom: 30px;
}

body#awards div#TCT
{
	background-image: url(../images/TCT_Awards_Page.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
}

body#awards div#TCT p
{
	padding-top: 560px;
	/*caption*/
	margin-right: 10px;
	text-indent: 0;
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 10px;
}

/* @end AWARDS PAGE*/
/* @group EDUCATIONAL PHILOSOPHY PAGE */
body#educationalPhilosophy div#content h1
{
	background-image: url(../images/4-09_01_Topper.jpg);
	background-position: 10020px top;
	height: 120px;
}

body#educationalPhilosophy div#textBox1 { width: 250px; }

body#educationalPhilosophy div#animation
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

body#educationalPhilosophy p.kid
{
	margin-left: -10000px;
	background-image: url(../images/4-09_05_Boy_Girls.gif);
	background-repeat: no-repeat;
	background-position: 10000px 30px;
	width: 10200px;
	position: relative;
	/*left: 290px;*/
	top: -30px;
}

body#educationalPhilosophy p.kid q
{
	display: block;
	background-image: url(../images/4-09_06_Balloon_Text.gif);
	background-repeat: no-repeat;
	background-position: 10100px 20px;
	height: 155px;
}

body#educationalPhilosophy p#coin
{
	display: block;
	background-image: url(../images/4-09_10_Coin.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -35px;
	/*caption*/
	font-size: 1.1em;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	padding-top: 160px;
	margin-bottom: 0;
}

/* @end EDUCATIONAL PHILOSOPHY PAGE */
/* @group INTERFACE PHILOSOPHY PAGE */
body#interfacePhilosophy div#content h1
{
	background-image: url(../images/Topper_Interface_Philosophy.gif);
	background-position: 10000px top;
	height: 310px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: -10px;
}

body#interfacePhilosophy h2 { clear: both; }
body#interfacePhilosophy h3 { font-size: 1.3em; }

body#interfacePhilosophy h4
{
	font-size: 1.2em;
	margin-left: .2in;
}

body#interfacePhilosophy div#cognitiveWheel img { margin-left: -10px; }
body#interfacePhilosophy div#thirdAge { margin-left: -8px; }

body#interfacePhilosophy div#thirdAge p, body#interfacePhilosophy div#cognitiveWheel p
{
	/*caption*/
	margin-top: 0px;
	margin-right: 70px;
	margin-left: 15px;
	text-indent: 0;
	font-size: 1.1em;
}

/* @end INTERFACE PHILOSOPHY PAGE */
/* @group BUSINESS PHILOSOPHY PAGE */
body#businessPhilosophy div#content h1
{
	background-image: url(../images/Topper_Business_Philosophy.jpg);
	background-position: 10000px top;
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
}

body#businessPhilosophy p.first a { white-space: nowrap; }

body#businessPhilosophy div#content p.callout:first-letter, body#businessPhilosophy div#content p.calloutRight:first-letter
{
	font-size: inherit;
	letter-spacing: inherit;
}

/* @end BUSINESS PHILOSOPHY PAGE */
/* @group MEDICAL MEMORY PAGE */
body#medicalMemory div#content h1
{
	background-image: url(../images/Logo_Medical_Memory.gif);
	height: 270px;
	background-position: 10220px top;
}

body#medicalMemory div#content p.first
{
	width: 200px;
	margin-top: -270px;
}

body#medicalMemory div#content h2 img
{
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: 18px;
}

body#medicalMemory div#content p.calloutRight
{
	font-style: normal;
	margin-top: 0;
}

/* @end MEDICAL MEMORY PAGE */
/* @group MEDICAL MEMORY DETAIL PAGE */
body#medicalMemoryDetail div#content
{
	background-image: url(../images/Logo_Medical_Memory.gif);
	background-repeat: no-repeat;
	background-position: -8px top;
	background-attachment: scroll;
	width: 600px;
	margin-left: 20px;
}

body#medicalMemoryDetail div#content p { margin-left: 120px; }
body#medicalMemoryDetail div#content p.first { padding-top: 160px; }

body#medicalMemoryDetail div#actions
{
	margin-left: 140px;
	margin-top: 20px;
}

body#medicalMemoryDetail div#actions div.buttonSmall
{
	position: relative;
	top: -50px;
	left: 200px;
	width: 150px;
}

body#medicalMemoryDetail div#closeButton { margin-left: 140px; }

/* @end MEDICAL MEMORY DETAIL PAGE */
/* @group COOK NOIR PAGE */
body#cookNoir div#content h1
{
	background-image: url(../images/3-14_01_Cook_Noir_Topper.jpg);
	height: 230px;
}

body#cookNoir div#content p { margin-right: 230px; }

body#cookNoir div#content p.callout
{
	border-color: black;
	border-width: 2px 0 2px 0;
	border-style: solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

body#cookNoir div#screenshots
{
	width: 217px;
	height: 811px;
	position: absolute;
	top: 138px;
	left: 310px;
}

body#cookNoir div#screenshots p
{
	/*caption*/
	padding-left: 10px;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	margin-right: 5px;
	margin-bottom: 200px;
}

/* @end COOK NOIR PAGE */
/* @group WEB SITES PAGE */
body#webSites div#content h1
{
	background-image: url(../images/3-10_01_Web_Sites_Topper.jpg);
	height: 270px;
}

body#webSites div#content ul
{
	list-style-type: none;
	padding-left: 15px;
}

body#webSites div#content p.link
{
	/*caption*/
	margin-top: 0px;
	text-indent: 0;
	font-size: 1.1em;
	width: 243px;
	margin-left: 235px;
}

/* @end WEB SITES PAGE */
/* @group KIDS ONLINE NETWORK PAGE */
body#kidsOnlineNetwork div#content h1
{
	background-image: url(../images/Topper_Kids_Online.jpg);
	background-position: 10000px top;
	height: 325px;
	margin-bottom: -10px;
}

body#kidsOnlineNetwork div#textBox1
{
	background-image: url(../images/KOLN_Shroom_Solo.gif);
	background-repeat: no-repeat;
	background-position: 215px bottom;
	background-attachment: scroll;
	min-height: 650px;
	width: 480px;
	margin-bottom: 10px;
}

body#kidsOnlineNetwork div#textBox1 p { width: 200px; }

body#kidsOnlineNetwork div#video
{
	width: 260px;
	height: 250px;
	float: right;
	margin-top: -10px;
	padding-top: 0;
	margin-bottom: 30px;
}

body#kidsOnlineNetwork div#video p
{
	/*This is for the "No Flash, No Javascript" text*/
	top: 0px;
	left: 20px;
	width: 200px;
}

body#kidsOnlineNetwork div#screenshot2 { margin-top: 30px; }

body#kidsOnlineNetwork div#screenshot1 p, body#kidsOnlineNetwork div#screenshot2 p
{
	/*caption*/
	font-size: 1.1em;
	text-indent: 0;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
}

body#kidsOnlineNetwork div#screenshot2 p { margin-right: 130px; }

/* @end KIDS ONLINE NETWORK PAGE */
/* @group ABOUT US PAGE */
body#aboutUs div#content h1
{
	background-image: url(../images/3-06_03_About_Us_Topper.jpg);
	background-position: 10030px -10px;
	height: 190px;
	margin-top: 0px;
}

body#aboutUs div#content div#portrait
{
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: -5px;
}

/* @end ABOUT US PAGE */
/* @group VIDEO AND AUDIO PAGE */
body#videoAudio div#content h1
{
	margin-left: 0px;
	font-size: 3em;
	margin-top: 0;
}

body#videoAudio div#animation
{
	background-image: url(../images/Slate_Video_Audio.jpg);
	background-repeat: no-repeat;
	height: 350px;
	background-position: 0px 25px;
}

body#videoAudio div#animation div#slateBeauty
{
	background-image: url(../images/3-11_07_Beauty_Nice.gif);
	background-repeat: no-repeat;
	background-position: 255px 25px;
	height: 220px;
}

body#videoAudio div#animation div#slateBeauty p
{
	background-image: url(../images/3-11_05_Balloon_Nice_Camera.gif);
	background-repeat: no-repeat;
	background-position: 10375px top;
	height: 100px;
	margin-left: -10000px;
	z-index: 100;
}

body#videoAudio div#frames
{
	float: left;
	margin-right: 10px;
	width: 263px;
}

body#videoAudio div#frames p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.3em;
	margin-left: 10px;
	margin-bottom: 0;
	margin-top: 0;
}

body#videoAudio br { clear: both; }

/* @end VIDEO AND AUDIO PAGE */
/* @group UNINCORPORATED STYLES */
/* @end UNINCORPORATED STYLES */
/* @group PHOTOGRAPHY PAGE */
body#photography div#photos
{
	float: left;
	margin-top: -5px;
	margin-left: 10px;
}

body#photography div#content h1
{
	background-image: url(../images/Topper_Photography.jpg);
	background-repeat: no-repeat;
	background-position: 240px 8px;
	margin-left: 0;
	padding-top: 230px;
	padding-left: 10px;
	text-transform: uppercase;
	color: red;
}

body#photography div#content h1 span
{
	display: block;
	font-size: .8em;
	text-transform: none;
}

body#photography div#photos p
{
	/*This is for the "No Flash, No Javascript" text*/
	left: 0px;
	top: 65px;
}

body#photography div#womanWithHat
{
	margin-top: -10px;
	float: left;
	width: 227px;
}

body#photography div#womanWithHat p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 15px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-top: 0px;
}

body#photography div#skulls
{
	clear: both;
	margin-bottom: .5in;
}

body#photography div#skulls p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 20px;
	margin-right: 240px;
	margin-bottom: 0;
	margin-top: 0px;
}

body#photography div#alkaSeltzer { margin-bottom: .4in; }
body#photography div#alkaSeltzer img { margin-left: -10px; }

body#photography div#alkaSeltzer p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
	margin-left: 180px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-top: -20px;
}

body#photography div#nature { margin-bottom: .5in; }

body#photography div#nature p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-top: -5px;
}

body#photography div#portraits img { margin-left: -10px; }

body#photography div#portraits p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 0px;
}

body#photography div#capellino
{
	margin-bottom: .5in;
	margin-top: .3in;
}

body#photography div#capellino img { margin-bottom: 0px; }

body#photography div#capellino p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
	margin-left: 260px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 0px;
}

body#photography div#blade { margin-bottom: .5in; }
body#photography div#blade img { margin-left: -10px; }

div#blade p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 0px;
}

body#photography div#manipulation { margin-top: .4in; }

body#photography div#manipulation h1
{
	background-image: none;
	padding-top: 0;
	text-align: center;
	color: black;
}

body#photography div#manipulation h2
{
	color: black;
	text-transform: uppercase;
	margin-left: 80px;
}

body#photography div#manipulation h2 span { padding-left: 200px; }

body#photography div#manipulation img
{
	margin-bottom: 25px;
	margin-left: -10px;
}

/* @end PHOTOGRAPHY PAGE */
/* @group GRAPHIC DESIGN PAGE */
body#graphicDesign div.halfBox { padding-top: 20px; }

body#graphicDesign div#content h1
{
	background-image: url(../images/Topper_Graphic_Design.jpg);
	height: 240px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: 10000px top;
}

body#graphicDesign div#salesman
{
	background-image: url(../images/3-18_05_Salesman_Anim.gif);
	background-repeat: no-repeat;
	background-position: 10px 30px;
	height: 165px;
	width: 220px;
	float: right;
}

body#graphicDesign div#salesman p
{
	background-image: url(../images/Balloon_Glad_To_Meet.gif);
	background-repeat: no-repeat;
	height: 100px;
	background-position: 10110px top;
	margin-left: -10000px;
}

body#graphicDesign div#laborConnection div#photos
{
	margin-left: -10px;
	margin-bottom: .3in;
}

body#graphicDesign div#laborConnection p.credit
{
	/*caption*/
	text-indent: 0;
	font-size: 1.1em;
	padding-right: 10px;
	text-align: right;
}

body#graphicDesign div#laborConnection p.credit span { margin-left: 1in; }

body#graphicDesign div#logosContainer div#logos
{
	margin-left: -10px;
	margin-bottom: .3in;
	margin-top: -20px;
}

body#graphicDesign div#logosContainer p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	padding-right: 10px;
	margin-right: 170px;
}

body#graphicDesign div#therapistWindow
{
	float: right;
	width: 315px;
	margin-left: 10px;
	margin-top: 10px;
}

body#graphicDesign div#therapistWindow p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
}

body#graphicDesign div#infoGraphics1 { margin-bottom: .3in; }
body#graphicDesign div#infoGraphics1 img { margin-left: -10px; }

body#graphicDesign div#infoGraphics1 img#quad
{
	margin-bottom: .5in;
	margin-top: -20px;
}

body#graphicDesign div#infoGraphics1 p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-left: 20px;
	margin-right: 200px;
}

body#graphicDesign div#infoGraphics2
{
	width: 279px;
	float: left;
	margin-right: 10px;
}

body#graphicDesign div#infoGraphics2 p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	padding-right: 10px;
}

body#graphicDesign div#infoGraphics3 img { margin-left: 50px; }

body#graphicDesign div#infoGraphics3 p
{
	margin-left: 340px;
	margin-top: 0;
}

/* @end GRAPHIC DESIGN PAGE */
/* @group WRITING AND EDITING PAGE  */
body#writingEditing div#content h1
{
	background-image: url(../images/3-17_01_Writing_Topper.gif);
	height: 173px;
	background-repeat: no-repeat;
	background-position: 9980px -10px;
}

body#writingEditing div#lowTideBook { margin-top: .3in; }
body#writingEditing div#lowTideBook img { margin-left: -10px; }

body#writingEditing img#lowTidePages
{
	float: right;
	margin-right: -10px;
	padding-left: 15px;
}

body#writingEditing div#lowTideBook p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	padding-right: 10px;
	margin-right: 200px;
}

body#writingEditing div#sacredSpaces
{
	margin-bottom: .1in;
	position: relative;
}

body#writingEditing div#sacredSpaces img
{
	margin-left: -10px;
	border-width: 1px 0 1px 0;
	border-color: #E6E6E6;
	border-style: solid;
}

body#writingEditing div#sacredSpaces p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
	margin-right: 0px;
	margin-left: 200px;
}

body#writingEditing div#skullsExhibit
{
	margin-top: -40px;
	margin-bottom: .5in;
}

body#writingEditing div#skullsExhibit p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	padding-right: 10px;
	margin-right: 140px;
	margin-top: -30px;
}

body#writingEditing div#cookNoirScript { padding-left: 60px; }

body#writingEditing div#cookNoirScript, div#TCTScript
{
	margin-left: -30px;
	margin-right: 0;
	width: 240px;
	float: left;
}

body#writingEditing div#cookNoirScript p, div#TCTScript p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	width: 200px;
}

body#writingEditing br { clear: both; }

/* @end WRITING AND EDITING PAGE  */
/* @group HOME PAGE */
body#home div#content div#genericBox { margin-top: -20px; }
body#home div#content div#genericBox p { text-indent: 0; }

body#home div#content div#genericBox p strong
{
	font-size: 1.3em;
	color: red;
	display: block;
	margin-bottom: .05in;
}

body#home div#content div#genericBox { margin-left: 194px; }

body#home div#photos
{
	background-image: url(../images/Home_Slideshow_BG.jpg);
	background-repeat: no-repeat;
	background-position: left -6px;
	background-color: white;
	height: 226px;
	width: 500px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: -10px;
}

body#home div#photos p
{
	/*This is for the "No Flash, No Javascript" text*/
	top: 45px;
}

body#home div#clientQuotes
{
	height: 240px;
	width: 290px;
	display: block;
	float: right;
	top: 40px;
	left: 10px;
}

body#home div#clientQuotes p
{
	/*This is for the "No Flash" text*/
	display: block;
	position: relative;
	color: black;
	top: 50px;
	left: 20px;
	width: 250px;
	border-color: red;
	border-width: 1pt;
	border-style: solid;
	padding: 10px;
	font-size: 1.4em;
}

body#home div#logoAlone
{
	float: left;
	margin-right: 0px;
	padding-top: 240px;
}

body#home p#bios { clear: both; }

/* @end HOME PAGE */
/* @group CLIENT PAGE*/
body#clientList div#content h1
{
	background-image: url(../images/Clients_Topper_Small.jpg);
	background-position: 10000px 50px;
	height: 220px;
}

body#clientList div#content ul li
{
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: -10px;
	color: #00B4DA;
	text-align: left;
	background: none;
	margin-left: -25px;
	margin-right: 5px;
	padding-bottom: 0;
	padding-top: inherit;
	list-style-type: none;
}

body#clientList div#clientQuotes
{
	height: 240px;
	width: 300px;
	display: block;
	position: absolute;
	top: 40px;
	left: 225px;
}

body#clientList div#clientQuotes p
{
	/*This is for the "No Flash" text*/
	display: block;
	position: relative;
	color: black;
	top: 50px;
	left: 20px;
	width: 250px;
	border-color: red;
	border-width: 1pt;
	border-style: solid;
	padding: 10px;
	font-size: 1.4em;
}

/* @end CLIENT PAGE*/
/* @group CODE PHILOSOPHY PAGE */
body#codePhilosophy div#content h1
{
	background-image: url(../images/Topper_Code_Philosophy.jpg);
	background-repeat: no-repeat;
	background-position: 10000px top;
	height: 310px;
	margin-top: 0px;
	margin-bottom: -10px;
}

body#codePhilosophy div#content p.first:first-letter { font-size: inherit; }

body#codePhilosophy div#content p.first strong
{
	font-size: 1.2em;
	font-weight: normal;
}

body#codePhilosophy div#content h3 { margin-top: .4in; }

body#codePhilosophy div#content pre
{
	font-size: 14px;
	padding-left: 30px;
	background-color: #FDF7E4;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

body#codePhilosophy div#cadillac
{
	float: right;
	width: 250px;
	margin-left: 20px;
}

body#codePhilosophy div#cadillac p
{
	/*caption*/
	text-indent: 0;
	text-align: right;
	font-size: 1.1em;
	margin-top: 0;
}

/* @end CODE PHILOSOPHY PAGE */
/* @group DESIGN PROCESS PAGE */
body#designProcess div#content h1
{
	background-image: url(../images/Topper_Design_Process.jpg);
	background-repeat: no-repeat;
	background-position: 10000px top;
	height: 234px;
	margin-bottom: 0;
}

body#designProcess div#processDiagram img { margin-left: -10px; }

body#designProcess ul#designStages
{
	list-style-type: none;
	margin-top: .3in;
}

body#designProcess ul#designStages li
{
	margin-bottom: 2em;
	margin-left: -35px;
}

body#designProcess ul#designStages li strong
{
	font-size: 1.4em;
	font-weight: normal;
}

body#designProcess ul#designStages li b
{
	display: block;
	margin-top: -16px;
	font-size: 1.4em;
	font-weight: normal;
	text-align: right;
	margin-right: 20px;
	line-height: 1.3em;
}

body#designProcess div#filmstrip
{
	float: right;
	margin-right: -5px;
	width: 241px;
	margin-left: 10px;
}

body#designProcess div#filmstrip p, body#designProcess div#processDiagram p
{
	/*caption*/
	text-indent: 0;
	text-align: left;
	font-size: 1.1em;
	margin-right: 20px;
	margin-left: 10px;
}

/* @end DESIGN PROCESS PAGE */
/* @group DETAIL OFFROAD VIDEO PAGE */
body#detailOffroadVideo div#video
{
	width: 380px;
	height: 330px;
}

/* @end DETAIL OFFROAD VIDEO PAGE */
/* @group DETAIL STANFORD ANIMATION VIDEO PAGE */
body#detailStanfordAnimation div#video
{
	width: 640px;
	height: 525px;
	margin-bottom: 1in;
}

/* @end DETAIL STANFORD ANIMATION VIDEO PAGE */
/* @group DETAIL PRESENTATION GRAPHICS PAGE */
body#detailPresentationGraphics div#content img { margin-bottom: .5in; }

/* @end DETAIL PRESENTATION GRAPHICS PAGE */
/* @group DETAIL PROTOZOA STAGE PAGE */
body#detailProtozoaStage div#content img { margin-bottom: .5in; }

/* @end DETAIL PROTOZOA STAGE PAGE */
/* @group WEB SITES PAGE */
body#webSites div#content fieldset
{
	color: green;
	border: 1px #DDD solid;
	margin-bottom: .2in;
}

body#webSites div#content fieldset legend
{
	padding-left: .1in;
	padding-right: .1in;
}

body#webSites div#content ul li a
{
	display: block;
	background-image: url(../images/Button_Round_Small_Multi.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
	width: 400px;
	text-decoration: none;
	margin-bottom: -9px;
	text-indent: 0;
}

body#webSites div#content ul li a:visited { background-position: 0px -600px; }
body#webSites div#content ul li a:hover { background-position: 0px -200px; }
body#webSites div#content ul li a:active { background-position: 0px -400px; }

body#webSites div#content ul li a span
{
	/*set padding-left locally to adjust label position*/
	display: block;
	font-size: 1em;
	text-align: left;
	padding-left: 40px;
	padding-top: 7px;
	font-weight: bold;
	text-indent: 0;
}

body#webSites div#content ul li small
{
	margin-left: 270px;
	font-size: .8em;
	display: block;
	margin-top: -22px;
}

body#webSites div#content ul li small a
{
	background-image: none;
	text-decoration: underline;
	margin-bottom: -16px;
}

/* @end WEB SITES PAGE */
/* @group THE COMPANY THERAPIST PAGE */
body#theCompanyTherapist div#content h1
{
	background-image: url(../images/Topper_Company_Therapist.jpg);
	background-position: 10000px top;
	height: 73px;
	margin-top: 0px;
	margin-bottom: -10px;
}

body#theCompanyTherapist div#content h2 { font-size: 2em; }

body#theCompanyTherapist ul.buttons li
{
	width: 300px;
	height: .25in;
	text-align: left;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: -40px;
}

body#theCompanyTherapist ul.buttons a
{
	text-decoration: none;
	color: #000;
}

body#theCompanyTherapist ul.buttons li a
{
	display: block;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	background: #E7E0BF;
	padding-left: 10px;
}

body#theCompanyTherapist ul.buttons li a:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #555 #555 #000;
}

body#theCompanyTherapist div#TCTLogo
{
	float: right;
	width: 165px;
	margin-top: -243px;
	margin-left: 20px;
	margin-bottom: 20px;
}

body#theCompanyTherapist div#TCTLogo p
{
	/*caption*/
	padding-left: 3px;
	text-align: right;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	margin-right: 10px;
}

body#theCompanyTherapist div#wallStreetJournal
{
	width: 312px;
	float: right;
	margin-right: -10px;
	margin-bottom: 20px;
}

body#theCompanyTherapist div#wallStreetJournal p
{
	/*caption*/
	padding-left: 15px;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	margin-right: 10px;
}

body#theCompanyTherapist div#annaGreenBox div.graphics
{
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

body#theCompanyTherapist div#annaGreenBox div.graphics p
{
	margin-left: 0px;
	/*caption*/
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	padding-right: 10px;
}

body#theCompanyTherapist div#annaGreenBox div.graphics img { margin-top: 2in; }
body#theCompanyTherapist div#annaGreenBox p { margin-left: 220px; }

body#theCompanyTherapist div#sylviaBowsBox div.graphics
{
	width: 200px;
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

body#theCompanyTherapist div#sylviaBowsBox div.graphics p
{
	margin-right: 0px;
	/*caption*/
	text-align: right;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	padding-left: 10px;
}

body#theCompanyTherapist div#sylviaBowsBox div.graphics img { margin-top: .6in; }
body#theCompanyTherapist div#sylviaBowsBox p { margin-right: 220px; }
body#theCompanyTherapist h3 { font-size: 1.7em; }

body#theCompanyTherapist div#otherCharactersBox div.graphics, body#theCompanyTherapist div#netMagazineBox div.graphics
{
	width: 200px;
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

body#theCompanyTherapist div#otherCharactersBox div.graphics p, body#theCompanyTherapist div#netMagazineBox div.graphics p
{
	margin-right: 0;
	/*caption*/
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	font-size: 1.1em;
	padding-left: 10px;
}

body#theCompanyTherapist div#otherCharactersBox div.graphics img { margin-top: 1in; }
body#theCompanyTherapist div#otherCharactersBox p, body#theCompanyTherapist div#netMagazineBox p { margin-right: 220px; }

body#theCompanyTherapist h3.kicker
{
	margin-bottom: -10px;
	font-size: 1.5em;
}

body#theCompanyTherapist div#netMagazineBox div.graphics img { margin-top: 2in; }
body#theCompanyTherapist p.byline { font-weight: bold; }

body#theCompanyTherapist p.byline span
{
	display: block;
	font-size: .8em;
}

/* @end THE COMPANY THERAPIST PAGE */
/* @group PAPERS PAGE */
body#papers div#content h1
{
	background-image: url(../images/Topper_Papers.gif);
	background-repeat: no-repeat;
	background-position: 10000px top;
	height: 291px;
	margin-top: 0px;
	margin-bottom: -2px;
}

body#papers div.paper { margin-bottom: .5in; }

body#papers div.paper h2
{
	font-size: 1.4em;
	font-weight: normal;
}

body#papers .abstractButton
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
}

body#papers .abstractContent
{
	margin: 0px;
	padding: 0px;
}

body#papers div.paper p
{
	margin-left: 1in;
	font-size: 1em;
}

body#papers a.buttonSmall
{
	float: right;
	margin-right: 30px;
}

body#papers div.abstractButton a.buttonSmall { float: left; }

body#papers a.buttonSmall span
{
	display: block;
	text-transform: uppercase;
}

body#papers div.paper div.abstractContent p
{
	font-size: 1.2em;
	margin-left: 36px;
	margin-right: 10px;
	line-height: 1.8em;
}

/* @end PAPERS PAGE */
/* @group SUPERMARKET SCIENCE PAGE */
body#supermarketScience div#content h1
{
	background-image: url(../images/SUPS_Logo_Squares.jpg);
	background-position: 10005px top;
	height: 290px;
	background-repeat: no-repeat;
	margin-top: -10px;
}

body#supermarketScience div#content h1 b
{
	background-image: url(../images/SUPS_Logo_Cart.gif);
	background-repeat: no-repeat;
	background-position: right 120px;
	display: block;
	height: 300px;
	margin-right: 0px;
}

/* @end SUPERMARKET SCIENCE PAGE */