body, ul, li, p, h1, h2, h3 { margin: 0; padding: 0; }

body { color: #8F8F8F; font-family: "Century gotic", "Century Gothic", Tahoma; }
div#container { width: 950px; margin: auto; }
div#content-container { padding: 27px 27px 30px 30px; margin: auto; height: 597px; width: 900px; border: 0px solid blue; background: transparent url("/images/bg_content-container.png") center center no-repeat; }
div#bg-container { height: 100%; background-repeat: no-repeat; }
div#content { width: 40%; padding: 40px 0 40px 40px; }

 /* Branding */

a#logo { float: right; width: 140px; height: 140px; display: block; margin: 20px; background: transparent url("/images/logo/default.png") center center no-repeat; }

 /* Navigation */

div#navigation { overflow: auto; border: 0px solid red; padding: 0 20px; margin: 80px 0 0 0; }
div#navigation ul { position: relative; z-index: 100; overflow: auto; }
div#navigation ul li { float: left; list-style-type: none; padding: 0 30px; }
div#navigation ul li a { color: #8F8F8F; font-size: 21px; text-decoration: none; font-weight: bold; }
div#navigation ul li.selected a { text-decoration: underline; }

div#navigation div#button { position: absolute; z-index: 50; background: transparent none center center no-repeat;}

 /* Footer */

div#footer div#extra { float:right; padding: 0 40px; margin-top: -10px; }
div#footer div#extra ul { list-style: none; }
div#footer div#extra ul li { float: left; }
div#footer div#extra ul li a { display: block; padding-left: 10px; text-decoration: none; color: #8F8F8F; font-size: 12px; font-family: "Century Gotic", Tahoma;  }
div#footer div#extra ul li a:hover { text-decoration: underline; color: #000;}


 /* Typography */

p { font-size: 14px; padding: 5px 0; font-weight: bold; }
h1 { font-weight: normal; margin: 5px 0 25px 0; font-weight: bold; }
h2 { font-size: 20px; font-weight: normal; margin: 15px 0 5px 0; font-weight: bold; }
div#content ul { padding: 20px; font-weight: bold; }

 /* Hyperlinks */

a { color: #ffba00; }
a:hover { text-decoration: none; }

 /* Forms */
form label { display: block; padding: 5px 0; }
form input[type="text"], form textarea { width: 300px; background-color: transparent; }
form input[type="submit"] { color: #FE21D5; font-weight: bold; }

 /* */
 /* Page specific */
 /* */

 /* Page Home */
body#home div#bg-container { background-image: url("/images/boy.jpg"); }
body#home { color: white; }
body#home h1 { color: white; margin-top: 75px; }
body#home div#button { width: 180px; height: 246px; margin: -73px 0 0 -26px; background-image: url("/images/buttons/home.png"); }
body#home a#logo { background-image: url("/images/logo/logo-green.png"); margin: 30px 30px 0 0; }

 /* Page About us */
body#aboutus div#bg-container { background-image: url("/images/hand.jpg"); }
body#aboutus { color: #8A36E1; }
body#aboutus h1 { color: #11e2f7; }
body#aboutus a { color: #11e2f7; }
body#aboutus div#button { width: 180px; height: 246px; margin: -73px 0 0 103px; background-image: url("/images/buttons/aboutus.png"); }
body#aboutus a#logo { background-image: url("/images/logo/logo-orange.png"); margin-right: 340px; margin-top: 100px; }

 /* Page Exhibitions */
body#exhibitions div#bg-container { background-image: url("/images/cake.jpg"); }
body#exhibitions { color: #FE21D5; }
body#exhibitions h1 { color: #78ff00; }
body#exhibitions a { color: #78ff00; }
body#exhibitions div#button { width: 287px; height: 177px; margin: -73px 0 0 153px; background-image: url("/images/buttons/exhibitions.png"); }
body#exhibitions a#logo { background-image: url("/images/logo/logo-green.png"); display: hidden; }

 /* Page Collection */
body#collection div#bg-container { background-image: url("/images/collection.jpg"); }
body#collection { color: #8A36E1; }
body#collection h1 { color: #f5240d; }
body#collection a { color: #f5240d; }
body#collection div#button { width: 374px; height: 181px; margin: -75px 0 0 235px; background-image: url("/images/buttons/collection.png"); background-position: center center; }
body#collection a#logo { background-image: url("/images/logo/logo-orange.png"); }


 /* Page Agents */
body#agents div#bg-container { background-image: url("/images/girl.jpg"); }
body#agents h1 { color: #fe21d5; }
body#agents a { color: #fe21d5; }
body#agents div#button { width: 374px; height: 181px; margin: -73px 0 0 380px; background-image: url("/images/buttons/agents.png"); }
body#agents a#logo { background-image: url("/images/logo/logo-pink.png"); margin-top: 300px; }


 /* Page Contact */
body#contact div#bg-container { background-image: url("/images/lampion.jpg"); }
body#contact { color: #FE21D5; }
body#contact h1 { color: #78ff00; }
body#contact a { color: #78ff00; }
body#contact div#button { width: 600px; height: 400px; margin: -75px 0 0 342px; background-image: url("/images/buttons/contact.png"); }
body#contact a#logo { background-image: url("/images/logo/logo-green.png"); display: hidden; margin-top: 375px; margin-right: 73px; }