body {
   	text-align: center; /* so that Internet Explorer will place divs 	centrally (left / right) on the page */
/*	background: #767c8c url(../images/store.jpg) left top no-repeat; */
/*	background: #262cbc url(../pic/homepage1.JPG) left top no-repeat; */
/*	background: #262cbc url(../pic/flower-homepage.jpg) left top; */
	background: #767c8c url(../pic/store-homepage.jpg) left top no-repeat;
	color: gray; /* #777; */
	margin: 0 auto 0 auto;
	padding-top: 20px;
	font-family: 'Arial', sans serif;
	font-size: 18px;
	width: 799px;
}

#banner {
	width: 900px;
	height: auto;
	background: transparent;
	float: left;
	margin-top: 60px /* 140px if using announcement box */;
	margin-left: 320px;
	text-align: left;
	}

#banner h5, h2, h4, h3, a {
	margin: 0px; padding: 0px 0px 0px 0px;
	background: transparent;
	color: #ddff55;
	}

#homepagebanner {
	width: 600px;
	height: auto;
/*	background: transparent;*/
	float: center;
	margin-top: 30px /* 140px if using announcement box */;#
/*	margin-left: 320px;*/
	text-align: left;

        /* border: 1px solid #000000;*/
     position: relative;
	}

#homepagebanner h5, h2, h4, h3, a {
	margin: 0px; padding: 0px 0px 0px 0px;
	background: transparent;
	color: #ddff55;
	}

/* From http://www.dreamincode.net/code/snippet188.htm */
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
/*     border: 1px solid #000000; */
     position: relative;
     width: 100%;
}
div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 10100;
     text-align: center;
     color: #ddff55;
     font-weight: bold;
}
div.box_background {
     background-color: navy;
     height: 100%;
     filter:alpha(opacity=35); /* IE's opacity*/
     left: 0px;
     opacity: 0.35;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: -100;
}

div.button-box {
    margin-left: 0px;
}
div.button {
    background-color: #e0e0e0;
    display: table;
    display: inline-block;
    display: table-cell;
}

div.homepagepara {
	width: 350px;
	padding-top: 20px; margin-top: 6px;
	padding-left: 125px;
	padding-bottom: 40px;
}

#container {
	width: 440px;
	height: auto;
	background: transparent;
	float: left;
	text-align: left;
	}

#container p	{
	font-size: 14px;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Arial', sans serif;
	background: transparent; 
	color: #ddff55;
	padding: 5px;
	border: 2px solid #ddff55;
	line-height: 140%;
	}

#para p	{
	width: 350px;
	padding-top: 40px; margin-top: 6px;
	color: gray;
	}

#para a {
	color: gray;
	}


	a	{font-weight:bold;
		color: #ddff55;
	}
	 
	a:link	{text-decoration: underline;}
	a:visited	{text-decoration: underline;}
	a:hover	{text-decoration: underline;}
	a:active	{text-decoration: underline;}

.round {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}
.round-top {
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -khtml-border-top-left-radius: 15px;
  -khtml-border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.round-bottom {
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -khtml-border-bottom-left-radius: 15px;
  -khtml-border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}