body {                        
    margin:0;
    padding:0;
    background:#000;
    color:#FFF;
    font-family: Helvetica, Arial, sans-serif;
    }
    
    
li img {
    max-width:100%;
}

.box {
    position:absolute;
    left:30px;
    top:50%;
    margin-top:-225px;
}

.box-hd {
    position:absolute;
    left:30px;
    top:50%;
    margin-top:-282px;
}


button.back {
    z-index: 99;
    position:fixed;
    top:20px;
    left:30px;
    padding:15px;
    margin:0;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    color:#FFF;
    
    background-color: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
    background-image: -webkit-linear-gradient(top, #333, #222);
    background-image:    -moz-linear-gradient(top, #333, #222);
    background-image:      -o-linear-gradient(top, #333, #222);
    background-image:         linear-gradient(to bottom, #333, #222);

    -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

    /* useful if you don't want a bg color from leaking outside the border: */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    
    -webkit-box-shadow: 0px 1px 2px 0px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 1px 2px 0px #000; /* Opera 10.5, IE9, FF4+, Chrome */
    text-shadow: 1px 0px 1px #000; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    
    border: 1px solid #000;
}

button.back:active {
    background-color: #222;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
    background-image: -webkit-linear-gradient(top, #222, #111);
    background-image:    -moz-linear-gradient(top, #222, #111);
    background-image:      -o-linear-gradient(top, #222, #111);
    background-image:         linear-gradient(to bottom, #222, #111);
    color:#AAA;
}
       
#wrapper {            
    overflow:hidden;
    /*background-color:#000;  */                
    }
       
#wrapper ul {
    list-style:none;
    margin:0;
    padding:0; 
    -webkit-transition: -webkit-transform 0.3s linear;                               
    }
       
#wrapper ul li {
    overflow:hidden;
    float:left;
    align:center;
    background:#000;
    }
    
#wrapper ul li .text {
    margin:110px;
    width:60%;
}


h1 {
    margin-bottom:0px;
}
    
    
#wrapper ul li img, #wrapper ul li p, #wrapper ul li .text {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    }
    
.slide20text {
    position:relative;
    z-index:10;
    top:-500px;
    left:30px;
    width:450px;
    font-size:14px;
}

.slide21-23text {
    position:relative;
    z-index:10;
    top:-780px;
    left:660px;
    width:400px;
    font-size:13px;
    color:#FFF;
}

.slide21-23text h1 {
    font-size:18px;
}
    
#message {
    position:fixed;
    z-index: 99;
    text-align:center;
    padding:20px;
    float:left;
    bottom:20px;
    left:50%;
    width:200px;
    height:40px;
    margin-left:-100px;
    color:rgba(0,0,0,0);
    font-size:80px;
    background:rgba(255, 255, 255, 0.6);
    }
    
    
#left {
    cursor:pointer;
    padding:0;
    margin:0;
    float:left;
    width:80px;
    height:40px;
    margin-right:40px;
    background: url('arrow-left.png');
}    

#right {
    cursor:pointer;
    padding:0;
    margin:0;
    float:left;
    width:80px;
    height:40px;
    background: url('arrow-right.png');
}
    
#choose_a_slideshow,{
    overflow:hidden;
    background-color:#000;
    margin:20px;
}

#choose_a_slideshow p, #choose_a_page p {
    margin:20px;
    width:70%;
}

#choose_a_slideshow ul, #choose_a_page ul {
    list-style:none;
    margin:0;
    padding:0;                             
    }
    
    
#choose_a_slideshow ul li {
    float:left;
    width:350px;
    height:120px;
    margin:20px;
    }
    
#choose_a_page ul li {
    float:left;
    margin-right:10px;
    }
    
#choose_a_slideshow ul li p, #choose_a_slideshow ul li h1, #choose_a_slideshow ul li h2 {
    position:relative;
    left:150px;
    top:-110px;
}

#choose_a_page ul li p, #choose_a_page ul li h1, #choose_a_page ul li h2 {
    position:relative;
    top:-15px;
}

a:link, a:visited {
	text-decoration:none;
	color:#FFF;
}

.image_and_text_slide {
    margin:80px;
    float:left;
}

.image_and_text_slide img {
    float:left;
    margin-top:80px;
    max-width:40%;
}

.image_and_text_slide h1 {
    position:relative;
    top:0;
    float:left;
    align:left;
}

.image_and_text_slide .rightside {
    max-width:40%;
    margin-left:40px;
    margin-top:60px;
    float:left;
}

.image_and_text_slide .list_item {
    float:left;
    height:176px;
    margin-bottom:20px;
}

.item_and_text_slide img {
    margin:0;
    padding:0;
}

.image_and_text_slide .list_item .text {
    float:left;
    display:inline;
    max-width:50%;
    margin:0;
    padding:0;
    margin-left:50px;
    height:50px;
}

.OMA_header {
    position:relative;
    z-index:20;
    width:400px;
    left:70px;
    top:-780px;
    color:#000;
}

.white_font {
    color:#FFF;
}