/*	Hobbyland main stylesheet
**	Copyright 2011
**	Designed and developed by Honest Advertising

============================================================= */

body {
	font: 10pt/133% Helvetica, Arial, sans-serif;
	background-color: #400;
	margin:0;
	padding:0;
}

/* containers
------------------------------------------------------------ */

#hobbyland-container {
	width:980px;
	height:752px;
	background:#d8c8ad url(../images/bkgd.jpg) no-repeat 0 0;
	margin:20px auto 0 auto;
	padding:0;
	position:relative;
}

	#logo {
		position:absolute;
		top:14px;
		right:6px;
		margin:0;
		padding:0;
	}

/* ** homepage ** */

.home .topframe {
	background:url(../images/home/frame-top.png) no-repeat 0 0;
	height:115px;
	width:703px;
	position:absolute;
	left:10px;
	top:13px;
}

.home #content {
	background:url(../images/home/frame-center.png) no-repeat -4px 0;
	height:344px;
	width:703px;
	position:absolute;
	z-index:10;
	left:10px;
	top:128px;
	margin:0 0 0 4px;
	padding:0 0 0 0;
}

.home .intro {
	background:url(../images/home/frame-intro.png) no-repeat 0 0;
	height:153px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	top:472px;
}

.home .news {
	background:url(../images/home/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.home .btm, .discussions .btm, .about .btm, .shop .btm {
	background:url(../images/home/frame-btm.png) no-repeat 0 0;
	height:127px;
	width:700px;
	position:absolute;
	left:13px;
	bottom:0;
	margin:0;
	padding:0;
}

/* ** locations ** */

.locations .topframe {
	background:url(../images/locations/frame-top.png) no-repeat 0 0;
	height:82px;
	width:703px;
	position:absolute;
	left:10px;
	top:13px;
}

.locations .news {
	background:url(../images/locations/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.locations #content {
	background:url(../images/locations/content.png) no-repeat 0 0;
	height:530px;
	width:713px;
	position:absolute;
	left:0;
	top:95px;
	margin:0;
	padding:0;
}

#location-map {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
}

	#loc-north {
		margin:0;
		padding:0;
		position:absolute;
		left:440px;
	}
	
	#loc-east {
		margin:0;
		padding:0;
		position:absolute;
		left:200px;
		top:310px;
	}

.locations .btm {
	background:url(../images/home/frame-btm.png) no-repeat 0 0;
	height:127px;
	width:700px;
	position:absolute;
	left:13px;
	bottom:0;
	margin:0;
	padding:0;
}

/* ** discussions ** */

.discussions .topframe {
	background:url(http://www.hobbylandstores.com/images/discussions/frame-top.png) no-repeat 0 0;
	height:128px;
	width:703px;
	position:absolute;
	left:10px;
	top:13px;
}

.discussions .news {
	background:url(http://www.hobbylandstores.com/images/discussions/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.discussions #content {
	background:url(http://www.hobbylandstores.com/images/discussions/frame-content.png) no-repeat 0 0;
	height:497px;
	width:703px;
	position:absolute;
	left:10px;
	top:128px;
	margin:0;
	padding:0;
}

.discussions #twocolumn {
	margin:0;
	padding:0;
	list-style:none;
}

	.discussions #twocolumn #leftcol {
		margin:0 30px 0 0;
		padding:0;
		width:255px;
		height:490px;
	}
	
	.discussions #twocolumn #rightcol {
		margin:0 0 0 0;
		padding:0;
		width:390px;
	}
	
	#rightcol iframe {
		background:#fff;
	}

/* ** shop ** */


.shop #logo {
	position:absolute;
	top:14px;
	right:6px;
	margin:0;
	padding:0;
}


.shop .topframe {
	background:url(../images/shop/frame-top.png) no-repeat 0 0;
	height:94px;
	width:713px;
	position:absolute;
	left:0;
	top:0;
}

.shop .news {
	background:url(../images/shop/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.shop #content {
	background:url(../images/shop/frame-content.png) no-repeat 0 0;
	height:531px;
	width:713px;
	position:absolute;
	left:0;
	top:94px;
	margin:0;
	padding:0;
	color:#400;
}


.shop .shopintro {
	position:absolute;
	left:325px;
	top:390px;
}

/* ** about ** */


.about #logo {
	position:absolute;
	top:14px;
	right:6px;
	margin:0;
	padding:0;
}


.about .topframe {
	background:url(../images/about/frame-top.png) no-repeat 0 0;
	height:94px;
	width:703px;
	position:absolute;
	left:10px;
	top:0;
}

.about .news {
	background:url(../images/about/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.about #content {
	background:url(../images/about/frame-content.png) no-repeat 0 0;
	height:531px;
	width:703px;
	position:absolute;
	left:10px;
	top:94px;
	margin:0;
	padding:0;
	color:#400;
}

.about .aboutbody {
	margin:166px -20px 0 400px;
	padding:0;
	height:514px;
	position:relative;
}

/* ** contact ** */

.contact #sidephoto {
	position:absolute;
	z-index:9;
	left:0;
	top:0;
	background:url(../images/contact/sidephoto.png) no-repeat 0 0;
	height:658px;
	width:453px;
}

.contact #logo {
	position:absolute;
	top:14px;
	right:6px;
	margin:0;
	padding:0;
}


.contact .topframe {
	background:url(../images/contact/frame-top.png) no-repeat 0 0;
	height:94px;
	width:713px;
	position:absolute;
	left:0;
	top:0;
}

.contact .news {
	background:url(../images/contact/frame-news.png) no-repeat 0 0;
	height:330px;
	width:261px;
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:422px;
}

.contact #content {
	background:url(../images/contact/frame-content.png) no-repeat 0 0;
	height:531px;
	width:703px;
	position:absolute;
	left:0;
	top:94px;
	margin:0;
	padding:0;
	color:#400;
}

.contact .contactintro {
	position:absolute;
	left:290px;
	top:5px;
}

.contact .btm {
	background:url(../images/contact/frame-btm.png) no-repeat 0 0;
	height:127px;
	width:713px;
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
}



/* text
------------------------------------------------------------ */

h1 {
	visibility:hidden;
	height:0;
	margin:0;
	padding:0;
}


.news h3 {
	font-size:8pt;
	font-weight:normal;
	letter-spacing:-.03em;
	text-transform:uppercase;
	margin:20px 0 10px 70px;
	padding:0 0 10px 0;
	width:125px;
	text-align:center;
	background:url(../images/home/news-separator.png) no-repeat center bottom;
	color:#e2ddb6;
}

.news p {
	width:125px;
	font-size:8pt;
	line-height:133%;
	text-align:center;
	margin:0 0 0 70px;
	color:#e2ddb6;
}

.home .intro p {
	color:#fff;
	width:470px;
	padding:15px 0 0 233px;
	margin:0;
	font-size:8pt;
	line-height:133%;
}

.aboutbody p {
	color:#400;
	font: normal 8pt/133% Helvetica, Arial, sans-serif;
}

.contactintro p {
	color:#400;
	font: normal 8pt/133% Helvetica, Arial, sans-serif;
}

.shopintro p {
	color:#400;
	font: normal 8pt/140% Helvetica, Arial, sans-serif;
}

#location-map li {
	text-align:center;
	width:190px;
}

#location-map h2 {
	color:#5e1107;
	font:bold 8pt/120% Helvetica, Arial, sans-serif;
}

	#location-map h2 span {
		color:#111;
		font-size:130%;
	}

#location-map p {
	font:8pt/120% Helvetica, Arial, sans-serif;
	color:#5e1107;
	margin:5px 0;
}

.btm li {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	font:7.5pt/130% Helvetica, Arial, sans-serif;
	color:#500;
}

	.btm li#left {
		width:210px;
		margin:30px 0 0 30px;
	}
	
		.btm li#left img {
			float:left;
			margin:0 5px 0 0;
		}

	.btm li#right {
		width:350px;
		margin:10px 0 0 85px;
		padding:0;
	}

#twocolumn li {
	display:block;
	float:left;
}

#leftcol dl {
	margin:0 0 0 48px;
	padding:0;
}

	#leftcol dt {
		margin:0;
		padding:0;
		font:bold 8pt/133% Helvetica, Arial, sans-serif;
		color:#fff;
		text-align:center;
	}
	
	#leftcol dt.title {
		margin:10px 0 3px 0;
		color:#500;
	}

	#leftcol dd {
		margin:0 auto 20px auto;
		padding:0;
		font:8pt/133% Helvetica, Arial, sans-serif;
		text-align:center;
	}
	
	#leftcol img {
		width:200px;
		display:block;
		margin:5px auto
	}


#rightcol p.intro {
	font:8pt/120% Helvetica, Arial, sans-serif;
	color:#fff;
	text-align:center;
	padding:0 30px;
}

ul.contactbios {
	margin:0;
	padding:0;
	position:absolute;
	z-index:0;
	left:400px;
	top:8em;
	width:340px;
}

	ul.contactbios li {
		float:left;
		clear:left;
		display:block;
		margin:0 0 2em 0;
		font:8pt/110% Helvetica, Arial, sans-serif;
	}
	
		ul.contactbios li img {
			float:left;
			margin:0 10px 0 0;
		}
		
		ul.contactbios li h2 {
			line-height:1em;
			font:bold 9pt Helvetica, Arial, sans-serif;
		}

/* forms
------------------------------------------------------------ */

#right form {
	margin:10px 0 0 0;
	padding:0;
	position:relative;
}

	#right input[type=text], #right input .emailform {
		border:1px solid #c05527;
		margin:0 auto;
		width:240px;
	}
	
	#right input[type=image] {
		position:absolute;
		right:0;
		top:0;
	}
	
	#right label {
		display:block;
		width:240px;
		text-align:center;
		padding:10px 0 0 0;
	}


/* links
------------------------------------------------------------ */

a {
	outline:none;
	color:#400;
	text-decoration:underline;
}

	a:hover {
		color:#222;
		text-decoration:none;
	}

.intro p a {
	color:#fff;
}

	.intro p a:hover {
		color:#500;
		text-decoration:none;
	}

.btm #left a {
	color:#500;
	text-decoration:none;
}

#location-map li p a {
	color:#5e1107;
}

	#location-map li p a:hover {
		text-decoration:none;
	}

.locations #north-block a {
	display:block;
	position:absolute;
	z-index:999;
	left:120px;
	width:280px;
	height:250px;
}

.locations #east-block a {
	display:block;
	position:absolute;
	z-index:999;
	left:420px;
	top:235px;
	width:280px;
	height:250px;
}

#leftcol a {
	color:#fff;
	text-decoration:none;
	font-size:8pt;
	display:block;
}

	#leftcol a:hover {
		text-decoration:underline;
	}


/* nav
------------------------------------------------------------ */

ul#nav {
	margin:0;
	padding:0;
	position:absolute;
	right:6px;
	top:215px;
}

	#nav li {
		padding:0 0 5px 0;
		margin:0 0 0 65px;
		list-style:none;
		text-transform:uppercase;
		font-size:8pt;
		text-align:center;
		width:137px;
		background:url(../images/nav-separator.png) no-repeat center bottom;
	}
	
		#nav li.last {
			background:none;
		}
	
	#nav li a {
		color:#fff;
		text-decoration:none;
		display:block;
		margin: 0;
		padding:3px 0 0 0;
	}
	
		#nav li a:hover {
			background-color:#6e371e;
		}

.home #nav {
	background:url(../images/home/frame-nav.png) no-repeat 0 0;
	width:260px;
	height:207px;
	right:7px;
	padding:20px 0 0 0;
}

.locations #nav {
	background:url(../images/locations/frame-nav.png) no-repeat 0 0;
	width:260px;
	height:207px;
	right:7px;
	padding:20px 0 0 0;
}

.discussions #nav {
	background:url(http://www.hobbylandstores.com/images/discussions/frame-nav.png) no-repeat 0 0;
	width:260px;
	height:207px;
	right:7px;
	padding:20px 0 0 0;
}

.shop #nav {
	background:url(../images/shop/frame-nav.png) no-repeat 0 0;
	width:260px;
	height:207px;
	right:7px;
	padding:20px 0 0 0;
}

.about #nav, .contact #nav {
	background:url(../images/about/frame-nav.png) no-repeat 0 0;
	width:211px;
	height:260px;
	right:7px;
	padding:20px 0 0 0;
}

	.about #nav li, .contact #nav li {
		margin:0 0 0 16px;
	}

.retail-link a {
	text-indent:-9999em;
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	top:412px;
	left:85px;
}

.online-store a {
	text-indent:-9999em;
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	top:412px;
	left:200px;
}