body { margin: 0; background-image:url(images/paperBackground.jpg); font-family: "Helvetica Neue", Helvetica, Arial; }

IMG { border: 0; }
A { color: #000; text-decoration: none; }
A:hover { text-decoration: underline; }


.wrapper { width: 1000px; text-align: left; margin: 0 auto; }

#header { overflow: hidden; background-color: #000; opacity:0.4; filter:alpha(opacity=40); height: 75px; width: 100%; }
#headerBottomBorder { overflow: hidden; height: 1px; width: 100%; background-color: #000; }

#topStuff { overflow: hidden; position: absolute; width: 600px; margin-left: 418px; z-index: 998; }
#todLogo { margin: 3px 0 0 40px; float: left; position: absolute; z-index: 998; }
A#nav1, A#nav2, A#nav3 { cursor: pointer; margin: 22px 0 0 20px; height: 116px; float: left; display: block; }
A#nav1 { background: transparent url(images/navSprite.gif) repeat scroll 0 0; width: 163px; margin-left: 50px; }
A#nav1.selected, A#nav1:hover { background: transparent url(images/navSprite.gif) repeat scroll -434px 0; width: 163px; }
A#nav2 { background: transparent url(images/navSprite.gif) repeat scroll -163px 0; width: 147px; }
A#nav2.selected, A#nav2:hover { background: transparent url(images/navSprite.gif) repeat scroll -598px 0; width: 147px; }
A#nav3 { background: transparent url(images/navSprite.gif) repeat scroll -310px 0; width: 124px; margin-left: 30px; }
A#nav3.selected, A#nav3:hover { background: transparent url(images/navSprite.gif) repeat scroll -745px 0; width: 124px; }

#featuredBox { padding: 40px 0; width: 100%; background-image: url(images/blackTexture.jpg); margin-top: 79px; }
.featuredBoxPhilosophy { margin-bottom: 50px; }
#featuredBoxInner { background-image: url(images/featuredBox.gif); width: 922px; margin-left: 39px; height: 133px; padding-top: 120px; }
#featuredBoxInner2 { background-color: #fff; width: 922px; margin-left: 39px; padding-top: 20px; }
#featuredBoxInner A { height: 90px; width: 91px; float: left; margin-right: 26px;  }
#featuredBoxInner P { width: 440px; float: left; margin: 0; padding: 0; font-size: 12px; line-height: 20px; }
#featuredBoxInner P A { font-weight: bold; float: none; }
A#featuredBoxThumb1 { margin-left: 44px; border: 5px solid #000; background-image: url(images/smallicon1.gif); }
A#featuredBoxThumb2 { border: 5px solid #5474af; background-image: url(images/smallicon2.gif); }
A#featuredBoxThumb3 { border: 5px solid #94bf00; background-image: url(images/smallicon3.gif); }
A.example { cursor: pointer; background-image: url(images/exButton.gif); width: 83px; height: 21px; margin-left: 20px; display: block; float: right; }

/* Testimonials */
#testimonials { margin: 30px 0; }
#testimonialsHeader { background-color: #000; width: 100%; padding: 12px 0; }
#testimonialsContent { overflow: auto; background-color: #e6efff; border-bottom: 4px solid #000; width: 100%; padding-bottom: 20px; }
#testimonialWrapper { width: 860px; _width: 900px; text-align: left; margin: 0 auto; }
.clientTestimonial { margin: 20px 0 0 10px; width: 205px; float: left; }
.clientTestimonial IMG { float: left; border: 6px solid #5474af; margin-right: 10px; }
.clientTestimonial P { font-size: 11px; line-height: 14px; margin: 0; }
.clientTestimonial P STRONG { display: block; font-weight: bold; text-decoration: underline; }
.clientTestimonial A { background-color: #000; color: #fff; text-transform: uppercase; padding: 3px 6px; display: block; width: 30px; float: left; margin-top: 3px; }

/* Philosophy */
#philosophyBox { overflow: hidden; background-image: url(images/innerShadowBox.gif); width: 922px; margin-left: 39px; }
#philosophyBox P { margin-top: 16px; padding: 0 100px; font-size: 13px; line-height: 26px; }
#philosophyBox P A.definitionTooltipLink { background-color: #f9fa9e; border: 2px dashed transparent; cursor: pointer; padding: 2px 4px; }
#philosophyBox P A.definitionTooltipLink:hover { border: 2px dashed #000; }
#philosophyBox H3 { font-size: 18px; color: #000; border-top: 1px solid #bbb; display: block; padding: 8px 3px 6px 10px; margin: 30px 80px 10px 80px; text-align: left; font-family: "Palatino", Georgia, serif; }
#philosophyBox P.intro { margin-bottom: 35px; }
#philosophyBox P.intro, #philosophyBox P#lastGraph { font-family: Palatino, Georgia, serif; font-size: 16px; line-height: 24px; }
#philosophyBox P#lastGraph { margin: 40px 80px 0 80px; text-align: center; border-top: 1px solid #bbb; padding: 20px 0 40px 0; }
#philosophyBox P#lastGraph A { background-color: #d3e2ff; }
IMG#philosophyHeader { margin: 30px 0 10px 39px; }
IMG#testimonialsHeaderImage { margin-left: 80px; }
IMG#whatClientsSay { margin-left: 40px; margin-bottom: 6px; }
IMG#bottomShadowBox { *margin-bottom: -3px; }

#kanyeWrapper { border: 1px solid #000; margin: 0 auto; margin-top: 40px; width: 922px; }

#experience { width: 1000px; margin: 0 auto; margin-top: 40px; background-color: #fff; border: 1px solid #000; padding: 30px 0 170px 0; }
#experience IMG#headerExperience { margin: 40px 0 10px 76px; }
#experience #projectTitle { background-color: #fff; border: 10px solid #5474af; text-align: center; margin-bottom: 10px; }
#experience #projectTitle IMG { margin: 0; border: 0; }
#experience UL { margin: 0; padding: 0; }
#experience UL LI { cursor: pointer; list-style-type: none; }
#experience UL LI DIV { font-weight: bold; margin: 4px 0 0 34px; width: 350px; text-align: right; font-size: 14px; height: 23px; padding-top: 4px; }
#experience UL LI DIV EM { font-size: 11px; font-weight: normal; }
#experience UL LI.selected, #experience UL LI:hover { background-image: url(images/selectedGreenGradient.gif); }
#experience UL LI.selected A.example, #experience UL LI:hover A.example { background-image: url(images/greenArrows.gif); height: 18px; width: 42px; margin-right: 41px; _margin-right: 20px; }
#experienceScreenshot { position: absolute; margin-left: 450px; width: 480px; height: 280px; }
#experienceScreenshot DIV#projectScreen1, #experienceScreenshot DIV#projectScreen2, #experienceScreenshot DIV#projectScreen3, #experienceScreenshot DIV#projectScreen4, #experienceScreenshot DIV#projectScreen5, #experienceScreenshot DIV#projectScreen6, #experienceScreenshot DIV#projectScreen7, #experienceScreenshot DIV#projectScreen8, #experienceScreenshot DIV#projectScreen9, #experienceScreenshot DIV#projectScreen10 { width: 460px; height: 320px; padding: 10px; background-color: #5474af; }

/* Sprite */
#experienceScreenshot DIV#projectScreen { width: 460px; height: 320px; padding: 10px; background-color: #5474af; }
#experienceScreenshot DIV#projectScreen A { display: block; width: 460px; height: 320px; }
.project1 { background: transparent url(images/projectsSprite.jpg) repeat scroll 0 0; display: block; }
.project2 { background: transparent url(images/projectsSprite.jpg) repeat scroll -460px 0; display: block; }
.project3 { background: transparent url(images/projectsSprite.jpg) repeat scroll -920px 0; display: block; }
.project4 { background: transparent url(images/projectsSprite.jpg) repeat scroll -1380px 0; display: block; }
.project5 { background: transparent url(images/projectsSprite.jpg) repeat scroll -1840px 0; display: block; }
.project6 { background: transparent url(images/projectsSprite.jpg) repeat scroll -2300px 0; display: block; }
.project7 { background: transparent url(images/projectsSprite.jpg) repeat scroll -2760px 0; display: block; }
.project8 { background: transparent url(images/projectsSprite.jpg) repeat scroll -3220px 0; display: block; }
.project9 { background: transparent url(images/projectsSprite.jpg) repeat scroll -3680px 0; display: block; }
.project10 { background: transparent url(images/projectsSprite.jpg) repeat scroll -4140px 0; display: block; }
#projTitle { width: 460px; height: 44px; display: block; }
.projectTitle1 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 0; display: block; }
.projectTitle2 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -44px; display: block; }
.projectTitle3 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -88px; display: block; }
.projectTitle4 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -132px; display: block; }
.projectTitle5 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -176px; display: block; }
.projectTitle6 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -220px; display: block; }
.projectTitle7 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -264px; display: block; }
.projectTitle8 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -308px; display: block; }
.projectTitle9 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -352px; display: block; }
.projectTitle10 { background: transparent url(images/projectTitlesSprite.gif) repeat scroll 0 -396px; display: block; }

#experienceScreenshot DIV IMG { border: 1px solid #000; }
#experienceScreenshot DIV#jobDescription { float: left; font-size: 11px; line-height: 15px; width: 350px; margin: 0; padding: 1px 0 0 0; }
A#visitSite { background-image: url(images/visitSiteButton.gif); width: 106px; height: 28px; display: block; margin-right: 20px; float: left; }

#tumblrPost { background-color: #94BF00; border-bottom: 1px solid #000; padding: 10px 0; text-align: center; font-size: 13px; }
#tumblrPost STRONG { font-size: 16px; }
#tumblrPost A { font-size: 10px; background-color: #000; color: #fff; margin-left: 4px; padding: 2px 4px; text-transform: uppercase; }

/* Contact */
#contactHeader { margin: 30px 0 0 39px; }
#contactForm { background-image: url(images/innerShadowBox.gif); width: 922px; margin-left: 39px; font-size: 12px; line-height: 16px; }
#contactForm LABEL { width: 180px; margin: 20px 20px 0 0; float: left; display: block; clear: both; }
#contactForm INPUT, #contactForm SELECT { margin-top: 20px; width: 388px; *width: 348px; float: left; font-family: Courier New, Courier, monospace; font-size: 13px; border: 1px solid #ccc; display: block; }
#contactForm TEXTAREA { border: 1px solid #ccc; margin-top: 20px; float: left; font-family: Courier New, Courier, monospace; font-size: 13px; display: block; width: 398px; *width: 368px; height: 150px; }
#contactForm H3 { font-size: 18px; float: left; display: block; margin-top: 50px; text-decoration: underline; width: 600px; }
#contactForm FORM { width: 600px; margin: 0 auto; }
#contactForm DIV#formSubmitted { overflow: auto; padding-bottom: 40px; text-align: left; width: 500px; margin: 0 auto; text-align: center; }
#contactForm DIV#formSubmitted A { text-decoration: underline; }
#contactForm DIV#formSubmitted H3 { padding-top: 20px; width: 500px; }
#contactForm DIV#formSubmitted LABEL { font-weight: bold; width: 150px; margin-right: 20px; float: left; text-align: left; }
#contactForm DIV#formSubmitted P { margin: 20px 0 0 0; width: 300px; float: left; text-align: left; font-family: "Courier New", Courier, monospace; }
INPUT#submitForm { cursor: pointer; background-color: #000; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: auto; font-size: 18px; padding: 6px 10px; margin: 30px 0 40px 200px; }

/* Tooltip */
#demotip { display:none; background:transparent url(images/black_arrow.png); font-size:14px; line-height: 18px; height:70px; width:160px; padding:25px; color:#fff; *background-image:url(images/black_arrow.gif); }
#preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }



/* Footer */
#footer { overflow: auto; padding: 30px 0; color: #fff; font-size: 13px; color: #94bf00; width: 100%; background-color: #120f0f; }
#copyright { float: left; }
#footerLinks { float: right; margin: 0; padding: 0; }
#footerLinks LI { margin-right: 10px; padding-right: 10px; border-right: 1px solid #333; display: inline; }
#footerLinks LI#last { border: 0; }
#footerLinks A { color: #fff; }