body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

/* set all items on page to 0 padding, border and margin */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Universal styles */
.clearme {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.coloured {
	color: #5da3e2;
}
#wrapper a {
	text-decoration: none;
	color: #473810;
}
#wrapper a:hover {
	text-decoration: none;
	color: #5DA3E2;
}


/* main site containers, holds everything */
#wrapper {
	width: 904px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
	left: 35px;
}


/*******************************************/

/* HEADER */
#wrapper #header {
	width: 724px;
	height: 40px;
	margin: 16px 0px 0px 0px;
	padding: 0;
	position: relative;
	display: block;
	background-color: #5DA3E2;
	top: 0px;
}

#wrapper #header #email {
	position: absolute;
	width: 71px;
	height: 14px;
	top: 14px;
	left: 14px;
}
#wrapper #header #email a {
	display: block;
	text-decoration: none;
	text-indent: -9000px;
}
#wrapper #header #email a {
	background: transparent url(../images/button_emailadd_off.gif) 0 0 no-repeat;
}
#wrapper #header #email a:hover {
	background: transparent url(../images/button_emailadd_on.gif) 0 0 no-repeat;
}

#wrapper #header #address {
	position: absolute;
	width: 315px;
	height: 14px;
	top: 14px;
	right: 14px;
	text-indent: -9000px;
	background: transparent url(../images/address.gif) 0 0 no-repeat;
}

#wrapper #header #logo {
	position: absolute;
	width: 247px;
	height: 22px;
	bottom: -44px;
	right: 0px;
	text-indent: -9000px;
	background: transparent url(../images/logo.gif) 0 0 no-repeat;
}

/*******************************************/


/* MAIN BOX */
#wrapper #main {
	position: relative;
	width: 724px;
	height: auto;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	top: 0;
	left: 0;
	background-color: #E6E6E6;
	font-size: 0;
	line-height: 0;
}
/* Minimum height hack to create min height on ALL browsers */
*>#wrapper #main {
	padding-top: 0px;
	min-height: 550px;
}

* html #wrapper #main {
	/* IE5Mac filter \*/
	height: 550px;
	/* end filter */
}

#wrapper #main #nav {
	position: absolute;
	top: 4px;
	left: -71px;
	font-size: 0;
	line-height: 0;
}
#wrapper #main #nav ul {
	margin: 0;
	padding: 0;
	height: 65px;
	width: 61px;
	top: 0px;
	position: relative;
	background:url(../images/nav.gif) 0 0 no-repeat;
}
#wrapper #main #nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position:absolute;
	top: 0;
}
#wrapper #main #nav ul li, #wrapper #main #nav a	{
	height: 10px;
	width: 61px;
	display: block;
}	
#wrapper #main #nav ul li a	{
	text-indent: -9000px;
	text-decoration: none;
}

/*setup link areas*/
#wrapper #main #nav #link1 {top: 0px; height: 10px;}
#wrapper #main #nav #link2 {top: 14px; height: 10px;}
#wrapper #main #nav #link3 {top: 28px; height: 10px;}
#wrapper #main #nav #link4 {top: 42px; height: 10px;}
#wrapper #main #nav #link5 {top: 56px; height: 10px;}

/*tells you which bit to hover*/
#wrapper #main #nav #link1 a:hover {background: transparent url(../images/nav.gif) no-repeat -61px -0px;}
#wrapper #main #nav #link2 a:hover {background: transparent url(../images/nav.gif) no-repeat -61px -14px;}
#wrapper #main #nav #link3 a:hover {background: transparent url(../images/nav.gif) no-repeat -61px -28px;}
#wrapper #main #nav #link4 a:hover {background: transparent url(../images/nav.gif) no-repeat -61px -42px;}
#wrapper #main #nav #link5 a:hover {background: transparent url(../images/nav.gif) no-repeat -61px -56px;}

/*current states*/
#wrapper #main #nav #link1 a.current {background: transparent url(../images/nav.gif) no-repeat -61px -0px;}
#wrapper #main #nav #link2 a.current {background: transparent url(../images/nav.gif) no-repeat -61px -14px;}
#wrapper #main #nav #link3 a.current {background: transparent url(../images/nav.gif) no-repeat -61px -28px;}
#wrapper #main #nav #link4 a.current {background: transparent url(../images/nav.gif) no-repeat -61px -42px;}
#wrapper #main #nav #link5 a.current {background: transparent url(../images/nav.gif) no-repeat -61px -56px;}


#wrapper #main .colsplit {
	padding: 0;
	margin: 0;
}

#wrapper #main h1 {
	font-family: "Arial", sans;
	font-size: 11px;
	line-height: 11px;
	color: #473810;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#wrapper #main p, #privacy h1 {
	font-family: "Arial", sans;
	font-size: 15px;
	line-height: 18px;
	color: #473810;
	margin: 0;
	padding: 0;
}

#privacy {
	padding: 8px;
}
#privacy p {
	font-family: "Arial", sans;
	font-size: 11px;
	line-height: 13px;
	color: #473810;
	margin: 0;
	padding: 10px 0px 0px 0px;
}
a.priv {
	font-size: 10px;
	line-height: 10px;
}


#wrapper #main .findus_1 { padding: 18px 0px 0px 39px; }
#wrapper #main .findus_2 { position: absolute; right: 30px; top: 348px; }
#wrapper #main .findus_2 h1 {
	font-size: 11px;
	line-height: 11px;
	color: #473810;
	font-weight: bold;
}
#wrapper #main .findus_2 p {
	font-size: 10px;
	line-height: 12px;
	color: #473810;
}
#wrapper #main .findus_2 span {
	font-weight: bold;
}

#wrapper #main .creator_1 { padding: 18px 0px 0px 24px; float: left; }
#wrapper #main .creator_1 h1 {
	text-indent: -9000px;
	width: 150px;
	height: 67px;
	background: transparent url(../images/creator_becomeacreator.gif) 0 0 no-repeat;
	position: relative;
	margin-bottom: -14px;
}
#wrapper #main .creator_1 td {
	font-family: "Arial", sans;
	font-size: 12px;
	line-height: 14px;
	color: #473810;
	margin: 0;
	padding: 0;
}
#wrapper #main .creator_1 input, #wrapper #main .creator_1 textarea, #wrapper #main .creator_1 select {
	font-family: "Arial", sans;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	margin: 0;
	padding: 2px;
	border: 1px #ffffff solid;
	background-color: #CCCCCC;
	width: 169px;
	height: 18px;
}
#wrapper #main .creator_1 textarea {
	height: 62px;
}
#wrapper #main .creator_1 select {
	width: 175px;
}
#wrapper #main .creator_2 { float: left; padding: 28px 12px 0px 152px; }
#wrapper #main .creator_2 h1 {
	text-indent: -9000px;
	width: 153px;
	height: 40px;
	background: transparent url(../images/leading_bagels.gif) 0 0 no-repeat;
	position: relative;
	margin-bottom: 0px;
	left: -106px;
}
#wrapper #main .creator_2 h2 {
	font-family: "Arial", sans;
	font-size: 14px;
	line-height: 16px;
	color: #473810;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#wrapper #main .creator_2 p {
	font-family: "Arial", sans;
	font-size: 12px;
	line-height: 14px;
	color: #473810;
	margin: 0;
	padding: 0;
}
#wrapper #main .creator_2 h3 {
	font-family: "Arial", sans;
	font-size: 12px;
	line-height: 14px;
	color: #473810;
	margin: 0px 0px 22px 0px;
	padding: 0;
	font-weight: bold;
	font-style: italic;
}


/* MENU */
#wrapper #main #menu h1 {
	text-indent: -9000px;
	width: 242px;
	height: 15px;
	background: transparent url(../images/menu_choosebagel.gif) 0 0 no-repeat;
	position: relative;
	margin-bottom: 4px;
}

/* Adverts */
#wrapper #main #adverts {
	position: absolute;
	right: -180px;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 176px;
	height: auto;
	float: right;
}

#wrapper #main #adverts .item {
	margin: 0;
	padding: 0px 0px 4px 0px;
}
/*******************************************/


/* FOOTER */
#wrapper #footer {
	width: 724px;
	height: auto;
	margin: 8px 0px 0px 0px;
	padding: 0;
	position: relative;
	display: block;
}
#wrapper #footer #copyright {
	float: left;
}
#wrapper #footer p {
	font-family: "Arial", sans;
	font-size: 10px;
	line-height: 10px;
	color: #999999;
	margin: 0;
	padding: 0;
}

#wrapper #footer #important {
	float: right;
}
/*******************************************/