﻿/* reset */
html,body,div {
	margin: 0;
	padding: 0;
}
ul { list-style: none; }

/* The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
body          { font-size: 62.5%; }		/* IE */
html > body   { font-size: 10px; }		/* Other browsers */

.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0px;
}

.selfClear { display: inline-block; }

/* Hide from IE-mac \*/
* html .selfClear { height: 1%; }

.selfClear { display: block; }
/* End hide from IE-mac */

.horizList li { display: inline; }

a { outline: none; }
embed,object { outline: none; }


/* main layout */
body {
	font: normal 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #fff;
}

#container { }

#footer {
	background: url(../images/footer_bg.jpg) 50% 0 no-repeat;
	text-align: center;
	padding-bottom: 20px;
}

#footer #quotes { margin: 0 auto; width: 879px; padding-left: 61px; }
#footer #quotes li { display: block; padding-top: 20px; width: 275px; float: left; }
#footer #quotes h2 {
	background: url(../images/footer_quotes.jpg) no-repeat;
	text-indent: -9999px;
	margin: 22px 0 21px;
	
}
#footer #quotes #quote1 { margin-right: 25px; }
#footer #quotes #quote1 h2 { height: 89px; width: 291px; }
#footer #quotes #quote2 h2 { height: 66px; width: 265px; background-position: -310px 0; }


#footer #extnavSocial { width: 940px; margin: 0 auto; padding-bottom: 45px; }
#footer #extnavSocial li {
	display: block;
	float: left;
	width: 220px;
	/*height: 215px;*/
	margin-right: 20px;
}
#footer #extnavSocial .last { margin-right: 0; }

#footer #extnavSocial .col { padding-top: 30px; }
#footer #extnavSocial .col a {
	background: url(../images/footer_buttons.jpg) no-repeat;
	display: block;
	width: 140px; height: 36px;
	text-indent: -9999px;
	margin: 0 auto 5px;
}
#footer #extnavSocial #btnPromo { background-position: 0 -36px; }
#footer #extnavSocial #btnForums { background-position: 0 -72px; }
#footer #extnavSocial #btnFacebook { background-position: 0 -108px; }
#footer #extnavSocial #btnTwitter { background-position: 0 -144px; }

#footer #extnavSocial #btnNewsletter:hover	{ background-position: -140px 0; }
#footer #extnavSocial #btnPromo:hover 		{ background-position: -140px -36px; }
#footer #extnavSocial #btnForums:hover 		{ background-position: -140px -72px; }
#footer #extnavSocial #btnFacebook:hover 	{ background-position: -140px -108px; }
#footer #extnavSocial #btnTwitter:hover 		{ background-position: -140px -144px; }

#footer #extnavSocial #socialLinks {
	background: url(../images/socialbtn_bg.jpg) no-repeat;
	display: block;
	width: 208px; height: 110px;
	margin-top: 32px;
	position: relative;
	padding: 0;
}
#footer #extnavSocial #socialLinks li { float: none; width: 52px; height: 52px; position: absolute; margin: 0; }
#footer #extnavSocial #socialLinks li a { display: block; width: 52px; height: 52px; text-decoration: none; }

#footer #extnavSocial #bwash1 { top: 21px; left: 3px; }
#footer #extnavSocial #bwash2 { top: 21px; left: 72px; }

#footer #legalLogos { margin: 15px 0 0; padding: 0; }
#footer #legalLogos li {
	margin-right: 15px;
	background: url(../images/footer_legallogos.png) no-repeat;
	display:-moz-inline-stack;
	display:inline-block;
	height: 46px;
}
#footer #legalLogos .last { margin-right: 0; }

#footer #legalLogos .ea 	{ width: 44px; }
#footer #legalLogos .amd	{ width: 101px; background-position: -58px 0; }
#footer #legalLogos .pegi	{ width: 47px; background-position: -177px 0; }
#footer #legalLogos .cq		{ width: 113px; background-position: -241px 0; }
#footer #legalLogos .pc		{ width: 38px; background-position: -368px 0; }

#footer #moreFromEa {
	margin: 0 auto;
	display: block; 
	height: 26px; width: 719px;
	background-image: url(../images/footer_morefromea.png);
	background-repeat: no-repeat;
	padding-left: 129px;
	text-align: left;
	margin-top: 15px;
}
#footer #moreFromEa li { display: block; height: 26px; float: left; margin-right: 2px; }

#footer #moreFromEa a { display: block; height: 26px; text-indent: -9999px; }
#footer #moreFromEa a:hover { background-image: url(../images/footer_morefromea.png); }

#footer #moreFromEa .ea 		 	{ width: 88px; }
#footer #moreFromEa .army	 		{ width: 166px; }
#footer #moreFromEa .bf 		 	{ width: 201px; }
#footer #moreFromEa .dante 		 	{ width: 126px; }
#footer #moreFromEa .masseff 		{ width: 128px; }

#footer .more-fi 					{ background-position: 0 -52px; }
#footer .more-no 					{ background-position: 0 -104px; }
#footer .more-dk 					{ background-position: 0 -156px; }

#footer .more-sv .ea a:hover 		{ background-position: -129px -26px; }
#footer .more-sv .army a:hover		{ background-position: -219px -26px; }
#footer .more-sv .bf a:hover 		{ background-position: -387px -26px; }
#footer .more-sv .dante a:hover 	{ background-position: -590px -26px; }
#footer .more-sv .masseff a:hover 	{ background-position: -718px -26px; }

#footer .more-fi .ea a:hover 		{ background-position: -129px -78px; }
#footer .more-fi .army a:hover		{ background-position: -219px -78px; }
#footer .more-fi .bf a:hover 		{ background-position: -387px -78px; }
#footer .more-fi .dante a:hover 	{ background-position: -590px -78px; }
#footer .more-fi .masseff a:hover 	{ background-position: -718px -78px; }

#footer .more-no .ea a:hover 		{ background-position: -129px -130px; }
#footer .more-no .army a:hover		{ background-position: -219px -130px; }
#footer .more-no .bf a:hover 		{ background-position: -387px -130px; }
#footer .more-no .dante a:hover 	{ background-position: -590px -130px; }
#footer .more-no .masseff a:hover 	{ background-position: -718px -130px; }

#footer .more-dk .ea a:hover 		{ background-position: -129px -182px; }
#footer .more-dk .army a:hover		{ background-position: -219px -182px; }
#footer .more-dk .bf a:hover 		{ background-position: -387px -182px; }
#footer .more-dk .dante a:hover 	{ background-position: -590px -182px; }
#footer .more-dk .masseff a:hover 	{ background-position: -718px -182px; }