body{
	background-size: 1024px 768px;
	background-repeat: no-repeat;
	background-color: rgba(205,187,134,1);
}

#wrapper
{
	height: 768px;
	width: 1024px;	
	background-image: url("beecharmerbeekeeper-background.jpg");
	position: relative;
	margin: 0px auto;
	background-repeat: no-repeat;
}

#header
{
	text-align: center;
	color: rgba(80,54,13,1);
	height: 75px;
	width: 1024px;
	padding: 15px 0px 0px 0px;
}

#textbox
{
	width: 600px;
	font-family: Times New Roman;
	position: absolute;
	top: 235px;
	left: 260px;
	font-size: 20pt;
	line-height: 1.3em;
	text-align: justify;
	color: rgba(80,54,13,1);
}

#textbox2
{
	width: 600px;
	font-family: Times New Roman;
	position: absolute;
	top: 235px;
	left: 260px;
	font-size: 18pt;
	line-height: 1.3em;
	text-align: justify;
	color: rgba(80,54,13,1);
}

#textbox3
{
	width: 600px;
	font-family: Times New Roman;
	position: absolute;
	top: 235px;
	left: 260px;
	font-size: 16pt;
	line-height: 1.3em;
	text-align: justify;
	color: rgba(80,54,13,1);
}

#leftnavbar
{
	width: 190px;
	font-family: Times New Roman;
	position: absolute;
	top: 235px;
	left: 36px;
	font-size: 14pt;
	line-height: 1.3em;
	text-align: justify;
}

#copyright
{
	position: absolute;
	top: 725px;
	width: 1024px;
	color: rgba(80,54,13,1);
	text-align: center;	
	font-size: 12pt;
	line-height: 1.3em;
	font-family: Times New Roman;
	text-decoration: none;
}

p.tnr
{
	color: black;
	font-family: Times New Roman;
	font-size: 24pt;
	text-decoration: none;
	color: rgba(80,54,13,1);
}

p.tnr2
{
	color: black;
	font-family: Times New Roman;
	font-size: 12pt;
	text-decoration: none;
	color: black;/*must be first so it gets used in an older brower */
	color: rgba(80,54,13,1);
}

p.tnr3
{
	color: black;
	font-family: Times New Roman;
	font-size: 18pt;
	text-decoration: none;
	color: black;/*must be first so it gets used in an older brower */
	color: rgba(80,54,13,1);
}

#productpics
{
	position: absolute;
	top: 235px;
	left: 600px;
	width: 400px;
}

#products
{
	position: absolute;
	top: 235px;
	left: 260px;
	width: 300px;
	height: 450px;
	overflow: auto;
	font-family: Times New Roman;
	font-size: 14pt;
	line-height: 1.3em;	
	color: black;/*must be first so it gets used in an older brower */	
	color: rgba(80,54,13,1);
}

#products li {
	display: block;
	margin: 0px 0px 0px 5px;
}

#products li a {
	padding: 2px 8px;
	color: black;/*must be first so it gets used in an older brower */
	color: rgba(80,54,13,1);/* uses this if the browser supports it */
	/*text-shadow: -1px 1px 1px rgba(178,144,226,.75);/*x first, y second, blur radius then color  */
	/*-webkit-border-radius: 14px;/* This is how you make rounded corners */
	/*-moz-border-radius: 14px;/* mozilla */
	/*border-radius: 14px;/* chrome */
	-o-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#products li a:hover,
#products li a:focus {
	color: black;
	color: rgba(80,54,13,1);/* uses this if the browser supports it */
	background: #CDBB86;
	background-color: rgba(205,187,134,1);
}