body, html{ padding:0pt; margin:0pt; } body { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#b1b1b1; background:#000000 url(/images/content_horiz_tile.png) center top repeat-x; } h1, h2, h3, h4, h5, h6{ font-family:"Century Gothic"; letter-spacing:-1px; color:#a0d29b; padding:0pt; margin:0pt; } h2{ font-size:24px; } h4{ color:#698765; font-size:17px; } h5{ font-size:12px; letter-spacing:0px; margin:1.5em 0em .5em 0em; color:#698765; } p { padding:1em; margin:0em; } ul{ padding:0px; margin:0px; list-style:none; } a{ font-weight:bold; color:#6d8b69; text-decoration:none; } a:hover{ color:#FFFFFF; text-decoration:none; } .bg{ width:1024px; margin:0 auto; background:url(/images/content_tile.png); } #center{ position:relative; width:1024px; margin:0 auto; background:url(/images/bg.jpg) center top no-repeat; padding-top:172px; } .home #center{ background:url(/images/splash.jpg) center top no-repeat; } ul.menubar, div.menubar { height:30px; } ul.menubar li{ display:inline; float:left; height:11px; margin-top:10px; } ul.menubar li a{ float:left; height:0pt; overflow:hidden; padding-top:11px; display:block; text-indent:-999em; } ul.menubar li.home{ margin-left:197px; width:35px; background:transparent url(/images/content_menu_sprites.png) 0px 0px no-repeat; } ul.menubar li.home a:hover, li.home a.on { background:transparent url(/images/content_menu_sprites.png) 0px -11px no-repeat; } li.home a.home{ width:35px; } ul.menubar li.photo{ margin-left:49px; width:86px; background:transparent url(/images/content_menu_sprites.png) -84px 0px no-repeat; } ul.menubar li.photo a:hover, li.photo a.on { background:transparent url(/images/content_menu_sprites.png) -84px -11px no-repeat; } li.photo a.photo{ width:86px; } ul.menubar li.graphic{ margin-left:52px; width:96px; background:transparent url(/images/content_menu_sprites.png) -222px 0px no-repeat; } ul.menubar li.graphic a:hover, li.graphic a.on { background:transparent url(/images/content_menu_sprites.png) -222px -11px no-repeat; } li.graphic a.graphic{ width:96px; } ul.menubar li.web{ margin-left:44px; width:68px; background:transparent url(/images/content_menu_sprites.png) -362px 0px no-repeat; } ul.menubar li.web a:hover, li.web a.on { background:transparent url(/images/content_menu_sprites.png) -362px -11px no-repeat; } li.web a.web{ width:68px; } ul.menubar li.about{ margin-left:48px; width:54px; background:transparent url(/images/content_menu_sprites.png) -478px 0px no-repeat; } ul.menubar li.about a:hover, li.about a.on { background:transparent url(/images/content_menu_sprites.png) -478px -11px no-repeat; } li.about a.about{ width:54px; } ul.menubar li.contact{ margin-left:54px; width:56px; background:transparent url(/images/content_menu_sprites.png) -586px 0px no-repeat; } ul.menubar li.contact a:hover, li.contact a.on { background:transparent url(/images/content_menu_sprites.png) -586px -11px no-repeat; } li.contact a.contact{ width:56px; } .content{ width:880px; min-height:500px; margin:25px auto 0em; } .home .content{ margin:23px auto 0em; } .content div .header{ font-family:"Century Gothic"; height:30px; line-height:30px; } .left .header{ font-size:24px; color:#a0d29b; } .right .header{ font-size:17px; color:#a0d29b; } .header span{ vertical-align:text-top; } .howto{ font-size:8pt; margin-bottom:.5em; } .subdesc{ font-family:"Century Gothic"; margin:1.5em 0em .5em 0em; font-size:12px; font-weight:bold; letter-spacing:0px; margin:.5em 0em .5em 0em; color:#698765; } .subcontent{ margin:.5em 0em .5em 15px; padding:0em; } .spacer1em{ margin-top:2em; } .extraIndent{ margin-left:2em; } .contactHeader{ color:#a0d29b; } .content ul{ margin-left:15px; }  .home .content .left{ font-size:12pt; font-family:"Century Gothic"; width:550px; } .content .left{ position:relative; width:570px; } ul.posts{} li.post{ margin:1em 0em 0em 0em; } li.post img{ margin:.5em; } li.post div.image_border{ width:562px; height:402px; margin:0em 0em 1.5em 0em; } li.post div div div img{ margin:0em 0em 0em 0em; } .header span.clientNiceName{ } .header span.galleryNiceName{ } .header span.galleryExtraInfo{ font-size:10pt; vertical-align:baseline; color:#698765; margin-left:10px; } ul.gallery{ margin:0pt; width:570px; height:190px; } ul.gallery li{ display:inline; float:left; height:85px; width:86px; margin-right:9px; margin-bottom:9px; padding-top:1px; background-color:#1e1e1e; } ul.gallery li a{ float:left; height:0pt; overflow:hidden; padding-top:84px; display:block; text-indent:-999em; width:84px; opacity:.7; filter:Alpha(opacity=70); -moz-opacity=.7; margin-left:1px; } ul.clients{ float:right; list-style:disc; width:200px; } ul.clients li{ font-weight:bold; float:left; clear:left; display:block; width:200px; height:20px; } ul.clients li a{ display:block; width:200px; height:20px; } ul.clients li a:hover{ color:#FFFFFF; } .services ul{ position:relative; list-style:disc; color:#A0D29B; width:225px; } .services ul li{ color:#b1b1b1; width:225px; height:20px; }  .content .right{ float:right; width:280px; } .home .content .right{ width:310px; } a.enter{ height:0pt; overflow:hidden; text-indent:-999em; display:block; width:222px; margin-left:55px; padding-top:44px; } a.enter:hover{ background:url(/images/enter.png) no-repeat; } ul.entry{ margin-left:0px; margin-top:20px; } ul.entry li{ display:inline; float:left; height:70px; margin-top:2em; width:260px; margin-left:10px; margin-bottom:1em; } ul.entry li a{ font-weight:bold; } ul.entry li.photo{ background:url(/images/gears_photo.png) no-repeat; } ul.entry li.graphic{ background:url(/images/gears_graphic.png) no-repeat; } ul.entry li.web{ background:url(/images/gears_web.png) no-repeat; } ul.entry li .section{ font-size:24px; color:#80a77c; font-family:"Century Gothic"; margin-left:23px; } ul.entry li .desc{ display:block; margin-left:40px; } ul.colletion{ width:253px; } li.item{ width:253px; height:28px; line-height:28px; overflow:hidden; } li.item a{ width:253px; height:28px; color:#FFFFFF; padding-left:10px; font-family:"Century Gothic"; display:block; } li.item a.extendedLink{ float:left; height:0pt; overflow:hidden; padding-top:167px; display:block; text-indent:-999em; } li.item a:hover{ } li.on{ height:175px; } li.item a span{ letter-spacing:0px; } li.item a span.clientNiceName{ font-weight:bold; } li.item a span.galleryNiceName{ font-size:8pt; } li.item a span.galleryExtraInfo{ }  .footer, .footer a{ margin:0 auto; text-align:center; font-size:8pt; text-decoration:none; color:white; font-weight:normal; vertical-align:baseline; } .footer a:hover{ text-decoration:underline; } .copyright{ color:#666666; } .footerImg{ height:53px; width:1024px; background:url(/images/content_bottom.png); }