body {
	margin : 25px auto 25px auto;
	padding : 0;
	color : #330;
	font-size : 62.5%;
	font-family: gill sans, verdana, arial, helvetica, sans-serif;
	width: 815px;
	background: #fff;
}

body.charmin { color : #fff; }

body.altoids { color : #fff; }

#container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 815px;
	font-size : 1em;
	background: url(../images/page_back.gif) top left repeat-y;
	display : block;
}

body.charmin #container { background : url(../images/charmin/page_back.gif) top left repeat-y; }

body.altoids #container { background : url(../images/altoids/page_back.gif) top left repeat-y; }

/* Header Styles */

#header {
	margin: 0 auto 0 auto;
	padding: 19px 0 0 0;
	width: 815px;
	font-size : 1em;
	background : url(../images/header_top.gif) top left no-repeat #996;
	display : block;
	clear : both;
}

body.charmin #header { background : url(../images/charmin/header_top.gif) top left no-repeat; }

body.altoids #header { background : url(../images/altoids/header_top.gif) top left no-repeat; }

#header p {
	margin: 0;
	padding: 0;
	height : 66px;
	width: 815px;
	background : url(../images/header_back.gif) top left repeat-x;
	display : block;
	clear : both;
}

body.charmin #header p { background : url(../images/charmin/header_back.gif) top left repeat-x; }

body.altoids #header p { background : url(../images/altoids/header_back.gif) top left repeat-x; }

img {
	margin: 0 auto 0 auto;
	padding: 0;
	display : block;
}

/* Homepage Flash Area Styles */

#flash-video {
	margin : 0;
	padding : 30px 0 0 0;
	width : 450px;
	text-align : center;
	display : block;
	float : left;
}

#flash-video span {
	margin : 0;
	padding : 10px 30px 10px 30px;
	width : auto;
	font-size : 1.35em;
	line-height : 1.35em;
	text-align : center;
	display : block;
}

#flash-video p {
	margin : 0;
	padding : 0 30px 0 210px;
	height : 81px;
	width : 244px;
	font-size : 1.35em;
	line-height : 1.35em;
	text-align : center;
	background : url(../images/more_stories.gif) top center no-repeat;
	display : block;
}

#flash-video img { float : left; }

/* Homepage Story Graphic Area Styles */

#story-area {
	padding : 0 5px 0 0;
	margin : 0;
	width : 360px;
	color : #888;
	font-size : 1.3em;
	font-weight : bold;
	text-align : left;
	display : block;
	float : left;
}

#story-area p {
	padding : 0;
	margin : 0;
	width : 360px;
	text-align : left;
	display : block;
}

#nav {
	padding : 0;
	margin : 0;
	width : 360px;
	text-align : left;
	list-style : none;
	display : block;
}

#nav li {
	padding : 0;
	margin : 0;
	display : block;
	float : left;
}

#nav li.phone {
	padding : 0;
	margin : 0;
	height : 31px;
	width : 196px;
	text-indent : 1000px;
	background : url(../images/phone.gif) top left no-repeat;
	overflow : hidden;
}

#nav li.home {
	padding : 0;
	margin : 0;
	height : 31px;
	width : 164px;
	background : url(../images/homepage_link.gif) top left no-repeat;
}

#nav li.home a {
	padding : 0;
	margin : 0;
	height : 31px;
	width : 164px;
	background : url(../images/homepage_link.gif) top left no-repeat;
	display : block;
}

#nav li.home a:hover { background : url(../images/homepage_hover.gif) top left no-repeat; }

#nav strong { display : none; }

/* Content Styles */

a { color : #f60; text-decoration : none; cursor : pointer; }
a:hover { color : #f93; }

#content {
	margin: 0;
	padding: 5px 0 0 0;
	width: 815px;
	background : url(../images/content_back.gif) top left repeat;
	display : table;
	clear : both;
}

body.charmin #content { background : url(../images/charmin/content_back.gif) top left repeat; }

body.altoids #content { background : url(../images/altoids/content_back.gif) top left repeat; }

#content p {
	margin: 0;
	padding: 0;
	width : auto;
	font-size : 1.35em;
	line-height : 1.35em;
	text-align : justify;
	display : block;
	float : left;
}

#content p.guest { padding : 40px 20px 10px 20px; width: 245px; background : url(../images/title_guest.gif) top left no-repeat; }
#content p.challenge { padding : 40px 0 10px 0; width: 245px; background : url(../images/title_challenge.gif) top left no-repeat; }
#content p.result { padding : 40px 20px 10px 20px; width: 245px; background : url(../images/title_result.gif) top left no-repeat; }

body.charmin #content p.guest { background : url(../images/charmin/title_guest.gif) top left no-repeat; }
body.charmin #content p.challenge { background : url(../images/charmin/title_challenge.gif) top left no-repeat; }
body.charmin #content p.result { background : url(../images/charmin/title_result.gif) top left no-repeat; }

body.altoids #content p.guest { background : url(../images/altoids/title_guest.gif) top left no-repeat; }
body.altoids #content p.challenge { background : url(../images/altoids/title_challenge.gif) top left no-repeat; }
body.altoids #content p.result { background : url(../images/altoids/title_result.gif) top left no-repeat; }

/* Footer Styles */

#footer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 815px;
	font-size : 1em;
	background : url(../images/content_back.gif) top left repeat-y;
	display : block;
	clear : both;
}

body.charmin #footer { background : url(../images/charmin/content_back.gif) top left repeat-y; }
body.altoids #footer { background : url(../images/altoids/content_back.gif) top left repeat-y; }

#footer p {
	margin: 0;
	padding: 0;
	width: 815px;
	background : url(../images/footer_bottom.gif) bottom left no-repeat;
	display : block;
}

body.charmin #footer p { background : url(../images/charmin/footer_bottom.gif) bottom left no-repeat; }

body.altoids #footer p { background : url(../images/altoids/footer_bottom.gif) bottom left no-repeat; }