html {
	background:#495257 url(images/gc_gradient_bg.png) repeat-x;
}

body {
	background: url(images/gc_bg_pattern.png);
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#fff;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

* html body {
	background: url(images/gc_ie_gradient_bg.png) repeat-x;
}

a:link, a:visited {
	color:#bcbebf;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

.container {
	width: 926px;
	position: relative;
	margin: 0 auto;
}

#header, #content, #footer {
	position: relative;
}

.container:after, .clearfix:after, body:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	visibility:collapse;
	overflow: hidden;
}


/**
 * modal
 *******************************************/

#signup-modal {
	display:none;
	width:884px;
}

#signup-modal .content,
#signup-modal .create-membership,
#signup-modal .join-btn,
#signup-modal .footer,
#signup-modal .content .logo,
#signup-modal .content .gc-prices,
#signup-modal .content form label,
#signup-modal .content form h2.contact-info,
#signup-modal .content form h2.subsc-info,
#signup-modal .content .modal-close {
	background: url(images/float-form-sprite.png) no-repeat;
}

#signup-modal .create-membership
{
	width:332px;
	height:39px;
	overflow:hidden;
	background-position: -344px -223px;
	text-indent:-900em;
}

#signup-modal .join-btn 
{
	display:block;
	width:549px;
	height:85px;
	margin:0 auto;
	background-position: -51px -265px;
	text-indent:-900em;
	margin-top:1em;
}

#signup-modal .join-btn:hover,
#signup-modal .join-btn:active
{
	background-position: -51px -355px;
}

#signup-modal .content {
	background-position: 0 -441px;
	padding: 20px 25px 0;
}

#signup-modal .footer {
	background-position: bottom left;
	height:25px;
}

#signup-modal .content .modal-close {
	display:block;
	position:absolute;
	width:47px;
	height:47px;
	background-position: 0 -347px;
	text-indent: -900em;
	cursor:pointer;
	top:-16px;
	left:-16px;
}

#signup-modal .content .modal-close:hover,
#signup-modal .content .modal-close:active {
	background-position: 0 -394px;
}

#signup-modal .content .logo {
	background-position: -336px 0;
	width:321px;
	height:219px;
	text-indent:-900em;
	margin-top:-1.7em;
}

#signup-modal .content .signup-left-col {
	float:left;
	width:400px;
	margin-left:50px;
}

#signup-modal .content .gc-prices {
	width:328px;
	height:182px;
	background-position: 0 -74px;
}

#signup-modal .content .gc-prices.UK {
	background-position: -884px 0;
}

#signup-modal .content .gc-prices.EU {
	background-position: -884px -183px;
}

#signup-modal .content .gc-prices.CA {
	background-position: -884px 365px;
}

#signup-modal .content .gc-prices.AU {
	background-position: -884px 546px;
}

#signup-modal .content .gc-prices.JP {
	background-position: -884px 728px;
}

#signup-modal .content form {
	float:left;
	width:310px;
}

#signup-modal .content form label {
	display:block;
	text-indent:-900em;
	margin-top:0.5em;
}

#signup-modal .content form label.fname {
	background-position: -618px -379px;
	width:80px;
}

#signup-modal .content form label.lname {
	background-position: -618px -400px;
	width:80px;
}

#signup-modal .content form label.email {
	background-position: -618px -417px;
	width:105px;
}

#signup-modal .content form label.user {
	background-position: -704px -379px;
	width:80px;
}

#signup-modal .content form label.pass {
	background-position: -704px -400px;
	width:80px;
}

#signup-modal .content form label.payment {
	background-position: -616px -302px;
	height:23px;
	width:120px;
}

#signup-modal .content form label.subsc_type {
	background-position: -616px -347px;
	height:23px;
}

#signup-modal .content form h2.contact-info,
#signup-modal .content form h2.subsc-info {
	height:23px;
	overflow:hidden;
	text-indent:-900em;
}

#signup-modal .content form h2.contact-info {
	background-position: -616px -278px;
}

#signup-modal .content form h2.subsc-info {
	background-position: -616px -325px;
}


#signup-modal .content ul,
#signup-modal .content ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#signup-modal .content .col {
	width:49%;
}

#signup-modal .content .col.left {
	float:left;
}

#signup-modal .content .col.right {
	float:right;
}


/**
 * Headers
 *******************************************/

#header h1 {
	position: absolute;
	text-indent: -900em;
}

#page-1 #header {
	background: url(images/01-tour-header.png);
	height: 387px;
}

#header {
	height: 464px;
}

#page-2 #header {
	background: url(images/02-tour-header.png);
}

#page-3 #header {
	background: url(images/03-tour-header.png);
}

#page-4 #header {
	background: url(images/04-tour-header.png);
}

#page-5 #header {
	background: url(images/05-tour-header.png);
}

/**
 * Bodies
 *******************************************/

ul#content, ul#content li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content h2 {
	margin: 0;
}

#page-1 ul#content li,
#page-2 ul#content li,
#page-3 ul#content li,
#page-4 ul#content li,
#page-5 ul#content li#body-1,
#page-5 ul#content li#body-2 {
	text-indent: -900em;
}

/* Page 1 */
#page-1 ul#content li#body-1 {
	background: url(images/01-tour-body-1.png);
	height: 540px;
}

#page-1 ul#content li#body-2 {
	background: url(images/01-tour-body-2.png);
	height: 264px;
}

#page-1 ul#content li#body-3 {
	background: url(images/01-tour-body-3.png);
	height: 616px;
}

/* Page 2 */
#page-2 ul#content li#body-1 {
	background: url(images/02-tour-body-1.png);
	height: 237px;
}

#page-2 ul#content li#body-2 {
	background: url(images/02-tour-body-2.png);
	height: 264px;
}

#page-2 ul#content li#body-3 {
	background: url(images/02-tour-body-3.png);
	height: 845px;
}

/* Page 3 */
#page-3 ul#content li#body-1 {
	background: url(images/03-tour-body-1.png);
	height: 463px;
}

#page-3 ul#content li#body-2 {
	background: url(images/03-tour-body-2.png);
	height: 264px;
}

#page-3 ul#content li#body-3 {
	background: url(images/03-tour-body-3.png);
	height: 619px;
}

/* Page 4 */
#page-4 ul#content li#body-1 {
	background: url(images/04-tour-body-1.png);
	height: 463px;
}

#page-4 ul#content li#body-2 {
	background: url(images/04-tour-body-2.png);
	height: 264px;
}

#page-4 ul#content li#body-3 {
	background: url(images/04-tour-body-3.png);
	height: 619px;
}

/* Page 5 */
#page-5 ul#content li#body-1 {
	background: url(images/05-tour-body-1.png);
	height: 611px;
}

#page-5 ul#content li#body-2 {
	background: url(images/05-tour-body-2.png);
	height: 264px;
	margin-left: 2px;
}

#page-5 ul#content li#body-3 {
	background: url(images/05-tour-body-3.png);
	height: 416px;
}

/* Start: IP Targeting */

#page-5 ul#content li#body-3.CA {
	background: url(images/05-tour-body-3-CA.png);
	height: 416px;
}

#page-5 ul#content li#body-3.UK,
#page-5 ul#content li#body-3.GB {
	background: url(images/05-tour-body-3-UK.png);
	height: 416px;
}

#page-5 ul#content li#body-3.AU {
	background: url(images/05-tour-body-3-AU.png);
	height: 416px;
}

#page-5 ul#content li#body-3.EU {
	background: url(images/05-tour-body-3-EU.png);
	height: 416px;
}

#page-5 ul#content li#body-3.JP {
	background: url(images/05-tour-body-3-JP.png);
	height: 416px;
}

/* End: IP Targeting */

#page-5 ul#content li#body-3 form {
	float:right;
	width:305px;
	margin-top: 147px;
	margin-right: 153px
}

#page-5 ul#content li#body-3 form ul,
#page-5 ul#content li#body-3 form ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page-5 ul#content li#body-3 .col input {
	margin-bottom: 26px;
}

#page-5 ul#content li#body-3 div.col {
	width:49%;
}

#page-5 ul#content li#body-3 div.col.left {
	float: left;
}

#page-5 ul#content li#body-3 div.col.right {
	float: right;
}

/**
 * Footers
 *******************************************/

#page-1 #footer {
	background: url(images/tour-index-footer.png) no-repeat;
}

#footer {
	background: url(images/tour-footer.png) no-repeat;
}

#footer a.button {
	position: absolute;
	display:block;
	background:url(images/trans.png);
	text-indent:-900em;
	cursor:pointer;
}

/* Rest of the pages */

#footer a.button.prev {
	top:23px;
	left:99px;
	width:169px;
	height:85px;
}

#footer a.button.join {
	top:-10px;
	left:322px;
	width:247px;
	height:154px;
}

#footer a.button.next {
	top:16px;
	left:619px;
	width:183px;
	height:91px;
}

#footer ul {
	margin:0;
	padding:0;
	padding-top: 180px;
	list-style: none;
	text-align: center;
}

#footer ul li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}

#footer ul li.big {
	font-size: 1em;
}

#footer ul li.strong {
	font-weight: bold;
}

/* Page 1 */

#page-1 #footer a.button.members {
	top:30px;
	left:58px;
	width:253px;
	height:77px;
}

#page-1 #footer a.button.join {
	top:-4px;
	left:311px;
	width:247px;
	height:154px;
}

#page-1 #footer a.button.tour {
	top:24px;
	left:558px;
	width:309px;
	height:83px;
}

/* Page 5 */

#page-5 #footer {
	background: url(images/05-tour-footer.png) no-repeat;
}

#page-5 #footer a.button.join {
	top:28px;
	left:130px;
	width:657px;
	height:100px;
}


/* Social icons */

#social { 
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 175px;
}

#social img { 
    margin: 0 0.75em;	
    border: 0; 
}