/* CSS Document */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333; background-color: #FFFFFF;
}

/* ================ DEFAULT TAG STYLES ================ */

img { border: 0; }
img.img_border { border: 1px solid #E6E6E6; }
table { border-collapse: collapse; }


/* ================ TYPE STYLES ================ */

a:link, a:visited { color: #D18B2C; text-decoration: underline; }
a:hover { color: #A2691A; text-decoration: underline; }
a:focus { outline: none; }

h1 {
	font-size: 2em; line-height: 1.2em; font-weight: normal; color: #D18B2C;
	text-transform: uppercase;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
h1 a:link, h1 a:visited, h1 a:hover { text-decoration: none; }

h2 {
	font-size: 1.5em; line-height: 1.2em; font-weight: bold; color: #D18B2C;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}

h3 {
	font-size: 1.2em; line-height: 1.4em; font-weight: bold; color: #D18B2C;
	text-transform: uppercase;
	padding: 0; margin-top: 0; margin-bottom: 5px;
}
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover { text-decoration: underline; }

p, ul, ol {
	font-size: 1.2em; line-height: 1.4em; color: #444444;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
p.lrgPara, ul.lrgPara { font-size: 1.5em; color: #666666; }

p.caption {
	padding: 3px 5px 2px 5px;
	font-size: 1.1em; font-weight: bold;
	color: #D18B2C; background-color: #000000;
	display: block;
}

p.notes { font-size: 1em; color: #666666; }

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
}
ol {
	list-style-position: outside;
	margin-left: 15px;
}
ol ol { font-size: 1em; list-style-type: lower-latin; }
ol h3 { font-size: 12px; }

hr {
	border-top: 0; border-right: 0; border-left: 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}


/* ================ WRAPPER ================ */

.floatLeft, .floatLeft img { float: left; }
.floatRight, .floatRight img { float: right; }
.floatLeft img, .floatRight img { border: 1px solid #CCCCCC; }

#wrapper {
	width: 950px;
	margin: 0 auto 0 auto;
}


/* ================ HEADER ================ */

#header {
	height: 129px;
	background-color: #000000;
	background-image: url(../images/steam-heritage-images.jpg);
	background-position: 270px top; background-repeat: no-repeat;
	display: block;
}
span.shtitletext { display: none; }
#logo { padding: 10px 0px 0px 10px; float: left; }
#logo a {
	width: 250px; height: 15px; padding-top: 96px;
	background-image: url(../images/steam-heritage-logo.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
	font-size: 1.1em; color: #FFFFFF;
	text-transform: uppercase; text-align: left;
	text-decoration: none;
}

#strapline {
	width: 220px;
	padding-top: 15px;
	float: right;
	margin-right: 10px;
}
#strapline p {
	font-size: 1.3em; line-height: 1.1em;
	text-transform: uppercase;
	color: #FFFFFF; font-weight: bold;
}
a#orderButton {
	width: 170px; height: 30px;
	background-image: url(../images/order-steam-heritage.jpg);
	background-position: left top; background-repeat: no-repeat;
	display: block;
	font-size: 14px; line-height: 30px;
	text-indent: 10px;
}
a#orderButton:link, a#orderButton:visited, a#orderButton:hover { color: #FFFFFF; text-decoration: none; }
a#orderButton:hover { background-position: left -30px; }
a#orderButton:active { background-position: left -60px; }


/* ================ BREADCRUMB ================ */

#breadcrumb {
	clear: both;
	color: #FFFFFF; background-color: #D18B2C;
	padding: 2px 10px 2px 10px;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
#breadcrumb a { font-weight: normal; }
#breadcrumb a:link, #breadcrumb a:visited { color: #FFFFFF; text-decoration: none; }
#breadcrumb a:hover { color: #000000; text-decoration: none; }

/* ================ NAVIGATION ================ */

#nav { width: 145px; float: left; margin-bottom: 20px; }
#nav ul {
	list-style: none;
	margin-left: 0;
	font-size: 1.3em; line-height: 1.2em;
	font-weight: bold;
}
#nav li {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
#nav li a:link, #nav li a:visited { color: #666666; text-decoration: none; }
#nav li a:hover { color: #000000; text-decoration: none; }
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover { color: #D18B2C; text-decoration: none; }


/* ================ COLUMNS ================ */

#page { width: 785px; float: right; }
#mainContent {
	width: 500px; padding-right: 20px;
	float: left;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#quickContent { width: 230px; float: right; margin-bottom: 20px; }
#news { clear: both; }


/* ================ FOOTER ================ */

#social_links {
	height: 16px;
	padding: 5px 0px 5px 0px;
	clear: both;
	border-top: 2px solid #D18B2C;
	display: block;
}
#social_links ul {
	list-style: none; margin: 0;
	font-size: 1.1em; line-height: 1em;
	font-weight: bold;
}
#social_links li { float: left; margin-right: 10px; }
#social_links a {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 16px; line-height: 16px;
	white-space: nowrap;
}
a#twitter { background-image: url(../images/follow_on_twitter.png); }
a#facebook { background-image: url(../images/visit_us_on_facebook.gif); }
#social_links a:link, #social_links a:visited { text-decoration: none; }

#footer {
	height: 30px;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #CCCCCC;
	font-size: 1em; line-height: 1em;
}
#footerNav { float: left; color: #666666; font-weight: bold; }
#footerNav a:link, #footerNav a:visited { color: #666666; text-decoration: none; }
#footerNav a:hover { color: #000000; text-decoration: none; }

#credit { color: #999999; float: right; }
#credit a:link, #credit a:visited { color: #999999; text-decoration: none; }
#credit a:hover { color: #000000; text-decoration: none; }


/* ================ QUICK LINKS ================ */

ul.quickLinks {
	list-style: none;
	font-size: 1em;
	margin-left: 0;
}
ul.quickLinks h3 {
	color: #666666;
	font-size: 1.2em; line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
ul.quickLinks ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 15px;
}
ul.quickLinks ul li {
	padding-bottom: 4px;
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 3px;
}
ul.quickLinks a { text-decoration: none; }


table.advertTable {
	width: 500px;
	border-collapse: collapse;
	margin-bottom: 15px;
}
table.advertTable th, table.advertTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; line-height: 1em;
	text-align: right;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #E6E6E6;
}
table.advertTable th.ad_size, table.advertTable td.ad_size { text-align: left; padding-left: 0; }


ul.sitemap li {
	margin-bottom: 10px;
}

p.pageLoading { line-height: 20px; }
p.pageLoading img { float: left; margin-right: 5px; }