/* Market Hardware - layout.css */
body {
	background: #dbd4af url(/design/body.gif) repeat-x;
	font-size: 0.75em;
	font-family: Verdana, sans-serif;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #fff;
}

h1 { color: #fffe01; }

/* Breadcrumb & Logos */
.breadcrumb {
	font-size: 85%;
	padding-bottom: 10px;
}

.logos {
	text-align: center;
}

.logos img {
	padding: 5px;
	vertical-align: middle;
}

/* Container */
#container {
	margin: 0 auto;
	position: relative;
	width: 775px;
}
	
/* Branding */
#branding {
	height: 132px;
	margin-bottom: 1em;
	position: relative;
}

#branding h1,
#contact-info {
	margin: 0;
	position: absolute;
}

/* Logo */
#branding h1 {
	height: 132px;
	left: 0;
	top: 0;
	width: 282px;
	background: url(/design/logo.gif);
}

#branding h1 a {
	display: block;
	height: 100%;
	text-indent: -9000px;
}

/* Contact Info */
#contact-info {
	right: 10px;
	text-align: right;
	top: 36px;;
}

#contact-info .phone {
	display: block;
	line-height: 40px;
	width: 464px;
	border-bottom: 3px solid #000;
	margin-bottom: 5px;
	font-size: 1.6em;
	font-weight: normal;
}

#contact-info .phone span { background: url(/design/phone.gif) left center no-repeat; padding: 5px 5px 5px 35px; }

#contact-info a.email { color: #000; }

#branding a.request { color: #fd0010; text-decoration: underline; position: absolute; top: 120px; right: 50px; }

/* Columns */
#columns {
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

/* Left Column */
#leftcol {
	float:left;
	position:relative;
	width:169px;
	z-index:2;
	padding-top: 1em;
}

#leftcol h3 { color: #fd0010; }

/* Right Column */
#rightcol {
	float:right;
	position:relative;
	width:604px;
	z-index:1;
	color: #fff;
}

.background { background: url(/design/grade-top.png) no-repeat; padding-top: 29px; }
.background2 { background: url(/design/grade-drip.png) repeat-y; }
#rightcol-inner { background: url(/design/grade-bottom.png) bottom center no-repeat; padding: 0 25px 25px; min-height: 400px; _height:600px;}

/* Callouts */
#callouts { width: 604px; height: 353px; background: url(/design/calls.jpg) no-repeat; }

#callouts ul {
	list-style-type: none;
	margin: 9px;
	padding: 0;
}

#callouts li {
	display: inline; float: left; clear: none; width: 142px; height: 55px; margin-top: 285px; padding: 5px;
}
#callouts li.second { width: 139px; }
#callouts li.third { width: 133px; }
#callouts li.last { width: 131px; }

#callouts a {
	text-decoration: none; font-weight: bold; font-size: 1.2em; color: #fff; background: url(/design/arrow.gif) right center no-repeat; padding-right: 12px; display: block;
}

#callouts a:hover { color:#338BCA; }


#tertiary { background: #fff; padding: 20px; overflow: hidden; margin-top: 1em; }

#third { width: 744px; margin: 0 auto 20px; color: #505050; font-size: 90%; padding-bottom: 70px; background: url(/design/foot.gif) bottom center no-repeat; }
#third h2 { color: #fd0010; }

/* Footer */
#footer {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

#footer, #footer a {
	color: #a2a0a1;
}

#footer p {
	margin: 0;
}

div.img img {margin: 10px; border: 2px solid #fff;}
div.img a:hover img {border: 2px solid #338bca;}

.affiliations table#affils td {padding-bottom: 10px;}