/* 

CSS for Valley Goldmine
Created by: Kyle Theisen
Website: www.1stopstudios.com

*/

* {margin: 0;padding: 0;}

/* tag styles */
body {
	background: #000 url('../images/bg.jpg') repeat center top scroll;
	color: #fff;
	font-size: 0.75em;
	font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; 
}
#wrapper {
	width: 900px;
	margin: 0 auto;
}
p {
	margin:0.5em 0 1.5em 0;
	font-size:1.12em;
}
h1 {
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	color:#FFFAC2;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"Myriad Pro", "Lucida Sans Unicode";
}	
a {
	color: #fffac2;
}
a:hover {
	text-decoration: underline;
}
.ml {margin-left:8px;}
.mr {margin-right:8px;}
.mt {margin-top:8px;}
.mb {margin-bottom:8px;}
.pl {padding-left:8px;}
.pr {padding-right:8px;}
.pt {padding-top:8px;}
.pb {padding-bottom:8px;}

ul.none {
	list-style:none;
	list-style-type:none;
}

/* header */
#header {
	height: 150px; width: 900px;
	float: left;
	position: relative;
	background: transparent url('../images/trans-363636-20.png') repeat center top;
}
.logo {
	background: transparent url('../images/seattle-goldmine2.png') no-repeat left top;
	position: absolute;
	top:20px; left: 40px;
}
#slogan {
	position:absolute;
	top:50px; left:430px;
	width:430px;
	overflow:hidden;
}
img.slogan2 {margin-left:40px;}
ul.phone {
	position:absolute;
	top:130px; left:436px;
}
	ul.phone li {
		float:left; 
		display:block;
		padding:0 6px;
		border-right:1px solid #333;
		font-size:1.2em;
	}
	ul.phone li.last {
		border-right:none;
		padding-right:0;
	}
	ul.phone li span {
		font-weight:bold;
	}

/* navigation */
.none {
	list-style: none;
	list-style-type: none;
}
ul.nav {float:left; display:block; height:60px; width:900px;background:url("../images/trans-w10.png") repeat scroll center top transparent;}
ul.nav li {float:left; display:block; padding:15px 0 0 0; height:45px; position:relative;}
ul.nav li a {float:left; display: block; padding:5px 13px; font-size:17px; color:#fff; text-transform:uppercase; text-decoration:none;}
ul.nav li a:hover, ul.nav li a.active {color:#fffac2;}

ul.nav li div {display:none;}
ul.nav li.hover div {display:block; position:absolute; top:60px; left:1px; width:360px; background:#181818; border:1px solid #3b3b3b;}
	ul.nav li div p.main {text-align:center; background:transparent url(../images/select-a-state.jpg) no-repeat center bottom; margin:8px 0; padding-bottom:13px;}
		ul.nav li div p.main a {display:inline; float:none;}
	ul.nav li div ul.col1, ul.nav li div ul.col2 {float:left; display:block; width:179px;  list-style:disc; list-style-type:disc; margin-bottom:8px;}
	ul.nav li div ul.col1 li, ul.nav li div ul.col2 li {clear:both; list-style:disc; list-style-type:disc; color:#fff; height:auto; padding:0 0 0 10px; background:transparent url(../images/dot.jpg) no-repeat left center; margin-left:20px; margin-bottom:8px;}
	ul.nav li div ul li a {padding:0; font-size:16px;}
	
/* home - 1st box (content) */
div.main_width {
	float: left;
	width: 900px;
}
.home_main {
	background: transparent url('../images/trans-w20.png') repeat center top;
	float: left;
	width:701px; height: 250px;
	padding:8px;
	overflow:hidden;
}
.home_slider {
	background: transparent url('../images/trans-202020-50.png') repeat center top;
	width: 175px; height: 261px;
	padding-top:5px;
	float: left;
}

/* home - 2nd box (content) */
.home_sell {
	float: left;
	width: 537px; height: 508px;
	border: 2px solid #3b3b3b;
	background: #0f0f0f url('../images/home-sell-bg.png') no-repeat center bottom;
	cursor: pointer;
}
.home_party {
	float: left;
	width: 347px; height: 508px;
	border: 2px solid #3b3b3b;
	background: #101010 url('../images/home-party-bg.png') no-repeat center bottom;
	cursor: pointer;
}
.home_sell h2, .home_party h2 {
	font-size:3.0em;
	text-align:center;
	margin:30px 0 0;
	text-transform:uppercase;
	color:#FFFAC2;
}
.home_sell h2 a, .home_party h2 a {
	color:#FFFAC2;
	text-decoration: none;
}
.home_sell h2 a:hover, .home_party h2 a:hover {
	color:#fff;
}
.home_sell p, .home_party p {
	text-align:center;
	font-size:1.2em;
}
.home_sell ul.locations {
	margin:30px 0 0 98px;
}
.home_sell ul.locations li {
	float:left;
	display: block;
	padding:0 8px;
	border-right:1px solid #444;
	font-size:1.25em;
	font-weight:bold;
}
.home_sell ul.locations li.last {
	border-right:none;
}
.home_sell ul.locations li a {
	text-decoration:none;
	color:#fff;
}
.home_sell ul.locations li a:hover {
	color:#FFFAC2;
}
div.hr hr {
	display:none;
}
div.hr {
	border-bottom:1px solid #666;
	height:1px;
	width:80%;
	margin:15px auto;
}	
.home_party p span {
	font-size:1.6em;
	font-weight:bold;
}


/* Footer */
#footer {
	text-align:center;
}

#footer p {
	font-size:1.0em;
}
#footer p span {
	font-size:0.8em;
}

/* Interior Page */
img.mainimage {
	float:left;
	margin-right:8px;
}
.content {
	text-align:center;
	float:left;
	width:584px;
	padding:8px 20px;
	background:transparent url('../images/content-bg-trans.png') repeat center top;
}
.content.full {
	text-align:center;
	float:left;
	width:860px;
	padding:8px 20px;
	background:transparent url('../images/content-bg-trans.png') repeat center top;
}
.content h1 {	
	font-size:3.0em;
	text-align:center;
	margin:10px 0 0;
	text-transform:uppercase;
	color:#FFFAC2;
}
.content p {
	font-size:1.2em;
}
.content form p {
	margin:0.2em 0 1.0em 0;
	font-size:1.0em;
}
.center {
	text-align:center;
}
.floatLeft {float:left;}
.floatRight {float:right;}
/* State boxes */
.state {
	border:1px solid #555;
	padding:20px;
	margin-bottom:20px;
}
.state h2 {
	text-align:left;
	font-size:1.9em;
}
.state img {
	margin:0 20px 20px 0;
	border:2px solid #777;
}
.state img.right {
	margin:0 0 20px 20px;
}
.state ul li a {
	display:block;
	clear:right;
	font-size:1.4em;
}

div.left {
	float:left;
	background:transparent url('../images/content-bg-trans.png') repeat center top;
	width:248px;
	padding:10px;
	margin-right:8px;
}
.smleftimg {
	margin-top:160px;
}
ul.cities li a {
	color:#fff;
	padding:8px 5px;
	display:block;
	font-size:1.4em;
	text-decoration:none;
}
ul.cities li a:hover {
	color:#FFFAC2;
}

span.small, p.small {
	font-size:0.8em;
}
h2.yellow {
	font-size:1.7em;
	color:#FFFAC2;
	text-transform:none;
}
.yellow {
	color:#FFFAC2;
}
#imageslide li {
	width:175px;
	text-align:center;
}
#imageslide li img.bbb {margin-top:18px;}
#imageslide li img.abc {margin-top:10px;}
#imageslide li img.feat {margin-top:15px;}

ul.phonelist li {
	font-size:1.0em;
	font-weight:bold;
}
ul.phonelist li span {
	font-weight:normal;
}
.clickable {cursor:pointer !important;}