* { padding: 0; margin: 0; }

html {
	background-color: black;
}

body {
	font-size: 75%; /* Sets the page font to 12px */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1em;
	margin: 50px auto;
	width: 800px;
	height: 700px;
	background-repeat: repeat;
	background-color: white;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: white;
	background-color: black;
	outline: none;
}

img {
	border: none;
	outline: none;
}

.clear {
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#wrapper {
	background: transparent url(../images/gradient.png) no-repeat bottom right;
	height: 100%;
	width: 100%;
}

#logo {
	float: right;
	margin-right: 20px;
}

/* Headings */

h1 {
	text-indent: -999em; /* hide text so we can replace it with the image */
	background: transparent url(../images/heading.png) no-repeat bottom left;
	font-size: 78px;
	height: 78px;
	line-height: 78px;
	font-weight: 900;
	text-transform: uppercase;
	margin-left: 20px;
}

#content { /* the box that encloses the flash */
	width: 595px;
	height: 578px;
	margin-right: 20px;
	margin-top: 20px;
	float: right;
	background: white;
}
/**** Nav Styling ****/

#nav {
	float: left;
	margin-top: 20px;
}

#nav a {
	display: block;
	background-color: black;
	font-size: 32px;
	line-height: 32px;
	width: 150px; /* add padding to get total width, ie 150+0+20 = 170px */  
	height: 30px; /* add padding to get total height, ie 30+4+8 = 42px */
	padding: 4px 0px 8px 20px;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 5px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: 20px 9px;
	background-image: none;
}

#nav a:hover {
	color: #333333;
}

#nav .selected a {
	width: 165px;
	background-color: white;
	color: black;
	cursor: default;
}

/**** Region Selector Page  ****/

#region-selector #wrapper {
	background: none; /* We don't want a gradient */
	padding-top: 275px; /* Move it down to center vertically */
	text-align: center;
}

#region-selector h1 {
	background: transparent url(../images/heading-large.png) no-repeat 75px 0px;
	font-size: 135px;
	height: 110px;
	line-height: 110px;
}

ul#regions {
	width: 600px;
	margin: 10px auto;
}

#regions li {
	float: left;
}

#regions a {
	text-indent: -999em; /* hide text so we can replace it with the image */
	display: block;
	background-color: black;
	height: 19px;
	font-size: 1.2em;
	width: 135px; 
	padding: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	font-weight: 900;
}

#regions a.last {
	margin-right: 0px;
	width: 140px !important;
}

/**** Region Selector Nav Images ****/

#regions a.us { background: black url(../images/us.png) no-repeat center center; }
#regions a:hover.us { background: black url(../images/us_over.png) no-repeat center center; }

#regions a.au { background: black url(../images/au.png) no-repeat center center; }
#regions a:hover.au { background: black url(../images/au_over.png) no-repeat center center; }

#regions a.eu { background: black url(../images/eu.png) no-repeat center center; }
#regions a:hover.eu { background: black url(../images/eu_over.png) no-repeat center center; }

#regions a.jp { background: black url(../images/jp.png) no-repeat center center; }
#regions a:hover.jp { background: black url(../images/jp_over.png) no-repeat center center; }

/**** Menu Nav Images ****/

#nav a.pads { background-image: url(../images/pads.png); }
#nav a.pads:hover { background-image: url(../images/pads_over.png); }
#nav .selected a.pads { background-image: url(../images/pads_select.png); }

#nav a.ltd { background-image: url(../images/ltd.png); }
#nav a.ltd:hover { background-image: url(../images/ltd_over.png); }
#nav .selected a.ltd { background-image: url(../images/ltd_select.png); }

#nav a.team { background-image: url(../images/team.png); }
#nav a.team:hover { background-image: url(../images/team_over.png); }
#nav .selected a.team { background-image: url(../images/team_select.png); }

#nav a.news { background-image: url(../images/news.png); }
#nav a.news:hover { background-image: url(../images/news_over.png); }
#nav .selected a.news { background-image: url(../images/news_select.png); }

#nav a.media { background-image: url(../images/media.png); }
#nav a.media:hover { background-image: url(../images/media_over.png); }
#nav .selected a.media { background-image: url(../images/media_select.png); }

#nav a.pixel {
	background-image: url(../images/pixel.png);
	background-color: #444444;
}
#nav a.pixel:hover { background-image: url(../images/pixel_over.png); }
#nav .selected a.pixel {
	background-image: url(../images/pixel_select.png);
	background-color: #99FF00;
}

#nav a.tailored {
	background-image: url(../images/tailored.png);
	background-color: #444444;
}
#nav a.tailored:hover { background-image: url(../images/tailored_over.png); }
#nav .selected a.tailored {
	background-image: url(../images/tailored_select.png);
	background-color: #00CCFF;
}

#nav a.skim { background-image: url(../images/skim.png); }
#nav a.skim:hover { background-image: url(../images/skim_over.png); }
#nav .selected a.skim { background-image: url(../images/skim_select.png); }


/**** Specific Page Backgrounds  ****/
#region-selector { background-image: none; }

/* holding pages */
#us  { background-image: url(../images/pixel-green.gif); }
#au, #jp, #eu  { background-image: url(../images/tailored_blue.gif); }

/* sections */
#pads { background-image: url(../images/tetris-blue.gif); }
#skim  { background-image: url(../images/tetris-yellow.gif); }
#ltd   { background-image: url(../images/tetris-green.gif); }
#team  { background-image: url(../images/tetris-pink.gif); }
#news  { background-image: url(../images/tetris-orange.gif); }
#media  { background-image: url(../images/tetris-green.gif); }
#pixel { background-image: url(../images/pixel-grey.gif); }
#tailored { background-image: url(../images/tailored_grey.gif); }