/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

body { background-color: #000; font-family: "trebuchet MS", verdana}

#wrapper { width: 760px; margin: 10px auto; font-size: 13px;}

#logo {
  height: 23px;
  width: 121px;
  background: #000 url(/images/logo.gif) no-repeat;
  margin: 20px 0 10px 297px;
}

#logo span {display: none}

#content {
  background: #000 url(/images/background_index.jpg) no-repeat;
  height: 497px;
  width: 760px;
  padding-top: 50px;
}

#content-inside {
  height: 292px;
  width: 517px;
  color: #fff;
  overflow: auto;
  margin: 50px 100px 25px 120px;
}

#content-inside h1 {font-size: 1.4em; margin-bottom: 5px;}

#menu { padding-left: 150px;}
#menu li { float: left; position: relative;}
#menu li a {
  display: block;
  color: #8c8c8c;
  padding: 5px 10px 9px 10px;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}

#menu li a:hover { color: #000;}
#menu li:hover ul, #menu a:hover ul { visibility: visible;}

#menu li ul {
  visibility: hidden;
  width: 90px;
  position:absolute;
  height:0;
}

#menu li ul li {
  float: none;
  color: #fff;
}

#menu li ul li a {
  color: #fff;
  padding: 1px 0 1px 10px;
  font-size: 0.8em;
  margin: 0;
}

#menu li ul li a:hover {color: #ccc}

#footer {
  margin-top: 40px;
  color: #e6e7e8;
  text-align: center;
  font-size: 0.9em;
}

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


div.image {
  width: 402px;
  float: left;
}

#gallery img {
  border: 1px solid #fff;
  margin: 0 auto;
  display: block;
}

#previousImage, #nextImage {
  display: block;
  float: left;
  width: 50px;
  height: 265px;
  outline: none;
}

#previousImage {background: #000 url(/images/previous.gif) no-repeat 12px 120px;}
#nextImage {background: #000 url(/images/next.gif) no-repeat 12px 120px;}
#previousImage span, #nextImage span {display: none;}

.formRow {
  padding: 2px 0;
}

.formRow label {
  display: block;
  float: left;
  width: 150px;
}

.formRow input {width: 250px;}
.formRow textarea {width: 250px; height: 150px;}

.fieldWithErrors input, .fieldWithErrors textarea {
  border: 2px solid red;
}