/* ----------------------------------------------------------------------
BASE TAGS
---------------------------------------------------------------------- */
body, html {height: 100%;}

html {
    background: url(../img/beta/bg.jpg);
} 

body{
    background: url(../img/beta/bodyBg.jpg) no-repeat center center;
}

input {
    background: none;
    border: 0px;
    outline: none;
}

a {
    text-decoration: none;
}

a:hover span{
   color: #647f8d; 
}
    
/* ----------------------------------------------------------------------
CENTER BOX
---------------------------------------------------------------------- */

#outer { width: 100%; height: 100%; overflow: visible;}
#outer {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center; vertical-align:middle;} /* for explorer only*/
#middle {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; text-align: left;} /* for explorer only */
#inner {
    width: 620px;
    height: 489px;
    margin-left: auto; margin-right: auto;
    background:url(../img/beta/formBg.jpg) no-repeat;
} /* for all browsers*/

/* ----------------------------------------------------------------------
TYPOGRAPHY
---------------------------------------------------------------------- */

body, input {
    font-family: "museo-1", "museo-2", serif;
    font-size: 18px;
    font-weight: 300;
    color: #2c2b2b;
    -webkit-text-stroke: 1px transparent;
}

h1 {
    font-family: "museo-1", "museo-2", serif;
    font-size: 24px;
    font-weight: 300;
    color: #2c2b2b;
    margin-top: 32px;
    -webkit-text-stroke: 1px transparent;
}


h2 {
    margin-top: 10px;
    color: #959595;
}

span {
    color: #959595;
    margin-left: 15px;
}

/* ----------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------- */

#content {
    padding-top: 20px;
    padding-left: 75px;
    /*border: solid 1px red;*/
}

#signup {
    margin-top: 43px;
}


#signup label {
    width: 80px;
    display: block;
    float: left;
    text-align: right;
}

#signup p, .multi {
    margin-top: 11px;
}

#signup input[type='text'] {
    margin-left: 26px;
    width: 280px;
    color: #647f8d;
}

/* ----------------------------------------------------------------------
FORM BUTTON
---------------------------------------------------------------------- */

.options {
    margin-left: 105px;
}

.options li {
    float: left;
    margin-right: 35px;
    background: url(../img/beta/formButton.png) -165px -37px no-repeat;
    padding-left: 28px;
    color: #647f8d;
}

.options li:hover {
    cursor: pointer;
}

.options li.selected {
    background: url(../img/beta/formButton.png) -164px -5px no-repeat;
}

.options li.lastElement {
    margin-right: 0px;
}

#iphoneModel li {
    margin-right: 25px;
}

#submit {
    width: 155px;
    height: 31px;
    background: url(../img/beta/formButton.png) top left no-repeat;
    margin-left: 160px;
    margin-top: 43px;
}

#submit:hover {
   cursor: pointer; 
}

#submit:active {
    background: url(../img/beta/formButton.png) bottom left no-repeat;
}

/* ----------------------------------------------------------------------
TOOLBOX
---------------------------------------------------------------------- */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */