body {
    margin: auto;
    background: #393a3a url(../img/body-bg.png) repeat-x top;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* [] OVERALL SETTINGS*/
a:link, a:visited, a:active {
    color: #337ae5;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
strong, b {
    font-weight: bold;
}
#article h2, #contact h2, #references h2 {
    font-size: 2em;
    font-weight: bold;
    color: #5d5959;
    text-align: center;
    padding-bottom: 2em;
    margin-bottom: .5em;
    background: url(../img/content-hr.png) no-repeat bottom center !important;
    background: url(../img/content-hr.gif) no-repeat bottom center; /* IE HACK */
}
h3 {
    font-size: 1.5em;
    color: #5d5959;
    font-weight: bold;
}
.error-message {
    color: red;
}
.message {
    text-align: center;
    font-weight: bold;
    font-size: 1.7em;
    margin-bottom: .5em;
    color: #337ae5;
}

/* [] LAYOUT */
#wrapper {
    text-align: right;
    width: 94.7em;
    margin: auto;
}
#logo{
    position: relative;
    top: 8em;
    left: 17em;
    float: left;
    text-indent: -5000px;
    text-align: left;
    overflow: hidden;
    display: block;
    width: 25em;
    height: 7.1em;
    background: url(../img/logo.jpg) no-repeat;
}
#header {
    height: 16.1em;
    background: url(../img/header-bg.jpg) no-repeat 3.5em 0;
}
#content {
    font-size: 1.4em;
    overflow: auto;
    height: 1%; /* IE HACK */
    color: white;
    background: url(../img/content-bg-1.jpg) no-repeat right top;
}
#content-inner {
    margin-top: 4.9em;
    width: 64.28em;
    text-align: left;
    float: right;
    background: url(../img/content-bg-3.jpg) repeat top right;
}

#footer {
    font-size: 1.8em;
    background: #141414;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    behavior: url(border-radius.htc);
    font-weight: bold;
    color: gray;
    padding: 1em 0 1em 0;
    width: 50em;
    height: 1%; /* IE 6 hack */
    text-align: center;
    float: right;
}

/* [] HOMESCREEN ABOUT */
#about {
    padding: 0 1em 0 5em;
    background: url(../img/site-mirosbau.png) no-repeat right top;
    position: relative;
    top: -2em;
    height: 15.7em;
}
#about ul {
    padding-top: 3em;
}
#about ul li {
    list-style: none;
    font-family: Serif, Tahoma, Verdana, Arial, Helvetica;
    font-size: 2em;
    margin-bottom: .5em;
}

/* [] HOMESCREEN PROJECTS */
#projects {
    padding: 0 .7em 1em .7em;
    height: 1%; /* IE HACK */
    text-align: center;
    overflow: auto;
    background: url(../img/content-bg-2.jpg) repeat right top;
}
#projects h2 {
    font-size: 2em;
    font-weight: bold;
    padding: .3em 0 .3em 0;
    color: #5d5959;
    text-align: right;
}
#projects ul {
    width: 54em;
    margin: auto;
}
#projects ul li {
    float: left;
    margin: 0;
    padding: 0;
}
#projects ul li img {
    display: block;

}
/* [] MENU */
#menu{
    font-size: 1.9em;
    margin-top: 5em;
    float: right;
    background: #f9f6f6 url(../img/menu-item.gif) repeat-x bottom;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: .5em 0 .5em 1em;
}
#menu ul li {
    float: left;
    padding-right: 1em;
}
#menu ul li a, #menu ul li a:active, #menu ul li a:visited {
    text-decoration: none;
    color: black;
    font-weight: bold;
}
#menu ul li a:hover {
    text-decoration: underline;
}

/* [] PROJECT */
#project {
    padding: 0 1em 1em 1em;
}
#project #description {
    width: 50%;
    float: right;
}
#project #details {
    width: 50%;
    float: left;
}
#project #details span {
    font-weight: bold;
    color: #5d5959;
    width: 5em;
    display: block;
    padding-right: 2em;
    float: left;
    text-align: right;
}
#project #details h3 {
    font-size: 1em;
}
#project img {
    border: 3px solid black;
    margin-top: 1em;
    width: 42.86em;
    height: 21.29em;
}
#project #previous {
    display: block;
    float: left;
}
#project #next {
    position: relative;
    float: right;
}
#project #thumb {
    margin: auto;
    text-align:center;
}
a#next-arrow, a#next-arrow:active, a#next-arrow:visited {
    display: block;
    position: relative;
    top: 14em;
    width: 5em;
    height: 5em;
    float: right;
    background: url(../img/right-arrow-content.png) no-repeat  -5em !important;
    background: url(../img/right-arrow-content.jpg) no-repeat  -5em;
    text-align: left;
    text-indent: -5000px;
    font-size: 10px;
}
a#next-arrow:hover {
    background: url(../img/right-arrow-content.png) no-repeat !important;
    background: url(../img/right-arrow-content.jpg) no-repeat;
}
a#previous-arrow,a#previous-arrow:visited, a#previous-arrow:active {
    display: block;
    position: relative;
    top: 14em;
    width: 5em;
    height: 5em;
    float: left;
    background: url(../img/left-arrow-content.png) no-repeat !important;
    background: url(../img/left-arrow-content.jpg) -5em no-repeat;
    text-align: left;
    text-indent: -5000px;
    font-size: 10px;
}
a#previous-arrow:hover {
    background: url(../img/left-arrow-content.png) no-repeat -5em !important;
    background: url(../img/left-arrow-content.jpg) no-repeat;
}
#project-information {
    background: url(../img/content-hr.png) no-repeat bottom center !important;
    background: url(../img/content-hr.gif) no-repeat bottom center; /* IE HACK */
    height: 1%; /* IE HACK */
    overflow: auto;
    padding-bottom: 5em;
}
/* [] BLIND WEB */
#blind-navigation {
    position: absolute;
    top: -10000px;
    left: 0;
}

/* [] PREVIOUS NEXT ARROWS */
a#previous, a#previous:active, a#previous:visited {
    text-align: left;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    width: 3.57em;
    height: 3.57em;
    background: url(../img/left-arrow.jpg) no-repeat;
}
a#previous:hover {
    background: url(../img/left-arrow.jpg) no-repeat -3.57em;
}
a#next, a#next:active, a#next:visited {
    text-align: left;
    text-indent: -5000px;
    overflow: hidden;
    display: block;
    width: 3.57em;
    height: 3.57em;
    background: url(../img/right-arrow.jpg) no-repeat -3.57em;
}
a#next:hover {
    background: url(../img/right-arrow.jpg) no-repeat;
}

/* [] REFERECES */
#references {
    padding-bottom: 1em;
    overflow: auto;
}
#references ul li {
    float: left;
    padding: 0;
    margin: 0;
}
#references ul {
    width: 83.5%;
    margin: auto;
}
#references ul li img {
    display: block;
}

/* [] CONTACT */
#contact ul li {
    margin: 1em 1em 1em 0;
}
#contact input[type=text] {
    width: 25em;
}
#contact .submit input {
    margin-left: 6em !important;
    margin-left: 5em; /* IE HACK */
}
#contact textarea {
    width: 30em;
}
#contact label {
    display: block;
    float: left;
    width: 5em;
}
#contact h3 {
    margin-bottom: .5em;
}
#contact #information {
    float: right;
    margin: 0 1em 1em 1em;
    width: 25%;
    text-align: right;
}
#contact #information p {
    text-align: left;
}
#contact #information dl {
    margin-bottom: 2em;
}
#contact #information dl dt {
    display: block;
    float: left;
    text-align: right;
    margin-right: 1em;
    color: #5d5959;
    font-weight: bold;
}
#contact #information dl dd {
    text-align: left;
}
#contact #email {
    float: left;
    margin: 0 1em 1em 1em;
}

/* [] ARTICLES */
#article p {
    margin: 1em 0 1em 0;
    text-align: justify;
}
#article {
    margin: 0 1em;
}