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

/* remove all borders from images so that when you set up a link there is no blue 
   border */
   
img {
	border: 0px;
}
body{
	font: 16px Arial, Helvitica, sans-serif;
	color:#3a211a
	margin: 0 auto;
	/* background:url(../images/home-images/home-gradient-bg.gif) repeat; This is the bg that fades from orange to burgundy */
	background: #6b0805; 
	/* background: #493915; This is olive */
}
/* This ID style sets up the container for all of the other divs that live inside the home page */
#wrapper{
	position: relative;
	width:1007px;
	height:636px;
    margin: 0 auto; 
	/* border-right: 0px solid white;
	border-left: 0px solid white; */
}

/* The following style IDs live inside the main wrapper div and position each menu and image */

#menu-home{
	position: absolute;
	top:243px;
	left:0px;
	width:268px;
}
#menu-about-us{
	position: absolute;
	top:243px;
	left:268px;
	width:106px;
}
#menu-store-hrs{
	position:absolute;
	top:243px;
	left:374px;
	width:180px;
}
#menu-directions{
	position:absolute;
	top:243px;
	left:554px;
	width:185px;
}
#menu-contact{
	position:absolute;
	top:243px;
	left:739px;
	width:268px;
}
#menu-choc-confec{
	position:absolute;
	top:291px;
	left:0px;
	/* width:335px; */
}
#menu-fine-wine{
	position:absolute;
	top:333px;
	left:0px;
	/* width:335px; */
}
#menu-gourmet-gift{
	position:absolute;
	top:372px;
	left:0px;
	/* width:335px; */
}
#menu-giftware-home{
	position:absolute;
	top:414px;
	left:0px;
	/* width:335px; */
}
#menu-jewelry-acces{
	position:absolute;
	top:451px;
	left:0px;
	/* width:335px; */
}
/* #menu-center-flash-file{
	position:absolute;
	top:290px;
	left:336px;
	width:304px;
	height: 308px;
}
*/
#menu-center-flash-file{
	position:absolute;
	top:291px;
	left:335px;
	width:404px;
	height:304px;
}
#store-hours{
	position:absolute;
	top:291px;
	left:335px;
	width:400px;
	height:300px;
	background:#FFF;
	border-top:solid 2px; color:#000;
	border-bottom:solid 2px; color:#000;
	border-left:solid 2px; color:#000;
	border-right:solid 2px; color:#000;
}
#center-image-interior{
	position:absolute;
	top:291px;
	left:268px;
}
#form{
	position:absolute;
	top:296px;
	left:273px;
}
#lower-left-interior{
	position:absolute;
	top:477px;
	left:268px;

}
#center-image-JC{
	position:absolute;
	top:291px;
	left:268px;
}
#directions{
	position:absolute;
	top:291px;
	left:268px;
	height:305px;
	border-top: solid 7px;
	border-left: solid 2px;
	border-right:solid 2px;
	border-bottom:solid 2px;
	border-color:#660;
}
#lower-right-interior{
	position:absolute;
	top:477px;
	left:478px;
}
	
#menu-righ-gradient-home{
	position:absolute;
	top:291px;
	left:739px;
	width:268px;
}
#menu-bottom-home{
	position:absolute;
	top:595px;
	left:0px;
	width:1007px;
}
#menu-bottom-interior{
	position:absolute;
	top:623px;
	left:0px;
}
#menu-bottom-contact{
	position:absolute;
	top:623px;
	left:62px;
}
#footer {
	position:absolute;
	top: 600px;
	left: 340px;
	width: 700px;
	height: 10px;
}
#footer p{
	font-size: 10px;
	font-family: Arial,Helvetica,sans-serif;
	color:#3a211a;
}
#footer-interior{
	position:absolute;
	top:635px;
	left:290px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
/* this is the inteior box that creates proper borders between the interior pictures and the 
   right side of the page, and surrounds the boxed in text, which is another box! Unfortunatley
   these boxes look very different in both internet explorer and in firefox, so I have decided not
   to use them  
   
#textboxouter{
	position:absolute;
	top:291px;
	left:671px;
	width:336px;
	height:333px;
	border-left: solid 9px #904128;
	border-right: solid 9px #711107; 
}

/* this is the interior box that the text will sit in for interior text. It sits inside the 
   above box    
#textboxinner{
	position:absolute;
	top:291px;
	left:677px;
	width:311px;
	height:320px;
	border: solid 7px #997955;
}  */

#interior-text-box{
	position:absolute;
	top:291px;
	left:672px;
}
#interior-text{
	position:absolute;
	top:303px;
	left:688px;
	width:300px;
	height:300px;
	padding:4px;
	border:10px;
	text-align:left;
	margin: 0px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #352102;
	overflow-x:hidden;
	overflow-y:scroll;
}
#directions-text{
	position:absolute;
	top:291px;
	left:732px;
	width:269px;
	height:305px;
	padding-left:4px;
	border: 10px;
	border-top: solid 7px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 7px;
	border-color:#660;
	background:#FFF;
	text-align:left;
	/* margin: 0px auto 0 auto; */
	margin: auto;
	/* padding-left:2px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
	overflow-x:hidden;
	overflow-y:scroll;
}
#specials{
	position:absolute;
	top: 350px;
	left:780px;
	height:100px;
	width: 200px;
	border: solid 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFF;
}
 
form {
	font:100% veranda,arial,sans-serif;
	margin: 0;
	padding: 5px;
	min-width: 500px;
	max-width: 729px;
	width: 718px;
	background-color:#FFF;
	 
}
form fieldset{
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding:10px;
	margin: 0;
}
form fieldset legend {
	font-size:1.1em;
}
	
form label {
	display: block; /*block float the labels to the left column, set a width */
	float: left;
	width: 150px;
	padding:0;
	margin: 5px 0 0; /* set top margin as form input - textarea etc. elements */
	text-align: right;
}
form fieldset label: first-letter {
	text-decoration:underline;
}
form input, form textarea {
	width:auto;
	margin:5px 0 0 10px;
}
/* form input#reset {
	margin-left:0px; 
}
*/
form input#submit, form input#reset {
	float: none;
	display: inline;
	margin:0;
	padding:0;
}
textarea {overflow: auto; }
form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}
form .required{font-weight:bold;}
form br{
	clear:left;
}