@charset "UTF-8";
/* CSS Document */
body             { margin: 0px; padding: 0px 0 0 0; font-family: Arial, Helvetica, sans-serif; background-color: #000; }
#wrapper         { margin: 0 auto; width: 897px;  border: 0px solid #fff;}
#header          { float: left; width: 897px; height: 462px; margin: 0px; padding: 0px; background: url('images/header.jpg') no-repeat;}
.dotted          { background: url('images/dotted.gif') repeat-y top left; border: 0px solid #FF0000;}
#title           { float: right; margin: 60px 0 0 0; padding: 0px;}
.subheader       { font-size: 12px;}
/*---------------------- MENU -------------------*/
#topmenu         { float: right;  margin: 45px 0 0 0px; padding: 0px 0 0 5px; width: 650px; border: 0px solid #000; z-index: 9999;} 
#nav, #nav ul    { margin:0 0 0 0; padding: 0px 0px 0px 0px; list-style-type:none; list-style-position:outside; float: right; line-height:1.5em; z-index: 9999;}
#nav a           { display:block; padding:3px 25px; border:0px solid #333; color:#fff; font-weight: bold; text-decoration:none;  font-size: 12px; z-index: 9999; text-transform:uppercase; }
#nav a:hover     { color:#0ca6f0; }
#nav li          { float:left; position:relative; z-index: 9999;}
#nav ul          { position:absolute; display:none; width:10em; top:1.8em; border: 0px solid #252525;}
#nav li ul a     { width: 13em; height:auto; float:left; line-height:12px; padding-bottom: 10px; background-color:#333333; font-size:10px; text-align:left;}
#nav ul ul       { top:auto; }	
#nav li ul ul    { left:6em; margin:0px 0 0 0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block; z-index: 9999; }
.style1 {color: #00CCFF; font-size: 14px;}
/*-------------------- CONTENT -----------------*/
#container       { float: left; padding: 0px 0 0 0; font-size: 13px; text-align: justify; color: #000; width:897px; margin: 0px; border: 0px solid red;  height: 350px; min-height: 350px; height: auto; background: url('images/mid.gif') repeat-y #373536;}
h1               {  font-size: 24px; font-weight: bold; text-align:left;  padding: 0px 0 0 0px; font-weight: bold;}
h2               { color: #0f7bb2; font-size: 16px; font-weight: bold; padding: 0px 0 0px 3px; margin: 0px 0px 5px 0px; width: 360px; text-transform:uppercase; font-style:italic;} 
h3               { float: left; font-size: 15px; color: #fff; font-weight: bold;  text-align:left; margin: 0px; padding: 0px 0 0 5px;  text-transform:uppercase; line-height:28px;}  
/*-------------------- LEFT CONTENT -----------------*/
#left-container    { float: left; width: 224px;  margin: 0px 0 0 12px; _margin: 0px 0 0 5px; padding: 0px; color: #fff; border: 0px solid green; _height: 350px;}
#left-container  a  { color: #dbc009; text-decoration: none;}
#left-container  a:hover { color: #0ca6f0; text-decoration: none;} 
#left-container  img{ margin: 0 0 10px 0; border: none;}
#left-container  ul { margin: 0px 0px 10px 35px; _margin: 0px 0px 10px 35px; padding: 0px; text-align:left;}
#left-container  li { list-style-image: url('images/arrow.gif'); line-height: 22px; font-size:13px; font-weight:bold;}
#left-container h1, #left-container p { padding-left: 18px;}
#telephone       { float: left; height: 100px; width: 215px; background: url('images/tel.gif') no-repeat #ac9215; font: 22px bold Arial; margin-left: 16px; _margin-left: 9px; padding: 2px 5px; color: #000;  }
#left-content    { padding: 0 5px;}
.img-right       { float: right; padding: 0 0 15px 15px;}

.clearfix        { clear: both;}
/*-------------------- RIGHT CONTENT -----------------*/
#right-content   { float: right; width: 578px;  margin: 0px 28px 0 0px; _margin: 0px 15px 0 0px; padding: 0px; color: #fff; border: 0px solid green;}
#right-content a { color: #fff;}
#right-content a:hover { color: #333333; text-decoration: none;} 
#right-content img{ margin: 0 0 10px 0; border: none;}
#right-content ul { margin: 0px 0px 10px 15px; padding: 0px;}
/* -------------------- GALERY -----------------------*/
#gallery          { float: left; width: 897px; height: 282px; margin: 56px 0 0 0; padding: 0px; color: #fff; text-align:left; border: 0px solid red;  }
DIV#gallery.loading { background: transparent url('js/loading_image.gif') no-repeat center center;}
/*---------------------- FOOTER ------------------*/
#top             { float:left; background: url('images/top.gif') no-repeat; width: 897px; height: 31px;}
#bottom          { float:left; background: url('images/bottom.gif') no-repeat; width: 897px; height: 31px;}

#footer          {  width: 897px;  background-color: #1d1d1d; color: #fff; font-size: 11px;  text-align: left;  }
#f-inner         { float: left; width: 700px; padding: 8px; line-height: 1.3em; }
#f-inner a       { color: #0ca6f0; text-decoration: none;}
#f-inner a:hover { color: #dbc009; text-decoration:underline;}
#logo            { float: right; color: #fff; font-size: 10px; padding: 6px 5px 0 0; margin: 0px; width: 130px;}
#logo img,#logo a{ text-decoration:none; color:#fff; border: none; }
/*-------------------- FORM -----------------*/
#details         { float: right; width: 260px;}
label            { width: 10.3em; _width: 10.0em; float: left; font-size:12px; }
label.error      { float: left; color: #fff;  vertical-align: top; width: 212px;  margin-left: 124px; _margin-left: 123px; padding: 2px;  font-size:12px; border: 0px solid #ccc; background-color:#990000;}
form p           { clear: both; margin-bottom: 1px; _margin-bottom: -8px; }
.submit          { margin: 0 0 10px 123px; position: relative; }
em               { font-weight: bold;  vertical-align: top; }
fieldset         { margin: 0px; width: 460px; text-align: left; float: left; border: 0px solid black; padding: 0px;}
#formtext        { color: #000;}
textarea         { border: 1px solid #ccc;}
input            { border: 1px solid #ccc; }
form             { border: none;}