body {
font: 13px/21px "GothamBook",Verdana, sans-serif;
background: #fff ;
color: #224c6c;
margin: 0;
}

@font-face {
font-family: "GothamMedium";
src: url( /fonts/gotham-medium.eot ); /* IE */  
src: local(" real GothamMedium.ttf "), url( /fonts/gotham-medium.ttf ) format("truetype"); /* non-IE */
}

@font-face {
font-family: "GothamBook";
src: url( /fonts/gotham-book.eot ); /* IE */  
src: local(" real GothamBook.ttf "), url( /fonts/gotham-book.ttf ) format("truetype"); /* non-IE */
}

@font-face {
font-family: "GothamItalic";
src: url( /fonts/gotham-bookitalic.eot ); /* IE */  
src: local(" real GothamBook Italic.ttf "), url( /fonts/gotham-bookitalic.ttf ) format("truetype"); /* non-IE */
}

a {
text-decoration: none;
color: #224c6c;
}

a img {
border: 0;
}

img a {
border: 0;
}

strong {
font-family: "GothamMedium", ,Lucida, Verdana, sans-serif;
}

em {
font-family: "GothamItalic" ,Lucida, Verdana, sans-serif;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.spacer {
clear: both;
}

a.logo {
display: block;
height: 35px;
width: 275px;
margin-bottom: 30px;
background: url(/assets/sofie-logo.png) no-repeat left center;
}


#wrapper {
width: 860px;
margin: auto;
padding: 65px 50px;
padding-top: 130px;
background: url(/assets/lovely.jpg) no-repeat right -77px;
}

#content {
width: 600px;
float: left;
}

p.splash {
font-size: 19px;
line-height: 29px;
margin-left: 40px;
display: block;
height: 87px;
}

.thanks {
font-size: 13px;
line-height: 20px;
margin-left: 40px;
display: block;
height: 107px;
direct;
}

.thanks strong{
font-family: "GothamMedium", lucida, verdana;
display: block;
margin-bottom: 5px;
}

a.jump {
display: block;
float: left;
width: 200px;
margin-left: 40px;
margin-top: 15px;
text-shadow: #f8f7f4 0 2px 0;
}

span.spec {
text-transform: uppercase;
font-size: 9px;
font-family: GothamMedium ,Lucida, Verdana, sans-serif;
color: #7996ba;
}

a.jump h3 {
margin: 0;
margin-top: -4px;
font-family: GothamMedium ,Lucida, Verdana, sans-serif;
font-size: 36px;
text-transform: uppercase;
}

a.jump h3 sup {
font-size: 13px;
vertical-align: 17px;
}

span.launch {
text-transform: uppercase;
font-size: 9px;
font-family: GothamMedium ,Lucida, Verdana, sans-serif;
display: block;
margin-top: 6px;
text-decoration: underline;
text-shadow: none;
}

#demotip {
display: none;
font-size: 12px;
height: 70px;
width: 200px;
padding: 35px;
padding-left: 90px;
color: #7996ba;
margin-top: 215px;
margin-left: -28px;
background: url(/assets/splashselector.png) no-repeat left top;
}

#demo {
}
 
/* style the trigger elements */
#demo img {
border: 0;
cursor: pointer;
}