/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/** Global Zero Out ***********************************************************************************/
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;
}

html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
}

input{
    outline: none;
}
p, td, li{
    font-size: 1.2em;
    line-height:1.2em;
}
p, td, h1, h2, h3, h4, h5, h6, th, td, span, caption{
    text-align:left;
	vertical-align: top;
}
img{
	border: 0;
}
object, embed{
    outline: none;
    border: 0;
}
ol, ul { list-style: none; }
div { position: relative; }

/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: collapse; 
	border-spacing: 0;
}





/* * * * * * * * * * * * * * * *
	SITE BASE STYLES
* * * * * * * * * * * * * * * */

body{
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    color: #087551;
    background:#fff;
}

a:link,
a:visited{
	color:#087551;
	text-decoration:underline;
}

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


.floatLeft{ float:left; }
.ir{ text-indent: -9000px; overflow:hidden;} /* Image Replacement */
.clear{ clear:both; }
.clearDiv{ clear:both; height:1px;}

/* IE6 PNG Fix & Hover Fix */
/* Path is relative to THE HTML DOCUMENT THAT CALLS IT */
.pngFix { behavior: url(scripts/iepngfix.htc) } /* for documents 0 levels deep */
.pngFix1 { behavior: url(../scripts/iepngfix1.htc) } /* for documents 1 levels deep */



/** Layout **********************************************************************************************/

body{
    text-align: center;
}

#Page{
    width: 946px;
    height:595px;
    margin: 60px auto 10px;
    position: relative;
    background: url(/Styles/images/bg.jpg) no-repeat 0 0;
}


/** LANDING ****************************************************************************/
.landing{
}
.landing #Content{
	width:946px;
	height:570px;
}


/** Header **********************************************************************************************/

#Header{
}


/** LANDING Content **********************************************************************************************/



.landing h1{
	display:block;
	width:371px;
	height:205px;
    background: url(/Styles/images/home-mickeys-logo.jpg) no-repeat 0 0;
    position:absolute;
    top:36px;
    left:203px;
}
.landing h2{
	position:absolute;
}

.landing .msgSpace{
	width:403px;
	height:186px;
    background: url(/Styles/images/message.jpg) no-repeat 0 0;
    position:absolute;
    top:311px;
    left:176px;
}
.underTheCapBtn{
	display:block;
	cursor:pointer;
	width:219px;
	height:122px;
    background: url(/Styles/images/under-the-cap-btn.jpg) no-repeat 0 0;
    position:absolute;
    top:20px;
    left:714px;	
}

/** Footer **********************************************************************************************/

#Footer{
	width:926px;
	height:20px;
	position:relative;
	padding:5px 10px 0;
}
a.gbgr{
	display:block;
	width:100px;
	height:20px;
	background:url(images/great-beer-great-responsibility.gif) no-repeat 0 0;
	cursor:pointer;
	float:left;
}
.footerRight{
	width:550px;
	float:right;
	text-align:right;
	padding-top:5px;
}
.footerRight span{
	padding-left:10px;
}





/** GENERIC / ERROR ****************************************************************************/
#ErrorPage{
    width: 946px;
    height:595px;
    margin: 60px auto 10px;
    position: relative;
    background:#fff;
}

.error{
	width:652px;
	height:447px;
	padding:29px 147px 0 147px;
}
.error h1{
	font-size:24px;
}
.error #Header{
	width:324px;
	height:100px;
	background:url(/Styles/images/error-logo.gif) no-repeat 85px 0;
	margin:0 auto;
}
.error #Content{
	width:403px;
	margin:16px 119px 0 127px;
	padding:30px 0;
}
.error p{
	padding:0 0 12px 0;
}
.error ul{
	list-style:disc inside;
	padding:0 0 12px 10px;
}
.error ul li{
	padding:0;
	text-align:left;
}


.error #Footer{
	width:657px;
	height:47px;
	position:relative;
	background:none;
}
.error a.gbgr{
	display:block;
	width:103px;
	height:46px;
	background:url(/Styles/images/av-great-beer-great-responsibility.gif) no-repeat 0 0;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}
.error .footerRight{
	width:550px;
	float:right;
	text-align:right;
	padding-top:23px;
}
.error .footerRight span{
	padding-left:12px;
}