/******************************************************************************************************
 * 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: #074A76;
    background: #00B9F1 url(/Styles/images/global/bg.jpg) no-repeat 50% 0;
}

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

a:hover, 
a:active{
	color:#03263D;
	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: 943px;
    height:657px;
    margin: 45px auto 10px;
    position: relative;
}


/** LANDING ****************************************************************************/
.landing{
	margin-left:69px;
}

.landing #Header{
	width:158px;
	height:25px;
	padding:77px 560px 0 156px;
}
.landing #Content{
	float:left;
	width:805px;
	height:518px;
	position:relative;
}
.landing #Content h2{
	z-index:1;
}
.landing #Content a.wsopLink{
	z-index:2;
	display:block;
	width:112px;
	height:100px;
	cursor:pointer;
	position:absolute;
	background:url(images/home/wsop.gif) no-repeat 0 0;
	top:413px;
	left:444px;
}
.landing #RightMargin{
	float:left;
	width:69px;
	height:328px;
	padding:103px 0 87px;
}


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

#Header{
}


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

h1{
	position:absolute;
}

.landing .msgSpace{
	width:418px;
	height:376px;
	float:left;
	background:#fff url(images/home/bottom-shadow.gif) repeat-x bottom;
	text-align:left;
}

.landing .msgSpace h5{
	display:block;
	width:328px;
	height:85px;
	background:#fff url(images/home/home-bodyCopy1.gif) no-repeat top left;
	margin-top:33px;
	margin-left:35px;
}
.landing .msgSpace h4{
	display:block;
	width:377px;
	height:100px;
	background:#fff url(images/home/home-bodyCopy2.gif) no-repeat top left;
	margin-left:35px;
}
.landing .msgSpace h3{
	display:block;
	width:357px;
	height:132px;
	background:#fff url(images/home/home-Share-The-Best.gif) no-repeat top left;
	margin-left:35px;
}


.bigCan{
	width:387px;
	height:376px;
	float:left;
}

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

#Footer{
	width:805px;
	height:37px;
	clear:both;
	background:url(images/global/footerBG.gif) no-repeat 0 0;
	margin-right:69px;
	position:relative;
}
a.gbgr{
	display:block;
	width:100px;
	height:25px;
	background:url(images/global/great-beer-great-responsibility.gif) no-repeat 2px 5px;
	cursor:pointer;
	position:absolute;
	top:9px;
	left:9px;
}
a.facebook{
	display:block;
	width:16px;
	height:16px;
	background:url(images/global/facebook.gif) no-repeat 1px 1px;
	cursor:pointer;
	position:absolute;
	top:18px;
	left:262px;
}
.footerRight{
	width:491px;
	float:right;
	text-align:right;
	padding-top:18px;
}
.footerRight span{
	padding-left:12px;
}





/** GENERIC / ERROR ****************************************************************************/

#ErrorPage{
    width: 943px;
    margin: 45px auto 10px;
    position: relative;
}

.error{
	margin-left:69px;
	margin-right:69px;
}
.error h1{
	font-size:24px;
	position:relative;
}
.error #Header{
	width:158px;
	height:25px;
	padding:77px 560px 0 156px;
}
.error #Content{
	float:left;
	width:805px;
}
.error .msgSpace{
	width:344px; /* 805 */
	padding:33px 387px 100px 74px;
	background:#fff url(images/home/bottom-shadow.gif) repeat-x bottom;
	text-align:left;
}
.error p{
	padding:0 0 12px 0;
}
.error ul{
	list-style:disc inside;
	padding:0 0 12px 10px;
}
.error ul li{
	padding:0;
}