/* 
    site: http://www.alenfoto.se
    date: 2007-07-24
*/

* {
    margin: 0;
    padding: 0;
}

html, body {
	color: #000;
	background: #817769;
}

body {
	padding-top: 30px;
	font: normal 0.75em/1.4em Verdana, Arial, sans-serif;
	text-align: center;
}

img {
    display: block;
    border: none;
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	padding: 0;
	font: normal 1em/1em Verdana, Arial, sans-serif;
}

a {
    color: #817769;
    text-decoration: none;
}

a:hover {text-decoration: underline;}

#container {
	position: relative;
	margin: 0 auto;
	width: 974px;
	left: 81px;
	text-align: left;
}

    #container h1 {
    color: #817769;
    margin-bottom: 0.5em;
    font-size: 1.5em;
}

#content-top {
    width: 100%;
    height: 24px;
    background: url(../images/bg-content-top.gif) no-repeat;
}

#content {
    width: 800px;
    height: 470px;
    padding: 0 9px;
    margin: 0;
    background: url(../images/bg-content.gif) no-repeat;
    position: relative;
}

    #content img.img-show {
        width: auto;
        padding: 0 15px;
        position: absolute;
        bottom: 0;
    }
    
    #content .progress {
        width: 200px;
        height: 100px;
        margin: 185px 300px;
        position: absolute;
        background: #817769;
    }
    
        #content .progress img {
            width: auto;
            position: absolute;
            top: 34px;
            left: 84px;
        }

#content-bottom {
    width: 100%;
    height: 24px;
    padding: 0;
    margin-bottom: 2px;
    background: url(../images/bg-content-bottom.gif) no-repeat;
}

#navbar-left {
    float: left;
    width: 12px;
    height: 58px;
    background: url(../images/bg-navbar-left.gif) 5px no-repeat;
}

#navbar {
    float: left;
    width: 794px;
    height: 58px;
    background: url(../images/bg-navbar-center.gif) repeat-x;
    line-height: 1.0;
}

    #navbar ul {
        float: left;
        margin: 18px 0 0 7px;
        padding: 0;
        height: 23px;
    }
    
    #navbar li {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #navbar a {
        float: left;
        margin: 0;
        padding: 0 5px;
        background-position: 50% 0 !important;
        text-indent: -9999px;
        text-decoration: none;
        height: 23px;
        overflow: hidden;
    }
    
    #navbar a:hover,
    #navbar a:focus {
        background-position: 50% -23px !important;
    }
    
    #navbar-portratt a {
        width: 56px;
        background: url(../images/navbar-portratt.gif) top center no-repeat;
    }

    #navbar-brollop a {
        width: 54px;
        background: url(../images/navbar-brollop.gif) top center no-repeat;
    }

    #navbar-landskap a {
        width: 67px;
        background: url(../images/navbar-landskap.gif) top center no-repeat;
    }

    #navbar-fashion a {
        width: 51px;
        background: url(../images/navbar-fashion.gif) top center no-repeat;
    }

    #navbar-blandat a {
        width: 59px;
        background: url(../images/navbar-blandat.gif) top center no-repeat;
    }

    #navbar-lankar a {
        width: 52px;
        background: url(../images/navbar-lankar.gif) top center no-repeat;
    }

    #navbar-kontakt a {
        width: 63px;
        background: url(../images/navbar-kontakt.gif) top center no-repeat;
    }

    #navbar-default a {
        width: 66px;
        background: url(../images/navbar-startsida.gif) top center no-repeat;
    }
    
    .portratt #navbar-portratt a,
    .brollop #navbar-brollop a,
    .landskap #navbar-landskap a,
    .fashion #navbar-fashion a,
    .blandat #navbar-blandat a,
    .lankar #navbar-lankar a,
    .kontakt #navbar-kontakt a,
    .default #navbar-default a {
        background-position:50% -23px !important;
    }

#navbar-right {
    float: left;
    width: 7px;
    height: 58px;
    background: url(../images/bg-navbar-right.gif) no-repeat;
}

.logo {
    position: relative;
    top: 179px;
    left: 235px;
}

#footer {
    width: 818px;
    padding-top: 5px;
    color: #5d5449;
}

    #footer .recommend {
        float: left;
        width: auto;
        padding: 0 6px 0 23px;
    }
    
    #footer input {
        width: 146px;
        padding: 2px;
        font-size: 0.8333em;
        color: #999;
    }
    
    #footer .send-recommendation {
        float: left;
        width: 48px;
        height: 19px;
        margin: 0 2px 0 0;
        padding: 0;
    }

.tb-rekommendera {
    border: 1px solid #5d5449;
    background: #817769;
}

.kontakt-info {
    width: 770px;
    float: left;
    margin: 0 15px;
}

    .kontakt-img {
        width: 174px;
        height: 175px;
        margin-right: 15px;
        float: left;
    }

    .kontakt-info p {margin: 1em 0;}

    .kontakt-info-left {
        width: 146px;
        float: left;
    }

    .kontakt-info-right {
        width: 435px;
        float: right;
    }

.kontakt-form {
    width: 770px;
    float: left;
    padding: 15px;
}

    .kontakt-form input, .kontakt-form textarea, .sign-in input {
        width: 216px;
        padding: 1px 2px;
        color: #817769;
        border: 1px solid #817769;
    }
    
    .kontakt-form span input, .sign-in span input {
        width: auto;
        margin: 0.5em 0 0 0;
    }
    
.mandatory {color: #c00;}

.tnx, .links {
    width: 770px;
    padding: 0 15px;
}

#left {
    width: 818px;
    float: left;
}

#right {
    width: 150px;
    height: 565px;
    float: right;
    margin: 9px 0 0 6px;
}

    #right-top {
        width: 140px;
        height: 490px;
        padding: 5px;
        background: #736a5e;
    }
    
        #right-top input {
            width: auto;
            float: left;
            padding: 5px;
            display: block;
        }

    #right-bottom {
        width: 130px;
        height: 50px;
        margin: 15px 0 0 0;
        padding: 0 10px;
        background: #736a5e;
    }
    
        #right-bottom .navigation-arrows {
            text-align: center;
            padding: 10px 0 5px 0;
            font-size: 1.3333em;
            font-style: italic;
            font-weight: bold;
            color: #999;
        }
        
        #right-bottom .navigation-links {
            padding: 2px 0;
            font-size: 0.8333em;
        }
        
            #right-bottom .navigation-links a {color: #333;}

            #right-bottom .navigation-links a.selected {color: #999;}

#clearer {
    width: 100%;
    line-height: 0;
    clear: both;
}

.sign-in {
    width: auto;
    margin: 0 15px;
}