@import url("reset.css");



/* Layout
---------------------------------------------------------------------- */

body
{
	background: #ccc1e8 url("../images/page-bg.gif") repeat;
}

#header, #main, #footer
{
	position: relative;
	width: 950px;
	margin: 0 auto;
}



/* Header
---------------------------------------------------------------------- */

#header
{
	z-index: 2;
	height: 140px;
}

#header img.logo
{
	position: absolute;
	z-index: 10;
	left: 25px;
	top: 40px;
}

#header .nav-line
{
	position: absolute;
	right: 0px;
	bottom: 16px;
	width: 680px;
	height: 1px;
	background: url("../images/nav-line.png") no-repeat;
}

#header ul.nav
{
	position: absolute;
	right: 30px;
	bottom: 13px;
}

#header ul.nav li
{
	position: relative;
	float: left;
	width: 93px;
	height: 37px;
	margin-left: 5px;
}

#header ul.nav li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#header ul.nav li.findus     {  width: 92px;  }
#header ul.nav li.nutrition  {  width: 103px;  }
#header ul.nav li.franchise  {  width: 103px;  }

#header ul.nav li.home a       {  background-image: url("../images/nav/home.png");  }
#header ul.nav li.menu a       {  background-image: url("../images/nav/menu.png");  }
#header ul.nav li.findus a     {  background-image: url("../images/nav/findus.png");  }
#header ul.nav li.nutrition a  {  background-image: url("../images/nav/nutrition.png");  }
#header ul.nav li.franchise a  {  background-image: url("../images/nav/franchise.png");  }



/* Main
---------------------------------------------------------------------- */

#main
{
	min-height: 400px;
	overflow: hidden;
	background: url("../images/main-bg.png") repeat;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#content
{
	position: relative;
	z-index: 1;
	padding: 20px;
	padding-top: 15px;
	overflow: hidden;
}



/* Footer
---------------------------------------------------------------------- */

#footer
{
	padding: 8px 0 40px;
}

#footer .copyright,
#footer .credits
{
	position: relative;
	font: normal 0.7em arial, sans-serif;
}

#footer .copyright,
#footer .copyright a,
#footer .credits
{
	color: #bc4298;
}

#footer .copyright
{
	float: left;
	margin-left: 15px;
}

#footer .credits
{
	float: right;
	margin-right: 15px;
}

#footer .credits a
{
	text-decoration: none;
	color: #bc4298;
}

#footer .credits a:hover,
#footer .credits a em
{
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}



/* Forms
---------------------------------------------------------------------- */

#content form
{
	padding-top: 1em;
	width: 400px;
}

#content form label
{
	display: block;
	font: normal 0.9em arial, sans-serif;
	color: #4c3e3e;
}

#content form input,
#content form textarea
{
	display: block;
	width: 100%;
	margin: 3px 0;
	padding: 0.3em 0.2em;
	font: normal 1em arial, sans-serif;
	color: black;
	background: #fcf4df;
	border: 1px solid #6d5024;
}

#content form input + label
{
	padding-top: 10px;
}

#content form input[type="submit"]
{
	position: relative;
	float: right;
	margin-top: 10px;
	width: 10em;
	background: #d066ae;
	border: none;
	color: white;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}