/*-------------------------------------------------------------

Style Sheet (HEINEKEN)
version:   1.0
author:    Airlock
website:   http://www.airlock.com/

-------------------------------------------------------------*/

/* =Reset CSS
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: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
/* =GENERAL RULES
-------------------------------------------------------------*/
body {
	line-height: 1;
	color: white;
	background: url('../images/page-bk.jpg') top center no-repeat;
	background-color:black;
	position:relative;
}
#none {
    background-image:none;
}

/* =Typography
-------------------------------------------------------------*/
body {
    font-family:verdana,tahoma,arial,"sans serif";
    font-size:11px;
    text-align:center;
}

/* =Links
-------------------------------------------------------------*/

/* =Header
-------------------------------------------------------------*/
img#bondLogo {
    position:absolute; top:4px; left:100px;
}

/* =Footer
-------------------------------------------------------------*/
div#footer {
    position:absolute; top:780px; left:50px;
    width:1200px;
}
div#footer img, div#footer p {float:left; margin:0px 20px;}
div#footer p {width:670px;}

/* =SPECIFIC RULES
-------------------------------------------------------------*/
/*Landing*/
div#main {
    /*background-image:url('../images/heineken-bond.jpg');
    background-repeat:no-repeat;*/
    background:none;
    width:990px; height:850px;
    position:relative;
    margin:0px auto;
}
div#main img#bondLogo {
    position:absolute; top:4px; left:790px;
}
div#main h1 {
    text-indent:-2000px;
}
div#main a img#enter {
    position:absolute; top:270px; left:16px;
}
div#main a img#bondLifestyle {
    position:absolute; top:360px; left:680px;
}
div#main div#footer {
    position:absolute; top:780px; left:0px;
    width:940px;
    margin:0px 20px;
}
div#main div#footer img, div#main div#footer p {float:left;margin:0px;}
div#main div#footer p {width:560px; margin:0px 30px;}

/*Temporary Landing Page*/
div#home {
    background-image:url('../images/landing-bk.jpg');
    background-repeat:no-repeat;
    width:100%; height:850px;
    position:relative;
    margin:0px auto;
}
div#home a img#bondComing {
    position:absolute; top:320px; left:630px;
}


/*Terms and Conditions*/
div#tac {
    background-image:url('../images/tac-bk.jpg');
    background-repeat:no-repeat;
    width:100%; height:850px;
    position:relative;
    margin:0px auto;
}
div#tac div#copy {
    position:absolute; top:200px; left:400px;
    width:480px; height:500px;
    overflow:auto;
    color:#111111; font-size:12px; text-align:left;
}
div#tac div#copy h1 {
    padding:10px;
    font-weight:bold;
}
div#tac div#copy h2 {
    padding:6px;
    font-weight:bold;
}
div#tac div#copy p {
    padding:6px;
}
div#tac div#copy ul {
    padding:6px;
}
div#tac div#copy ul li {
    padding:6px;
}

/*CLASSES----------------------------------------------------*/
.strong {font-weight:bold;}

/* =Clearing
-------------------------------------------------------------*/

/* Class for self clearing - use this where ever possible */
.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 */


/* Class for clearing floats */
.clear {
	clear: both;
}