* {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: 50px auto 15px;
background: #151413 url(img/topleft.gif) 0 0 no-repeat;
}
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;}




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;
} 



h2 { 
color: #fff; 
font: normal 2.5em/1.2em "Lucida Grande", Tahoma, serif;   
margin: 20px 25px 10px 0;
letter-spacing: -0.02em; 
}
h3 { 
color: #fff; 
font: normal 1.8em/1.2em "Lucida Grande", Tahoma, serif;   
margin: 0 25px 8px 0;    
letter-spacing: -0.02em; 
}
h4 { 
color: #fff; 
font: normal 1.7em/1.2em "Lucida Grande", Tahoma, serif;   
margin: 0 25px 5px 0;    
letter-spacing: -0.02em; 
}
#right h4 { 
background: #4a3426 url(img/gradient.gif) 0 0 repeat-y;
font: normal 1.5em/1.2em "Lucida Grande", Tahoma, serif;   
margin: 0 25px 15px 0;  
padding: 3px 5px 4px;  
clear: right;
}
h4 span {
color: #f6ac70;
font-size: 0.9em;
padding: 0 0 0 5px;
}
h5 { 
color: #f6ac70; 
font: normal 1.3em/1.2em "Lucida Grande", Tahoma, serif;   
margin: 0 25px 2px 0;    
clear: both;
}
#lyr1 h5 { clear: none;} 
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;}
#ruler {
border-bottom: 1px solid #352e2a;
width: 475px;
height: 3px;
margin: 0 0 15px;
}
#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: 166px;
float: left;
}
#threecols div p {margin-right: 15px; font: normal 1.1em/1.3em "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: 10px 18px 3px; }
#actions h4 a {text-decoration: none;}
#actions h4 a:hover {text-decoration: underline;}
#actions p { margin: 0 18px; }
#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;}
#footer p.left { float: left; width: 400px;}
#footer p.right { float: right; text-align: right;width: 400px;}