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


/* GENERAL
====================================================================================================*/
*							{ margin:0; padding:0; }
body, html					{ margin:0; padding:0; background-color:#f7f3e7; font:1em Times New Roman, Times, serif; color:#333; }

#home, #about, #prods, #loc, #info
							{ width:760px; margin:0 auto; top:10px; position:relative; background:#c41230; }

a 							{ outline:none; color:#333; }
img							{ border:none; }
p,ul,ol						{ margin-bottom:1em; }

.clear						{ clear:both; }

/* HEADER
====================================================================================================*/
#header						{ background:#c41230; text-align:right; height:92px; }
#top_border					{ width:100%; margin:0; padding:0; }
#top_border li				{ list-style:none; width:20px; height:18px; }
#top_border #corner_tl		{ float:left; background:url(../images/corner_tl.gif) no-repeat; }
#top_border #corner_tr		{ float:right; background:url(../images/corner_tr.gif) no-repeat; }

#top_tagline				{ margin-right:18px; }

#logo						{ position:absolute; top:5px; left:5px; z-index:2; }
#home #logo					{ position:absolute; top:9px; left:5px; z-index:2; }

/* NAVIGATION
====================================================================================================*/
#nav_bg						{ position:absolute; left:5px; top:62px; width:750px; height:34px; background:url(../images/nav_bg.gif) repeat-x; }

#nav						{ position:absolute; width:518px; height:26px; top:66px; left:237px; margin:0; padding:0; z-index:3; text-align:left; }
#nav li						{ display:inline; }
#nav li a					{ float:left; background:url(../images/navigation.gif) no-repeat top; margin:0; text-indent:-9999px; overflow:hidden; }

#nav li #nav_about			{ background-position:0 0; width:147px; height:26px; }
#nav li #nav_about:hover, #nav li #nav_about.current
							{ background-position:0px -26px; }

#nav li #nav_prods			{ background-position:-147px 0; width:109px; height:26px; }
#nav li #nav_prods:hover, #nav li #nav_prods.current
							{ background-position:-147px -26px; }
							
#nav li #nav_loc			{ background-position:-256px 0; width:133px; height:26px; }
#nav li #nav_loc:hover, #nav li #nav_loc.current
							{ background-position:-256px -26px; }
							
#nav li #nav_info			{ background-position:-389px 0; width:129px; height:26px; }
#nav li #nav_info:hover, #nav li #nav_info.current
							{ background-position:-389px -26px; }

/* MAIN - container
====================================================================================================*/
#main						{ width:750px; margin:0 auto; background:#efe4c4; position:relative; float:left; left:5px; }

.shadow_top					{ margin:0; padding:0; float:left; width:100%; height:100%; background:url(../images/main_shad_top.png) top repeat-x; }
.shadow_bottom				{ margin:0; padding:0; float:left; width:100%; height:100%; background:url(../images/main_shad_bottom.png) bottom repeat-x; }
.shadow_right				{ margin:0; padding:0; float:left; width:100%; height:100%; background:url(../images/main_shad_right.png) right repeat-y; }

/* BODY
====================================================================================================*/
#body						{ position:relative; }
#body li					{ margin-left:1.2em; }

/* HOME
====================================================================================================*/
#home #main					{ background:url(../images/home_main_bg.jpg) no-repeat #efe4c4; }/*height:540px; */

#home #body					{ top:42px; left:310px; width:398px; height:434px; font-size:0.88em; line-height:1.1em; color:#ffffff; }
#home #body h2				{ font-weight:bold; font-size:1.3em; line-height:1.0em; margin-bottom:1.0em; }
#home #body h3				{ font-weight:normal; font-size:1.3em; line-height:1.3em; margin-bottom:0.1em; margin-left:20px; }

#home #charlotte_logo		{ float:right; margin:20px 20px 18px 20px; }

/* ABOUT
====================================================================================================*/
#about #main				{ background:url(../images/about_main_bg.jpg) no-repeat #efe4c4; }/*height:556px; */

#about #body				{ float:left; top:2px; left:334px; width:402px; font-size:0.85em; line-height:1.12em; text-align:left; padding-bottom:50px; }
#about #body p				{ margin-bottom:0.6em; }
#about h2					{ font-weight:bold; font-size:1.03em; line-height:1.0em; margin:32px 16px 1.0em 0; float:right; }

/* LOCATIONS
====================================================================================================*/
#loc #main					{ background:url(../images/loc_main_bg.jpg) no-repeat #efe4c4; background-position:bottom; }

#loc #body					{ float:left; top:3px; left:218px; width:505px; font-size:0.76em; line-height:1.1em; padding-bottom:310px; }
#loc #body p				{ margin-bottom:0.6em; }
#loc #body h3				{ font-weight:bold; font-size:1.05em; line-height:1.0em; margin-bottom:-0.9em; color:#c41230; }

/* PRODUCTS
====================================================================================================*/
#prods #main				{  }

#prods_decor				{ margin:0; padding:0; height:350px; }
#prods_decor_img			{ position:absolute; top:858px; left:-30px; }

#prods #body				{ float:left; top:16px; left:30px; width:690px; font-size:0.95em; line-height:1.2em; padding-bottom:0px; color:#333333; }
#prods #body #intro			{ margin-left:224px; }
#prods #body p				{ margin-bottom:0.6em; }
#prods #body h2				{ font-weight:bold; font-size:1.4em; line-height:1.6em; margin-bottom:0.2em; }

#prods #flavors				{ position:relative; top:73px; width:100%; }
#prods #flavors td			{ vertical-align:top; }
#prods .flavor				{ width:330px; }
#prods .gutter				{ width:30px; }

#prods .flavor .header		{ color:#000000; background-image:url(../images/prods_flavor_h3_bg.gif); background-repeat:repeat-x; height:38px; padding:8px 10px 10px 7px; margin-bottom:-18px; }
#prods .flavor h3			{ font-size:1.18em; font-weight:normal; display:inline; }
#prods .flavor h4			{ font-size:0.95em; font-weight:normal; text-transform:uppercase; color:#000000; display:inline; }
#prods .flavor .abv			{ font-size:0.75em; font-weight:normal; color:#000000; float:right; margin-top:2px; }

#prods .description			{ display:block; padding:4px 0 0 0; font-size:0.91em; line-height:1.15em; margin-bottom:5px; }
#prods .description img		{ float:left; }
#prods .description p		{ float:left; width:242px; padding:1px 0 0 2px; }

/* INFO
====================================================================================================*/
#info #main					{ background:url(../images/info_main_bg.jpg) no-repeat #efe4c4; background-position:bottom; }

#info #body					{ float:left; top:14px; left:234px; width:495px; font-size:0.76em; line-height:1.1em; padding-bottom:300px; }
#info #body p				{ margin-bottom:0.6em; }
#info #body h3				{ font-weight:bold; font-size:1.05em; line-height:1.6em; margin-bottom:0.2em; color:#c41230; }
#info form					{ margin:40px 0 30px 0; }
#info input.textinput		{ color:#000; font:1em Times New Roman, Times, serif; background-color:#f6f2e7; border: 1px solid #9e9783; width:188px; height:21px; margin:2px 0 5px -4px; padding:0 2px 0 2px; }

/* FOOTER
====================================================================================================*/
#footer						{ position:relative; background:#c41230; text-align:center; height:50px; font:0.6em Verdana, Arial, Helvetica, sans-serif; color:#ffffff; margin:0; padding:0; }
#footer_bar					{ display:inline-block; background:#e1c17d; top:0; width:750px; height:10px; margin-bottom:12px; }
#footer a					{ color:#ffffff; }
#bottom_border				{ position:absolute; top:32px; left:0; width:100%; margin:0; padding:0; }
#bottom_border li			{ list-style:none; width:20px; height:18px; }
#bottom_border #corner_bl	{ float:left; background:url(../images/corner_bl.gif) no-repeat; }
#bottom_border #corner_br	{ float:right; background:url(../images/corner_br.gif) no-repeat; }