@charset "UTF-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0;
	}

body {
	color: #000000;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #EFE3AC;
	background-image: url(http://www.holisticroots.ca/images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	
	}
	
H1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #C45A19;	
	
}
a {
	color: #519446;
	font-weight: bold;
}
li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;

}
	
#top {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/top3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 78px;
}

#menu {
	width: 800px
	height: 200px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;	
}

#logo {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/logo.jpg);
	background-position: center;
	height: 120px;
	background-repeat: no-repeat;
}

#mainbanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/banner.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#aboutbanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/aboutbanner.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#nutritionbanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/nutritionbanner.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#iridologybanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/iridology.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#essencebanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/flowers.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#medicinebanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/medicinebanner.jpg);
	background-position: center;
	height: 170px;
	background-repeat: no-repeat;
}

#bottombanner {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-image: url(http://www.holisticroots.ca/images/bottom.jpg);
	background-position: center;
	height: 50px;
	background-repeat: no-repeat;
}

#end {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	background-position: center;
	height: 100px;
	background-repeat: repeat;
	background-color: #EFE3AC;
}

#copy {
	width: 800px
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport - including the top */
	padding: 10px
	background-image: url(http://www.holisticroots.ca/images/bottom.jpg);
	background-position: center;

}
.copy {
	width: 750px; /*this creates a fixed width – change it to suit */
	min-height: 400px;
	margin: 10px auto; /* creates a 10px margin between the container and the edges of the viewport – including the top */
}

* html .copy {
	height: 400px;
}