/*
 Screen style    
 Site: maol.info
*/

body {
 background: #000;
 color: #fff;
 font-size: 75%;
 padding: 8px 0;
 text-align: center;
}
 
#wrapper {
 background: #fff url(../images/bg/wrapper.gif) repeat-y;
 color: #ffc26b;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 831px;
 position: relative;
}

#bottom {
 height: 3px;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 831px;
 background: url(../images/bg/bottom.gif) no-repeat;
}

#inner-wrapper {
 margin: 0 3px;
 background: url(../images/bg/white-background.jpg) top right repeat-y;
}

#inner-wrapper:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

/* Header */
#header {
 background: url(../images/bg/header.gif) no-repeat;
 height: 186px;
 position: relative;
 margin: 0 -3px;
 width: 825px;
 padding: 0 3px;
}

#header h1 {
 font-size: 1em;
 height: 70px;
 left: 168px;
 margin: 0;
 overflow: hidden;
 position: absolute;
 top: 44px;
 width: 585px;
}

#header h1 span {
 background-image: url(../images/other/logo.gif);
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
 cursor: pointer; 
}

#miseris {
 position: absolute;
 bottom: 0;
 left: 3px;
}

/* Navigation */
#nav {
 background-color: #C06514;
 color: inherit;
 color: #fff;
 height: 25px;
 margin: 0;
 position: absolute;
 right: 3px;
 top: 130px;
 width: 669px;
 border-bottom: 1px solid #000066;
}

#nav li {
 float: left;
 list-style: none;
 margin: 0;
}

#nav a {
 color: #fff;
 display: block;
 font-size: 1em;
 height: 25px;
 line-height: 25px;
 margin: 0;
 overflow: hidden;
 position: relative;
 text-align: center;
 text-decoration: none;
 width: 95px;
}

#nav a span {
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
 cursor: pointer;
}

#nav a:hover {
 background-color: #C06514;
 color: #000066;
}

#nav a:hover span, #nav a.current span {
 background-position: 0 -25px;
}

#nav a#nav01 span {
 background-image: url(../images/nav/01.gif);
}

#nav a#nav02 span {
 background-image: url(../images/nav/02.gif);
}

#nav a#nav03 span {
 background-image: url(../images/nav/03.gif);
}

#nav a#nav04 span {
 background-image: url(../images/nav/04.gif);
}

#nav a#nav05 span {
 background-image: url(../images/nav/05.gif);
}

#nav a#nav06 span {
 background-image: url(../images/nav/06.gif);
}

#nav a#nav07 {
 width: 99px;
}

#nav a#nav07 span {
 background-image: url(../images/nav/07.gif);
}

/* Content */
#content {
 border-top: 4px solid #C06514;
 border-left: 3px solid #C06514; 
 color: #000;
 float: right;
 margin-top: -30px;
 padding: 15px 210px 15px 10px;
 width: 446px;
 position: relative;
 background: url(../images/other/right-photo-collage.jpg) top right no-repeat;
}

#content1 {
 border-top: 4px solid #C06514;
 border-left: 3px solid #C06514; 
 color: #000;
 float: right;
 margin-top: -30px;
 padding: 15px 210px 15px 10px;
 width: 446px;
 position: relative;
 background: url(../images/other/right-photo-collage.jpg) top right no-repeat;
}

#contents {
 border-top: 4px solid #C06514;
 border-left: 3px solid #C06514; 
 color: #000;
 float: right;
 margin-top: -30px;
 
 padding: 0px 10px 15px 10px;
 width: 646px;
 position: relative;
 background: url(../images/bg/white-background.jpg) top right repeat-y;
}
#contentss {
 border-top: 4px solid #C06514;
  border-left: 3px solid #C06514; 
  color: #000;
  float: right;
  margin-top: -30px;
  
  padding: 0px 210px 15px 10px;
  width: 446px;
  position: relative;
 background: url(../images/bg/white-background.jpg) top right repeat-y;
}
#content h2 {
 color: #990000;
 font-style: italic;
 margin-bottom: 0.75em;
}

#content p {
 margin-left: 30px;
 text-indent: -20px;
}

/* Sidebar */
#sidebar {
 float: left;
 width: 150px;
 padding-top: 10px;
}

#sec-nav {
 list-style: none;
 margin: 10px 0 15px 15px;
}

#sec-nav li {
 margin-bottom: 0;
 font-size: 1.09em;
}

#sec-nav a {
 color: #ffcb57;
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
}

#sec-nav a:hover {
 color: #c06514;
}