body {
	margin: 0;
	background: #ccb48e;
}

/**
*	bg
*/
#swf-bgd {
	position: fixed; 
	top: 0; left: 0;
	width: 100%; 
	height: 100%;  
	z-index: 1;
}

/**
*	Wrappers
*/
.wrap-outer {
	position: relative;
	z-index: 2;
	width: 1016px;
	margin: 0 auto;
	clear: both;
}
.wrap-inner {
	width: 896px;
	margin: 0 auto;
	background: transparent url(../images/base/bg-wrap-inner.png) repeat-y;
}
.wrap-content {
	position: relative;
	width: 876px;
	margin: 0 auto;
	background: #fff;
}

/**
*	Header
*/
#header .wrap-content {
	height: 99px;
	background: #330000 url(../images/base/nav-bg.jpg) no-repeat scroll top right;
}
#header-tr {
	display: block;
	width: 70px;
	height: 99px;
	position: absolute;
	top: 0; right: 0;
	background-image: url(../images/base/bg-header-tr.png);
}

/**
*	Main nav
*/
#nav-main {
	float: left;
	width: 641px;
	height: 16px;
	overflow: hidden;
	margin: 45px 0 0 0;
	padding: 0 0 0 30px;
	background-image: url(../images/base/nav-items.gif);
}
#nav-main li {
	display: block;
	float: left;
}
#nav-main a {
	height: 16px;
	overflow: hidden;
}
#nav-main .active {
	background-image: url(../images/base/nav-items.gif);
}
#nav-1 { width: 60px; }
#nav-1 .active { background-position: -30px -16px; }
#nav-2 { width: 80px; }
#nav-2 .active { background-position: -90px -16px; }
#nav-3 { width: 81px; }
#nav-3 .active { background-position: -170px -16px; }
#nav-4 { width: 80px; }
#nav-4 .active { background-position: -251px -16px; }
#nav-5 { width: 103px; }
#nav-5 .active { background-position: -331px -16px; }
#nav-6 { width: 103px; }
#nav-6 .active { background-position: -434px -16px; }
#nav-7 { width: 63px; }
#nav-7 .active { background-position: -537px -16px; }
#nav-8 { width: 71px; }
#nav-8 .active { background-position: -600px -16px; }

/**
*	Banner
*/
#banner-swf {
	height: 100px;
	/* Only visible if flash disabled */
	background-image: url(../images/base/bg-banner.png);
}
#banner-swf h2 {
	margin: 0;
	padding: 22px 0 0 14px;
	font-size: 36px;
	font-weight: bold;
	color: #ec1d23;
	text-transform: uppercase;
}
#banner-select {
	position: absolute;
	width: 100%;
	bottom: 0;
	right: 18px;
	z-index: 999;
	height: 32px;
	text-align:right;
}
#banner-select select {
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	right: 183px;
	font-size: 1em;
}
#banner-select input {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
}
#banner-t {
	display: block;
	position: absolute;
	z-index: 999;
	top: 0; left: 0;
	width: 100%;
	height: 20px;
	background-image: url(../images/base/bg-banner-t.png);
}
#banner-right {
	position: absolute;
	width: 370px;
	height:384px;
	top: -43px;
	right: 0px;
	z-index: 999;
}

#home-right-banner ul {
	width: 292px;
	height: 360px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

#home-right-banner li {
	list-style: none;
}

#home-right-banner li img {
	vertical-align: text-top;
	float: left;
}


/**
*	Main Content
*/
#content .wrap-content {
	min-height: 300px;
	background: #fff url(../images/base/bg-subnav.gif) repeat-y scroll 131px 0;
}

/**
*	Bottom
*/
#bottom .wrap-content {
	height: 100px;
	background: #f5f5f5 url(../images/base/bg-bottom-inner.gif) repeat-x scroll top;
}

/**
*	Footer
*/
#footer .wrap-inner {
	height: 20px;
	background: transparent url(../images/base/bg-footer.png) no-repeat scroll top;
}
#footer .wrap-content {
	padding-top: 20px;
	background-color: transparent;
	font-size: 0.80em;
	text-transform: uppercase;
	color: #fff;
}
#footer a {
	color: #eee;
}
.nav-footer {
	float: left;
}
.nav-footer li {
	display: inline;
	padding: 0 6px;
	border-right: 1px solid #eee;
}
.nav-footer li.last {
	padding-right: 2px;
	border-right: none;
}
#nav-footer-l {
	width: 600px;
}
#nav-footer-r {
	width: 276px;
	text-align: right;
}

/**
*	Subnav
*/
#wrap-subnav {
	float: left;
	width: 135px;
	padding-left: 16px;
	/* Push the subnav above flash */
	position: relative;
	z-index: 999;
}
#wrap-subnav h3 {
	padding-bottom: 2px;
	margin-bottom: 8px;
	background: #fff;
	border-bottom: 2px solid #000;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #ec1d23;
}
#wrap-subnav h3 a:hover {
	text-decoration: none;
}
#nav-sub {
}
#nav-sub li {
	padding-bottom: 6px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
#nav-sub li a {
	padding-left: 10px;
	background: transparent url(../images/base/bg-subnav-li.gif) no-repeat scroll 0 1px;
	color: #888;
}
#nav-sub li a.active {
	color: #000;
}
#nav-sub ul {
	margin: 4px 0 0 10px;
}
#nav-sub ul li {
	padding-bottom: 3px;
	font-size: 0.95em;
}

/**
*	Main content
*/
#wrap-content {
	float: left;
	width: 690px;
	padding: 12px 19px 20px 16px;
}


/**
*	Generic
*/
ul.navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.clear {
	display: block;
	clear: both;
}
.clear hr {
	display: none;
}
img {
	border: 0;
}
form {
	margin: 0;
}

/**
*	Page-specific
*/
#pid01000000 #wrap-content {
	height: 500px;
}
#pid01020000 #wrap-content {
	padding-bottom: 50px;
}
#pid01030000 #wrap-content {
	background: #fff;
	padding-bottom: 30px;
}
#pid04000000 #wrap-content {
background-image:url(../images/franchise/fran-left-banner.jpg);
background-repeat:no-repeat;
background-position:right;
}
/* Menu */
#pid02010000 #wrap-content {
	padding-bottom: 0;
}
#swf-menu {
	width:725px;
	height:460px;
	margin-top: 10px;
	margin-left: -16px;
	margin-right:-20px;
	padding:0;
}
#community-content{
width:675px;
height:255px;
min-height:255px;
}
#community-offer{
	position:absolute;
	top:0px;
	right:0px;
	margin:0 0 0 40px;
}
#meter-swf{
}
/**
*	Invite friend
*/
#invite {
	position: absolute;
	left: 340px;
	z-index: 999;
	width: 355px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
	background: transparent url(../images/base/bg-invite.png) repeat-y scroll top right;
}
#invite-inner {
	background: #fff;
	border-top: 2px solid red;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	width: 345px;
	height: 100%;
}
#invite iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/**
*	Content with Left Banner
*/

#left-content {
width:440px;
min-height:309px;
}

/**
*	Menu Fat Free Page
*/

/* hey! - if yr gonna use floats, specify widths! */
#fatfree-banner{
	width: 220px;
	float:right;
}
#fatfree-content{
	width:465px;
}
#fatfree-products{
padding:20px 0 0 0;
}

#fatfree-title {
	width: 450px;
	overflow: hidden;
}

/* ..and id's must be unique, use classes for repeats! */
.fatfree-item{
	float:left;
	width:230px;
	height:80px;
}
.fatfree-image{
float:left;
padding-right:10px;
}
.fatfree-copy{
padding:20px 0 0 0;
}

#scroll-sign {width: 876px; height: 39px; margin: 0 0 1em 0;}

#facebook {width: 876px; height: 39px; margin: 0 0 1em 0; background: url(../images/base/bg-facebook-footer.png) 0 0 no-repeat;}
#facebook h2 {width: 90px; height: 39px; float: left; padding: 0 0 0 17px; font-size: 1em; text-indent: -10000px; overflow: hidden; background: url(../images/base/facebook-logo.gif) 17px 0 no-repeat;}
#facebook p {width: 610px; height: 39px; line-height: 39px; float: left; padding: 0 20px; margin: 0 0 0 0; text-transform:none; font-size: 1.2em;}
#facebook a.btn-facebook {width: 108px; height: 25px; float: left; display: block; margin: 7px 0 0 0; text-indent: -10000px; overflow: hidden; background: url(../images/base/facebook-btn-click-here.gif) 0 0 no-repeat;}