/* With a few exceptions (see below) this style sheet is dreamed up at adminimera.se */


/* Basic stuff */
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; text-decoration:none; font-weight:normal; font-size:16px; line-height:1.5em; text-align:center; background-color:#2d1218;}
p {text-align:left;}
p.neat {text-align:justify;}
h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:500; text-decoration:none; font-size:20px; text-align:left; padding-top:20px; padding-bottom: 5px; line-height:1em; margin-top:0; margin-bottom:0;}
.small {font-size:0.80em;}
img {border:0;}
.portrait {padding:0; margin:0; line-height:1em;}
a {color: #9d1e60;}
a:visited {color: #2d1217;}
a:hover {color: #ec4c56;}
hr {border:1px dashed #ec4c56;}

/* Positioning pictures with text */
img.ind {float:right; margin-right:-20px; padding-left:25px; padding-bottom:5px;}
img.ind2 {float:none; margin-right:auto; margin-left:auto;}
img.car {float:right; margin-right:-15px; padding-left:25px; padding-bottom:5px;}
img.gru {float:right; margin-right:-20px; padding-left:25px; padding-bottom:5px;}
img.tid {float:right; margin-right:-20px; padding-left:25px; padding-bottom:5px;}


/* Positioning divs */
#main {position:absolute; height:99%; width:99%;}
#logo {position: absolute; top:0; right:10px; background: url(img/orientalmove_logo3.png) no-repeat center center; margin: 0 0 130px 0; padding: 15px 25px 0 0; width: 250px; height: 96px; border: none; z-index:1;}
#container {position: relative; top:0; left:50%; margin-top:15px; margin-left:-420px; width:840px; min-height:420px; background: url(opaque3.png); border:1px solid #2d1218; -moz-border-radius:15px; border-radius:15px; color:#000; z-index:2; padding:5px 25px 5px 25px;}
#menu {position: relative; top:0; left:50%; margin-top:110px; margin-left:-420px; width:880px; height:80px; background:url(opaque2.png); border:1px solid #2d1218; -moz-border-radius:15px; border-radius:15px; z-index:3; padding:0 0 10px 10px;}
#contact {text-align:left;}
#shoutbox {float: right; background: url(opaque2.png); max-width: 300px; max-height: 300px; border:1px solid #2d1218; -moz-border-radius:15px; border-radius:15px; color:#000; z-index:5; margin:20px 5px 5px 5px; padding: 5px; font-size:0.80em; line-height:1.1em; text-align:left;}
#table_portrait {margin-left:auto; margin-right:auto;}

/* The menu. Of course. */
a.menu1 {display: block; width: 105px; height: 80px; background-image: url(menu/menu1.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 10px;} 
a.menu1:hover {background-image: url(menu/menu1-hover.png);} 
a.menu3 {display: block; width: 105px; height: 80px; background-image: url(menu/menu3.png); background-repeat: no-repeat; float:left; padding: 0 0 0 10px;} 
a.menu3:hover {background-image: url(menu/menu3-hover.png);} 
a.menu4 {display: block; width: 105px; height: 80px; background-image: url(menu/menu4.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 0;} 
a.menu4:hover {background-image: url(menu/menu4-hover.png);} 
a.menu5 {display: block; width: 105px; height: 80px; background-image: url(menu/menu5.png); background-repeat: no-repeat; float:left; padding: 0 15px 0 10px;} 
a.menu5:hover {background-image: url(menu/menu5-hover.png);} 
a.menu6 {display: block; width: 105px; height: 80px; background-image: url(menu/menu6.png); background-repeat: no-repeat; float:left; padding: 0 15px 0 15px;} 
a.menu6:hover {background-image: url(menu/menu6-hover.png);} 
a.menu7 {display: block; width: 105px; height: 80px; background-image: url(menu/menu7.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 15px;} 
a.menu7:hover {background-image: url(menu/menu7-hover.png);} 
a.menu8 {display: block; width: 105px; height: 80px; background-image: url(menu/menu8.png); background-repeat: no-repeat; float:left; padding: 0 0 0 1px;} 
a.menu8:hover {background-image: url(menu/menu8-hover.png);} 

div.menu1_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu1-hover.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 10px;}
div.menu3_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu3-hover.png); background-repeat: no-repeat; float:left; padding: 0 0 0 10px;}
div.menu4_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu4-hover.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 0;}
div.menu5_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu5-hover.png); background-repeat: no-repeat; float:left; padding: 0 15px 0 10px;}
div.menu6_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu6-hover.png); background-repeat: no-repeat; float:left; padding: 0 15px 0 15px;}
div.menu7_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu7-hover.png); background-repeat: no-repeat; float:left; padding: 0 10px 0 15px;}
div.menu8_a {display: block; width: 105px; height: 80px; background-image: url(menu/menu8-hover.png); background-repeat: no-repeat; float:left; padding: 0 0 0 1px;}


/* Belongs to SimpleViewer */
html { height: 100%; }
#flashcontent { height: 100%; }


/* This last part (setting the background image) is thanks to the awesomeness of Doug Neiner, and collected from css-tricks.com */
img.bg {
        /* Set rules to fill background */
        min-width: 100%;
        min-height: 768px;

        /* Set up proportionate scaling */
        width: auto;
        height: 100%;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}