/* -- COLORS -- */

html {
	background: #e6e0c4;
}
body {
	background: #e6e0c4 url(/images/body-bg.jpg) no-repeat center top;
	width: 100%;
	display: table;
}
#header {
}
#header .container {
}
#nav .container {
}
#sub-nav {
}
#sub-nav .container {
	background-color: #060;
}
#intro {
}
#intro .container {
	background: #3d3d3d
}
	#intro h1,
	#intro h2,
	#intro p,
	#logo span {
		color: #cdcdcd; /* intro text color */
	}
#main {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#main .container {
	padding: 20px 0;
	background: #fff url(/images/stripe-main.gif) repeat-y center top;
}
	#main h1,
	#main h2,
	#main h3,
	#main dt,
	#footer h3,
	a:link,
	a:visited,
	a:hover,
	a:active,
	legend,
	.form-field span.description {
		color: #060; /* accent color for text */
	}
	#main p,
	#main li,
	#main dd,
	#footer,
	label,
	#main div.privacy h3 {
		color: #5a5a5a; /* primary color for text */
	}
	fieldset,
	.link-ads img:hover {
		background-color: #fffcf2;
}
	fieldset,
	.link-ads img:hover,
	.form-field input.text,
	.form-field input.title,
	.form-field select {
		border: 1px solid #d9d4b8;
	}
	
	input.button {
		background-color: #d96c21;
		color: #fff;
		border-top: 1px solid #ffd2b5;
		border-left: 1px solid #ffd2b5;
		border-right: 1px solid #492b17;
		border-bottom: 1px solid #492b17;
	}
	input.secure {
		background: #d96c21 url(/images/silk-icons/lock_go-bg-blue.png) no-repeat 7px 3px;		
	}
#footer {
	padding-top: 0px;
}
#footer .container {
	padding-top: 40px;
	background: url(/images/stripe-footer.gif) repeat-x 0 top;
}

/* -- HEADER -- */

#logo {
	float:left;
	height:51px;
	width: 247px;
	margin-top: 15px;
	background: url(/images/header-logo.gif) no-repeat left top;
	}
#logo span {
	text-indent: -9999px;
}

/* -- CALLOUT -- */

#header .container {
	position: relative;
}
#callout {
	background-color: #fffcf2;
	position: absolute;
	top: 20px;
	right: 0px;
	border: 1px solid #d9d4b8;
	padding: 8px 10px 7px;
	text-align: center;
}
#callout dt {
	color: #888574;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .1em;
}
#callout dd {
	color: #060;
	font-size: 36px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 0;
}

/* -- NAVIGATION -- */

#nav a:link, #nav a:visited {
	background: url(/images/nav-tabs.png) no-repeat right -30px; /* color of tabs (inactive state) */
	color: #888888;
}
	#nav a:link span {
		background: url(/images/nav-tabs.png) no-repeat left -30px;
	}
#nav a:hover {
	color: #cdcdcd;
}
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background: #060 url(/images/nav-tabs.png) no-repeat right 0; /* color of active tab */
	color: #fff;
}
	#nav .active a span, #nav .active a:hover span {
		background: url(/images/nav-tabs.png) no-repeat left 0;
	}

	/* -- LIT -- */

	#nav .lit a:link, #nav .lit a:visited, #nav .lit a:visited, #nav .lit a:hover {
		background: none;
		color: #fff;
		background-color: #d96c21;
}
		#nav .lit a span, #nav .lit a:hover span {
		background: none;
		}

/* -- SUB-NAV -- */

#sub-nav a:link, #sub-nav a:visited {
	color: #fff;
}
#sub-nav a:hover {
	background: url(/images/subnav-tabs.png) no-repeat top right;
	color: #fff;
}
	#sub-nav a:hover span {
	background: url(/images/subnav-tabs.png) no-repeat top left;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
	color: #fff;
	background: url(/images/subnav-tabs.png) no-repeat top right;
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
	background: url(/images/subnav-tabs.png) no-repeat top left;
	}

/* Temp */
.box-location {
	background-color: #d7dddb;
	width: 160px;
	float: left;
	padding: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.box-location:hover {
	background-color: #dfe5e3;
}
.box-location-first {
	margin-left: 40px;
}