/*
	Theme Name:			Game Room
	Theme URI:			gameroomhomestore.com
	Description:		A custom theme for Game Room Home Store.
	Author:				John D. Murray
	Author URI:			deskofjohn.com
	Version:			1.0
*/

html {
	background:			#dcd9aa url("images/htmlBackground.png") 0px 120px repeat-x;
	font-family:		"georgia", serif;
}

body {
	min-width:			976px;
	margin:				0px;
	padding-top:		150px;
	background:			url("images/bodyBackground.jpg") center top no-repeat;
}

div#page {
	position:			relative;
	width:				976px;
	margin:				auto;
}

div#page h1#logo {
	position:			absolute;
	top:				-144px;
	left:				8px;
	width:				384px;
	height:				144px;
	margin:				0px;
	background:			url("images/gameRoomHomeStore.png");
}

div#page h1#logo a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			144px 0px 0px 384px;
}

div#page h2#pavilion {
	position:			absolute;
	top:				-140px;
	right:				200px;
	width:				128px;
	height:				40px;
	background:			url(images/brunswickPavilion.png) no-repeat;
}

div#page h2#dealer {
	position:			absolute;
	top:				-146px;
	right:				5px;
	width:				160px;
	height:				72px;
	background:			url("images/brunswick.png");
}

div#page h2#dealer a, div#page h2#pavilion a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			72px 0px 0px 160px;
}

div#page div#pageContent {
	width:				960px;
	min-height:			407px;
	border-top:			2px solid #dcd9aa;
	padding:			0px 8px 1px 8px;
	background:			url("images/pageContentBackground.png");
}

div#page div#pageContent div#tagline {
	padding:			8px 16px;
	color:				#fff;
	background:			#142864;
	font:				bold italic large "georgia";
	text-align:			right;
}

div#page div#pageContent ul#pageMenu {
	float:				left;
	width:				256px;
	margin:				0px;
	border-top:			2px solid #dcd9aa;
	padding:			0px;
	font-weight:		bold;
	list-style:			none;
}

div#page div#pageContent ul#pageMenu li {
	border-bottom:		2px solid #dcd9aa;
	background:			#969973;
}

div#page div#pageContent ul#pageMenu li a {
	display:			block;
	padding:			8px 16px;
	color:				#000;
	text-decoration:	none;
}

div#page div#pageContent ul#pageMenu li a:hover {
	color:				#fff;
	background:			#404813;
}

div#page div#pageContent div#article {
	float:				left;
	width:				704px;
}

div#page div#pageContent div#article h3 {
	font-size:			xx-large;
	text-transform:		uppercase;
	text-align:			center;
}

div#page div#pageContent div#article p, div#page div#pageContent div#article h3, div#page div#pageContent div#article h4, div#page div#pageContent div#article ul, div#page div#pageContent div#article address {
	margin:				32px;
}

div#foot {
	min-height:			80px;
	background:			url("images/footBackground.png") bottom repeat-x;
}

div#foot div#footContent {
	width:				976px;
	margin:				auto;
	padding:			1px 0px;
	background:			url("images/footContentBackground.png");
}

div#foot div#footContent ul#footMenu {
	margin:				16px auto;
	padding:			0px;
	font-weight:		bold;
	text-align:			center;
	list-style:			none;
}

div#foot div#footContent ul#footMenu li {
	display:			inline;
	padding:			16px;
}

div#foot div#footContent ul#footMenu li a {
	color:				#fff;
}

div#foot div#footContent p {
	margin:				16px;
	color:				#fff;
	font:				x-small "verdana";
	text-align:			center;
}

div#foot div#footContent p a {
	color:				#fff;
}

div#foot div#bottom {
	width:				976px;
	height:				8px;
	margin:				auto;
	background:			url("images/footBottomBackground.png");
}

div.clear {
	clear:				both;
}

.noDisplay {
	display:			none;
}

/* home.php */

div#page div#pageContent.home {
	background:			url("images/homePageContentBackground.png");
}

div#page div#pageContent.home div#splash {
	width:				960px;
	height:				376px;
	background:			url("images/splash.jpg");
}

div#page div#pageContent.home ul#map {
	position:			relative;
	float:				left;
	width:				576px;
	height:				240px;
	margin:				32px;
	padding:			0px;
	background:			url("images/map.jpg");
	list-style:			none;
}

div#page div#pageContent.home ul#map li {
	position:			absolute;
	height:				40px;
}

div#page div#pageContent.home ul#map li.gameWorld {
	width:				128px;
	background:			url("images/gameRoomLocation.png");
}

div#page div#pageContent.home ul#map li.gameRoom {
	width:				128px;
	background:			url("images/gameRoomLocation.png");
}

div#page div#pageContent.home ul#map li a {
	display:			block;
	overflow:			hidden;
	width:				0px;
	height:				0px;
	padding:			40px 0px 0px 136px;
	color:				#000;
}

div#page div#pageContent.home ul#map li#location1 {
	z-index:			1;
	top:				52px;
	left:				404px;
}

div#page div#pageContent.home ul#map li#location2 {
	z-index:			1;
	top:				172px;
	left:				412px;
}

div#page div#pageContent.home ul#map li#location4 {
	z-index:			2;
	top:				108px;
	left:				220px;
}

div#page div#pageContent.home ul#map li#location5 {
	z-index:			1;
	top:				36px;
	left:				252px;
}
div#page div#pageContent.home ul#map li#location6 {
	z-index:			1;
	top:				220px;
	left:				300px;
}

div#page div#pageContent.home ul#map li a span {
	display:			none;
	position:			absolute;
	z-index:			2;
	bottom:				20px;
	left:				20px;
	border:				2px solid #000;
	padding:			8px;
	background:			#fff;
	font:				small "trebuchet ms", sans-serif;
	white-space:		nowrap;
}

div#page div#pageContent.home ul#map li a:hover span {
	display:			block;
	z-index:			2;
}

div#page div#pageContent.home p {
	margin:				32px;
	text-align:			center;
}

.sub-location {
	position:relative;
	display:block;
	margin-bottom:15px;
	overflow:hidden;
}
.sub-location div { position:relative; }
.sub-location .sub-address { width:250px; padding-right:15px; float:left; }
.sub-location .sub-map { width:425px; float:left; }