body {
	background: /*#993300*/ #003366 /*url(http://www.louishealthybreads.com/JonathanHelmsPhotography16.jpg)*/;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top;
	color: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	}

#maincontainer {
	width: 800px; /*Width of main container*/
	margin: 0px auto; /*Center container on page*/
	
	}

#topsection {
	height: 162px; /*Height of top section*/
	background: transparent;
  }
	
.walls {
	/*border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-top: 3px solid #ffffff;*/
	padding: 20px 0 0 0; 
	background: #222222 /*url(http://creative.myspace.com/ThemeLibrary/Dark/evil/bg_box_evil.png);
	background-repeat: repeat-x repeat-y;*/
	} 

#contentwrapper {
	float: left;
	width: 100%;
	padding: 0 0 25px 0;
	}

#contentcolumn {
	margin-left: 175px; /*Set left margin to LeftColumnWidth*/
	}

.innertube {
	margin-left: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 20px;
	font-size: .7em;
	}
		
/* ####### Interior Style ###### */

.homepagepic {
  margin: 0 0 -15px 0;
	}

.specials {
  color: #FFCC00;
	}

.w3c {
  margin: 10px 0 0 0;
	}
	
hr	{
	color: #cc3300;
	border: 1px solid #cc3300;
	width: 800px;
	}
	
img {
  border: 0;
	}
	
.imgspacer img{
  margin: 0 30px 0 0;
	}
	
.form textarea {
 vertical-align: middle;
 }

.subheader1 {
	width: 50%;
	font-family:  "Calisto MT", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	text-decoration: none;
	color: #FFCC00;
	border-bottom: 3px solid #cc3300;
	padding-bottom: 1px;
	margin-bottom: 15px;
	}
	
.subheader1 a {
  color: #FFCC00;
	text-decoration: none;
	}
	
.subheader1 a:hover {
  color: #ffffff;
	text-decoration: none;
	}
	
.subheader2 {
  clear: both;
	width: 50%;
	font-family:  "Calisto MT", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	text-decoration: none;
	color: #FFCC00;
	border-bottom: 2px solid #cc3300;
	padding-bottom: 1px;
	margin: 10px 0 5px 50px;
	}
	
.subtext2 {
  margin: 0 0 0 50px;
	}
	
/*###### Text Links ######*/

.textlink a,  .textlink a:visited, .textlink a:active {
  color: #FFCC00;
	}

.textlink a, .textlink a:hover, .textlink a:visited, .textlink a:active {
  font-weight: 600;
	text-decoration: none;
	}	

.textlink a:hover {
  color: #cc3300;
	}
	
/* ###### Text List ##### */

.textlist {
	list-style-type: disc;
	}

.textlist li {
	color: #ff0000;
	font-size: 1em;
	margin-left: -25px;
	padding-bottom: 0px;
	}
	
.textlist li span {
  color: #ffffff;
	}
	
.textlist2 {
	list-style-type: disc;
	}

.textlist2 li {
	color: #ff0000;
	font-size: 1em;
	margin-left: 25px;
	padding-bottom: 0px;
	}
	
.textlist2 li span {
  color: #ffffff;
	}
	
.textlist3 {
	list-style-type: disc;
	}

.textlist3 li {
	color: #ff0000;
	font-size: 1em;
	margin-left: 75px;
	padding-bottom: 0px;
	}
	
.textlist3 li span {
  color: #ffffff;
	}
	
/* ########### Dot List ########### */
	
.dot1s {
  position: relative;
	display: block;
	float: left;
	margin: 8px 0 0 0px;
	width: 200px;
	color: #ffffff;
	font-size: 1em;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #FFCC00;
	}
	
.dotname1s {
  float: left;
	clear: left;
	line-height: .90em;
	}
	
.dotnumber1s {
  clear: right;
  float: left;
  text-align: left;
	padding:0 0 2px 5px;
	font-size: 1em;
	line-height: .9em;
	margin: 8px 0 0 0;
	}
	
.dot2 {
  position: relative;
	display: block;
	float: left;
	margin: 8px 0 0 50px;
	width: 425px;
	color: #ffffff;
	font-size: 1em;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #FFCC00;
	}
	
.dotname2 {
  float: left;
	clear: left;
	line-height: .90em;
	}
	
.dotnumber2 {
  clear: right;
  float: left;
  text-align: left;
	padding: 0 0 2px 5px;
	font-size: 1em;
	line-height: .9em;
	margin: 8px 0 0 0;
	}
	
.dot2s {
  position: relative;
	display: block;
	float: left;
	margin: 8px 0 0 50px;
	width: 200px;
	color: #ffffff;
	font-size: 1em;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #FFCC00;
	}
	
.dotname2s {
  float: left;
	clear: left;
	line-height: .90em;
	}
	
.dotnumber2s {
  clear: right;
  float: left;
  text-align: left;
	padding: 0 0 2px 5px;
	font-size: 1em;
	line-height: .9em;
	margin: 8px 0 0 0;
	}
	
/* ##### Body Links ##### */

.bodylinks {
	list-style-type: disc;
	list-style-image: url();
	}

.bodylinks li {
	color: #cc3300;
	font-size: 1em;
	margin-left: -25px;
	}
	
.bodylinks li a {
	margin-left: -3px;
	background: transparent;
	display: block;
	color: white;
	font-size: 1em;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	width: 290px;
	}

.bodylinks li a:hover {
	width: 290px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: 600;
	background: transparent;
	}
	
/* ##### Logo Links ##### */

.logolinks {
	margin: 20px 0px 20px 15px;
	}
	
.logolinks a {
  color: white;
	border: 0px;
	padding: 1px;
	}
	
.logolinks a:hover {
  color: blue;
  border: 0px;
  background: transparent;
	}
	
.logolinks img {
  margin: 0px 5px 5px 0px;
	}
	
/* ###### Page Numbering ##### */

.pageinfo {
  float: right;
	text-align: right;
	font-size: 1em;
	font-weight: 600;
	color: #FFCC00;
	background-color: transparent;
	}
	
.pagenumber {
  text-align: right;
	background-color: transparent;
  font-size: 1em;
	font-weight: 600;
	text-decoration: none;
  }
	
.pagenumber .currentpage {
  color: #ff0000;
	border-bottom: 2px solid white;
	}
	
.pagenumber a, .pagenumber a:active, .pagenumber a:visited {
 text-decoration: none;
 font-size: 1em;
 color: #ff0000;
 border: 2px solid #222222; /* ######### same as body "walls" background ######### */
 }
 
.pagenumber a:hover {
  color: #ff0000;
	border: 2px solid #ffffff;
	}
	
/* ###### Product List ###### */
  
.productlist {
  color: white;
	float: left;
	text-align: left;
	margin: 0 0 0 32px;
	width: 500px;
	}
	
.productlist img {
  float: left;
	border-top: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	}
	
.productlist hr {
  color: #cc3300;
  clear: both;
	float: left;
	text-align:left;
	width: 500px;
	margin: 10px 0px 5px 0px;
	}
	
.productlist a, .productlist a:visited, .productlist a:active {
  color: #cc3300;
	}
 
.productlist a:hover {
  color: #FFCC00;
	}
	
.productlisttitle {
  clear: both;
  color: #FFCC00;
	font-weight: 600;
	text-align: left;
	margin: 5px 0px 5px 0px;
	}
	
.productlistinfo {
  color: white;
	text-align: left;
	margin: 10px 0px 0px 150px;
	}
	
/* ####### Order Button ######## */
	
.orderbutton a, .orderbutton a:active, .orderbutton a:visited {
  color: #000000;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	font-size: .8em;
	line-height: 1.6em;
	float: right;
	padding: 0px 5px 0px 5px;
	margin: -20px 10px 0px 0px;
	border-right: 3px solid #999999;
	border-bottom: 2px solid #999999;
	border-top: 0 solid #999999;
	border-left: 0 solid #999999;
	}
	
.orderbutton a:hover {
  color: #cc3300;
	background-color: #ffffff;
	border-right: 0 solid #777777;
	border-bottom: 0 solid #777777;
	border-top: 2px solid #777777;
	border-left: 3px solid #777777;
	}
	
/* ######### Left column ######### */

#leftcolumn {
	float: left;
	width: 160px;
	margin: 0 0 50px -800px;
	padding: 0 15px 0 0;
	background: transparent;
	border-right: 2px solid #ffffff;
	/* border-left: 2px solid #ffffff; */
	}

.headers {
	color: #FFCC00;
	font-size: .95em;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	margin: 10px 0 0 15px;
	}

.categorylinks {
	list-style-type: none;
	margin: 5px 0 25px 18px;
	padding: 0;
	}

.categorylinks li {
	padding-bottom: 1px;
	color: #000000;
	}

.categorylinks li a {
	margin-left: -3px;
	padding: 3px 1px;
	font-size: .7em;
	text-align: center;
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #cc3300;
	}

.categorylinks a:visited {
	color: #ffffff; 
	}

.categorylinks a:hover  {
	color: #FFCC00;
	background: transparent;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
	}

.diffpointer {
	list-style-image: url();
	}

/* ######### footer ######### */

#footer {
	clear: left;
	width: 800px;
	background: transparent;
	color: #ffffff;
	text-align: center;
	padding: 0 0 10px 0;
	}
	
.copyrighttext {
  color: #ffffff;
	font-size: .65em;
	line-height: 1em; 
	margin: 0 0 7px 0;
	}

#footer a {
	color: #ffffff;
	text-decoration: none;
	}

#footer a:visited {
	color: #FFCC00;
	text-decoration: none;
	}

#footer a:active {
	color: #ffffff;
	text-decoration: none;
	}

#footer a:hover {
	color: transparent;
	background: #FFCC00;
	text-decoration: none;
	border-bottom: 2px solid blue;
	}


/* ######### Horizontal Buttons ############### */

/*Credits for Horizontal Buttons only: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* modifications have been made to the original code */


#ddcolortabs {
  margin: 15px 0px 0px 43px;
	text-align: center;
  width: 757px;
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
  }

#ddcolortabs ul {
  font: bold 10px Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  }

#ddcolortabs li {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
  text-transform: uppercase;
  }

#ddcolortabs a {
  float: left;
  color: #000000;
  background: #000000 url(media/color_tabs_left.gif) no-repeat left top;
  margin: 1px 2px 0 1px;
  padding: 0 3px 1px 0;
  text-decoration: none;
  letter-spacing: 1px;
  }

#ddcolortabs a span {
  display: block;
  background: #cc3300 url(media/color_tabs_right.gif) no-repeat right top;
  padding:4px 9px 2px 6px;
  }

#ddcolortabs a:hover {
  background-color: #000000;
	padding: 1px 0 0 3px;
  }

#ddcolortabs a:hover span {
  background-color: #cc3300;
	color: #ffcc00;
  }
	
#ddcolortabs #current a,#ddcolortabs #current a:hover { /*currently selected tab*/
  background-color: #000000;
  padding:0 3px 1px 0;
	color: #000000;
  }

#ddcolortabs #current a span, #ddcolortabs #current a:hover span {
  background-color: #ffffff;
	}
	
#ddcolortabsline {
  clear: both;
  width: 100%;
  height: 8px;
  line-height: 8px;
  background: #ffffff;
  border-top: 1px solid transparent; /*Remove this to remove border between bar and tabs*/
  }
