html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body { margin: 12px 0; font: 12px/1.1 Arial, Helvetica, sans-serif; }

#container { width: 756px; margin: 0 auto; }

#leftside { float: left; position: relative; margin-top: 67px; }
#leftside span { position: absolute; background: url("../images/Arrow.gif") no-repeat; }
#leftside, #leftside span { width: 309px; height: 448px; }

#rightside { float: left; }
#rightside h1, #rightside h1 span { position: relative; width: 446px; height: 94px; }
#rightside h1 { margin-top: 79px; }
#rightside h1 span { position: absolute; background: url("../images/sub_header.gif") no-repeat; }

#carriers { position: relative; height: 240px; width: 446px; background: url("../images/carriers.png") no-repeat; }
#carriers p { clear: both; }
#carriers p a, #carriers p a span { float: left; position: relative; }
#carriers p a span { position: absolute; top: 0; left: 0; background-image: url("../images/carriers.png"); background-repeat: no-repeat; cursor: pointer; }

#bottom, #bottom span { position: relative; width: 446px; height: 102px; }
#bottom { clear: both; }
#bottom span { position: absolute; top: 0; background: url("../images/bottom.gif") no-repeat 0 0; }

a.cingular, a.cingular span, a.verizon, a.verizon span, a.tmobile, a.tmobile span { height: 69px; }
a.sprint, a.sprint span, a.other, a.other span { height: 71px; }

a.cingular, a.cingular span { width: 118px; }
a.cingular { margin: 8px 0 0 24px; }
a.cingular span { background-position: -24px -8px; }
a.cingular:hover span { background-position: -24px -248px; }

a.verizon, a.verizon span { width: 109px; }
a.verizon { margin: 8px 0 0 8px; }
a.verizon span { background-position: -151px -8px; }
a.verizon:hover span { background-position: -151px -248px; }

a.tmobile, a.tmobile span { width: 100px; }
a.tmobile { margin: 8px 0 0 9px; }
a.tmobile span { background-position: -269px -8px; }
a.tmobile:hover span { background-position: -269px -248px; }

a.sprint, a.sprint span { width: 118px; }
a.sprint { margin: 4px 0 0 87px; }
a.sprint span { background-position: -87px -82px; }
a.sprint:hover span { background-position: -87px -322px; }

a.other, a.other span { width: 110px; }
a.other { margin: 4px 0 0 10px;}
a.other span { background-position: -215px -82px; }
a.other:hover span { background-position: -215px -322px; }

#main div#international { clear: both; text-align: center; float: none; font-weight: 700; }
#main div#international p { width: 490px; margin: 6px auto; }
#main div#international p a { display: block; float: left; width: 70px; }
#main div#international p a img { display: block; border: 0 solid white; margin: 6px auto; }

#footer { clear: both; margin-top: 48px;}
#footer p { margin: 8px 0; }