@charset "utf-8";

*
{
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:arial, helvetica, sans-serif;
	font-size:8px;
	line-height:12px;
	list-style:none;
	margin:0px;
	outline:none;
	padding:0px;
}

body
{
	background-color:#000000;
	height:100%;
}

html
{
	height:100%;	
}

/* container */

#container
{
	height:720px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	width:960px;	
}

/* identity */

#identity
{
	background-image:url(../images/identity.png);
	height:132px;
	margin:0px 0px 0px 400px;
	overflow:hidden;
	width:184px;
}

#identity h1 a
{
	display:inline;
	float:left;
	height:132px;
	overflow:hidden;
	text-indent:-9999px;
	width:184px;
}

/* navigation */

#navigation
{
	background-image:url(../images/navigation.png);
	background-position:0px 148px;
	height:568px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:132px;
	width:960px;
}

#navigation ul li.yellow
{
	height:359px;
	left:52px;
	position:absolute;
	top:45px;
	width:126px;
}

#navigation ul li.yellow a
{
	background-image:url(../images/navigation-ul-li.yellow-a.png);
	height:359px;
	display:block;
	text-indent:-9999px;
	width:126px;
}

#navigation ul li.red
{
	height:333px;
	left:227px;
	position:absolute;
	top:51px;
	width:112px;
}

#navigation ul li.red a
{
	background-image:url(../images/navigation-ul-li.red-a.png);
	height:333px;
	display:block;
	text-indent:-9999px;
	width:112px;
}

#navigation ul li.purple
{
	height:333px;
	left:625px;
	position:absolute;
	top:51px;
	width:110px;
}

#navigation ul li.purple a
{
	background-image:url(../images/navigation-ul-li.purple-a.png);
	height:333px;
	display:block;
	text-indent:-9999px;
	width:110px;
}

#navigation ul li.orange
{
	height:359px;
	left:791px;
	position:absolute;
	top:45px;
	width:127px;
}

#navigation ul li.orange a
{
	background-image:url(../images/navigation-ul-li.orange-a.png);
	height:359px;
	display:block;
	text-indent:-9999px;
	width:127px;
}

#navigation ul li.join
{
	height:46px;
	left:372px;
	position:absolute;
	top:493px;
	width:226px;
}

#navigation ul li.join a
{
	background-image:url(../images/navigation-ul-li.join-a.png);
	height:46px;
	display:block;
	text-indent:-9999px;
	width:226px;
}

/* product */

div.product
{
	background-image:url(../images/product.png);
	height:462px;
	left:42px;
	overflow:hidden;
	padding:3px 0px;
	position:absolute;
	top:144px;
	width:886px;
	z-index:9999;
}

div.product div.about
{
	height:360px;
	left:0px;
	padding:102px 109px 0px 42px;
	position:absolute;
	top:3px;
	width:292px;
}

div.product div.about h2
{
	height:40px;
	margin:0px auto 30px auto;
	text-indent:-9999px;
}

div.product div.about h3
{
	height:11px;
	margin:0px auto 18px auto;
	text-indent:-9999px;
	width:109px;
}

div.product div.about p
{
	color:#000000;
	text-align:center;	
}

div.product div.about p strong
{
	color:#000000;
	display:block;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	margin:12px 0px;
}

div.product div.nutrition
{
	height:462px;
	position:absolute;
	right:0px;
	top:3px;
	width:443px;
}

div.product div.nutrition table
{
	height:354px;
	margin:54px auto;
	text-indent:-9999px;
	width:154px;
}

div.product div.image
{
	height:415px;
	left:375px;
	position:absolute;
	top:30px;
	width:137px;
}

div.product div.close
{
	position:absolute;
	height:9px;
	overflow:hidden;
	right:6px;
	top:9px;
	width:43px;
}

div.product div.close a
{
	background-image:url(../images/product-close-a.png);
	display:block;
	height:9px;
	text-indent:-9999px;
	width:43px;
}

div.close a
{
	font-size:12px;	
}

/* yellow */

#yellow div.about
{
	background-image:url(../images/yellow-about.png);
}

#yellow div.about h2
{
	background-image:url(../images/yellow-h2.png);
	width:212px;
}

#yellow div.about h3
{
	background-image:url(../images/yellow-h3.png);
}

#yellow div.nutrition table
{
	background-image:url(../images/yellow-table.png);
}

#yellow div.image
{
	background-image:url(../images/yellow.png);
}

/* red */

#red div.about
{
	background-image:url(../images/red-about.png);
}

#red div.about h2
{
	background-image:url(../images/red-h2.png);
	width:207px;
}

#red div.about h3
{
	background-image:url(../images/red-h3.png);
}

#red div.nutrition table
{
	background-image:url(../images/red-table.png);
}

#red div.image
{
	background-image:url(../images/red.png);
}

/* purple */

#purple div.about
{
	background-image:url(../images/purple-about.png);
}

#purple div.about h2
{
	background-image:url(../images/purple-h2.png);
	width:245px;
}

#purple div.about h3
{
	background-image:url(../images/purple-h3.png);
}

#purple div.about p
{
	color:#ffffff;	
}

#purple div.about p strong
{
	color:#ffffff;	
}

#purple div.nutrition table
{
	background-image:url(../images/purple-table.png);
}

#purple div.image
{
	background-image:url(../images/purple.png);
}

/* orange */

#orange div.about
{
	background-image:url(../images/orange-about.png);
}

#orange div.about h2
{
	background-image:url(../images/orange-h2.png);
	width:206px;
}

#orange div.about h3
{
	background-image:url(../images/orange-h3.png);
}

#orange div.nutrition table
{
	background-image:url(../images/orange-table.png);
}

#orange div.image
{
	background-image:url(../images/orange.png);
}

/* bite */

#bite div.about
{
	background-image:url(../images/bite-about.png);
	height:420px;
	padding:42px 109px 0px 42px;
}

#bite div.about h2
{
	background-image:url(../images/bite-h2.png);
	width:181px;
}

#bite div.about h3
{
	background-image:url(../images/bite-h3.png);
}

#bite div.about p
{
	margin:0px 0px 12px 0px;	
}

#bite div.about p a
{
	color:#000000;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0px;
	text-transform:uppercase;	
}

#bite div.nutrition table
{
	background-image:url(../images/bite-table.png);
}

#bite div.image
{
	background-image:url(../images/bite.png);
	height:223px;
	left:409px;
	top:126px;
	width:67px;
}

/* links */

#links
{
	bottom:0px;
	position:absolute;
	width:960px;
}

#links p
{
	font-size:10px;
	line-height:15px;
	text-align:center;
}

#links p a
{
	font-size:10px;
	text-transform:uppercase;	
}

/* form */

#form
{
	padding:60px 0px 0px 0px;	
}

#form *
{
	font-size:12px;	
}

#form p
{
	color:#ffffff;
	margin:12px auto;
	text-align:center;
}

#form p.underline
{
	border-bottom:#c4152c solid 1px;
	padding:0px 0px 12px 0px;
}

#form form p
{
	overflow:hidden;
	width:700px;	
}

#form form fieldset
{
	border:none;	
}

#form form p label
{
	color:#ffffff;
	display:inline;
	float:left;
	line-height:17px;
	margin:0px 12px 0px 0px;
	text-align:right;
	width:294px;	
}

#form form p input.text
{
	background:#ffffff;
	border:none;
	color:#000000;
	display:inline;
	float:left;
	padding:1px;
}

#form form p input.checkbox
{
	display:inline;
	float:left;
	height:13px;
	margin:2px 12px 2px 0px;
	width:13px;
}

#form form p select
{
	color:#000000;
	display:inline;
	float:left;
	margin:0px 12px 0px 0px;
}

#form form p select option
{
	color:#000000;	
}

#form form p small
{
	display:inline;
	float:left;
	font-size:9px;
	line-height:17px;
}

#form form p.button
{
	text-align:left;
	padding:0px 0px 0px 306px;
	width:394px;
}

#form form p.button small
{
	display:block;
	line-height:normal;
	margin:0px 0px 12px 0px;
	text-align:left;
}

#form form p.button small a
{
	font-size:9px;	
}

#form form p.button button
{
	background:none;
	background-color:#c4152c;
	border:none;
	display:inline;
	float:left;
	color:#ffffff;
	cursor:pointer;
	padding:3px 12px;
}

.pattern
{
	background-image:url(../images/pattern.png);
}

.pattern-thanks
{
	height: 184px;
	background-image:url(../images/pattern-thanks.png);
}

.pattern-thanks p
{
	border:none;
	text-indent:-9999px;	
}

/* extra */

#extra
{
	background-image:url(../images/extra.png);
	height:136px;
	position:absolute;
	right:36px;
	top:12px;
	width:210px;
}

#extra ul li a
{
	display:block;
	height:136px;
	text-indent:-9999px;
	width:210px;
}

/* menu */

#menu
{
	background-image:url(../images/menu.png);
	bottom:54px;
	left:39px;
	position:absolute;
	width:926px;
	z-index:9999;
}

#menu ul li
{
	background-position:center bottom;
	display:inline;
	float:left;
	height:27px;
	position:relative;
}

#menu ul li:hover
{
	background:none;
}

#menu ul li span
{
	bottom:0px;
	height:27px;
	left:0px;
	overflow:hidden;
	position:absolute;
	width:146px;
	z-index:9999;
}

#menu ul li span a
{
	display:block;
	height:29px;
	text-indent:-9999px;
}

#menu ul li ul
{
	bottom:0px;
	display:none;
	position:absolute;
	left:0px;
}

#menu ul li.hover ul
{
	display:block;
}

#menu ul li ul li
{
	background:none;
	display:block;
	float:none;
	height:11px;
	padding:0px 0px 4px 0px;
	overflow:hidden;
	padding:0px;
}

#menu ul li ul li a
{
	display:block;
	height:11px;
	text-indent:-9999px;
}

#menu ul li ul li.hover
{
	background-image:url(../images/menu-ul-li-ul-li.png);
	height:11px;
	padding:0px 0px 4px 0px;
}

#menu ul li.products
{
	width:146px;
}

#menu ul li.products span a:hover
{
	background-image:url(../images/menu-ul-li.products-a.png);	
}

#menu ul li.products ul
{
	background-image:url(../images/menu-ul-li.products-ul.png);
	height:166px;
	width:146px;
}

#menu ul li.products ul li.o1
{
	margin:29px 0px 0px 28px;	
	width:71px;
}

#menu ul li.products ul li.o2
{
	margin:7px 0px 0px 28px;
	width:82px;
}

#menu ul li.products ul li.o3
{
	margin:7px 0px 0px 28px;
	width:70px;
}

#menu ul li.products ul li.o4
{
	margin:7px 0px 0px 28px;
	width:70px;
}

#menu ul li.products ul li.o5
{
	margin:25px 0px 0px 28px;
	width:71px;
}

#menu ul li.products ul li.o6
{
	margin:7px 0px 0px 28px;
	width:83px;
}

#menu ul li.registration
{
	margin:0px 40px 0px 80px;
	width:146px;
}

#menu ul li.registration a:hover
{
	background-image:url(../images/menu-ul-li.registration-a.png);	
}

#menu ul li.representatives
{
	margin:0px 80px 0px 40px;
	width:204px;
}

#menu ul li.representatives ul
{
	background-image:url(../images/menu-ul-li.representatives-ul.png);
	height:81px;
	width:204px;
}

#menu ul li.representatives ul li.o1
{
	margin:11px 0px 0px 34px;	
	width:73px;
}

#menu ul li.representatives ul li.o2
{
	margin:7px 0px 0px 34px;
	width:67px;
}

#menu ul li.representatives span
{
	width:204px;	
}

#menu ul li.promotions
{
	width:146px;
}

#menu ul li.promotions a:hover
{
	background-image:url(../images/menu-ul-li.promotions-a.png);	
}

/* ambassadors */

#ambassadors
{
	height:504px;
	position:relative;
	width:960px;
}

#ambassadors #map
{
	background-image:url(../images/ambassadors-map.jpg);
	background-position:72px;
	height:504px;
	left:0px;
	position:absolute;
	top:0px;
	width:888px;
}

#ambassadors #map div.city div.button
{
	background-image:url(../images/ambassadors-map-button.png);
	height:48px;
	overflow:hidden;
	position:absolute;
	width:48px;
}

#ambassadors #map div.city div.button a
{
	height:48px;
	left:0px;
	position:absolute;
	text-indent:-9999px;
	top:0px;
	width:48px;
}

/* -- */

#ambassadors #map div.atlanta div.button
{
	left:646px;
	top:300px;
}

#ambassadors #map div.atlanta div.hover
{
	background-image:url(../images/ambassadors-map-atlanta-hover.png);
	height:240px;
	left:617px;
	top:111px;
	width:292px;
	z-index:9999;
}

#ambassadors #map div.atlanta div.hover a
{
	left:29px;
	top:189px;
}

/* -- */

#ambassadors #map div.baltimore div.button
{
	left:738px;
	top:187px;
}

#ambassadors #map div.baltimore div.hover
{
	background-image:url(../images/ambassadors-map-baltimore-hover.png);
	height:244px;
	left:711px;
	top:-4px;
	width:275px;
	z-index:9999;
}

#ambassadors #map div.baltimore div.hover a
{
	left:27px;
	top:191px;
}

/* -- */

#ambassadors #map div.boston div.button
{
	left:793px;
	top:127px;
}

#ambassadors #map div.boston div.hover
{
	background-image:url(../images/ambassadors-map-boston-hover.png);
	height:183px;
	left:593px;
	top:-5px;
	width:297px;
}

#ambassadors #map div.boston div.hover a
{
	left:200px;
	top:132px;
}

/* -- */

#ambassadors #map div.chicago div.button
{
	left:597px;
	top:168px;
}

#ambassadors #map div.chicago div.hover
{
	background-image:url(../images/ambassadors-map-chicago-hover.png);
	height:229px;
	left:580px;
	top:-10px;
	width:289px;
}

#ambassadors #map div.chicago div.hover a
{
	left:17px;
	top:178px;
}

/* -- */

#ambassadors #map div.dallas div.button
{
	left:480px;
	top:327px;
}

#ambassadors #map div.dallas div.hover
{
	background-image:url(../images/ambassadors-map-dallas-hover.png);
	height:240px;
	left:245px;
	top:138px;
	width:330px;
}

#ambassadors #map div.dallas div.hover a
{
	left:235px;
	top:189px;
}

/* -- */

#ambassadors #map div.denver div.button
{
	left:379px;
	top:208px;
}

#ambassadors #map div.denver div.hover
{
	background-image:url(../images/ambassadors-map-denver-hover.png);
	height:238px;
	left:352px;
	top:21px;
	width:333px;
	z-index:9999;
}

#ambassadors #map div.denver div.hover a
{
	left:27px;
	top:187px;
}

/* -- */

#ambassadors #map div.detroit div.button
{
	left:643px;
	top:158px;
}

#ambassadors #map div.detroit div.hover
{
	background-image:url(../images/ambassadors-map-detroit-hover.png);
	height:190px;
	left:609px;
	top:19px;
	width:319px;
}

#ambassadors #map div.detroit div.hover a
{
	left:34px;
	top:139px;
}

/* -- */

#ambassadors #map div.houston div.button
{
	left:498px;
	top:384px;
}

#ambassadors #map div.houston div.hover
{
	background-image:url(../images/ambassadors-map-houston-hover.png);
	height:186px;
	left:484px;
	top:249px;
	width:304px;
}

#ambassadors #map div.houston div.hover a
{
	left:14px;
	top:135px;
}

/* -- */

#ambassadors #map div.los-angeles div.button
{
	left:173px;
	top:264px;
}

#ambassadors #map div.los-angeles div.hover
{
	background-image:url(../images/ambassadors-map-los-angeles-hover.png);
	height:211px;
	left:146px;
	top:104px;
	width:316px;
	z-index:9999;
}

#ambassadors #map div.los-angeles div.hover a
{
	left:27px;
	top:140px;
}

/* -- */

#ambassadors #map div.miami div.button
{
	left:726px;
	top:421px;
}

#ambassadors #map div.miami div.hover
{
	background-image:url(../images/ambassadors-map-miami-hover.png);
	height:236px;
	left:701px;
	top:236px;
	width:279px;
}

#ambassadors #map div.miami div.hover a
{
	left:25px;
	top:185px;
}

/* -- */

#ambassadors #map div.pittsburg div.button
{
	left:692px;
	top:179px;
}

#ambassadors #map div.pittsburg div.hover
{
	background-image:url(../images/ambassadors-map-pittsburg-hover.png);
	height:245px;
	left:649px;
	top:-15px;
	width:290px;
}

#ambassadors #map div.pittsburg div.hover a
{
	left:43px;
	top:194px;
}

/* -- */

#ambassadors #map div.san-antonio div.button
{
	left:420px;
	top:360px;
}

#ambassadors #map div.san-antonio div.hover
{
	background-image:url(../images/ambassadors-map-san-antonio-hover.png);
	height:240px;
	left:185px;
	top:167px;
	width:330px;
}

#ambassadors #map div.san-antonio div.hover a
{
	left:235px;
	top:190px;
}

/* -- */

#ambassadors #map div.san-francisco div.button
{
	left:151px;
	top:202px;
}

#ambassadors #map div.san-francisco div.hover
{
	background-image:url(../images/ambassadors-map-san-francisco-hover.png);
	height:231px;
	left:132px;
	top:22px;
	width:305px;
	z-index:9999;
}

#ambassadors #map div.san-francisco div.hover a
{
	left:19px;
	top:180px;
}

/* -- */

#ambassadors #map div.seattle div.button
{
	left:194px;
	top:41px;
}

#ambassadors #map div.seattle div.hover
{
	background-image:url(../images/ambassadors-map-seattle-hover.png);
	height:214px;
	left:179px;
	top:-122px;
	width:270px;
}

#ambassadors #map div.seattle div.hover a
{
	left:15px;
	top:163px;
}

/* -- */

#ambassadors #popups
{
	xheight:504px;
	left:0px;
	position:absolute;
	top:0px;
	xwidth:960px;
}

#ambassadors #popups div.window
{
	background-color:#000000;
	border:#ffffff solid 1px;
	display:none;
	height:192px;
	padding:92px 0px 0px 172px;
	position:absolute;
	width:290px;
}

#ambassadors #popups div.window h3
{
	display:none;
}

#ambassadors #popups div.window ul li
{
	color:#e20024;
	font-size:12px;
	line-height:normal;
	list-style:disc;
	margin:0px 12px 6px 12px;
}

#ambassadors #popups div.window p
{
	color:#ffffff;
	font-size:13px;
	line-height:normal;
	margin:10px 12px 0px 0px;	
}

#ambassadors #popups div.window div.close a
{
	height:10px;
	position:absolute;
	right:10px;
	text-indent:-9999px;
	top:10px;
	width:36px;	
}

/* -- */

#ambassadors #popups #atlanta
{
	background-image:url(../images/ambassadors-popups-atlanta.jpg);
	left:120px;
	top:90px;
}

/* -- */

#ambassadors #popups #baltimore
{
	background-image:url(../images/ambassadors-popups-baltimore.jpg);
	left:210px;
	top:-30px;
}

/* -- */

#ambassadors #popups #boston
{
	background-image:url(../images/ambassadors-popups-boston.jpg);
	left:86px;
	top:54px;
}

/* -- */

#ambassadors #popups #chicago
{
	background-image:url(../images/ambassadors-popups-chicago.jpg);
	left:84px;
	top:-30px;
}

/* -- */

#ambassadors #popups #dallas
{
	background-image:url(../images/ambassadors-popups-dallas.jpg);
	left:0px;
	top:120px;
}

/* -- */

#ambassadors #popups #denver
{
	background-image:url(../images/ambassadors-popups-denver.jpg);
	left:480px;
	top:0px;
}

/* -- */

#ambassadors #popups #detroit
{
	background-image:url(../images/ambassadors-popups-detroit.jpg);
	left:86px;
	top:54px;
}

/* -- */

#ambassadors #popups #houston
{
	background-image:url(../images/ambassadors-popups-houston.jpg);
	left:430px;
	top:54px;
}

/* -- */

#ambassadors #popups #los-angeles
{
	background-image:url(../images/ambassadors-popups-los-angeles.jpg);
	left:430px;
	top:54px;
}

/* -- */

#ambassadors #popups #miami
{
	background-image:url(../images/ambassadors-popups-miami.jpg);
	left:180px;
	top:180px;
}

/* -- */

#ambassadors #popups #pittsburg
{
	background-image:url(../images/ambassadors-popups-pittsburg.jpg);
	left:150px;
	top:-30px;
}

/* -- */

#ambassadors #popups #san-antonio
{
	background-image:url(../images/ambassadors-popups-san-antonio.jpg);
	left:495px;
	top:120px;
}

/* -- */

#ambassadors #popups #san-francisco
{
	background-image:url(../images/ambassadors-popups-san-francisco.jpg);
	left:240px;
	top:0px;
}

/* -- */

#ambassadors #popups #seattle
{
	background-image:url(../images/ambassadors-popups-seattle.jpg);
	left:300px;
	top:-90px;
}

/* indy */

#indy
{
	background-image:url(../images/indy.jpg);
	height:180px;
	padding:336px 0px 0px 140px;
	position:relative;
	width:820px;
}

#indy h3
{
	display:none;
}

#indy ul li
{
	color:#e20024;
	font-size:13px;
	line-height:normal;
	list-style:disc;
	margin:0px 0px 0px 12px;
}

#indy p
{
	color:#ffffff;
	font-size:13px;
	line-height:normal;
	margin:10px 0px 0px 0px;
	width:278px;
}

#indy p.trademark
{
	bottom:24px;
	font-size:9px;
	position:absolute;
	right:30px;
	width:auto;
}

/* promotions */

#promotions
{
	background-image:url(../images/pattern.png);
	margin:24px 0px 0px 0px;
}

#promotions h2
{
	background-image:url(../images/promotions-h2.png);
	height:34px;
	margin:0px auto 24px auto;
	text-indent:-9999px;
	width:305px;
}

#promotions p
{
	font-size:12px;
	text-align:center;	
}

#promotions table
{
	border-collapse:collapse;
	margin:12px auto 0px auto;
	width:660px;
}

#promotions table tr td.image
{
	width:235px;	
}

#promotions table tr td.image p
{
	background-image:url(../images/promotions-image.png);
	height:186px;
	width:235px;
}

#promotions table tr td.image p img
{
	margin:20px;	
}

#promotions table tr td.text
{
	padding:20px 0px 0px 0px;
	vertical-align:top;
	width:425px;
}

#promotions table tr td.text h3
{
	font-size:24px;	
	line-height:normal;
	margin:0px 0px 12px 0px;
	text-transform:uppercase;
}

#promotions table tr td.text p
{
	font-size:14px;
	line-height:normal;
	text-align:left;
}

#promotions table tr td.text p a
{
	font-size:14px;	
}