@charset "utf-8";
/* CSS Document */

/* Base */
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
body {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size: 62.5%; /* 10px */
color: #fff;
background-color: #212121;
scrollbar-base-color:#383838;
}
div {
margin:0;
padding:0;
}
img {
border: 0;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}
h2 {
color: #121212;  #383838;
text-transform:uppercase;
font-size: 1.2em;
font-weight:bold;
}
a, a:link {
font-weight: normal;
text-decoration: underline;
color: #fff;
}
a:hover {
text-decoration: none;
color: #ffffcc;
}
a:visited {
color: #ffffcc;
}
a:active, a.selected {
color: #ffffcc;
}
/* Positioning */
#page { 
position: absolute; 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 
z-index: 2; 
}
#bg_image { 
position: fixed; 
top: 0; 
left: 0; 
z-index: 1; 
width: 100%; 
min-width:29%;
}
#container {
margin:0;
padding: 0;
min-height:594px;
min-width: 650px;
font-size: 1.1em;
overflow:auto;
}
#photocontainer {
margin:0;
padding: 0;
min-height:594px;
min-width: 980px;
font-size: 1.1em;
}
ul#nav {
margin: 0;
padding: 0;
width: 110px;
float:left;
}
div#content {
align:right;
height: 594px;
/* width: 845px; */
}
div#thumbs {
float:left;
width:330px;
}
div#thumbs img {
float:left;
}
div#accordion {
margin:0;
padding:0;
float: left;
width: 540px;
}
div#accordion.charcoal {
width: 515px;
}
h1.title {
padding: 23px 25px 0 0;
height: 43px;
width: 515px; 
}
h1.titlep {
padding: 23px 25px 0 0;
height: 43px;
width: 490px; 

}
h1.title strong {
display: none;
}
h1.title img {
padding-top:21px;
}
div#textbody {
width: 540px;
}
div#col1, div#col2, div#col3 {
float: left;
width: 158px;
margin: 25px 0 0 15px;
padding: 0;
}

/* Layout */
ul#nav {
list-style: none otuside;
}
ul#nav li {
float:left;
display: block;
width: 110px;
height: 16px;
padding-top:50px;
text-align:center;
font-size: 1.2em;
}
ul#nav li a, ul#nav li a:link {
text-decoration: none;
}
ul#nav li a:visited {

}
ul#nav li a:hover {

}
ul#nav li a:active {
font-weight: bold;
}
div#header h1 {
height: 0;
display:none;
}

/* Colour themes */
.brown {
background-color: #743000;
}
.grey {
background-color: #666666;
}
.green {
background-color: #205604;
}
.pink {
background-color: #ff009d;
}
.blue {
background-color: #0094ff;
}
.orange {
background-color: #ff9a00;
}
.red {
background-color: #ff0000;
}
.mauve {
background-color: #9761ff;
}
.charcoal {
background-color: #383838;
}


/* Extras */
.hidden {
display:none 
}
.darktext {

}