body { margin:0; overflow:hidden;} /* screen background styles */ .homepage { background: url(../images/backgrounds/HOME_Bground.jpg) top left repeat;} .contact { background: url(../images/backgrounds/HOME_Bground.jpg) top left repeat;} .about { background: url(../images/backgrounds/ABOUT_Bground.jpg) top left repeat;} .books-photos { background: url(../images/backgrounds/FUNNY_bground.jpg) top left repeat;} .books-design { background: url(../images/backgrounds/BOOK_Bground.jpg) top left repeat;} .books-streetart { background: url(../images/backgrounds/STREETART_Bground.jpg) top left repeat;} .portfolio { background: url(../images/backgrounds/PORTFOLIO_Bground.jpg) top left repeat;} .art { background: url(../images/backgrounds/HOME_Bground.jpg) top left repeat;} #page-wrapper { margin:0 auto; padding:0; width:912px; height:auto; position:relative;} #header { margin:0; padding:0; width:912px; height:162px; position:relative;} .header-books-streetart { background:url(../images/headers/streetart-head.png) top left no-repeat;} .header-books-photos { background:url(../images/headers/photos-head.png) top left no-repeat;} .header-portfolio { background:url(../images/headers/portfolio-head.png) top left no-repeat;} .header-contact { background:url(../images/headers/contact-head.png) top left no-repeat;} #logo {height:192px; width:904px; position:absolute; top:0; left:0; z-index:200;} #logo.blobs { background: url(../images/headers/main-header.png) top left no-repeat;} #logo.std { background: url(../images/headers/logo-header.png) top left no-repeat;} #body-wrapper { margin:0; padding:0; width:912px; height:430px; position:relative;} #menu { background-color:#fff; margin:0; padding:0; width:31px; height:410px; position:absolute; top:0; left:0; overflow:hidden; z-index:200;} #content { background-color:#fff; margin:0; padding:0; width:862px; height:410px; position:absolute; top:0; left:31px; overflow:hidden;} #content.contact-bg { background: #fff url(../images/backgrounds/contact-bg.jpg) top left no-repeat;} #content.books-photos-bg { background: #fff url(../images/books/book-photos-bg.jpg) top left no-repeat;} #content.books-streetart-bg { background: #fff url(../images/backgrounds/book-streetart-bg.jpg) top left no-repeat;} #content.books-design-bg { background: #fff url(../images/books/book-designs-bg.jpg) top left no-repeat;} #books-nav { width:auto; height:auto; position:absolute; top:289px; left:5px; z-index:100;} #books-nav ul { margin:0; padding:0; list-style:none;} #books-nav li { display:block; padding-left:15px;font-family:Arial, Helvetica, sans-serif; font-size:10px; height:20px; color:#746653;} #books-nav li:hover{ background:url(../images/menu/arrow.jpg) top left no-repeat;} #books-nav li.selected{ background:url(../images/menu/arrow.jpg) top left no-repeat;} #books-nav li.designs { color:#313b5f;} #books-nav li.photos { color:#483a53;} #books-nav li.streetart { color:#7b0600;} #books-nav li a { color:#746653; text-decoration:none;} #books-nav li a:hover {color:#746653; text-decoration:none;} #portfolio-nav { width:auto; height:auto; position:absolute; top:70px; left:5px; z-index:100;} #portfolio-nav ul { margin:0; padding:0; list-style:none;} #portfolio-nav li { display:block; padding-left:15px;font-family:Arial, Helvetica, sans-serif; font-size:10px; height:16px; color:#746653;} #portfolio-nav li:hover{ background:url(../images/menu/arrow.jpg) center left no-repeat;} #portfolio-nav li.selected{ background:url(../images/menu/arrow.jpg) center left no-repeat;} #portfolio-nav li a { color:#746653; text-decoration:none;} #portfolio-nav li a:hover {color:#746653; text-decoration:none;} #home-text { position:absolute; top:30px; left:55px; width:140px; height:360px; overflow:hidden;} #home-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; margin-bottom:8px; text-align:left;} #home-img { position:absolute; top:30px; left:207px; width:630px; height:360px; overflow:hidden;} #contact-text { position:absolute; top:60px; left:130px; width:200px; height:300px; overflow:hidden;} #contact-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; text-align:right;} #contact-text a { color:#a09f9f; text-decoration:none;} #contact-text a:hover { color:#000; text-decoration:none;} #contact-text p.formtext { font-weight:bold; margin-bottom:20px;} #contact-form { position:absolute; top:120px; left:350px; width:480px; height:260px; overflow:hidden;} #contact-form .field { border:2px solid #a09f9f; background:none; margin-bottom:5px; height:27px; width:320px;} #contact-form .fieldbox { border:2px solid #a09f9f; background-color:#fff; margin-bottom:5px; height:75px; width:320px; overflow:auto;} #contact-form .submit { margin-top:10px;} #contact-follow { position:absolute; top:315px; left:527px; width:auto; height:60px; overflow:hidden;} #contact-follow p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; text-align:right; text-transform:uppercase; font-weight:bold;} #contact-pdf { position:absolute; top:315px; left:685px; width:auto; height:60px; overflow:hidden; text-align:center;} #contact-pdf p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; text-align:right; text-transform:uppercase; font-weight:bold;} #about-text { position:absolute; top:30px; left:520px; width:290px; height:350px;} #about-text h1 { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-alig:left; margin-bottom:7px;} #about-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-align:left; margin-bottom:5px;} #art-img { position:absolute; width:590px; height:265px; top:115px; left:50px;} #art-img .img-left { float:left;} #art-img .img-right { float:right;} #art-text { position:absolute; width:170px; height:265px; top:115px; left:650px;} #art-text h1 { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-alig:left; margin-bottom:7px;} #art-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-align:left; margin-bottom:5px;} #book-design-text { position:absolute; top:30px; left:210px; height:200px; width:250px;} #book-design-text h1 { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-alig:left; margin-bottom:7px;} #book-design-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:11px; text-align:left; margin-bottom:5px;} #book-streetart-text { position:absolute; top:30px; left:130px; height:350px; width:330px;} #book-streetart-text h1 { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-alig:left; margin-bottom:7px;} #book-streetart-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:11px; text-align:left; margin-bottom:5px;} #book-streetart-text .buy { float:right;} #book-streetart-text .black { color:#000;} #book-streetart-cover { position:absolute; top:265px; left:200px; height:130px; width:262px; overflow:hidden;} #book-streetart-topL { position:absolute; top:15px; left:470px; height:151px; width:121px;} #book-streetart-bottomL { position:absolute; top:146px; left:472px; height:249px; width:123px; } #book-streetart-topR { position:absolute; top:15px; left:600px; height:249px; width:245px;} #book-streetart-bottomM { position:absolute; top:273px; left:600px; height:121px; width:121px;} #book-streetart-bottomR { position:absolute; top:273px; left:727px; height:121px; width:121px;} #book-photos-text { position:absolute; top:30px; left:150px; height:300px; width:330px;} #book-photos-text h1 { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-alig:left; margin-bottom:7px;} #book-photos-text p { color:#a09f9f; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:11px; text-align:left; margin-bottom:5px;} #book-photos-text .black { color:#000;} #book-photos-cover { position:absolute; top:0; left:410px; height:367px; width:277px; overflow:hidden;} /*page shadows */ #content-bottom { margin:0; padding:0; width:912px; height:20px; position:absolute; top:410px; left:0; background:url(../images/page-shadow-bottom.png) top left no-repeat;} #content-bottom p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-align:center; margin-top:10px;} #content-bottom span { padding-left:100px;} #side-colours { margin:0; padding:0; width:19px; height:410px; position:absolute; top:0; left:893px; background:url(../images/page-shadow-colours.png) top left no-repeat;}