/* --- Init --- */

html, body, div, span, object, img, 
h1, h2, h3, h4, h5, h6, p, a, 
small, em, strong, b, i, u, 
dl, dt, dd, ol, ul, li, table, tr, th, td, 
form, label, input, textarea, 
blockquote, cite {
  background : transparent;
  border : 0;
  font-size : 100%;
  list-style : none;
  margin : 0;
  outline : 0;
  padding : 0;
}

h1, h2, h3, h4, h5, h6 {
  color : #666666;
  font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size : 20px;
  font-weight : normal;
}

h1, h2 {
  border-bottom : 1px solid #666666;
  margin : 0 0 10px 0;
}

p {
  margin : 0 0 10px 0;
}

a {
  border : none;
  color : #000000;
  text-decoration : underline;
}

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

small {
  font-size : 10px;
}

strong {
  color : #8E0000;
}

.left {
  float : left;
}

.right {
  float : right;
}

div, span, img, a {
  behavior : url("./iepngfix.htc");
}

/* --- Main --- */

html {
  background : #020A1F url('../images/background-repeat.jpg') top center repeat-x;
}

body {
  width : 100%;
  background : url('../images/background.jpg') top center no-repeat;
  display : table;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  margin : 0 auto 25px auto;
}

body#popup {
  background : none;
  margin : 0 auto;
  text-align : center;
}

#body {
  width : 940px;
  margin : 0 auto;
}

#header {
  position : relative;
  width : 940px;
  height : 357px;
  background : url('../images/header.jpg') 0 0 no-repeat;
}

#logo {
  position : absolute;
  top : 25px; right : 0; bottom : 0; left : 225px;
  width : 105px;
  height : 75px;
}

#nav {
  position : absolute;
  top : 298px; right : 0; bottom : 0; left : 300px;
  width : 340px;
}

#navmenu {
  text-align : center;
}

#navmenu li {
  display : inline;
}

#navmenu li a {
  float : left;
  width : 75px;
  height : 20px;
  background : url('../images/btn.png') 0 0 no-repeat;
  color : #666666;
  font-size : 11px;
  overflow : hidden;
  padding : 8px 5px 2px 5px;
  text-decoration : none;
}

#navmenu li a:hover {
  background : url('../images/btn.png') -95px 0 no-repeat;
  color : #FF0000;
}

#content-outer {
  float : left;
  width : 940px;
  background : url('../images/content-repeat-1.png') 0 0 repeat-y;
  text-align : left;
}

#content {
  float : left;
  width : 900px;
  background : url('../images/content-repeat-2.gif') 0 0 repeat-y;
  color : #666666;
  padding : 0 20px 0 20px;
  text-align : left;
}

#index #content {
  background : url('../images/content-repeat-3.gif') 0 0 repeat-y;
}

#main {
  float : left;
  width : 900px;
  background : url('../images/content-top.jpg') 0 0 no-repeat;
  padding : 40px 0 0 0;
}

.mid-1, .left-2, .right-2 {
  float : left;
  position : relative;
  padding : 0 20px 0 20px;
}

.mid-1 {
  width : 860px;
}

.left-2 {
  width : 510px;
}

.right-2 {
  width : 310px;
}

#index .left-2 {
  width : 410px;
}

#index .right-2 {
  width : 410px;
}

#links .left-2 {
  width : 310px;
}

#links .right-2 {
  width : 510px;
}

#products .right-2 img {
  border : 1px solid #666666;
  margin : 25px 0 0 0;
}

#footer-outer {
  width : 100%;
  background : url('../images/footer-fade.jpg') 0 0 repeat-x;
  margin : 0 auto;
  clear : both;
}

#footer {
  width : 860px;
  height : 48px;
  background : url('../images/footer.png') 0 0 no-repeat;
  color : #FFFFFF;
  font-size : 10px;
  margin : 0 auto;
  overflow : hidden;
  padding : 20px 40px 0 40px;
  text-align : left;
}

#footer a {
  color : #FFFFFF;
  text-decoration : underline;
}

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

#footer img {
  display : block;
  margin : -15px 0 0 0; 
  padding : 0 0 0 5px;
}

/* --- Misc --- */

table {
  margin : 0 0 10px 0;
  text-align : center;
}

table td {
  background : #FFFFFF url('../images/table-fade.jpg') bottom center repeat-x;
  border : 1px solid #666666;
  padding : 10px 0;
}

a.navreturn {
  width : 100px;
  background : #8E0000 url('../images/btn-back.gif') center left no-repeat;
  border : 1px solid #000000;
  color : #FFFFFF;
  display : block;
  text-align : center;
  text-decoration : none;
}

a.navreturn:hover {
  background : #9E0000 url('../images/btn-back.gif') center left no-repeat;
  border : 1px solid #000000;
  color : #FF0000;
  text-decoration : none;
}

#popup #main {
  padding : 0;
}

#content ol, #content ul {
  color : #8E0000;
  margin : 0 0 10px 0;
}

#content ol li, #content ul li {
  list-style : square;
  margin : 0 0 0 25px;
}

#links #content a {
  display : block;
}

a.loc-perth {
  width : 150px;
  height : 100px;
  background : url('../images/map-perth-small.jpg') 0 0 no-repeat;
  display : block;
  margin : 0 auto;
  text-align : center;
}

a.loc-perth:hover {
  background : url('../images/map-perth-small.jpg') -150px 0 no-repeat;
}

a.loc-malaga {
  width : 150px;
  height : 100px;
  background : url('../images/map-malaga-small.jpg') 0 0 no-repeat;
  display : block;
  margin : 0 auto;
  text-align : center;
}

a.loc-malaga:hover {
  background : url('../images/map-malaga-small.jpg') -150px 0 no-repeat;
}

#comment_form p, #comment_form label, #comment_form label strong, 
#contact_form p, #contact_form label, #contact_form label strong, 
#special_form p, #special_form label, #special_form label strong {
  font-weight : normal;
}

#converter_form input, #converter_form textarea {
  background : #260000;
  border : 1px solid #FF0000;
  color : #FF0000;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}

#comment_form input, #comment_form textarea, 
#contact_form input, #contact_form textarea, 
#special_form input, #special_form textarea {
  background : #EEEEEE;
  border : 1px solid #999999;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}

#comment_form #comment_submit, 
#contact_form #contact_submit, 
#special_form #special_submit {
  background : #DDDDDD;
  border : 1px solid #666666;
  color : #666666;
  font-size : 12px;
  padding : 0 5px;
}

#comment_form #comment_submit:hover, 
#contact_form #contact_submit:hover, 
#special_form #special_submit:hover {
  background : #EEEEEE;
  border : 1px solid #666666;
  color : #999999;
  font-size : 12px;
  padding : 0 5px;
}

.album 
{
}

.albumFloat 
{
    float: left;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 4px;
}

.albumDetailsLink 
{
}

.albumMetaSectionHead 
{
    background-color: Gray;
    color: White;
    font-weight: bold;
}

.albumMetaName 
{
    font-weight: bold;
}

.albumMetaValue 
{
}

.center
{
    text-align: center;
}