/* Colour legend Pink: #EC008C */ @charset "UTF-8"; html { height:100% } body { background-image: url(../graphics/bg.gif); background-repeat: repeat; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color: #999; height:100%; font-size: 13px; position:absolute; width:100%; } #shell { background-image: url(../graphics/page_bg.png); background-repeat: repeat-y; background-position: center; min-height:100%; display:block; zoom:1; position: relative; width: 100%; /* */ } #page { background-color: #FFFFFF; overflow:visible; zoom: 1; min-height:100%; width:100%; display:block; position: relative; overflow: hiddenl } #page, #footer { margin: 0 auto; } #page, #footer .content { width:718px; padding: 0 17px; } a { text-decoration:none; color:#ABADB0; border:none; } img {border:none;} a.selected { color: #EC008C !important; } a:hover { color: #EC008C } p { line-height: 1.7; margin:0 0 1em 0; } /* Header ======================== */ #header { background-color: #e5e5e5; background-image:url(../graphics/rounded_corners/br.gif); background-position:right bottom; background-repeat:no-repeat; margin: 0 -17px 47px -17px; } #header .content { background-image:url(../graphics/rounded_corners/bl.gif); background-position:left bottom; background-repeat:no-repeat; padding: 6px 17px; color: #999; font-size:11px; text-align:center;} #header .content a { color: #999;} #header .content a:hover { color: #EC008C;} /* Footer ======================== */ #footerShell {position: absolute; bottom: 0; width: 100%; height:60px;} #footer { background-color: #e5e5e5; background-image:url(../graphics/rounded_corners/tr.gif); background-position:right top; background-repeat:no-repeat; height:60px; width:752px; /*margin-top:-60px;*/ position: relative; } #footer .content { background-image:url(../graphics/rounded_corners/tl.gif); background-position:left top; background-repeat:no-repeat; padding: 10px 17px; color: #999; font-size:16px; text-align:center;font-family:Georgia, "Times New Roman", Times, serif;} #footer .content .phone { float:left; color: #6E6D61; display:block; width:139px; height:21px; background-image:url(../graphics/footer/phone.gif); background-repeat:no-repeat; text-indent:-9999px; } #footer .content a.email { color: #6E6D61; display:block; width:207px; height:21px; background-image:url(../graphics/footer/email.gif); background-repeat:no-repeat; text-indent:-9999px; float:right; } #footer .content a.email:hover { background-position:0 -21px; } /* Nav / Page Heading ======================== */ h1 { width:120px; height:116px; background-image:url(../graphics/logo.gif); background-repeat:no-repeat; margin:0; text-indent:-9999px; margin-top:-4px; position: absolute; right:0; } h1 a { display:block; height: 100%; overflow: hidden; zoom:1;} #nav{ font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; border-bottom: solid 1px #ABADB0; overflow: hidden; zoom:1; height: 144px; position: relative; } #nav ul { float:left; list-style-type:none; margin:0; padding:0; margin-left:-65px; zoom:1; height:12px; width: 600px; display: block; zoom:1; } #nav ul li { float:left; padding:0; margin:0; padding-left:65px; list-style-type:none; height:12px; line-height: 1px; } #nav ul li a { color:#666; background-image:url(../graphics/main-nav.gif); background-repeat:no-repeat; text-indent:-9999px; height:12px; display:block; overflow:hidden; } #nav ul li#home { width:49px; } #nav ul li#home a:hover { background-position:0 bottom; } #nav ul li#home a.selected, body.home #nav ul li#home a { background-position:0 bottom; } #nav ul li#working_with_me { width:155px; } #nav ul li#working_with_me a { background-position:-59px 0; } #nav ul li#working_with_me a:hover { background-position:-59px bottom; } #nav ul li#working_with_me a.selected, body.working_with_me #nav ul li#working_with_me a { background-position:-59px bottom; } #nav ul li#news { width:45px; } #nav ul li#news a { background-position:-399px 0; } #nav ul li#news a:hover { background-position:-399px bottom; } #nav ul li#news a.selected, body.news #nav ul li#news a { background-position:-399px bottom; } /* #nav ul li#portfolio { width:89px; } #nav ul li#portfolio a { background-position:-306px 0; } #nav ul li#portfolio a:hover { background-position:-306px bottom; } #nav ul li#portfolio a.selected, body.portfolio #nav ul li#portfolio a { background-position:-306px bottom; } */ /* changed to read "work" */ #nav ul li#portfolio { width:49px; } #nav ul li#portfolio a { background-position:-59px 0; } #nav ul li#portfolio a:hover { background-position:-59px bottom; } #nav ul li#portfolio a.selected, body.portfolio #nav ul li#portfolio a { background-position:-59px bottom; } #nav ul li#contact { width:74px; } #nav ul li#contact a { background-position:-223px 0; } #nav ul li#contact a:hover { background-position:-223px bottom; } #nav ul li#contact a.selected, body.contact #nav ul li#contact a { background-position:-223px bottom; } h2 { clear:both; /*margin:-38px 0 30px 0;*/ margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:30px; color:#6E6D61; display: block ; position: absolute; top: 74px;} h2 { background-image:url(../graphics/headings/mikey.gif); background-repeat:no-repeat; text-indent:-9999px; width:434px; height:40px; } h2.portfolio { background-image:url(../graphics/headings/portfolio.gif); background-repeat:no-repeat; text-indent:-9999px; width:203px; height:40px; } h2.news { background-image:url(../graphics/headings/news.gif); background-repeat:no-repeat; text-indent:-9999px; width:88px; height:40px; } h2.contact { background-image:url(../graphics/headings/contact_me.gif); background-repeat:no-repeat; text-indent:-9999px; width:183px; height:40px; } /* Sub Nav ======================== */ #sub_nav { clear:both; border-style: none; border-bottom-style: solid; border-width:1px; border-color:#ABADB0; overflow:hidden; padding:13px 0; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; zoom:1; } #sub_nav ul { list-style-type:none; margin:0 0 0 -27px; padding:0; zoom:1; } #sub_nav ul li { float:left; display: inline; padding:0 0 0 27px; margin:0 20px 0 0; overflow:hidden; background-image:url(../graphics/star_bullet.gif); background-position:left center; background-repeat:no-repeat; line-height: 1px; zoom:1; height: 12px; } #sub_nav ul li a { /*color:#666; */background-image:url(../graphics/sub-nav.gif); background-repeat:no-repeat; text-indent:-9999px; height:12px; display:block; overflow:hidden; zoom:1; line-height: 1px;} #sub_nav ul li#illustration { width:113px; } #sub_nav ul li#illustration a:hover { background-position:0 bottom; } #sub_nav ul li#illustration a.selected, body#Illustration #sub_nav ul li#illustration a { background-position:0 bottom; } #sub_nav ul li#design { width:59px; } #sub_nav ul li#design a { background-position:-119px 0; } #sub_nav ul li#design a:hover { background-position:-119px bottom; } #sub_nav ul li#design a.selected, body#Design #sub_nav ul li#design a { background-position:-119px bottom; } #sub_nav ul li#digital { width:64px; } #sub_nav ul li#digital a { background-position:-183px 0; } #sub_nav ul li#digital a:hover { background-position:-183px bottom; } #sub_nav ul li#digital a.selected, body#Digital #sub_nav ul li#digital a { background-position:-183px bottom; } /* Paging ======================== */ #paging { clear:both; border-top:solid 1px #ABADB0; border-bottom:solid 1px #ABADB0; overflow:hidden; padding:7px 0 6px 0; font-size:11px; text-align:center; text-transform:uppercase; margin-top:-1px; } #paging a {text-decoration: none; color: #999; } #paging .previous { float:left; background-image:url(../graphics/arrow_left.gif); background-position:left center; background-repeat:no-repeat; padding-left:14px; } #paging .page_info { text-align:center; } #paging .next { float:right; background-image:url(../graphics/arrow_right.gif); background-position:right center; background-repeat:no-repeat; padding-right:14px; } #content { padding-bottom:100px; margin-top:0; overflow: hidden; zoom: 1; } h4 { font-weight:normal; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#6E6D61; margin-bottom:0.6em; } a.more_info { display:inline; float:left; font-size: 11px; padding:2px 5px; font-weight: normal; color:white; background-color:#999; line-height: 1; } a.more_info:hover { color:white; background-color:#EC008C; } .projects { overflow:hidden; margin:0px 0 0 -17px; zoom:1; } .projects #paging { margin-left:17px; } .project { float:left; display: block; width:228px; margin: 17px 0 17px 0; padding-left: 17px; } .project img { width:228px;height:138px; background-color:#E5E5E5; } .project h4 { border-top:solid 1px #999; padding-top:5px; margin:0 0 0.1em 0; margin-top:6px;} .client { font-weight:normal; font-size:11px; margin:0 0 0.4em 0; } /*.more_info { font-weight:normal; font-size:11px; color:#6E6D61; }*/ #project_entry { padding-top:17px; } #project_entry img { margin-bottom:17px; } #project_entry #info { width:240px; float:right; margin-bottom:17px; } #project_entry #info .back { margin-bottom:17px; margin-top:6px; border-top:solid 1px #999; padding:8px 0; overflow: hidden; zoom: 1; } #project_entry #info h4 { border-top:none; padding-top:0; margin:0 0 0.1em 0; } #project_entry #info .client, #project_entry #info .description, #project_entry #info .link { font-size:12px; margin:0 0 0.4em 0; } /* #project_entry #info { } #project_entry #info .client, #project_entry #info .description, #project_entry #info .link { padding-top:5px; } */ /* News ======================== */ body.news #news_list { padding:17px 0; } body.news #news_list .news_item { border-bottom: solid 1px #ABADB0; overflow: hidden; zoom:1; margin-bottom: 14px; } body.news #news_list .news_item:last-child { border-bottom: none; } body.news #news_list .subject { font-size: 12px; text-transform: uppercase; font-weight: normal; margin:0 0 3px 0; color:#6E6D61; } body.news #news_list h3 { font-size: 24px; font-size: 32px; font-weight: normal; color:#6E6D61; margin:0 0 12px 0; } body.news #news_list img { font-size: 24px; font-weight: normal; color:#6E6D61; margin:0 0 12px 0; } body.news #news_list h4 { font-size: 18px; font-weight: normal; color:#6E6D61; margin:0 0 8px 0; } body.news #news_list p { font-size: 13px; font-weight: normal; line-height: 1.6; margin:0 0 10px 0; } body.news #news_list span.date { font-size: 12px; font-weight: normal; line-height: 1.6; margin:0 0 12px 0; float:left } body.news #news_list a.more_info { float:right; margin:0 0 12px 0; } /* Contact ======================== */ body.contact #content { padding-top:17px; } body.contact #content h4 { font-size:30px; margin:10px 0 10px 0; } body.contact #content p { line-height: 1.6 } body.contact #content p.phone { font-size:60px; border-bottom: 1px solid #ABADB0; margin: 0 0 20px 0; padding: 0 0 30px 0; line-height:1em; color:#c2c2b9; } body.contact #content a { color:#999; } body.contact #content a:hover { color:#EC008C; } body.contact #content fieldset { display:block; width: 250px; border: none; padding:0; float:left; margin: 10px 40px 20px 0; color:#6e6d61; } body.contact #content input.text, body.contact #content textarea { display:block; width: 100%; border: 1px solid #ABADB0; font-family:Georgia, "Times New Roman", Times, serif; padding:2px; color:#6E6D61; font-size: 12px; } body.contact #content label { display:block; margin:1px 0 5px 0; clear: both; color:#6e6d61; } body.contact #content div#message { width:540px; margin-bottom: 20px; } /* Home ======================== */ body.home #content { padding-top:17px; overflow: hidden; } body.home #content p { line-height: 1.6 } body.home #content #featured_project { overflow: hidden; zoom: 1; border-bottom: solid 1px #ABADB0; } body.home #content #featured_project #large_image { margin-bottom:17px } body.home #content #featured_project .small_image { margin-right:17px; float:left; padding-bottom: 17px; } body.home #content #featured_project #info_box { width: 228px; height:138px; float:left; position: relative; padding-bottom: 17px; } body.home #content #featured_project #info { position: absolute; bottom: 17px; } body.home #content #featured_project #info h4 { padding-top:0; margin:0 0 0.1em 0; border-top: none; } body.home #content #featured_project #info .client { padding-top:0; margin:0 0 0.4em 0; } body.home #content #col1 { float: left; overflow: hidden; zoom: 1; width:470px; } body.home #content #col2 { float: right; overflow: hidden; zoom: 1; width:210px; margin-left:20px;} body.home #content #col1 p { width:80%; } body.home #content #col2 a, body.home #content #col2 h4 { color: #999; } body.home #content h4 { font-size:24px; margin-top:30px; } body.home #content #col2 a { text-decoration: underline; } body.home #content #col2 a:hover { color: #EC008C; } body.home #content #col2 #clients { height:100px; background-color: #E5E5E5; } body.home #content p { /*float: left; width:480px;*/ } body.home #content div.pullQuote { float: right; display: inline; width:208px; font-size: 20px; color:#EC008C; line-height: 1.3em; margin: -20px 0 0 20px; } #slideshow { position:relative; height:350px; height:100px; } #slideshow img { position:absolute; top:0; left:0; z-index:8; } #slideshow img.active { z-index:10; } #slideshow img.last-active { z-index:9; }