* { margin: 0; padding: 0; }
body {
	font: 62.5% "Trebuchet MS", Verdana, sans-serif;
	background: url(images/head-orng-fade.png) repeat-x 0 204px;
}
img { border: none;}

#head {
	width: 824px;
	margin: 20px auto 40px;
	position: relative;
	background: url(images/head-ipod-bg.jpg) no-repeat  275px 0;
}
#logo { margin-bottom: 32px; }
#tagline-1 {
	font-size: 36px;
	font-weight: bold;
	color: #60a043;
	position: absolute;
	top: 105px;
	left: 505px;
}
#tagline-2 {
	font-size: 36px;
	color: #eeb724;
	position: absolute;
	top: 140px;
	left: 585px;
}
#service-statement {
	width:  260px; /* 310px total */
	padding: 20px 25px;
	color: #fff;
	background: #f0b723;
}
#service-statement h1 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: .05em;
	padding-bottom: 3px;
	margin: 0 0 8px;
	border-bottom: 1px solid #ef882d;
}
#service-statement h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 20px;
}
#service-statement a {
	display: block;
	width: 216px;
	height: 35px;
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 auto;
	background: url(images/head-btn-link.png) no-repeat left top;
}
#service-statement a:hover { background: url(images/head-btn-link.png) no-repeat right top; }

#pods {
	width: 825px;
	margin: 0 auto;
	padding: 0 20px; /* <--- IE6 */
	overflow: hidden;
}
div.pod {
	float: left;
	width: 244px;
	margin: 0 15px;
	background: url(images/pod-btm.png) no-repeat 0 bottom;
}
div.pod h2 {
	margin: 0 0 20px;
	padding-top: 12px;
	font-size: 38px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	background: url(images/pod-top.png) no-repeat 0 0;
}
div.pod h2 a {
	color: #eeb724;
	text-decoration: none;
}
div.pod h2 a:hover {
	color: #ed8027;
}
div.pod ul {
	color: #60a043;
	font-size: 14px;
	line-height: 20px;
	width: 150px;
	margin: 0 0 15px 50px;
}
div.pod a.btn {
	display: block;
	width: 132px;
	height: 35px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 auto 30px;
	background: url(images/pod-go-btn-link.png) no-repeat left top;
}
div.pod a.btn:hover {
	background: url(images/pod-go-btn-link.png) no-repeat right top;
}

#formats {
	width: 825px;
	margin: 13px auto 32px;
	color: #549442;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

#nav-outside {
	width: 824px;
	height: 38px;
	margin: 0 auto;
	background: url(images/foot-grn-bar-bg.png) repeat-x 0 0;
}
#nav-inside {
	width: 100%;
	background: url(images/foot-grn-bar-left.png) no-repeat left top;
}
#nav-inside ul {
	list-style: none;
	color: #fff;
	font-size: 18px;
	padding: 0 15px;
	overflow: hidden;
	background: url(images/foot-grn-bar-right.png) no-repeat right top;
}
#nav-inside li { float: left; }
#nav-inside a {
	display: block;
	float: left; /* <--- IE6 */
	height: 38px;
	line-height: 38px;
	padding: 0 19px;
	color: #fff;
	text-decoration: none;
}
#nav-inside a:hover {
	background: url(images/foot-grn-bar-hover.png) repeat-x 0 0;
}

small {
	display: block;
	width: 824px;
	color: #86ba77;
	font-size: 9px;
	text-align: right;
	margin: 20px auto 40px;
}
small a {
	color: #549442;
	text-decoration: none;
}
small a:hover {
	color: #39652d;
	text-decoration: underline;
}