/* 
author: Rob Watson - Blu Hippo / Mind Failure
project: DOC Management - docmanagement.eu
media: screen 
*/




.designnotes {font-weight: bold; color: #f00;}









body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #000;
background: #000;
text-align:center; /* IE5.5 hack */
}
img {border: 0;}

.clearall {clear:both;}


#wrapper {
width: 896px;
margin: 50px auto;
border: 1px solid #ccc;
text-align: left;
background: #fff;
/* CSS3 to be replaced at later date
====================================*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



#header {
height:257px;
padding: 0 0 0 15px;
background:url(../images/logo.gif) left top no-repeat;
}
.tagline {
margin: 160px 0 0 0;
float:right;
display: inline;
}

.nav {
background:url(../images/nav_bg.jpg) right top no-repeat;
width: 100%;
height:34px;
float: right;
text-align: right;
font-size: 1.1em;
color: #fff;
margin: 0 0 10px 0;
display: inline;
}
.nav ul {
margin:0;
padding:5px 15px 0 0;
list-style-type: none;
}
.nav li {
display: inline;
padding: 0 15px 0 15px;
}
.nav a {color: #fff; text-decoration: none;}
.nav a:hover {color: #fff; text-decoration: underline;}


#mainarea {
clear: right;
float: left;
margin: 15px 0;
display: inline;
width: 894px;
font-size: 90%;
}

h1, h2 {font-size:120%;}
#mainarea a {font-weight:bold; text-decoration:none; color:#000;}
#mainarea a:hover {font-weight:bold; text-decoration:underline; color:#000;}


.leftpane {
float:left;
margin: 0 25px 0 50px;
display: inline;
padding: 10px;
background: #e1e1e1;
min-height: 350px;
height:auto !important;
height:350px;
width: 350px;
/* CSS3 to be replaced at later date
====================================*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#gallery {
float:left;
margin: 0 65px 0 65px;
padding: 10px;
display: inline;
width: 750px;
background:#e1e1e1;
min-height: 350px;
height:auto !important;
height:350px;
/* CSS3 to be replaced at later date
====================================*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}



.thumbnails {text-align:center;}
.thumbnails img {margin:4px;border: 1px solid #DBC6AE;}



.rightpane {
float:left;
margin: 0 50px 0 25px;
background: #e1e1e1;
padding: 10px;
display: inline;
min-height: 350px;
height:auto !important;
height:350px;
width: 350px;
/* CSS3 to be replaced at later date
====================================*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}




.downloadimage {margin-left: auto; margin-right: auto; width: 321px; display: inline;}






#footer {width: 100%; clear:both; font-size:0.6em; display: inline;}
#valid {margin-left:650px; text-align: right;}
#valid ul {list-style-type: none;}
#valid li {display: inline; padding: 0 5px; border-right: 1px solid #cccccc;}
#valid li.endlink { border-right:none;}
#valid li a {color: #cccccc; text-decoration: none;}
#valid li a:hover {color: #003366; text-decoration: underline;}















#flashcontent {margin: 0 auto; width:800px;}
#enter {font-size:120%;text-align:center; padding-bottom:20px;}
#enter a {color: #000000; text-decoration: none;}
#enter a:hover {color: #003366; text-decoration: underline;}