
* {
  margin      : 0;
  padding     : 0;
}

html {
  height      : 99%;
  
  font-size   : 10pt;
  font-family : Helvetica, Arial;
}

body {
  background  : #9bb70d;
  height      : 100%;
  color       : #1E2024;
}

p {
  margin: 0.5em 0;
}

a:link, a:visited {
  color           : #6D8200;
  text-decoration : none;
}

a:hover, a:active {
  color           : #6D8200;
  text-decoration : underline;
}

#container {
  width       : 99%;
  height      : 100%;
}

#wrapper {
  width       : 944px;
  height      : 597px;
  text-align  : left;
  font-size   : 100.1%;
  
  background  : url(../img/drop_shadow.png) no-repeat bottom left;
}

#header {
  height      : 69px;
  background  : url(../img/top_bg.png) repeat-x;
}

#head_left {
  width       : 21px;
  height      : 69px;
  background  : url(../img/sides.png) no-repeat top left;
  float       : left;
}

#head_right {
  width       : 30px;
  height      : 69px;
  background  : url(../img/sides.png) no-repeat -21px 0px; ;
  float       : right;
}


#logo {
  width       : 391px;
  height      : 111px;
  
  background  : url(../img/logo.png) no-repeat;
  
  position    : relative;
  top         : -38px;
  left        : 31px;
  
  z-index     : 999;
  
  margin-bottom : -38px;
  
}

#nav a:hover {
  color           : #EAEADE;
  text-decoration : none;
}

#nav a:link, #nav a:visited {
  color           : black;
  text-decoration : none;
}

#nav {
  width       : 502px;
  height      :  69px;
  float       : left;
  
  position    : relative;
  left        : 391px;
  
  background  : url(../img/nav_bg.png) repeat-x;
  
  font-family : 'Josefin Sans Std Light', Helvetica, Arial;
  line-height : 30px;
  font-size   : 12pt;
  font-weight : bold;
  
  font-variant:small-caps;
}

#nav ul {
  list-style  : none;
  
  margin-top  : 31px;
  margin-left : 28px;
}

#nav li {
  float       : left;
  margin      : 0 25px;
}

#nav li span {
  float       : left;
}

#nav li.active {
  margin      : 0;
  color       : #EAEADE;
  
  background  : url(../img/active_bg.png) repeat-x;
}

#nav li.active .nav_left{
  width       : 25px;
  height      : 38px;
  float       : left;

  
  background  : url(../img/sides.png) 0px -74px;
}

#nav li.active .nav_right{
  width       : 25px;
  height      : 38px;
  float       : left;
  
  background  : url(../img/sides.png) -25px -74px;
}

/* hover */
#nav li a {
  float       : left;
}

#nav li a:hover {
  color       : #EAEADE;
}

#nav li:hover {
  margin      : 0;
  color       : #EAEADE;
  
  background  : url(../img/active_bg.png) repeat-x;
}

#nav li:hover .nav_left{
  width       : 25px;
  height      : 38px;
  float       : left;

  
  background  : url(../img/sides.png) 0px -74px;
}

#nav li:hover .nav_right{
  width       : 25px;
  height      : 38px;
  float       : left;
  
  background  : url(../img/sides.png) -25px -74px;
}
/* end */

#sidebar {
  width       : 354px;
  position    : relative;
  top         : -12px;
  left        :  50px;
  
  z-index     : 999;
  
}

#sidebar a:link, #sidebar a:visited {
  color       : black;
  text-decoration : none;
  display     : block;
  
}

#side {
  background  : url(../img/side_bg.png) repeat-y;
  height      : 399px;
}

#side ul {
  list-style  : none;
  padding     : 0 14px;
  margin-top  : -11px;
}

#side li {
  background-color : transparent;
  border-bottom    : 1px solid #C7C7B3;
  padding-left     : 8px;
}

#side li:hover {
  background-color : #EDEDBE;
}

#side li.active {
  background-color : #EDEDBE;
}

#side #accordion {
  padding         : 0 14px;
  margin-bottom   : 11px;
}

#side #accordion ul {
  padding         : 0;
  margin          : 0;
}

#side #accordion li {
  padding-left    : 22px;
}

#side h3 {
  border-bottom   : 1px solid #C7C7B3;
  display         : block;
  font-size       : 100%;
  font-weight     : normal;
  padding-left    : 8px;
  
  background-color: #EDEDD5;
  border-top      : 1px solid #FFFFE0;
}

#side .ui-icon {
  height          : 17px;
  width           : 7px;
  
  display         : block;
  
  position        : absolute;
  right           : 25px;
}

#side .open {
background        :  url("/public/img/spindown-open.gif") no-repeat 0 50% transparent;
}

#side .close {
background        :  url("/public/img/spindown-closed.gif") no-repeat 0 50% transparent;  
}

/*#side li.solid {
  background-color : #EDEDD5;
  border-top    : 1px solid #FFFFE0;
}

#side li.solid ul {
  margin        : 0 0 0 -22px;
  padding-right : 0;
}

#side li.solid li {
  background-color : #D7D7C1;
  padding     : 0 0 0 22px;
}

#side li.solid li:hover, #side li.solid li.active {
  background-color : #EDEDBE;
}

#side li.solid li.last {
  border      : 0;
}*/

#side_top {
  height      : 12px;
  background  : url(../img/side_top_bg.png) top left no-repeat;
}

#content {
  height      : 450px;
  background  : url(../img/mid_bg.png) repeat-y;
}

#content #right ul {
  margin : 5px 0 5px 15px;
}

#content #left {
  width       : 422px; 
  height      : 450px; 
  float       : left; 
}

#content #right {
  width       : 522px; 
  height      : 450px; 
  float       : left;
}

#main {
  width       : 510px;
  float       : right;
  padding-right: 12px;
  padding-top : 25px;
  
  font-size   : 11pt;
  font-family : Helvetica, Arial;
}

.monica {
  position    : relative; 
  top         : 20px; 
  left        : 40px;
}

#footer {
  height      : 28px;
  text-align  : center;
  
  background  : url(../img/bottom_bg.jpg) repeat-x;  
}

#foot_left {
  width       : 19px;
  height      : 28px;
  
  float       : left;
  
  background  : url(../img/sides.png) no-repeat 0px -115px;
  
}

#foot_right {
  width       : 19px;
  height      : 28px;
  
  float       : right;
  
  background  : url(../img/sides.png) no-repeat -19px -115px;
  
}

#copyright {
  width       : 182px;
  height      : 16px;
  
  float       : left;
  
  position    : relative;
  left        : 363px;
  top         : 10px;
  
  background  : url(../img/copyright.jpg) no-repeat;
}

#adress {
  width       : 200px;

  padding-left : 20px;
  font-size   : 13pt; 
  
  color       : #605E4E;
  text-shadow : 1px 1px 3px;
  
  position    : relative;
  top         : 240px;
  left        : 70px;
}

#error {
  font-size   : 11pt;
  position    : absolute;
  
  height      : 96px;
  
  background  : url("../img/alert.png") no-repeat scroll 22px 16px transparent;
  margin-top  : 20px;
  
  margin-left : -5px;
}

#error div {
  line-height : 20px;
  padding     : 0 0 0 90px;
  
  
}

#success {
  background    : url("../img/select.png") no-repeat scroll 22px 50% transparent;
  font-size     : 11pt;
  height        : 70px;
  margin-left   : -5px;
  margin-top    : 20px;
  position      : absolute;
  vertical-align: middle;
}

#success div {
  padding       : 10px 0 0 90px;
  
  
}

#adress table {
  font-size  : 11pt; 
}

#form {
  width       : 100%;
  padding-right: 12px;
}

#form label {
  color       : #605E4E;
}

#form #name, #form #real_mail {
  width       : 365px;
  border      : 1px solid #B3B3B3;
}

#form td.line {
  text-align  : right;
  padding-right: 5px;
  width       : 115px;
}

#form td#msg {
  padding-top  : 10px;
}

#form td#msg label {
  margin-left: 12px;
}

#form textarea {
  width       : 487px;
  height      : 310px;
  border      : 1px solid #B3B3B3;
  
  background-color : #FFFFF2;
}

#form #submit {
  margin-top  : 5px;
}

#form #special
{
  display: none;
}

#form .invalid, #form #real_mail.invalid {
  border: 1px solid #FF0600;
  
  -moz-box-shadow: 0 0 3px #FF0600;
  -webkit-box-shadow: 0 0 3px #FF0600;
  box-shadow: 0 0 3px #FF0600 !important;
  
  background-color : #FFB7B5;
}
