/**
 *	reset
 *
 *	based on Eric Meyer's global reset
 *	@see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
	font-weight: 		normal;
	font-style: 		normal;
	font-size: 			100%;
	font-family: 		inherit;
	vertical-align: 	baseline;
}
:focus {
	outline: 			0;
}
ol, ul {
	list-style: 		none;
}
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}
caption, th, td {
	text-align: 		left;
	font-weight: 		normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
  font-weight:      bold;
}
/** /reset **/


body,
html {
  height:           100%;
  padding:          0;
  margin:           0;
  
}
body {
  background:       #3E866A url(../images/bg_transition.png) repeat-x;   
  font:             14px/1.4em Helvetica, Arial, "Sans Serif";
}
body.weekend {
  background:       #816890 url(../images/bg_transition_weekend.png) repeat-x;   
}
body.zurich {
  background:       #816890 url(../images/bg_transition_zurich.png) repeat-x;   
}

#wrapper {
  position:         relative;
  width:            894px;
  background:       #FFF  url(../images/iphone.jpg) 565px 143px no-repeat;
  
  margin:           0 auto !important;
  min-height:       101%; 
}
body.weekend #wrapper{
  background-image: url(../images/iphone-weekend.jpg);
}
body.zurich #wrapper{
  background-image: url(../images/iphone-zurich.jpg);
}
* html #wrapper {
  height:       100%;
}

h1, h2, p, form {
  margin-left:      55px;
  margin-right:     355px;
  
}

h1 {
  border-top:       46px solid #fff;
  margin-bottom:    36px;
}
h2 {
  margin-bottom:    18px;
}
p {
  font-size:        13px;
  line-height:      22px;
  margin-bottom:    1.4em;
  
}
a {
  color:            #3E866A;
}
body.weekend a {
  color:            #816890;
}
body.zurich a {
  color:            #00A5C8;
}

form {
  margin-top:       61px;
}
form label {
  font-weight:      bold;
  display:          block;
  margin-bottom:    2px;
}
form input.txt {
  border:           1px solid #000;
  width:            228px;
  padding:          3px 3px 2px;
  font:             11px Helvetica, Arial, "Sans Serif";
  margin:           0 0 5px;
}
form p {
  margin-left:      0;
  margin-right:     0;
}

#nav {
  position:         absolute;
  top:              47px;
  right:            62px; 
}
#nav li {
  display:          inline;
}

p.appstore-badge {
  margin-bottom:    40px;
  
}

img.gwb-logo {
  margin-left:      12px;
  margin-top:       20px;
  
}

#screenshots {
  position:         absolute !important;
  top:              229px;
  right:            82px;
  width:            223px;
  height:           333px;
}
#screenshots li {
  width:            223px;
  height:           333px;
}
.jcarousel-next,
.jcarousel-prev {
  display:          block;
  width:            32px;
  height:           32px;
  position:         absolute;
  bottom:           -120px;
  cursor:           pointer;
  
  opacity:          .7;
}
.jcarousel-next {
  background-image: url(../images/screenshots/next-horizontal.png);
  right:            0;
}
.jcarousel-prev {
  background-image: url(../images/screenshots/prev-horizontal.png);
  left:             0;
}
.jcarousel-prev:hover,
.jcarousel-next:hover {
    background-position: -32px 0;
}
.jcarousel-prev:active,
.jcarousel-next:active {
    background-position: -64px 0;
}
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active
.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active {
    cursor: default;
    background-position: -96px 0;
}

#screenshots img {
  display:          none;
}
#screenshots.jcarousel-container img {
  display:          block;
}


#imprint {
  margin-top:       80px;
  padding-bottom:   30px; 
}
#imprint a {
  color:            #000;
  text-decoration:  none;
}
#imprint a:focus,
#imprint a:hover {
  text-decoration:  underline;
}