@import url("reset.css");

body {
	font-family: Helvetica, Arial, sans;
	line-height: 1.3em;
	background-color: #d4d4d4;
}
h1, h2, h3 {
	color: #48331c;
}
h1 {
	font-size: 1.333em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1em;
}
a {
	color: #a19556;
}
div#top {
	padding: 0 0 0 0;
	background: #2b1600;
}
	body.inside div#top {
		border-bottom: 5px solid #ca6d06;
	}
	div#top div.inner {
		position: relative;
		width: 940px;
		margin: 0 auto;
	}
		div#top div.inner img#logo {
			margin-left: 5px;
		}
		div#top div.inner ul#topnav {
			font-size: .75em;
			text-transform: uppercase;
			letter-spacing: .1em;
			position: absolute;
			right: 0;
			top: 50%;
		}
			div#top div.inner ul#topnav li {
				display: block;
				float: left;
				margin-right: 40px;
				text-align: center;
			}
				div#top div.inner ul#topnav li.last {
					margin-right: 0;
				}
				div#top div.inner ul#topnav li a {
					color: #ddbc97;
					text-decoration: none;
				}
				div#top div.inner ul#topnav li a:hover {
					color: #fff3ea;
				}
div#slider {
  width: 940px;
  margin: 0 auto;
  position: relative;
  clear: both;
}
div#sliderContainer {
	position: relative;
	background: url("../images/home-hero-bg.gif") top left repeat-x;
	padding-top: 20px;
}
div.scroll {
  height: 312px;
	overflow: auto;
	position: relative;
	clear: left;
}
div#sliderMenu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1004;
	float: left;
	border-left: 1px solid #8e4a00;
	margin-top: 1px;
	height: 286px;
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	padding: 0 .25em 0 .25em;
	background: url("../images/sliderMenuBg.png") top left no-repeat;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}
	div#sliderMenu.inside {
		height: 226px;
		position: static;
		margin: 0;
	}
	div#sliderMenu a {
		display: block;
		width: auto;
		color: #ddbc97;
		padding: .3em 0 .1em 0;
		border-top: 1px solid #7e5a31;
		border-bottom: 1px solid #1e160b;
		text-decoration: none;
	}
	div#sliderMenu a:hover {
		color: #fff0d3;
	}
		div#sliderMenu a.news {
			line-height: 0;
			font-size: .333em;
			padding-bottom: .333em;
			border: none;
		}
div.scrollContainer div.panel {
	border-collapse: collapse;
	border: 1px solid #8e4a00;
	font-size: .75em;
	line-height: 1.5em;
	overflow: hidden;
  padding: 0 20px 0 20px;
  height: 285px;
  width: 898px;
}
	div.scrollContainer div#hero.panel{
		background: url("../images/main-panel-bg.jpg") 0 -23px no-repeat;
	}
	div.scrollContainer div#buy.panel {
		background: url("../images/buy-panel-bg.jpg") 0 -23px no-repeat;
	}
	div.scrollContainer div#sell.panel {
		background: url("../images/sell-panel-bg.jpg") 0 -23px no-repeat;
	}
	div.scrollContainer div#loans.panel {
		background: url("../images/loan-panel-bg.jpg") 0 -23px no-repeat;
	}
	div.scrollContainer div#news.panel {
		background: url("../images/blank-panel-bg.jpg") 0 -23px no-repeat;
	overflow: hidden;
	}
	div.scrollContainer div.panel div.panelCopy {
		width:290px;
		float:right;
		margin-right: 0px;
		color:#fff;
	}
		div.scrollContainer div.panel div.panelCopy h1 {
			font-size: 1.5em;
			margin-top: 1.5em;
			color: #fff;
			font-weight: normal;
		}
		div.scrollContainer div.panel div.panelCopy p {
			margin: .5em 0;
		}
			div.scrollContainer div#hero.panel div.panelCopy h1 {
				line-height: 1.125em;
				font-size: 2em;
			}
			div.scrollContainer div#hero.panel div.panelCopy p {
				font-size: 1.25em;
			}
		div.scrollContainer div.panel div.panelCopy a.learnmore {
			position: absolute;
			bottom: 20px;
			right: 25px;
		}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}
.scrollButtons.left {
	display: none;
}
.scrollButtons.right {
	display: none;
}
img.hero {
	float: left;
	margin: 1em;
}
div#button-wrap {
	background: url("../images/gray-bg-1.gif") top left repeat-x;
	height: 102px;
}
	div#button-wrap div.inner {
		position: relative;
		width: 940px;
		height: 102px;
		overflow: hidden;
		margin: 0 auto;
	}
		div#button-wrap div.inner a {
			display: block;
			float: left;
			width: 256px;
			height: 102px;
			margin-right: 85px;
			text-indent: -10000px;
		}
			div#button-wrap div.inner a.last {
				margin-right: 0;
			}
			div#button-wrap div.inner a.buy {
				background: url("../images/btn-buy.gif") bottom left no-repeat;
			}
			div#button-wrap div.inner a.sell {
				background: url("../images/btn-sell.gif") bottom left no-repeat;
			}
			div#button-wrap div.inner a.loans {
				background: url("../images/btn-loans.gif") bottom left no-repeat;
			}
			div#button-wrap div.inner a:hover {
				background-position: left 1px;
			}
div#main-wrapper {
	clear: both;
	background: url("../images/gray-bg-2.gif") bottom left repeat-x #d4d4d4;
}
	div#main-wrapper ul {
		margin: 1em 0 1em 0;
		padding-left: 1.5em;
		list-style: disc;
	}
	div#main-wrapper div.inner, div#main-wrapper table.inner {
		position: relative;
		clear: both;
		background: url("../images/gray-bg-3.gif") top left repeat-x #d4d4d4;
		padding: 40px 20px 20px 20px;
		width: 900px;
		margin: 0 auto;
	}
	div#main-wrapper table.inner {
		padding: 0;
		width: 940px;
	}
	div#main-wrapper table.inner td.left {
		vertical-align: top;
		padding-top: 32px;
		background: #3e341c;
		width: 160px;
	}
	div#main-wrapper table.inner td.right {
		padding: 20px;
		float: left;
	}
	div#main-wrapper table.inner div#sliderMenu {
		background: transparent;
		width: auto;
		float: left;
	}
	div#main-wrapper div.inner div.left {
		position: relative;
		z-index: 2;
		width: auto;
		float: left;
	}
		div#main-wrapper div.inner div.left.home h1 {
			border-top: 1px solid #48331c;
			border-bottom: 1px solid #48331c;
			padding: 7px 0 5px 0;
		}
	div#main-wrapper div.inner div.right {
		position: relative;
		z-index: 3;
		width: 730px;
		float: right;
	}
	div#main-wrapper div.inner div.left.home {
		width: 550px;
	}
	div#main-wrapper div.inner div.right.home {
		width: 300px;
		font-size: .75em;
	}
		div#main-wrapper div.inner div.right.home h3 {
			font-size: 1.333em;
		}
		div#main-wrapper div.inner div.right.home div.news {
			background: url("../images/gray-bg-2.gif") top left repeat-x;
			padding:  0 8px 8px 8px;
		}
		div#main-wrapper div.inner div.right.home div.signup {
			background: url("../images/gray-bg-2.gif") top left repeat-x;
			padding:  0 8px 8px 8px;
		}
			div#main-wrapper div.inner div.right h3.gold {
				position: relative;
				color: #fff;
				background: url("../images/goldbg1.gif") top left repeat-x;
				width: 293px;
				height: 26px;
				padding-top: 8px;
				padding-left: 8px;
				margin-left: -8px;
			}
			div#main-wrapper div.inner div.right.home div.news p {
				padding: .666em 0;
				line-height: 1.125em;
				margin: 0;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #eee;
			}
			div#main-wrapper div.inner div.right.home div.news p.first {
				border-top: none;
			}
			div#main-wrapper div.inner div.right.home div.news p.last {
				border-bottom: none;
			}
			div#main-wrapper table.inner h1 {
				margin-top: 20px;
			}
			div#main-wrapper div.inner div p, div#main-wrapper table.inner p {
				margin-top: 1em;
			}
		div#main-wrapper div.inner ul.column {
			float: left;
			width: 345px;
			border-bottom: 1px solid #b5b5b5;
			padding-bottom: 32px;
		}
			div#main-wrapper div.inner ul.column li {
				border-left: 1px solid #b5b5b5;
				padding: 0 0 .7em 32px;
			}
				div#main-wrapper div.inner ul.column li.last {
					padding-bottom: 0;
				}
				div#main-wrapper div.inner ul.column li a {
					color: #308264;
					text-decoration: none;
				}
				div#main-wrapper div.inner ul.column li a:hover {
					text-decoration: underline;
				}
		div#main-wrapper div.inner ul.column.last {
			width: 250px;
		}
	/*------------ Footer -------------*/
	div#main-wrapper div#footer {
		font-size: .75em;
		color: #a8a5a5;
		background: #dae3e1;
		padding: 14px;
		width: 912px;
		margin: 32px auto 0 auto;
		clear: both;
	}
		div#main-wrapper div#footer a {
			color: #a8a5a5;
		}
			div#main-wrapper div#footer ul#botnav li {
				display: inline;
				margin-right: 2em;
			}
				div#main-wrapper div#footer ul#botnav li.last {
					margin-right: 0;
				}
	
/*------------ Utilities -------------*/
.clear {
	clear: both;
}
img.left {
	float: left;
	margin-right: 1em;
}

/*------------ Misc -------------*/
.scrollShadow {
	position: absolute;
	left: 50%;
	margin-left: -483px;
	z-index: 1007;
	top: 0;
}
.bigdiamondcropped {
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0;
}
.location {
	float: left;
	width: 100%;
	clear: both;
	padding-top: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
.location img {
	float: left;
	vertical-align: middle;
	margin-right: 1em;
}
body.blog td.right {
	background: url("../images/blog_header.jpg") top right no-repeat;
}
body.blog td.right #main {
	margin-top: 100px;
}

/* ---- emma signup ---- */

div#main-wrapper div.inner div.right .e2ma_signup_form {
	width: 282px;
}
div#main-wrapper div.inner div.right .e2ma_signup_form_element {
	display: inline;
}
div#main-wrapper div.inner div.right .e2ma_signup_form_row {
	border: none;
	padding: 0;
	margin-top: .666em;
}
div#main-wrapper div.inner div.right .e2ma_signup_form_label {
	float: left;
	font-family: inherit;
	width: 85px;
	font-size: inherit;
	color: inherit;
	text-align: left;
	padding-top: 5px;
	text-transform: capitalize;
}
div#main-wrapper div.inner div.right .e2ma_signup_form input[type=text] {
	border: 1px solid #757575; 
	font-family: inherit;
	font-size: 14px;
	width: 175px;
	padding: 3px; 
}
div#main-wrapper div.inner div.right .e2ma_signup_form input[type=text]:hover, div#main-wrapper div.inner div.right .e2ma_signup_form input[type=text]:focus {
	border: 1px solid #a19556;
}
div#main-wrapper div.inner div.right .e2ma_signup_form_button_row {
	margin: .666em 0 0 0;
	text-align: right;
	float: none;
	display: block;
}
div#main-wrapper div.inner div.right .e2ma_signup_form_required_asterix,
div#main-wrapper div.inner div.right #e2ma_signup_reset_button,
div#main-wrapper div.inner div.right .e2ma_signup_message,
.e2ma_signup_form_required_footnote {
	display: none;
}
div#main-wrapper div.inner div.right .e2ma_signup_image_container {
	display: none;
}