div#masthead							{ width: 900px; height: 350px; position: relative; }
div#track-option						{ position: absolute; top: 0; right: 0; background: url(../images/homepage/track-right.jpg) 0 0 no-repeat; width: 450px; height: 175px; }
div#swimming-option						{ position: absolute; top: 175px; right: 0; background: url(../images/homepage/swimming-right.jpg) 0 0 no-repeat; width: 450px; height: 175px; }
div#track-option a,
div#swimming-option a					{ display: block; width: 450px; height: 175px; }
div#track-option a span,
div#swimming-option a span				{ display: none }

div#track-wrapper						{ width: 450px; height: 350px; background: url(../images/homepage/track-left.jpg) 0 0 no-repeat; position: absolute;  }
div#swimming-wrapper					{ width: 450px; height: 350px; background: url(../images/homepage/swimming-left.jpg) 0 0 no-repeat; position: absolute;  }
div#masthead div.content				{ margin-top: 25px; margin-left: 25px; background: url(../images/homepage/infobox-background.png) 25px 80px no-repeat; width: 375px;}
div#masthead div#track-wrapper 
div.content h2							{ background: url(../images/homepage/title-track.png) 0 0 no-repeat; width: 203px; height: 35px; }
div#masthead div#swimming-wrapper 
div.content h2							{ background: url(../images/homepage/title-swimming.png) 0 0 no-repeat; width: 163px; height: 42px; }
div#masthead  
div.content h2 span						{ display: none; }
div#masthead div.content h3				{ height: 80px; margin: 60px 0 0 55px; font-size: 22px; color: #003580; text-shadow: 1px 1px 2px #fff }
div#masthead div#swimming-wrapper
div.content h3							{ margin-top: 53px; }
div#masthead .content p					{ margin-left: 40px; padding-bottom: 15px; }
div#masthead .cta						{ width: 400px; height: 60px; background: url(../images/homepage/infobox-cta.png) 50px 0 no-repeat; }
div#masthead .cta a						{ display: inline; width: 175px; height: 60px; float: left; }
div#masthead .cta a.learn-more			{ background: url(../images/homepage/cta-learnmore.png) 0 0 no-repeat; margin-left: 50px; }
div#masthead .cta a.online-store		{ background: url(../images/homepage/cta-onlinestore.png) 0 0 no-repeat; }
div#masthead .cta a span				{ display: none; }
div#masthead div.option img				{ border: 0; } 
div#content								{ background: #ffffff}
div#copy								{ float: none; display: block; width: 100%; }

div#quicklinks							{  }
div#quicklinks h3						{ margin-left: 15px; }
div#quicklinks ul						{ width: 225px; float: left; margin: 0; padding-bottom: 15px}
div#quicklinks ul li					{ padding-bottom: 0; }
div#quicklinks ul li#mobile-bullet		{ background: url(../images/mobile-icon.gif) 0 4px no-repeat; }
div#quicklinks ul li#mobile-bullet span	{ color: #444444; font-size: 10px; }
div#quicklinks ul li#mobile-bullet span a img { margin-left: 5px; }

div#call-to-actions						{ width: 225px; float: right; }

div#usa-swimming						{ float: left; width: 195px; }
div#usa-swimming img					{ margin: 0 auto; display: block;  }
div#usa-swimming p						{ text-align: center }
/*
dont say i
		<div id="copy">
			<div id="quicklinks">
				<h3>Quick Links</h3>
				<ul>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
				</ul>
				<ul>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
					<li><a href="#">This is a link</a></li>
				</ul>
			</div>
			<div id="call-to-actions">
			</div>
		</div>
*/