body {
    background: #EEE url('../img/home/headerBackground.jpg') repeat-x center top;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande", “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height:2;
    }

a {
    color: #707800;
    outline: none;
    }

    a:hover {
        color: #7c8500;
        }

.error {background: #2d2d2d;
            background: -webkit-gradient(
                            linear,
                            left bottom,
                            left top,
                            color-stop(0, rgb(60,60,60)),
                            color-stop(0.74, rgb(43,43,43)),
                            color-stop(1, rgb(60,60,60))
                        );
            background: -moz-linear-gradient(
                            center bottom,
                            rgb(60,60,60) 0%,
                            rgb(43,43,43) 74%,
                            rgb(60,60,60) 100%
                        );
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin:0px;
            text-shadow:0px -1px 0px #000;
            color:#fff267;
            padding:15px;
            }
            
            .error li {text-align:left;}
            
                
#header {
    width: 1000px;
    margin: 0px auto;
    height: 250px;
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5);
    background: #676f00 url('../img/home/headerCenter.jpg') no-repeat;
    }

    #topBar {
        height: 30px;
        }
        
    #logo {
        width: 147px;
        height: 114px;
        background: url('../img/home/logo.png') no-repeat;
        text-indent: -9999px;
        display: block;
        float: left;
        }    
        
    #nav {
        margin:0px;
        padding: 0px;
        width: 400px;
        float: right;
        height: 30px;
        }
        
        #nav li {
            float: left;
            list-style: none;
            }
            
        #nav a {
            float: left;
            display: block;
            padding: 10px;
            color:#ddd;
            text-decoration: none;
            padding:10px 20px 0px 14px;
            text-shadow:0px -1px 0px #000;
            }
                
            #nav a:hover {
                color: #fff;
                }
                
                
            .intro {
                float: left;
                margin: 42px 0px 10px 20px;
                font-weight:lighter;
                font-size: 30px;
                }    
                
            .description {
                clear:left;
                float:left;
                font-weight:lighter;
                width:440px;
                height:100px;
                line-height: 38px;
                font-size:18px;
                }
                
 #wrapper {
    width: 1000px;
    margin: 0 auto;
    }
    
    #content {
        width: 550px;
        float: left;
        margin-bottom:100px;
        text-shadow:0px 1px 0px #fff;
        color:#444;
        }
    
    #homeFeatures {
        margin: 20px 0px 0px 0px;
        padding: 0px;
        }
        
        #homeFeatures li {
            list-style: none;
            float: left;
            width:241px;
            height:322px;
            margin: 10px 20px 10px 0px;
            color:#444;
            }
        #homeFeatures li .featureImage {
            display: block;
            height: 125px;
            width:240px;
            }
            
            #iconOne {background:url('../img/home/icons_sprite.png') no-repeat scroll left top; height:125px; width:240px; display:block;}
            #iconTwo {background:url('../img/home/icons_sprite.png') no-repeat right top; height:125px; width:240px; display:block;}
            #iconThree {background:url('../img/home/icons_sprite.png') no-repeat left -160px; height:125px; width:240px; display:block;}
            #iconFour {background:url('../img/home/icons_sprite.png') no-repeat right -160px; height:125px; width:240px; display:block;}
    
    .featureLower {
    margin:0px 0px 15px 0px;
    }
        
    #sidebar {
        width: 430px;
        float: right;
        position:relative;
        }
        
        #homeVideo {
            border: solid 5px rgba(0,0,0,.3);
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            height: 272px;
            width:440px;
            margin:-100px 0px 0px -7px;
            }
        
        #createAccountButton {
            width: 400px;
            height: 68px;
            background: url('../img/home/createAnAccount.png') no-repeat left top;
            display: block;
            text-indent: -9999px;
            margin: 10px auto;
            }
        
            #createAccountButton:hover { background-position: left center; }
            #createAccountButton:active { background-position: left bottom; }
        
        
        #login {
            background: #2d2d2d;
            background: -webkit-gradient(
                            linear,
                            left bottom,
                            left top,
                            color-stop(0, rgb(60,60,60)),
                            color-stop(0.74, rgb(43,43,43)),
                            color-stop(1, rgb(60,60,60))
                        );
            background: -moz-linear-gradient(
                            center bottom,
                            rgb(60,60,60) 0%,
                            rgb(43,43,43) 74%,
                            rgb(60,60,60) 100%
                        );
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin: 10px 0px;
            }
            
            #login h2 {
                color: #fff;
                text-shadow: 0px -1px 0px #000;
                display: block;
                border-bottom: solid #181818 1px;
                -moz-box-shadow: 0px 1px 0px #3a3a3a;
                text-align: center;
                padding: 18px;
                margin: 0px;
                font-weight: normal;
                font-size:24px;
                }
            
            
            #login a {
                color: #8c910b;
                text-shadow: 0px -1px 0px #000;
                margin: 2px 5px 5px 5px;
                float:left;
                }
            
            
            #login fieldset {
                border: none;
                padding:0px 20px 20px;
                line-height:normal;
                }
                
                #loginButton {
                    width: 203px;
                    height: 40px;
                    border: none;
                    text-indent: -9999px;
                    background: url('../img/home/loginButton.png') no-repeat;
                    cursor: pointer;
                    float: right;
                    margin:5px 0px 0px 0px;
                    display:block;
                    }
                    
                    #loginButton:hover { background-position: 0px -41px; }
                    #loginButton:active { background-position: 0px -82px; }


#loginContainer {
width:430px;
margin: -100px auto 30px auto;
}

.shareText {
width:430px;
float:left;
padding:25px 10px 0px 0px;
text-shadow:0px 1px 0px #FFF;
margin:0px 0px 40px 0px;
}

    .shareText hr {
    background:#CCC;
    border-width:0px 0px 1px 0px;
    border-color:#FFF;
    }

#registrationDuplicate {
float:left;
}

#registrationContainer #registration {
width:430px;
float:right;
margin:-100px 30px 30px 30px;
position:relative;
}

#LogonSwitch {
                    width: 203px;
                    height: 40px;
                    border: none;
                    text-indent: -9999px;
                    background: url('../img/home/loginButton.png') no-repeat;
                    cursor: pointer;
                    float: left;
                    margin:10px 0px 0px 0px;
                    display:block;
}

                    #LogonSwitch:hover { background-position: 0px -41px; }
                    #LogonSwitch:active { background-position: 0px -82px; }

 #changePassword {
                    width: 203px;
                    height: 40px;
                    border: none;
                    text-indent: -9999px;
                    background: url('../img/home/passchange_sprite.png') no-repeat;
                    cursor: pointer;
                    float: right;
                    }
                    
                    #changePassword:hover { background-position: 0px -41px; }
                    #changePassword:active { background-position: 0px -82px; }
 
 #resetPassword {
                    width: 203px;
                    height: 40px;
                    border: none;
                    text-indent: -9999px;
                    background: url('../img/home/passreset_sprite.png') no-repeat;
                    cursor: pointer;
                    float: right;
                    }
                    
                    #resetPassword:hover { background-position: 0px -41px; }
                    #resetPassword:active { background-position: 0px -82px; }
.returnToLogon {float:left;}


/* General Form Styles */


fieldset label /* No JS version */ {
    color: #fff;
    margin: 0px 0px 5px;
    float: left;
    text-shadow: 0px -1px 0px #000;
    }

fieldset label.infield /* .infield label added by JS */ {
    color: #333;
    margin: 0px 0px 5px;
    float: left;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 3px !important;
    left: 30px !important;
    text-indent: 5px;
    height: 29px;
    width: 300px;
    line-height: 29px;
    display: block;
    background: -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(225,225,225)),
                    color-stop(0.54, rgb(215,215,215)),
                    color-stop(1, rgb(173,173,173))
                );
    }

input.text {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border:solid 1px #444;
    font-size: 14px;
    width: 90%;
    padding: 7px 8px 7px 30px;
    -moz-box-shadow: 0px 1px 0px #777;
    -webkit-box-shadow: 0px 1px 0px #777;
    background: #ddd url('../img/home/inputSprite.png') no-repeat 4px 6px;
    background: url('../img/home/inputSprite.png') no-repeat 4px 6px, -moz-linear-gradient(
                    center bottom,
                    rgb(225,225,225) 0%,
                    rgb(215,215,215) 54%,
                    rgb(173,173,173) 100%
                );
   background:  url('../img/home/inputSprite.png') no-repeat 4px 6px, -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(225,225,225)),
                    color-stop(0.54, rgb(215,215,215)),
                    color-stop(1, rgb(173,173,173))
                );
   color:#333;
   text-shadow:0px 1px 0px #FFF;
   }

.changePassword p {
    color: #fff;
    text-shadow: 0px -1px 0px #000;
}

.changePassword span {
float:left;
color:#FFF;
text-shadow: 0px -1px 0px #000;
font-size:11px;
margin:10px 0px 15px 0px;
}
   
fieldset p {
    position: relative;
    }   

    fieldset p label.error {
        position: absolute;
        right: 384px;
        top:0px;
        width: 300px;
        background: url('../img/home/error.png') no-repeat right center;
        color: #fff;
        text-shadow: 0px -1px 0px #000;
        padding: 10px 30px 10px 10px;
        text-align: right;
        margin:0px;
        }
   
   input.email { background-position: 4px 5px; background-position: 4px 5px, 0px 0px; }
   input.password { background-position: 4px -19px; background-position: 4px -19px, 0px 0px; }
   input.name { background-position: 4px -69px; background-position: 4px -69px, 0px 0px; }
   input.redemption { background-position: 4px -44px; background-position: 4px -44px, 0px 0px; }
   .passwordInfo {
           display:block;
           width:300px;
           text-shadow: 0px -1px 0px #000;
           margin:10px 0px 10px 37px;
           font-size:11px;
           color:#ccc;
           }
   
       input#rememberMe {float:left;}
        
        input#rememberMeLogin {
            float: left;
            }
            
            label.rememberMe {
            margin:2px;
            width:90px;
            }
        
        .rememberMe {
            float: left;
            margin: 10px 5px 5px 5px;
            width:372px;
            }
        
        #registration {
            background: #333333;
            background: -webkit-gradient(
                            linear,
                            left bottom,
                            left top,
                            color-stop(0, rgb(60,60,60)),
                            color-stop(0.74, rgb(43,43,43)),
                            color-stop(1, rgb(60,60,60))
                        );
            background: -moz-linear-gradient(
                            center bottom,
                            rgb(60,60,60) 0%,
                            rgb(43,43,43) 74%,
                            rgb(60,60,60) 100%
                        );
            /*border: solid 5px rgba(0,0,0,.4);*/
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin: -100px 0px 10px;
            position:absolute;
            width:428px;
            }
            
            #registration h2 {
                color: #ddd;
                text-shadow: 0px -1px 0px #000;
                display: block;
                border-bottom: solid #181818 1px;
                -moz-box-shadow: 0px 1px 0px #3a3a3a;
                text-align: center;
                padding: 18px;
                margin: 0px;
                font-weight: normal;
                font-size: 28px;
                }
            
            
            #registration a {
                color: #8c910b;
                text-shadow: 0px -1px 0px #000;
                }
            
            
            #registration fieldset {
                border: none;
                padding:0px 20px 20px;
                line-height:normal;
                }
                
                p.accept {
                    }
                
                input#acceptTerms {
                    margin: 10px 5px;
                    float: left;
                    }
                
                .acceptTerms {
                    float:left;
                    cursor: pointer;
                    color: #fff;
                    text-shadow: 0px -1px 0px #000;
                    margin: 9px 0px 10px 0px;
                    }
                    
                    .acceptTerms a {
                    padding:0px;
                    }
                    
                 .acceptTermsText {
                 margin:9px 5px 5px 5px;
                 }
                 
                 .forgotPass {float:right;}
           
           #resultMessage {color:#fff; text-shadow:0px -1px 0px #222; width:350px;}
                
                #registerNew {
                    width: 203px;
                    height: 40px;
                    border: none;
                    text-indent: -9999px;
                    background: url('../img/home/createAccountButton.png') no-repeat;
                    cursor: pointer;
                    float: right;
                    }
                    
                    #registerNew:hover { background-position: 0px -41px; }
                    #registerNew:active { background-position: 0px -82px; }
                
                #RegisterSwitch {
                width:125px;
                height:25px;
                border:none;
                text-indent: -9999px;
                background: url('../img/home/register_button.png') no-repeat;
                cursor:pointer;
                float:left;
                margin:24px 58px 0px 0px;
                }   
                
                    #RegisterSwitch:hover {background-position: 0px -25px;}
                    #RegisterSwitch:active {background-position: 0px -50px;}
                     
                    #download #registration {
                    float:left;
                    margin:0px 0px 20px 0px;
                    width:1000px;
                    position:relative;
                    }
                    
                    #download #registration h2 {
                    text-align:left;
                    height:55px;
                    padding:20px 0px 0px 40px;
                    width:460px;
                    float:left;
                    font-size:22px;                 
                    }
                                        
                    #downloadFeatures {
                    width:508px;
                    float:left;
                    height:154px;
                    background:url('../img/home/downloadsCorner.jpg') no-repeat scroll right 144px;
                    }
                    
                    #downloadVid {
                    width:492px;
                    height:294px;
                    position:absolute;
                    top:-286px;
                    left:508px;
                    display:block;              
                    -moz-border-radius:10px 10px 0px 0px;
                    -webkit-border-radius:10px 10px 0px 0px;                    
                    background:#333333 url('../img/home/arrow.png') no-repeat scroll left 131px;
                    background: url('../img/home/arrow.png') no-repeat scroll left 131px, -moz-linear-gradient(
                    center bottom,
                    rgb(58,58,58) 11%,
                    rgb(40,40,40) 56%
                    
                );
   background:  url('../img/home/arrow.png') no-repeat scroll left 131px, -webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0.11, rgb(58,58,58)),
                    color-stop(0.56, rgb(40,40,40))
                    
                );
                    }
                    
                    #downloadVid .video {
                    margin:0px 0px 0px 36px;
                    width:415px;
                    height:257px;
                    position:relative;
                    top:30px;
                    z-index:2;
                    }
                    
                    #downloadFeatures ul {
                    margin:15px 0px 15px 0px;
                    line-height:normal;
                    display:block;
                    list-style:disc none outside;
                    padding-left:42px;
                    }
                    
                    #downloadFeatures li {
                    color:#949e00;
                    text-shadow:0px 1px 0px #FFF;
                    width:450px;
                    font-size:20px;
                    padding:0px 0px 0px 0px;
                    margin:0px 0px 15px 0px;
                    }
                    
#DesktopInformation {
padding:20px 40px 40px 40px;
color:#ddd;
text-shadow:0px -1px 0px #000;
width:410px;
float:left;
}

#webInfo {
padding:20px 40px 40px 50px;
color:#ddd;
text-shadow:0px -1px 0px #000;
width:400px;
float:left;
position:relative;
top:12px;
}

    a.goToWeb {    
    margin:0px 0px 0px 0px;
    width:286px;
    height:68px;
    background:url('../img/home/wonderbarWeb.png') no-repeat;
    border:0px;
    cursor:pointer;
    position:absolute;
    top:332px;
    text-indent:-9999px;
    float:left;
    left:713px;
    }


        .video {
            height: 294px;
            width:480px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border: solid 5px rgba(0,0,0,.3);
            margin: 10px 0px;
            }
            
#embedded_player_fd381d5959ae2 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:solid 0px #444;
}

.embedded_player {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:solid 0px #444;
}            
            
#getStarted {
float:left;
position:relative;
top:-18px;
width:200px;
margin:10px 0px 0px 22px;
padding:1px 0px 0px 21px;
background: url('../img/site/information-button.png') no-repeat scroll left;
text-decoration:none;
}

    a#getStarted:hover {
    text-decoration:underline;
    }

#about {
width:600px;
margin:10px 0px 40px 0px;
padding:25px 0px 0px 60px;
background:url('../img/home/aboutBG.png') no-repeat scroll top left;
text-shadow:0px 1px 0px #FFF;
color:#444;
}

#support {
color:#444;
text-shadow:0px 1px 0px #FFF;
}

#support fieldset {
background: #2d2d2d;
            background: -webkit-gradient(
                            linear,
                            left bottom,
                            left top,
                            color-stop(0, rgb(60,60,60)),
                            color-stop(0.74, rgb(43,43,43)),
                            color-stop(1, rgb(60,60,60))
                        );
            background: -moz-linear-gradient(
                            center bottom,
                            rgb(60,60,60) 0%,
                            rgb(43,43,43) 74%,
                            rgb(60,60,60) 100%
                        );
            border:0px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin:10px 10px 40px 0px;
            width:450px;
}

/*#support fieldset input.text {background: #ddd;
    background:-moz-linear-gradient(
                    center bottom,
                    rgb(225,225,225) 0%,
                    rgb(215,215,215) 54%,
                    rgb(173,173,173) 100%
                );
   background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(225,225,225)),
                    color-stop(0.54, rgb(215,215,215)),
                    color-stop(1, rgb(173,173,173))
                );}*/
                
#support fieldset textarea.message {background: #ddd;
    background:-moz-linear-gradient(
                    center bottom,
                    rgb(225,225,225) 0%,
                    rgb(215,215,215) 54%,
                    rgb(173,173,173) 100%
                );
   background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0, rgb(225,225,225)),
                    color-stop(0.54, rgb(215,215,215)),
                    color-stop(1, rgb(173,173,173))
                );                
                -moz-box-shadow: 0px 1px 0px #777;
                -webkit-box-shadow: 0px 1px 0px #777;
                border:solid 1px #444;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                margin:0px;
                width:95%;
                height:100px;
                padding:7px 7px 7px 7px;
                }

#submitSupport {
                width:125px;
                height:25px;
                border:none;
                text-indent: -9999px;
                background: url('../img/home/submit_button.png') no-repeat;
                cursor:pointer;
                float:right;
                margin:0px 3px 0px 0px;
                }   
                
                    #submitSupport:hover {background-position: 0px -25px;}
                    #submitSupport:active {background-position: 0px -50px;}
        
#footer {
    clear: both;
    color: #666;
    text-shadow:0px -1px 0px #000;
    height:120px;
    background:#202020 url('../img/home/footerScroll.jpg') repeat-x;
    }        
    
    #footer-inside {
        margin: 0px auto;
        width: 1000px;
        height:80px;
        display:block;
        padding: 27px 0px 13px;
        background:url('../img/home/footerBG.jpg') no-repeat;        
        }
        
        
        .footerLogo {
        width:150px;
        height:45px;
        display:block;
        background:url('../img/home/umgLogo.png') no-repeat;
        border:0px;
        margin:0px;
        padding:0px;
        text-indent:-9999px;
        }