body, h1, h2, h3, p, quote, small, form, input, ul, li, ol, label {
    margin: 0;
    padding: 0;
}

body {
    background:#000 url('../mopSlider/bg.jpg');
    font-size: 0.825em;
    color: #ccc;
    font-family: Geneva, Arial, Helvetica, sans-serif
}

a {
    color: #ccc;
}

a:hover {
    color:#fff;
    text-decoration:underline;
}

#header {
    height:88px;
    min-width:720px;
    /*background:url("../img/1px.png") repeat;*/
}

#header .logo {
    cursor:pointer;
    color: #fff;
    float:left;
    width:350px;
    height:88px;
    position:absolute;
    margin-left:10px;
    background:url('../img/logo.png') no-repeat;
}



#header .menu {
    float:right;
    margin-top:20px;
    margin-right:30px;
}

#header .menu  ul {
    list-style: none;
    list-style-type:none;
}

#header .menu  ul li {
    display:inline;
}

#header .menu  ul li a {
   /* margin: 0 1px; */
}

#header .menu  ul li a img {
    border:0px none;
}

#header .submenu {
    margin-top:70px;
    text-align:center;
    position:absolute;
    width:100%;
}

#header .submenu  ul {
    list-style: none;
    list-style-type:none;
}

#header .submenu  ul li {
    display:inline;
}

#header .submenu  ul li a {
   /* margin: 0 1px; */
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    color:white;
}


#header .group {
    position:absolute;
    right:50px;
    top:70px;
}


h1 {
    color: white;
    font-size: 28px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding:0 0 10px 0;
}

h2 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding:5px 5px;
    text-transform: uppercase;
    white-space: nowrap;
    color:white;
}

h3 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    color:white;
}

.clear {
    clear: both;
}

#main {
 margin: 0 auto;
 position: absolute !important:
}

#main2 {
    width: 800px;
    margin: 0 auto;
}

#main2 .info {
    background:url('../img/1px.png');
    margin:20px;
    padding:20px
}

#slider .page {
    width: 900px;
    height: 540px;
    float: left;
}

#slider .page .distance {
    margin-top:20px;
}

.star {
    position:absolute;
    width:20px;
    height:20px;
    background:url('../img/star20.png') no-repeat;
    cursor:pointer;
    z-index: 200;
}

.sun {
    position:absolute;
    width:180px;
    height:180px;
    background:url('../img/sun.png') no-repeat;
    cursor:pointer;
    margin:5px
}

#footer {
    text-align:center;
    position:absolute:
    bottom:10px;
    left:45%;
      
}


/*MODAL POPUP*/
.basic-modal-content {display:none;}

/* Overlay */
.simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
.simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
.simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
.simplemodal-container a {color:#ddd;}
.simplemodal-container a.modalCloseImg {background:url('../img/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer}
.simplemodal-container #basic-modal-content {padding:8px;}
.basic-modal-content .icons { line-height:40px; vertical-align:middle;}
/*.simplemodal-container div.status { top:-25px; left:-25px; width:50px; height:50px; position:absolute}*/

/*FORM*/

#form input { width:500px; font-size:30px; color:#333; margin:2px;}
#form textarea { width:500px; font-size:16px; color:#333; height:300px; margin:2px;}

#order input { width:500px; font-size:24px; color:#333; margin:2px;}
#order select { width:500px; font-size:24px; color:#333; margin:2px;}
#order textarea { width:500px; font-size:16px; color:#333; height:300px; margin:2px;}

/*ZOOMER*/
#wrap, #wrap2 { position: relative; text-align:center;}
#small, #small2 { position: relative; width: 850px; height:548px; background:#000 no-repeat 50% 50%; }
#large, #large2 { background: white; position: relative; width: 1283px; }
#mover, #mover2 { position: absolute; top: 0; left: 0; width: 204px; height: 204px; overflow: hidden; z-index: 100; background: #000; display: none; }
#overlay, #overlay2 { border: 1px solid blue; width: 202px; height: 202px; position: absolute; top: 0; left: 0; z-index: 200; }