* { margin:0; padding:0; border:0px none; } ul, ol, li { list-style-type:none; } a { text-decoration:underline; color:#f6ac70; } a:hover { color:#fff; } body { font:62.5% "Lucida Grande", Tahoma, serif; color:#caad99; background:#130a03 url(img/bg.jpg) center 0 no-repeat; } #wrapper { width:900px; margin:25px auto 15px; background:#151413 url(img/topleft.gif) 0 0 no-repeat; } ul#nav { height:50px; width:500px; float:right; } ul#nav li { float:left; display:block; height:45px; text-align:center; background:#4a3426; } ul#nav li#one a { width:57px } ul#nav li#two a { width:65px } ul#nav li#three a { width:85px } ul#nav li#four a { width:125px } ul#nav li#five a { width:85px } ul#nav li#six a { width:83px } ul#nav li a { color:#fff; float:left; display:block; height:36px; padding:9px 0 0 0; text-decoration:none; font:bold 1.2em/1.2em "Lucida Grande", Tahoma, serif; } ul#nav li a span { color:#f6ac70; text-decoration:none; font:normal 0.8em/1.2em "Lucida Grande", Tahoma, serif; } ul#nav li a:hover { text-decoration:none; background:#5c4536; } ul#nav li a.active { border-bottom:3px solid #eba273;background:#5c4536 } #left { width:400px; float:left; min-height:425px; } #left.one { background:url(img/bg/rupert1.jpg) 0 0 no-repeat; } #left.two { background:url(img/bg/rupert2.jpg) 0 0 no-repeat; } #left.three { background:url(img/bg/rupert3.jpg) 0 0 no-repeat; } #right { width:500px; float:right; } #wide { width:875px; float:left; padding:0 0 20px 20px; } h1 { float:left; width:400px; height:50px; font:bold 3em/1.2em "Lucida Grande", Tahoma, serif; } h1 a { color:#fff; margin:0 0 0 10px ; } h1 img { margin-top:8px; } h2 { color:#fff; font:300 2.5em/1.2em "Lato", Tahoma, serif; margin:20px 25px 10px 0; letter-spacing:-0.01em; } h3 { color:#fff; font:300 1.8em/1.2em "Lato", Tahoma, serif; margin:0 25px 15px 0; letter-spacing:-0.01em; } h4 { color:#fff; font:400 1.7em/1.2em "Lato", Tahoma, serif; margin:0 25px 5px 0; } #right h4 { background:#4a3426 url(img/gradient.gif) 0 0 repeat-y; font:normal 1.5em/1.2em "Lato", Tahoma, serif; margin:0 25px 15px 0; padding:3px 5px 4px; clear:right; } #left h4 { background:#4a3426 url(img/gradient.gif) right 0 repeat-y; font:normal 1.5em/1.2em "Lato", Tahoma, serif; margin:0 5px 15px 0; padding:4px 10px 5px; clear:both; } h4 span { color:#f6ac70; font-size:0.9em; padding:0 0 0 5px; } h5 { color:#f6ac70; font:normal 1.3em/1.2em "Lato", Tahoma, serif; margin:0 25px 2px 0; clear:both; } #lyr1 h5 { clear:none; } #left h5 {margin-left:10px;} h6 { color:#fff; font:normal 1.3em/1.2em "Lucida Grande", Tahoma, serif; margin:0 25px 5px 0; letter-spacing:-0.02em; } p { color:#caad99; font:normal 1.15em/1.5em "Lucida Grande", Tahoma, serif; margin:0 15px 12px 0; } p em { color:#7c6957; } #left h5 {clear:none; } #left p {margin:0 20px 10px 10px; font:normal 1.1em/1.3em "Lucida Grande", Tahoma, serif;} #left img.right {border:3px solid #412f23; float:right; clear:right; margin:0 15px 10px; padding:1px;} #ruler { border-bottom:1px solid #352e2a; width:475px; height:3px; margin:0 0 15px; } .ruler { border-bottom:1px solid #352e2a; clear:both; width:94%; height:1px; margin:0 0 10px 10px; } #wide #ruler { width:850px; } #lyr1 #ruler { height:1px; clear:both; margin:0 0 10px; } img.right { border:4px solid #765a49; float:right; clear:right; margin:0 10px 10px 20px; padding:1px; } #right ul#sitemap { font:normal 1.3em/1.4em "Lucida Grande", Tahoma, serif; } #right ul#sitemap li { margin:0 0 7px 0; } #threecols div { width:33%; float:left; } #threecols div h5 {font:normal 1.5em/1.2em "Lucida Grande", Tahoma, serif; margin:0 25px 5px 0; } #threecols div p { margin-right:20px; font:normal 1.1em/1.4em "Lucida Grande", Tahoma, serif; } #threecols div p strong { color:#f6ac70; font:bold 1.15em/1.4em "Lucida Grande", Tahoma, serif; } #threecols div p small { color:#4b413a; line-height:2.5em; } #actions { background:#312721; width:900px; height:75px; float:left; clear:both; } #actions div { float:left; width:300px; height:75px; background:url(img/actions-bg.gif) right 0 no-repeat; } #actions div#showreel { background-color:#41342c; } #actions div#contact { background:url(img/contact-bg.gif) right 0 no-repeat; } #actions div#none { background-image:none; } #actions h4 { margin:7px 18px 5px; } #actions h4 a { text-decoration:none; } #actions h4 a:hover { text-decoration:underline; } #actions p { margin:0 18px; font:normal 1.1em/1.3em "Lucida Grande", Tahoma, serif; } #actions div img { border:4px solid #765a49; float:right; margin:5px 5px 0; padding:1px; } #actions div#contact img { border:0; float:right; margin:0; padding:0; } /* form elements --------------------------------*/ form p { line-height:1.8em; } input, textarea, select { background:#312721; color:#f6ac70; width:250px; margin:0 0 4px; padding:3px; font:normal 1em/1.2em "Lucida Grande", Tahoma, serif; } select { width:95px; } input.checkbox { margin:0 3px 0 0; padding:0; height:auto; width:auto; background:0; outline:0; } textarea:focus, input:focus, select:focus { background:#4a3426; } label { float:left; clear:left; text-align:right; padding-right:10px; width:145px; } input.btn { width:auto; padding:2px 4px; border:0; margin:8px 0 0 155px; clear:left; outline:none; cursor:pointer; } input.btn:hover { color:#f6ac70; background:#4a3426; } form span { color:#f6ac70; font:normal 1.4em/1.1em "Arial", Helvetica, san-serif; } #twocols div { width:250px; float:left; } #right p label { float:left; clear:left; text-align:left; padding-right:0; width:45px; } /* gallery elements --------------------------------*/ #wide p img { border:4px solid #765a49; margin:3px 3px 0 0; padding:1px; } #wide div#gallery p { margin:0; padding:0; } #wide div#gallery { float:left; margin:0 25px 20px 0; } #clearall { width:100%; clear:both; margin:0; height:0px; line-height:0em; } #footer { width:900px; clear:both; margin:0 auto; padding:0 0 50px; } #footer p { color:#caad99; margin:0; padding:0 15px; font:normal 1.1em/1.3em "Lucida Grande", Tahoma, serif; } #footer p.left { float:left; width:400px; } #footer p.right { float:right; text-align:right; width:400px; }