/* 
    LAYOUT
*/

/* BEGIN: body */
body {
    background: url('../images/bg.png') repeat;
    font-family: 'Open Sans', sans-serif;
    color: #272B35;
}
/* END: body */


/* BEGIN: input and textarea */
input[type=text],
textarea {
    font-family: 'Open Sans', sans-serif;
    background-color: #272b35;
    float: left;
    padding: 0px 20px;
    width: 292px;
    height: 37px;
    line-height: 37px; /* fix input height for old IE */
    border: 0px;
    border-radius: 5px;
    color: #9b9fb6;
    font-size: 18px;
    margin-right: 10px;
}
/* END: input and textarea */


/* BEGIN: button */
.button {
    background: url('../images/bg-button.jpg') repeat-x;
    background-position: 0px 0px;
    display: block;
    float: left;
    padding: 8px 10px;
    height: 21px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
}

    .button:hover {
        background-position: 0px -37px;
    }
/* END: button */
    

/* BEGIN: contact dialog */    
#dialog-contact {
    background-color: #1f232f;
    width: 660px;
    height: 485px;
    padding: 30px;
}

    #dialog-contact h1 {
        color: #fff;
        font-size: 24px;
        font-weight: bold;
    }
    
    #dialog-contact #hr {
        background: url('../images/bg-hr.jpg') repeat-x;
        width: 660px;
        height: 2px;
        margin: 30px 0 20px;
    }
    
    #dialog-contact label {
        display: block;
        font-size: 18px;
        width: 245px;
        float: left;
        margin-top: 6px;
    }
    
    #dialog-contact input {
        background-color: #292d38;
    }
    
    #dialog-contact textarea {
        height: 150px;
    }
    
    #dialog-contact textarea,
    #dialog-contact input {
        width: 370px;
        margin-right: 0px;
    }
    
    #dialog-contact .submit {
        float: right;
    }
    
    #dialog-contact .row {
        float: left;
        margin-bottom: 10px;
        width: 660px;
    }
/* END: contact dialog */   
   



/* BEGIN: error label */
#dialog-contact label.error,
label.error {
    font-size: 12px;
    color: #ff0000;
    float: right;
    width: auto;
    margin-right: 5px;
}
/* END: error label */

/* BEGIN: space-background */
#space-background {
    background: url('../images/bg-space.png') no-repeat;
    width: 1000px;
    height: 391px;
    position: absolute;
    left: 50%;
    top: 109px;
    margin-left: -500px;
    z-index: 1;
}

    #space-background #abraxa {
        background: url('../images/bg-abraxa.png') no-repeat;
        width: 130px;
        height: 75px;
        position: absolute;
        top: 140px;
        left: 50px;
    }
    
    #space-background #longsol {
        background: url('../images/bg-longsol.png') no-repeat;
        width: 132px;
        height: 75px;
        position: absolute;
        top: 200px;
        right: 60px;
        z-index: 1;
    }
/* END: space-background */


/* BEGIN: page */
#page {
    background: url('../images/bg-page.jpg') repeat-x;
    width: 100%;
    height: 900px;
}
    
    /* BEGIN: center */
    #page #center {
        margin: 0 auto;
        width: 830px;
        height: 100%;
        position: relative;
        z-index: 10;
    }
    
        /* BEGIN: header */
        #page #center header {
            background: url('../images/bg-header.png')top center no-repeat;
            width: 100%;
            height: 200px;
            padding-top: 25px;
        }
        
            #page #center header h1 {
                font-size: 27px;
                color: #9b9fb6;
                float: left;
                margin: 10px 0 0 30px;
                padding-left: 30px;
                border-left: 1px solid #46474c;
            }
            
            #page #center header ul {
                margin-top: 20px;
                float: right;
                list-style: none;
            }
            
                #page #center header ul li {
                    float: left;
                    margin-right: 4px;
                }
                
                #page #center header ul li a {
                    background: url('../images/bg-social.png') no-repeat;
                    display: block;
                    width: 23px;
                    height: 23px;
                }
                
                    #page #center header ul li #google {
                        background-position: 0px 0px;
                    }
                    
                        #page #center header ul li #google:hover {
                            background-position: 0px -23px;
                        }
                        
                    #page #center header ul li #vimeo {
                        background-position: -27px 0px;
                    }
                    
                        #page #center header ul li #vimeo:hover {
                            background-position: -27px -23px;
                        }
                        
                    #page #center header ul li #yt {
                        background-position: -53px 0px;
                    }
                    
                        #page #center header ul li #yt:hover {
                            background-position: -53px -23px;
                        }
                        
                    #page #center header ul li #fb {
                        background-position: -80px 0px;
                    }
                    
                        #page #center header ul li #fb:hover {
                            background-position: -80px -23px;
                        }
                        
                    #page #center header ul li #twitter {
                        background-position: -106px 0px;
                    }
                    
                        #page #center header ul li #twitter:hover {
                            background-position: -106px -23px;
                        }
        /* END: header */
            
        /* BEGIN: contet */
        #page #center #content {
            width: 100%;
            height:440px;
        }
        
            #page #center #content h1,
            #page #center #content h3 {
                text-align: center;
            }
            
            #page #center #content h1 {
                color: #1F232F;
                font-size: 42px;
                font-weight: bold;
                display: block;
                margin: 0 auto;
            }
            
            #page #center #content h3 {
                font-size: 26px;
            }
            
            /* BEGIN: counter */
            #page #center #content #counter {
                width: 620px;
                height: 170px;
                position: relative;
                margin: 20px auto;
            }
            
                #page #center #content #counter .info {
                    position: absolute;
                    z-index: 999;
                    top: 55px;
                    width: 100px;
                    color: #1F232F;
                    text-align: center;
                    line-height: 1.3em;
                }
                
                    #page #center #content #counter .info .number {
                        font-size: 44px;  
                        font-weight: bold;
                    }
                    
                    #page #center #content #counter .info p {
                        font-size: 20px;
                    }
                
                    #page #center #content #counter #days {
                        left: 27px;
                    }

                    #page #center #content #counter #hours {
                        left: 185px;
                    }

                    #page #center #content #counter #minutes {
                        left: 337px;
                    }

                    #page #center #content #counter #seconds {
                        left: 495px;
                    }
            
                #page #center #content #counter .chart {
                    width: 155px;
                    height: 170px;
                    float: left;
                    
                }
            /* END: counter */
            
            
            /* BEGIN: subscribe form */
            #page #center #content #form {
                
            }
            
                #page #center #content #form label {
                    display: block;
                    float: left;
                    font-size: 28px;
                    width: 305px;
                    color: #9b9fb6;
                    margin-top: 7px;
                }
 
                #page #center #content #form #form-background {
                    float: left;
                    background-color: #1f232f;
                    padding: 10px;
                    border-radius: 5px;
                    position: relative;
                }
                
                    #page #center #content #form #form-background label.error {
                        position: absolute;
                        color: #ff0000;
                        top: 55px;
                        left: 20px;
                        font-size: 13px;
                    }
                
            /* END: subscrube form */
                
                
            /* BEGIN: contact us */
            #page #center #content #contact-us {
                margin-top: 130px;
                color: #9B9FB6;
            }
            
                #page #center #content #contact-us .button {
                    background: url('../images/bg-button-big.jpg') repeat-x;
                    padding: 13px 80px;
                    height: 24px;
                    font-size: 20px;
                }
                
                    #page #center #content #contact-us .button:hover {
                        background-position: 0 -50px;
                    }
                
                #page #center #content #contact-us p {
                    margin-left: 20px;
                    float: left;
                    font-size: 20px;
                    line-height: 1.1em;
                    width: 500px;
                }
            /* END: contact us */
            
        /* END: content */
        
        
        
        /* BEGIN: footer */
        #page #center footer {
            
        }
        
            #page #center footer a {
                color: #bf2d2c;
                text-decoration: none;
            }
            
                #page #center footer a:hover {
                    color: #9b9fb6;
                }

            #page #center footer p {
                font-size: 15px;
            }
        /* END: footer */
        
        
/* END: page */