html {
    overflow: hidden;
}

body {
    margin: 0;
    padding: 0;
    background-color: #000;
    background-image: url(../images/bg.jpg);
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
    font-size:10px;
    color:white;
}

img {
    border:0;
}

#container {
    height: 2400px;
    width: 5760px;
    /*
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    */
}


/** PAGE POSITIONING **/

.positioning {
    position: absolute;
    width: 1920px;
    height: 1200px;
    xbackground:transparent url(../images/shader.png) repeat 0 0;
}

.stripe_h {
    height:18px;
    width:100%;
}
.stripe_v {
    width:111px;
    height:175px;
    -moz-border-radius:0px;
    -khtml-border-radius:0px
    -webkit-border-radius:0px
    border-radius:0px;
    margin:2px;
    float:left;
    position:absolute;
    top:8px;
    left:8px;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -webkit-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
#start {
    top:0px;
    left:0px;
    background-repeat:no-repeat;
    background-position:bottom right;
}
#start .stripe {
    background:#61e353 url(../images/shader.png) repeat 0 0;
}

#about {
    top:1200px;
    left:0px;
}
#about .stripe {
    background-color:#374245;
    background:#9bf534 url(../images/man.png) repeat;
}

#work {
    top:1200px;
    left:1920px;
}
#work .stripe {
    background:#ffd17a url(../images/bike.png) repeat;
}
	
#contact {
    top:0px;
    left:1920px;
}
#contact .stripe {
    background:#fffef1 url(../images/down_arrow.png) repeat;
}
	
#print {
    top:0px;
    left:3840px;
    display:none;
}
#print .stripe {
    background:#284907 url(../images/tree.png) repeat;
}
	
#skills {
    top:1200px;
    left:3840px;
}
#skills .stripe {
    background:#a0e1ff url(../images/island.png) repeat;
}

.inside {
    margin-left:174px;
    margin-top:0px;
    width:70%;
    height:90%;
    overflow:hidden;
    text-shadow:2px 2px 2px #000;
}
	
div.positioning h1 {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
    padding-bottom:0px;
    line-height:25px;
    margin-left:174px;
    margin-top:16px;
    text-shadow:2px 2px 2px #000;
}

div.inside h1 {
    margin-left:0;
    text-shadow:2px 2px 2px #000;
}

.inside p {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
    font-size:8pt;
    color:#FFF;
    line-height:23px;
    margin-bottom:10px;
    text-shadow:2px 2px 2px #000;
}
	
/** list for skill page **/
.inside ul#skill_list li {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:8pt;
    display:block;
    padding:2px 10px;
    border-bottom:1px solid #ccc;
    text-shadow:2px 2px 2px #000;
}
.inside ul#work_list li {
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:8pt;
    display:block;
    padding:2px 10px;
    border-bottom:1px solid #ccc;
    text-shadow:2px 2px 2px #000;
    width:654px;
}

.inside ul#skill_list li:hover, ul#work_list li:hover {
    background-color:#fff;
    color: #000;
    text-shadow:2px 2px 2px #fff;
    cursor:crosshair;
}

.warning {
    background-color:#880000;
    line-height:normal;
    padding:15px;
}


/** MOOTOOLS **/

.navigator {
    float: left;
    cursor: pointer;
    display: block;
    clear: both;
    color:white;
}

.button {
    float: left;
    cursor: pointer;
    margin-right: 2px;
}

.slider {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
    font-size: 8pt;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    padding: 10px;
}

.slider img {
    border: 5px solid #FFF;
}

/** LINKS **/
a:link, a:visited {
    outline:none;
    color: #FFF;
    text-decoration: none;
    background-color: #000;
    padding: 1px 2px;
}
	
a:hover, a:active {
    outline:none;
    color:lawnGreen;
    text-decoration:none;
    background-color:#000;
    padding:1px 2px;
}
.gradient h1 {
    position:relative;
    color:white;
}
.gradient h1 span {
    Xbackground:transparent url(../images/gradient-dark-stripe-hz.png) repeat-x;
    Xbackground:transparent url(../images/gradient-a0e1ff.png) repeat-x;
    position: absolute;
    bottom: 0em;
    display: block;
    width: 100%;
    height: 29px;
}
input[name='status'] {
    opacity:0.6;
    border:1px solid white;
}
textarea[name='status_area'] {
    opacity:0.6;
    border:1px solid white;
    display:none;
}
div#debug {
   position:fixed;
   top:24px;
   right:0px;
   z-index:1000;
   display:none;
}
div#current_position {
    position:fixed;
    top:2px;
    right:2px;
    z-index:1000;
    display:none;
}
input#toggle_debug {
    float:right;
    margin:2px;
}
div#menu {
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:absolute;
    top:8px;
    left:8px;
    width:86px;
    height:150px;
    border:3px double #a0e1ff;
    padding:12px;
    text-align:center;
    z-index:1000;
}
div#menu input {
    width:84px;
    margin:2px 0;
}
div#logos {
    float:right;
    position:fixed;
    bottom:5px;
    right:5px;
    z-index:1000;
    background:transparent;
}
div#logos a {
    background:transparent;
}
div#parallax {
    position:absolute;
    top:0px;
    left:0px;
    width:2048px;
    height:1280px;
    background: transparent url(../images/landscape2.jpg) no-repeat 0 0;
    z-index:100;
    opacity:0.6;
    display:none;
}
div#about-scroller, div#animation-scroller, div#skills-scroller {
    background:transparent;
    width:44px;
    height:22%;
    position:relative;
    top:20%;
    right:6%;
    float:right;
}
div#about-scroller div.scroll-up, div#animation-scroller div.scroll-up, div#skills-scroller div.scroll-up {
    position:relative;
    top:0px;
    left:0px;
    cursor:pointer;
    height:30px;
    text-align:center;
    opacity:0.5;
}
div#about-scroller div.scroll-down, div#animation-scroller div.scroll-down, div#skills-scroller div.scroll-down {
    position:relative;
    top:48px;
    left:0px;
    cursor:pointer;
    height:30px;
    text-align:center;
    opacity:0.5;
}
ul.sub-list {
    margin-top:-6px;
}
ul.sub-list li {
    text-shadow:2px 2px 2px #000;
}
input#submit {
    margin-left:200px;
    margin-top:-6px;
}
input#email_address {
    width:200px;
    opacity:0.8;
    border:0;
    padding:2px;
}
textarea#message {
    width:200px;
    opacity:0.8;
    border:0;
    padding:2px;
}
input#reason {
    width:200px;
    opacity:0.8;
}
form#contact_form div {
    margin-bottom:6px;
}
form#contact_form label {
    vertical-align:top;
    text-shadow:2px 2px 2px #000;
}
.bold {
    font-weight:bold;
}
.ital {
    font-style:italic;
}
div#elance {
    float:right;
}