BODY { padding: 0; margin: 0; background: #000 url(/images/global-background.jpg) no-repeat left top; font-size: 100%; font-family: Arial, Helvetica, Verdana; } BODY #SiteWrapper { width: 977px; margin: 45px 0 0 100px; } BODY #Masthead .Right { text-align: right; } .Utility IMG { margin-bottom: 2px; } .Right { float: right; } .Left { float: left; } .Line { display: block; clear: both; margin-bottom: 4px; } .Intro { margin: 5px auto 15px 0; } .Header { margin: 0 0 10px 0; display: block; } .Awards.Right { text-align: right; margin: 0; } .Awards.Right .Header { margin: 0px 0 5px 0; text-align: right; display: inline; padding-bottom: 5px; } A { color: #33CCff; text-decoration: none; } A:hover { color: #FFF; } A IMG { border: none; outline: none; } A:active { outline: none; } #Navigation { margin: 0px 0 0px 0; clear: both; display: block; } #Navigation UL, #Navigation LI { list-style-type: none; display: inline; margin: 0; padding: 0; } #Navigation A IMG { opacity:0.01;filter:alpha(opacity=1); outline: none; } #Navigation A:hover IMG, #Navigation A.Selected IMG { opacity:1;filter:alpha(opacity=100); outline: none; } #Navigation LI { float: left; margin-bottom: 8px; } #Navigation .NavPortfolio { background: url(/images/nav-portfolio.png) no-repeat; } #Navigation .NavAbout { background: url(/images/nav-about.png) no-repeat; } #Navigation .NavBlog { background: url(/images/nav-blog.png) no-repeat; } #PortfolioSubNav #SubNav { display: block; clear: both; margin: 0 0 5px 0; } #PortfolioSubNav #SubNav UL { width: 977px; margin: 0; padding: 0; background: url(/images/subnav-bg.png); float: left; } #PortfolioSubNav #SubNav LI { display: inline; float: left; padding: 3px 0;} #PortfolioSubNav H2 { margin: 0; padding: 13px 0 3px 0; float: left; } #PortfolioSubNav LI A.BtnDesign, #PortfolioSubNav LI A.BtnIllustration { margin: 2px 5px 3px 5px; float: left; overflow: hidden; height: 1px; padding: 11px 0 0 0; } #PortfolioSubNav LI A.BtnDesign { width: 196px; background: url(/images/subnav-design_creative.png) no-repeat 0 -14px} #PortfolioSubNav LI A.BtnIllustration { width: 106px; background: url(/images/subnav-illustrations.png) no-repeat 0 -14px; } #PortfolioSubNav LI A:HOVER,#PortfolioSubNav LI A.Selected { background-position: 0 0; } #Columns { margin: 5px 0 0 0; clear: both; display: block; } #Columns.ThreeColumns #Column1 { width: 319px; margin-right: 10px; float: left; text-align: left; } #Columns.ThreeColumns #Column2 { width: 319px; margin-right: 10px; float: left; text-align: left; } #Columns.ThreeColumns #Column3 { width: 319px; float: left; text-align: left; } #Columns.TwoColumns { padding: 20px; } #Columns.TwoColumns #Column1 { width: 670px; margin-right: 30px; float: left; text-align: left; } #Columns.TwoColumns #Column2 { width: 220px; float: left; border-left: 1px dotted #676767; padding-left: 15px; } DT, DD, DL, H3 { margin: 0; padding: 0; font-size: 85%; color: #CCC; padding-right: 10px; } DT { margin: 15px 0 5px 0; } DD { line-height: 1.25em; } H2 { font-size: 185%; color: #CCC; text-transform: uppercase; margin: 45px 0 3px 0; text-transform: uppercase; clear: left; } H3 { text-transform: uppercase; font-weight: normal; font-size: 70%; } H4 { text-transform: uppercase; margin: 0; color: #33CCff; } H5 { text-transform: uppercase; margin: 5px 0 10px 0; color: #CCC; font-weight: normal; font-size: 65%; } /* BLOG */ #Blog #Columns { background: url(/images/blog-background.png); } #Blog #Column1 P { color: #FFF; font-size: 85%; line-height: 1.5em; } #Blog #Column1 HR { height: 1px; opacity:.2;filter:alpha(opacity=20); margin-top: 10px; clear: both; display: block; } #Blog #Column1 .SmallTxt { margin: 0; font-size: 80%; } #Blog #Column1 H4 { text-transform: capitalize; font-size: 110%; color: #FFF; margin-bottom: 10px; } #Blog #Column1 IMG, #Blog #Column2 IMG { padding: 6px; border: 1px solid #676767; } #Blog #Column2 UL { margin: 0 0 10px 0; padding: 0; } #Blog #Column2 UL LI { list-style: none; padding: 0; margin: 1px 0 4px 0; font-size: 80%; } #Blog #Column2 DL { color: #FFF; line-height: 1.25em; margin: 10px 0 0 0; font-size: 95%; } #Blog #Column2 DL SPAN { color: #33CCff; } #Blog #Column2 DT { text-transform: uppercase; margin: 0; padding: 0; font-weight: bold; } #Blog #Column2 DD { padding: 0; margin: 0px 0px 2px 0; } #Blog #Column2 H3 { font-weight: bold; font-size: 80%; color: #989a97; margin: 20px 0 6px 0; } #Blog #Footer { margin: 10px 0 0 0; padding: 0px 0 0 0; } /* PORTFOLIO */ #Portfolio H3 { color: #FFF; font-weight: bold; margin: 0 0 5px 10px; } #Portfolio #Columns LI, #Portfolio #Columns UL { list-style: none; padding: 0px 0 0 5px; margin: 0; } #Portfolio #Columns UL { margin: 5px 0 0 0; } #Portfolio #Columns LI A { text-transform: uppercase; font-size: 70%; font-weight: bold; } #Portfolio #MoreProjectsMenu { background: url(/images/menu-background.png); padding: 0 0 20px 0; display: none; position: absolute; z-index: 10000;} #Portfolio #MoreProjects { padding: 10px 0 3px 0; margin: 0px 0 0 0; text-transform: uppercase; text-align: right; font-family: arial narrow; font-weight: bold; } #Portfolio #MoreProjects A { margin: 0 0 0 865px; padding: 0; } #Portfolio #Columns { clear: both; } #Portfolio #RightNav { position: absolute; margin-top: 20px; width: 977px; text-align: right; } #Portfolio .ProjectNav { float: right; padding: 0; margin: 0; text-transform: uppercase; text-align: right; color: #999; font-weight: bold; } #Portfolio .ProjectNav P { padding: 0; margin: 0; font-weight: normal; } #Portfolio .ProjectNav P A { padding: 0; margin: 0; color: #999; font-size: 70%; font-weight: bold; } #Portfolio .ProjectNav P A:hover { color: #FFF; } #PortfolioDetail A { color: #111; } #PortfolioDetail A:hover { color: #FFF; } #PortfolioDetail { background: #FFF; padding: 15px; margin: 0 0 5px 0; } #PortfolioDetail #Gallery { clear: both; width: 947px; height: 674px; overflow: hidden; text-align: center; vertical-align: middle; display: block; } #PortfolioDetail #Gallery DIV { width: 947px; height: 674px; display: block; clear: both; text-align: center; vertical-align: middle; } #PortfolioDetail H4 { float: left; } #PortfolioDetail #Nav { margin-bottom: 5px; background-color: #CDCDCD; padding: 3px 10px; font-size: 70%; } #PortfolioDetail #Nav #Current { float: left; } #PortfolioDetail #Details { clear: left; float: left; margin: 0 0 0 0; padding: 0; font-size: 75%;} #PortfolioDetail #Details P { line-height: 1.45em; } #PortfolioDetail #Details A { color: #33CCff; } #PortfolioDetail #Details A:hover { color: #555; } #FlashMovie { background: url(/images/homepage-flash_bkg.jpg) no-repeat top; } /* HOME */ #Home #Column1 { color: #CCC; } #Home #Column2 P { color: #CCC; font-size: 65%; text-transform: uppercase; } /* ABOUT */ #About .Header { margin: 0 0 15px 0; } #About #Column3 .Header { margin: 10px 0 0px 0; } #About #Column1 { width: } #About #Column2 P { margin: 0 20px 10px 0; color: #CCC; font-size: 70%; text-transform: uppercase; line-height: 1.5em; font-weight: bold; } #About #Column2 P SPAN { font-size: 130%; color: #00ccff; font-weight: bold; } #About #Column3 P { font-weight: bold; margin: 0 20px 10px 0; color: #CCC; font-size: 70%; text-transform: uppercase; line-height: 1.2em; } #About #Column3 #Quicklinks UL {margin: 0; padding: 0; font-size: 70%; } #About #Column3 #Quicklinks LI { margin: 0 0 5px 0; padding: 0; text-transform: uppercase; list-style: none; } #About .Item { margin-left: 5px; width: 260px; } #About .Item.Two { margin-top: 10px; } /* FOOTER */ #Footer P { font-size: 65%; color: #CCC; margin: 0; } #Footer { clear: both; display: block; margin: 10px 0 0 0; padding: 30px 0 20px 0; }