/* Neutralize styling: 
   Elements we want to clean out entirely
   and we reset the base font-size to 10px:
---------------------------------------------------------------- */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font-size: 100%;
        line-height: 1.5;
        font-family: Arial, Helvetica, sans-serif;
}
html { 
    font-size: 100.01%; /* avoids obscure font-size bug */
    height: 100%;
    margin-bottom: 1px; /* avoid jumping scrollbars */
} 
body { 
    font-size: 62.5%; /* 10px ... 68.75%=11px 75%=12px  81.25%=13px  87.5%=14px*/
    height: 100%;
    text-align: center;
    background: #111 url(../images/gus-bg.gif) no-repeat center 30px;
}
img {
    border: 0;
}

/* Neutralize styling:
   Elements with a vertical margin:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
        margin: 0 0 1em;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it:
---------------------------------------------------------------- */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: 
---------------------------------------------------------------- */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea, td {
        font-size: 100%;
}
.clearfix, .cls { /* use with a <br class="cls" /> to clear floats with no extra space*/
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
.clear { clear: both; }


/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}

h1 { font-size: 218%; }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 86%; font-weight: bold; }

p, li { color: #777; }
p.caption { font-size: 86%; color: #555; }

a { 
    color: #bbb;
}
a:hover {
    color: #fff;
}
/* Vertical Centering: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
---------------------------------------------------------------------- */
/*
#outer {
    height: 100%;
    margin: 0 auto;
    overflow: hidden; 
    #position: relative;
}
#outer[id] {
    display: table;
}
    #middle {
        #posit ion: absolute; 
        #top: 50%;
        #border: 1px solid blue;
    }
    #middle[id] {
        display: table-cell; 
        vertical-align: middle; 
    }
        #inner {
            position: relative;
            #to p: -50%;
            width: 770px;
            height: 660px;
            margin-top: 50px;
            #border: 1px solid red;
        }
/*        #inner[id] { position: static; }*/
#outer {
}
#middle {
}
#content {
    position: relative;
    margin: 34px auto 10px;
    height: 570px;
    width: 960px;
}
/* Basic Layout:
---------------------------------------------------------------- */

#main {
    padding: 19px 28px 0 160px;
    height: 540px;
    position: relative;
}
    .fotoframe {
        background: transparent;
        width: 770px;
        height: 520px;
        margin: 0 auto;
        color: #444;
    }
    .fotoframe:hover {
        background: none;
    }
    #intro {
        padding: 50px 30px 0;
    }
    #intro h1, #intro p {
        font: normal 300%/1.5em Georgia, Times, serif;
    }
#foot {
    width: 100%;
}
#foot p {
    text-align: left;
    padding: 10px 23px 0;
    color: #444;
    font-size: 120%;
}
    #foot p a {
        color: #444;
        padding: 1px 0;
        border-bottom: 1px solid #444;
        text-decoration: none;
    }
    #foot p a:hover {
        color: #fff;
        padding: 2px 2px 1px;
        margin: 0 -2px;
        background-color: #666;
        border-bottom: #666;
    }

/* Forms (http://nidahas.com/2006/12/06/forms-markup-and-css-revisited/):
---------------------------------------------------------------- */
div.form { 
    margin: 10px 0;
    background: #fff;
    position: relative;
    z-index: 9999;
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: 1px solid #fc6; background-color: #ffc; }
div.errors p { margin: 0; }
div.errors strong { color: #c00; font-weight: bold; }

div.form form p { margin: 0; }
div.form form p.note { margin-left: 123px; font-size: 90%; color: #333; }
div.form form fieldset { margin: 10px 0; padding: 10px; border: 1px solid #ddd; background-color: #fbfbfb; }
div.form form legend { font-weight: bold; color: #666; }
div.form form fieldset div { padding: 0.25em 0; }
div.form label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
div.form label.error, 
div.form span.error { color: #c00; }
div.form label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form input.error,
div.form textarea.error { border-color: #c00; background-color: #ffc; }
div.form input:focus,
div.form textarea:focus,
div.form input.error:focus, 
div.form textarea.error:focus { background-color: #fff !important; border-color: #fc6; }
div.form div.controlset label, 
div.form div.controlset input { display: inline; float: none; }
div.form div.controlset label.controlset { display: block; float: left; }
div.form div.controlset div { margin-left: 120px; }
div.form div.buttonrow { margin-left: 130px; }

.headerlinks A:link {
	color: #CC8B49;
}
.headerlinks A:hover {
	color: #ffffff;
}
.headerlinks A:visited {
	color: #CC8B49;
}
.headerlinks A:active {
	color: #CC8B49;
}