/*@font-face {
    font-family: newfontname;
    font-style: normal;
    src: url(newfontname.eot);
}*/

body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: verdana, helvetica, arial, sans-serif;
    cursor: url("/img/generic_point_small.png"), pointer;
}

a {
    text-decoration: none;
    color: #888;
    cursor: url("/img/generic_point_small.png"), pointer;
}

#upper {
    position: absolute;
    top: 0px;
    height: 50%;
    width: 100%;
    background-color: #888;
    text-align: center;
    z-index: 100;
    border-bottom: 3px solid #333;
    display:none;
}

#lower {
    position: absolute;
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-color: #888;
    z-index: 300;
    border-top: 3px solid #333;
    display:none;
}

#menubar {
    
    /*background-position: bottom;*/
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 31px;
    z-index: 100;
}

#menubarToppart {
    height: 60px;
    background: white;
}

#topLogo {
    /*margin-left: 260px;
    margin-right: 20px;
    margin-top: 8px;*/
    position: relative;
    top: 6px;
    left: 264px;
}

#topLogoText {
    position: relative;
    top: 0px;
    left: 276px;
}

#menuItems {
    background: #FBFBFB url("/img/topnav_menubar.png") repeat-x;
    font-size: 0.9em;
    /*padding-top: 5px;*/
    /*padding-left: 243px;*/
}

#menuItems > ul {
    height: 31px;
    position: relative;
    top: 6px;
    left: 289px;
    margin: 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

/*
#menuItems > ul li {
    position:relative;
    display: inline;
	list-style: none;
    margin:0;
    padding:0;
	margin-left: 25px;
}

#menuItems > ul li:first-child {
    margin-left: 0;
}

ul.scriptaculously li {
    position:absolute;
    top:20px;
    display:list-item;
}*/

div.menubarItem {
    height: 51px;
    display: inline;
}

#contentContainer {
    background: #FBFBFB url("/img/bg_test2_1x1000.png") repeat-x;
    position: absolute;
    top: -750px;
    left: -800px;
    padding: 900px;
    overflow: hidden;
    z-index: 10;
    cursor: url(/img/generic_openhand_small.png), move;
    border: 1px solid #000;
}

#logoImg {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
}

.scrollUpButton {
    cursor: url(/img/generic_point_small.png), pointer;
    background-color: #FFF;
    background-image: url(/img/scroll_up_4.PNG);
}

.scrollDownButton {
    cursor: url(/img/generic_point_small.png), pointer;
    background-color: #FFF;
    background-image: url(/img/scroll_down_4.PNG);
}

#contentMenu {
    position: absolute;
    text-align: center;
    z-index: 50;
    top: 125px;
    height: 30px;
    width: 0px;
    background: #FFF;
    color: #555;
    border-bottom: 3px solid #333;
    /*padding-left: 283px;*/
}

/*.contentMenuItem {
    padding-top: 5px;
    background: #FFF;
    margin-top: 8px;
    border: 1px solid;
    width: 80px;
    height: 100%;
    /*
    display: inline;
    float: left;
    margin-left: 40px;
    // --
    font-size: 14pt;
    cursor: pointer;
    opacity: 0;
}*/

.contentMenuItem:hover {
    color: #CCC;
}

#logoMenu {
    position: fixed;
    top: 20px;
    right: 0px;
    z-index: 10000;
    width: 136px;
    height: 112px;
}

.logoMenuItems {
    border: 1px solid;
}

/*#leftshade {
    position: fixed;
    top: 133px;
    opacity: 0.5;
    background: #AAA;
    left: 0px;
    width: 300px;
    height: 100%;
    z-index: 1000;
}

#leftshade {
    position: fixed;
    top: 133px;
    opacity: 0.5;
    background: #AAA;
    right: 0px;
    width: 300px;
    height: 100%;
    z-index: 200;
}*/



table.contentTable td {
    vertical-align: top;
}


div.contentWindow {
    /*position: absolute;
    top: 30px;*/
    background: #FFF;
    /*height: 500px;
    */
    width: 500px;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 2px solid #999;
    padding: 1em;
    cursor: url(/img/generic_point_small.png), pointer;
    font-size: 9pt;
    /*opacity: 0.5;*/
    z-index: 500;
    /*background-image: url("http://backhand.shacknet.nu/img/fading_backgrounds/fading_background_2.png");
    background-repeat: repeat-x;*/
}

div.contentWindow p { 
    line-height: 1.5em;
}

img.headerImg {
    padding-left: 19px;
    margin-bottom: 19px;
}

div.contentWindowHeader {
    /*text-align: right;*/
    /*padding-top: 5px;*/
    margin-top: 1px;
    padding-bottom: 10px;
    margin-right: 5px;
    padding-left: 4px;
    border-bottom: 2px dotted #F00;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    width: 100%;
    color: #555;
    /*height: 30px;*/
}

div.contentWindow h3 {
    margin-bottom: 0.5em;
    /*padding: 0px;*/
}

div.mediaBox {
    text-align: center;
}

div.mediaBox img {
    padding-right: 0.2em;
}

.embeddedMedia {
    z-index: 10;
    float: left;
    padding-top: 5px;
    margin: 10px 10px 10px 0px;
}

.embeddedMediaFR {
    z-index: 10;
    float: right;
    padding-top: 5px;
    margin: 10px 0px 10px 10px;
}

.contactBox {
    width: 100%;
    padding-left: 15px;
}

td.contactInfoEmail {
    font-size: 1.2em;
    padding-top: 10px;
    padding-right: 40px;
    text-decoration: none;
}

td.contactInfoEmail a {
    color: #000;
}

td.contactInfoPhone {
    font-size: 1.2em;
    padding-top: 10px;
}

#modalShade {
    position: absolute;
    background-color: #AAA;
}