@charset "utf-8";
/* CSS Document */

body {
	font-family:Tahoma, Geneva, sans-serif;
	border:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:14px;
	color:#fff;
	background-color:#000;
}

a {color:#fff;}
img {border:0;}

#wrapper {
	width:100%;
	background-image:url(images/portland-skyline.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

#container {
}

#content {
	width:920px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

/* Top portion of page including title and navbar */
#header {
	width:920px;
	height:60px;
	background-image:url(images/head-bg.png);
	background-position:top;
	background-repeat:no-repeat;
}
#header div.hl {
	float:left;
	width:240px;
}
#header div.hm {
	float:left;
	width:440px;
}
#header div.hr {
	float:left;
	width:240px;
}
#header img {border:0;}

/* Main middle section just under navbar. */
#main {
	width:920px;
	background-image:url(images/mb-bg.png);
	background-position:top;
	background-repeat:repeat-y;
}

/* Iformation Bar on the Left */
#lbar {
	float:left;
	width:160px;
	margin-right:10px;
}
#lbar ul {
	margin-left:-25px;
	list-style-type:none;
}
#lbar p {
	text-align:center;
}
#lbar ul.ul-sm {
	font-size:11px;
	margin-left:-30px;
	list-style-type:none;
}

/* Main body section. */
#mb {
	float:left;
	width:580px;
	margin-right:10px;
}
#mb h1 {text-align:center;}
#mb h3, p {
	margin-left:10px;
	margin-right:10px;
}
#mb h4 {
	text-align:center;
}
#mb img.thumb {
	margin-right:10px;
	border: 1px solid #fff;
}
#mb img.feature {
	margin-left:5px;
	margin-right:0px;
	border: 1px solid #fff;
}
#mb img.img-b {
	border: 1px solid #fff;
}

/* Dungeon Keeper 2 */
#dk2 {
	border: 1px solid #fff;
	background-color:#000;
}

/* Main Body Gallery */
#gallery {
	margin-left:10px;
}
#gallery div.gal {
	width:180px;
	margin-right:10px;
	float:left;
}

/* Iformation Bar on the Right */
#rbar {
	float:left;
	width:160px;
}

#rbar h3, p {
	margin-left:10px;
	margin-right:10px;
}
#rbar h2 {
	text-align:center;
	font-size:16px;
}

/* Text box in the left bar. */
#rbox {
	width:140px;
	height:210px;
	margin-left:10px;
	margin-bottom:20px;
}
#rbox img.img-rbox {
	margin-top:2px;
	border: 1px solid #fff;
}
#rbox h3 {
	font-size:14px;
	margin-bottom:0px;
}
#rbox p {
	margin-top:0px;
}

/* Div at the bottom of main to make
  sure background fills all the way */
#clear {
	clear:both;
	height:1px;
	width:920px;
}

/* Footer */
#footer {
	clear:left;
	width:920px;
	height:54px;
	text-align:right;
	font-size:12px;
	padding-top:31px;
	background-image:url(images/foot-bg.png);
	background-position:top;
	background-repeat:no-repeat;
}
#footer img {
	margin-right: 5px;
}

#pop1 {
	text-align:center;
	background-color:#001;
}