/*  
Theme Name: Al's theme
Author: Alan McDonald
*/

html, body {
	background-color: rgb(220, 220, 220);
}

#wrapper{
	position: 		relative;
	margin: 		0 auto 0 auto;
	width: 			820px;
	text-align: 		left;
}

#header{
	margin: 		20px auto 0 auto;
	width: 			820px;
	height: 		211px;
	background-image: 	url(images/detoxtheworldheader.jpg);
}

#detoxtheworldfooter {
	width: 			820px;
	height: 		136px;
	background-image: 	url(images/detoxtheworldfooter.jpg);
	float:			left;
}

#content {
	margin: 		0;
	width: 			820px;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 		12px;
	vertical-align: 	top;
	background-image: 	url(images/background.gif);
}

#boxtop {
	margin:			0px 60px;
	width: 			700px;
	height: 		46px;
	background-image: 	url(images/boxtop.gif);
}

#boxmiddle {
	margin:			0px 60px;
	width: 			700px;
	background-image: 	url(images/boxmiddle.gif);
}

#boxbottom {
	margin:			0px 60px;
	width: 			700px;
	height: 		12px;
	background-image: 	url(images/boxbottom.gif);
}

#boxguaranteetop {
	margin:			0px 135px;
	width: 			550px;
	height: 		46px;
	background-image: 	url(images/boxguaranteetop.gif);
}

#boxguaranteemiddle {
	float:			none;
	margin:			0px 135px;
	width: 			550px;
	background-image: 	url(images/boxguaranteemiddle.gif);
}

#boxguaranteebottom {
	margin:			0px 135px;
	width: 			550px;
	height: 		12px;
	background-image: 	url(images/boxguaranteebottom.gif);
}

body {
	margin: 		0;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 		16px;
	vertical-align: 	top;
}


p {
	padding: 		0px 30px;
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

p.normal {
	padding: 		0px 30px;
	font-size:		16px;
	font-family:		Arial, Georgia, Times, serif;
}

p.italic {
	padding: 		0px 30px;
	font-style:		italic;
	font-size:		16px;
	font-family:		Arial, Georgia, Times, serif;
}


p.centered{
	text-align: 		center;
	font-weight:		bold;
	padding: 		0px 160px;
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

span.bold {
	font-weight:		bold;
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

span.bolditalic {
	font-weight:		bold;
	font-style:		italic;
	font-family:		Arial, Georgia, Times, serif;
}

span.orangebold {
	color:			rgb(255, 102, 0);
	font-style:		italic;
	font-weight:		bold;
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

span.orange {
	color:			rgb(255, 102, 0);
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

span.greenbold {
	color:			rgb(0, 128, 0);
	font-style:		italic;
	font-weight:		bold;
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

span.green {
	color:			rgb(0, 128, 0);
	font-size:		18px;
	font-family:		Arial, Georgia, Times, serif;
}

ul {
	font-size:		16px;
	margin:			10px 40px 0px 40px;
	padding:		0px 0px 0px 30px;
	list-style-image:	url(images/butterfly.gif);
}

.buttonheaderblue {
	background-image: 	url(images/buttonheaderblue.gif);
	position: 		relative;
	height: 		15px;
	width:			350px;
	float:			right;
	margin:			0px 40px 0px 20px;
}

.buttonmiddleblue {
	background-image: 	url(images/buttonmiddleblue.gif);
	position: 		relative;
	width:			350px;
	height:			200px;
	float:			right;
	display:		block;
	margin:			0px 40px 0px 20px;
}

.buttonfooterblue {
	background-image: 	url(images/buttonfooterblue.gif);
	height: 		6px;
	width:			350px;
	float:			right;
	display:		block;
	margin:			0px 40px 0px 20px;
}

.buttonheaderyellow {
	background-image: 	url(images/buttonheaderyellow.gif);
	height: 		15px;
	width:			350px;
	float:			left;
	margin:			0px 20px 0px 40px;
}

.buttonmiddleyellow {
	background-image: 	url(images/buttonmiddleyellow.gif);
	width:			350px;
	height:			160px;
	float:			left;
	display:		block;
	margin:			0px 20px 0px 40px;
}

.buttonfooteryellow {
	background-image: 	url(images/buttonfooteryellow.gif);
	height: 		6px;
	width:			350px;
	float:			left;
	display:		block;
	margin:			0px 20px 0px 40px;
}