/* global */
html, body { font-family:sans-serif; background-color:#000; color:#FFF; }
html.flash, body.flash, .flash#content { height:100%; overflow:hidden;}

#content { width: 980px; height: 580px; margin:0 auto; }

/* navigation */
#navigation { position:absolute; right:20px; top:15px; font-size:12px; background-color:#000; padding: 12px 12px 6px 12px; text-transform:uppercase; }
#navigation a { color:#AAA; text-decoration:none; display:block; padding-bottom:6px; padding-right:10px; }
#navigation a:hover { color:#FFF; }
#navigation a.selected { color:#FFF; background-image: url('/images/arrow.gif'); background-repeat:no-repeat; background-position: top right }

/* legals */
#legals { position:absolute; bottom:0; width: 980px; height:34px; text-align:center; font-size:10px; text-transform:uppercase; color:#999; }
#legals a { color:#999; text-decoration:none; }
#legals a:hover { color:#FFF; }
#redirect {font-size:9px; text-transform:none; padding-top:10px; }

/* title */
#title { position:absolute; bottom:0; width: 980px; height:148px; text-align:center; font-size:18px; text-transform:uppercase; color:#D21446;}

/* logo */
#logo { position:absolute; left:38px; bottom:21px; width:106px; height:76px; background-image: url('/images/logo.png'); }

/* InfoPanel */
.InfoPanelClosed { position:absolute; }

.InfoPanelClosed a.button { display:block; width:23px; height:23px; background-image: url('/images/panel/closed-button.png'); }

.InfoPanelClosed .content { display:none;}

.InfoPanelOpened { position:absolute; color:#FFF; width:201px;}

.InfoPanelOpened a.button { display:none; }
	
.InfoPanelOpened .content { position:absolute; bottom:-6px; }
.InfoPanelOpened .content .button  { position:absolute; right:12px; top:12px; display:block; width:23px; height:23px; background-image: url('/images/panel/opened-button.png'); }

.InfoPanelOpened .content .top { width:201px; height:11px; background-image: url('/images/panel/background-top.png'); background-repeat:no-repeat; }
.InfoPanelOpened .content .bottom { padding:16px; padding-top:6px; background-image: url('/images/panel/background-bottom.png'); background-repeat:no-repeat; background-position: bottom}

.InfoPanelOpened .content .bottom h2 { color:#A39160; font-size:20px; padding-bottom:10px; margin-right:10px;}
.InfoPanelOpened .content .bottom p { color:#FFFFFF; font-size:12px; }
.InfoPanelOpened .content .bottom a { color:#D21446; font-size:12px; text-decoration:none; }

/* screens */
.screen { position:relative; width:980px; height:580px; }

#home { background-image: url('/images/screens/home.jpg'); }
#brands { background-image: url('/images/screens/brands.jpg'); }
#history { background-image: url('/images/screens/history.jpg'); }
#brewery { background-image: url('/images/screens/brewery.jpg'); }
#tasmania { background-image: url('/images/screens/tasmania.jpg'); }

/* promotions */
#leftpromotions { position:absolute; left:30px; top:205px; }
#leftpromotions a { display:block; padding-bottom:4px; }

/* promotions */
#promotions { position:absolute; right:58px; top:170px; }
#promotions a { display:block; padding-bottom:4px; }

/* brands InfoPanels */
#pure { left:240px; top:275px; }
#premiumlight { left:300px; top:270px; }
#draught  { left:382px; top:265px; }
#premium { left:500px; top:260px; }
#blonde { left:572px; top:260px; }

#wizard { left:654px; top:257px; }
#stgeorge { left:688px; top:275px; }
#draughtlight { left:732px; top:275px; }
#xxxale { left:775px; top:265px; }

/* history InfoPanels */
#history1 { left:386px; top:340px; }
#history2 { left:566px; top:340px; }

/* brewery InfoPanels */
#brewery1 { left:400px; top:370px; }
#brewery2 { left:580px; top:370px; }

/* tasmania InfoPanels */
#tasmania1 { left:670px; top:360px; }

/* page */
.page { position:relative; width:980px; height:580px; background-image: url('/images/page.jpg'); }

.hero { position:absolute; top:96px; }

#sections { position:absolute; left:326px; top:106px; font-size:12px; }
#sections h2 { text-transform:uppercase; font-size:23px; font-weight:bold; padding-bottom:12px;}
#sections .divider { background-color:#F00; width:440px; height:2px; margin-bottom:18px;}
#sections .content { width:440px; height:246px; font-size:12px; overflow:auto; line-height:14px;}

#sections .content h3 { color:#F00; font-size:14px; margin-bottom:5px;}
#sections .content p,li { margin-bottom:5px; }
#sections .content a { color:#FFF; }
#sections .content a:hover { color:#FFF; }

.tabs { text-transform:uppercase; font-size:10px; padding-bottom:8px; }
.tabs a { color:#FFF; text-decoration:none; }
.tabs a.selected { color:#F00; text-decoration:none; }

#agecheck {
    display:block;
    width:172px;
    height:206px;
    background-image: url('/images/agegate_back.gif');
    margin: 20% auto 0 auto;
    background-repeat:no-repeat;
}

#agecheck #row
{
    padding:160px 0 0 0;
    width:172px;    
}

#agecheck #ageyes
{
    display:block;
    width: 87px;
    height: 42px;
    background-image: url('/images/agegate_yes.gif');
    float:left;
}

#agecheck #ageno
{
    display:block;
    width:85px;
    height:42px;
    background-image: url('/images/agegate_no.gif');
    float:right;
}

.hidden {display:none;}