/* 
blue: #5e99b9
violet: #bb0f67
orange: #FF6600
marigold: #ffd60f
brown: #5a1400
green: #B6C734
*/

* {
	margin:0px;
	padding:0px;
    border-top-style: 1px solid #7c7c7c;
    border-left-style: 1px solid #c3c3c3;
    border-right-style: 1px solid #c3c3c3;
    border-bottom-style: 1px solid #ddd;	}

a { border:0; text-decoration:none;}

a img { border:0; text-decoration:none;}

html		{	font-family: verdana, helvetica, arial, sans-serif;
			}
		
body		{	font-size:1em;
				line-height:1.25;
				background-color:#ffffff;
				min-height:100%;
			}
				
p			{	margin:0 0 1em 0;
			}
			
h4				{	font-size:.9em;
							font-weight:bold;
							color:#bb0f67;
							text-align:left;
							padding:10px 0px;
							}			
	
.clear			{	clear:both;}

.dotted_line 	{	border-bottom: 2px dotted #bb0f67;
					margin: 10px 0 15px 0;
					}

.homenote a {
	color:#bb0f67;
	font-size:.8em;
	font-weight:bold;
	padding-left:50px;
}

.homenote a:hover {
	text-decoration:underline;
}

#wrapper 		{	position:absolute;
					left: auto;
					width: 100%;
					top: 0;
					right: auto;
					}
					
#container 		{	position:relative;
					left: 50%;
					width: 800px;
					margin-top: 100px;
					margin-left: -400px; /* half of the width to center */
					top: 0;
					padding-bottom: 10px;
					}
					
*html #container {
	width: 900px;		
	margin-left: -450px; /* half of the width to center */
	}			

#topbar			{	left:0px;
					top:62px;
					width:auto;
					height:30px;
					margin-top:50px;
					background-color:#501e06;
					}
					
#header			{	display:block;
					height:101px;
					background-color:#ffffff;
					padding-bottom:10px;
					}
					
.logo			{	position:absolute;
					top:-88px;
					left:35px;
					background-color:#FFFFFF;
					padding: 0px 10px 0px 10px;}
					
.tagline		{	position:absolute;
					top:-45px;
					left:515px;
					background-color:#FFFFFF;
					padding: 0px;}
					
.toplinks		{	position:absolute;
					top:-80px;
					left:580px;
					background-color:#FFFFFF;
					font-size:.7em;
					padding: 0px;}	
					
.toplinks a		{	color:#660000; text-decoration:none;}

.homeboxlinks a	{	color: #ffd60f;
					font-weight: bold;
					text-decoration: none;}
					
.homeboxlinks a:hover	{	text-decoration: underline;}					

.toplinks a:hover 	{	color: #FF3300; text-decoration:underline;}									

#LeftColumn				{	float:left;
							display:inline;
							width:170px;
							margin-left:20px;
							}
							
#LeftColumn	p			{	font-size:.6em;
							color: #FF6600;
							line-height:1.2em;
							font-weight:bold;
							width:160px;
							padding:0px 10px 0px 20px;
							text-align:center;
							}							
					
#RightColumn			{	float:left;
							display:inline;
							width:570px;
							margin-left:20px;}
									
													
#RightColumn .pix		{	float:left;
							display:inline;
							width:170px;
							margin-right:20px;
							}	

#RightColumn .banner	{	float:left;
							display:inline;
							width:570px;}														


/* NAVIGATION */

#navcontainer	{	display:block;
					width:150px;
					height:275px;
                    padding-left:35px;
					background-color:#FFFFFF;
					margin: 0px 0 0 0;
					visibility: visible;
					}

#nav 	{	margin: 0;
			padding: 10px 0px 10px 0px;
			height: 27px;
			list-style: none;
			display: inline;
			overflow: hidden;
			}

#nav li {	padding-bottom:15px;
			width:120px;
		    list-style: none;
			display: inline;
			}

#nav a {
	float: left;
	padding: 0px 0 0 0;
	overflow: hidden;
	height: 27px !important; 
	height /**/:27px; /* for IE5/Win only */
	font-weight:bold;
	color:#FFFFFF;
	font-size:.75em;
	text-decoration:none;
	}
	
#nav a:hover {
	background-position: 0 -27px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -54px;
	}
	
#navHome a  {
	width:130px;
	background: url(images/btn_home.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	margin-bottom:5px;
	}
	
#navClasses a  {
	width:130px;
	background: url(images/btn_classes.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	margin-bottom:5px;
	}
	
#navPhilosophy a  {
	width:130px;
	background: url(images/btn_philosophy.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	margin-bottom:5px;	
	}
	
#navWho a  {
	width:130px;
	background: url(images/btn_who.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	margin-bottom:5px;	
	}

#navBuzz a  {
	width:130px;
	background: url(images/btn_buzz.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;	
	margin-bottom:5px;	
	}	

#navShop a  {
	width:130px;
	background: url(images/btn_shop.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	margin-bottom:5px;	
	}		
			
#navFAQ a  {
	width:130px;
	background: url(images/btn_faq.gif) top left no-repeat;
	border-bottom: 1px dotted #bb0f67;
	margin-top:10px;
	}		
					

#cc			{	display:block;
				width:150px;
                margin-top: 10px;
                padding-left: 30px;}

/* left side promotional box */
						
#promo			{	display:block;
					width:140px;
                    margin-top: 10px;
					margin-bottom: 10px;
                    padding-left: 30px;
					background-color:white;}
					
#promo .pic {
	float: left;
	text-align: center;
  display: inline;
  margin: 0px;
}
						
#promo p {		
	text-align:left; 
	padding: 10px 10px 20px 10px; 
	width: 115px;
	color: #5a1400; 
	font-size: .7em;
	line-height: 1.5em;
	font-weight: normal;
	background-color: #B6C830;
}

#promo h1			{	font-size:.7em;
						font-weight:bold;
						color:#FF6600;}
						
#promo a			{	font-size:100%;
						display:block;
						font-weight:bold;
						color:#FF6600;
                        text-decoration:none;}

#promo a:hover		{	font-size:100%;
						display:block;
						font-weight:bold;
						color:#FF6600;
                        text-decoration:underline;}
						
/* main body area, if one column */						


#Main_ContentArea		{	background-color:white;
							}
						
#MainOne				{	float:left;
							width: 550px;
							margin: 0px 0px 10px 0px;
							padding-left: 15px;
							display: block;}
							
*html #MainOne {
	width: 600px;
	}							

#MainOne h1				{	font-size:1.2em;
							color:#FF6600;
							text-align:left;
							padding:10px 0px;
							}	
							
#MainOne h2				{	font-size: .9em;
							font-weight: bold;
							color: #5e99b9;
							text-align: left;
							margin-top: 15px;
							padding-bottom: 5px;
							padding-right: 20px;
							}	

#MainOne h3 {	font-size:.9em;
							font-weight:bold;
							color:#f85605;
							text-align:left;
							text-decoration:none;
							padding:3px 0px 5px 0px;
							}	
							
#MainOne h3	a			{	text-decoration:none;
										}	
							
#MainOne h3	a:hover		{	
							text-decoration:underline;
							}		
							
#MainOne h4				{	font-size:.9em;
							font-weight:bold;
							color:##bb0f67;
							text-align:left;
							text-decoration:none;
							padding:3px 0px 10px 0px;
							}																	

#MainOne h5				{	font-size:.9em;
							color:#FF6600;
							text-align:left;
							padding:4px 0;
							}	
							
#MainOne h6				{	font-size:.9em;
							font-weight:bold;
							color:#bb0f67;
							text-align:left;
							text-decoration:none;
							padding:3px 0px 0px 0px;
							}	
							
#MainOne h6	a			{	font-size:.9em;
							font-weight:bold;
							color:#bb0f67;
							text-align:left;
							text-decoration:none;
							padding:3px 0px 0px 0px;
							}	
							
#MainOne h6	a:hover		{	font-size:.9em;
							font-weight:bold;
							color:#bb0f67;
							text-align:left;
							text-decoration:underline;
							padding:3px 0px 0px 0px;
							}							
							
#MainOne p				{	font-size:.7em;
							color:#5a1400;
							line-height:1.5em;
							}	

*html #MainOne p {
	width: 550px;
	}							

.orange					{	color:#FF6600; 
							font-weight: bold;

							}

.blue					{	color:#5e99b9;
							font-weight: bold;
							}
							
.violet					{	color:#bb0f67;
							font-weight: bold;
							}							
														
#MainOne a				{	font-size:1em;
							font-weight:bold;
							color:#f85605;
							text-align:left;
							text-decoration:none;
							}
							
#addtocart p			{	display:inline;
							}

					
#MainOne a:hover		{	font-size:1em;
							font-weight:bold;
							color:#f85605;
							text-align:left;
							text-decoration:underline;
							}							
							
#MainOne ul		{	list-style-position:inside;}
							
#MainOne li		{	font-size:.65em;
					color:#bb0f67;
					font-weight:bold;
					list-style:disc;
					padding: 8px 10px 2px 10px;
					}	
					
#MainOne .products ul		{	list-style-position:inside;
								padding-bottom: 2px;}
							
#MainOne .products li		{	
								color: #5a1400;
								font-weight: normal;
								list-style: disc;
								list-style-position: inside;
								padding: 0px;
								}	
								
*html #MainOne .products ul		{	position:relative;
									float:left;
									list-style-position:inside;
									padding-bottom: 2px;}
							
*html #MainOne .products li		{	font-size: .7em;
								color: #5a1400;
								font-weight: normal;
								list-style: disc;
								list-style-position: inside;
								padding: 0px;
								}																									

#MainOne img		{	float:left;
						padding:0px 20px 10px 0px;
							}	

/* three homepage buttons/calls to action */							

#fullWidth		{	float: left;
								width: 800px;
								margin: 5px 0 0 0;
								display: inline;}

#buttonLeft {
	float: left;
	width: 230px;
	margin-left: 55px;
	}

*html #buttonLeft {
	margin-left: 32px;
}
	
#buttonCenter {
	float: left;
	width: 230px;
	margin-left: 20px;
	}
	
#buttonRight {
	float: left;
	width: 230px;
	margin-left: 20px;
	}		

.button1 {
	display: block;
	width: 230px;
	height: 160px;
	text-indent: -9999px;
}

.button1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(images/btn-sfc-classes.gif) no-repeat top left;
	outline: none;
}

.button1 a:hover {
	background-position: 0 -160px;
}

.button2 {
	display: block;
	width: 230px;
	height: 160px;
	text-indent: -9999px;
}

.button2 a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(images/btn-sfc-parties.gif) no-repeat top left;
	outline: none;
}

.button2 a:hover {
	background-position:0 -160px;
}

.button3 {
	display: block;
	width: 230px;
	height: 160px;
	text-indent: -9999px;
}

.button3 a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(images/btn-sfc-tools.gif) no-repeat top left;
	outline: none;
}

.button3 a:hover {
	background-position: 0 -160px;
}

/* main body area, if two columns */							
					
#MainContent		{	float:left;
						width:350px;
						margin:15px 0 0 0;
						padding-right:10px;
						display:block;}

#MainContent h1	{	font-size:1.1em;
					color:#5e99b9;
					text-align:center;
					font-weight:bold;
					padding-bottom:10px;
					}								
							
#MainContent p		{	font-size:.7em;
						color:#5a1400;
						padding:0px 10px 0px 10px;
							}	
							
#MainContent ul		{	margin:10px 0px 0px 25px;}
							
#MainContent li		{	font-size:.65em;
						color:#bb0f67;
						font-weight:bold;
						list-style:disc;
						padding: 8px 10px 2px 10px;
						}												

#Sidebar		{	float:left;
					width:210px;
					margin:15px 0 0 0;
					display:block;
					background-color:#5e99b9;
					}
							
#Sidebar p		{	font-size:.7em;
					color:#ffffff;
					padding:0px 10px 0px 15px;
					}	
					
#Sidebar h1		{	font-size:1.1em;
					font-weight:bold;
					color:#ffffff;
					text-align:center;
					padding-top:10px;
					padding-bottom:10px;
					}					
												
/* FOOTER */

#wrapperfooter {	width: 100%;
					background-color: #501e0b;
					height: 120px;
					left: 0;
					position: relative;
					}

#footer 		{	width: 100%;
					height: 80px;
					margin: 5px 0 0 0;
					overflow: auto;
					background: url(images/footer_bg.gif);
					background-repeat: repeat-x;
					} 
					
#footercontainer 	{	position:relative;
						left: 50%;
						width: 800px;
						height:30px;
						margin-top: 7px;
						margin-left: -400px; /* half of the width to center */
						top: 0;
						padding-bottom: 10px;
						}					
					
.contact		{	position:absolute;
					top:-2px;
					left:10px;
					color:#FFFFFF;
					font-size: .75em;
					font-weight:bold;
					padding: 0px 10px 0px 10px;}
					
.contact a		{	color:#ffffff;
					text-decoration:none;
					font-weight:normal;
					}

.contact a:hover	{	color:#FF6600;
						text-decoration:underline;
						}	
						
.address		{	position:absolute;
					width:auto;
					top:19px;
					left:10px;
					color:#5a1400;
					font-size: .65em;
					font-weight:normal;
					padding: 0px 10px 0px 10px;}									
					
.copyright		{	position:absolute;
					top:-2px;
					left:505px;
					color:#FFFFFF;
					font-size: .75em;
					padding: 0px 10px 0px 10px;}										

.sitecredit		{	position:absolute;
					top:60px;
					right:25px;
					color:#FFFFFF;
					font-size: .6em;
					padding: 0px;
					}	
					
.sitecredit a		{	color:#ffffff;
						text-decoration:none;
						font-weight:normal;
						}

.sitecredit a:hover		{	color:#FF6600;
							text-decoration:underline;
							}	

#ccArea				{	margin-top:18px; margin-left:0px;}
#ccArea	.box	    {	width:145px; height:20px; margin:0px 0px 0px 10px;}

input.text, select {
	display:inline;
  font-size:1.1em;
  line-height:1.3em;
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  background:#fff;
	width:160px;
}

.textarea {
	display:inline;
  font-size:1.1em;
  line-height:1.3em;
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  background:#fff;
	width:500px;
	height: 20px;
}


/* shopping cart drop-downs, special styling */

#option1	{	position:relative;
				float:left;
				width:140px;
				padding-right:35px;}
				
#option2	{	position:relative;
				float:left;
				width:140px;
				padding-right:35px;}
				
#option3	{	position:relative;
				float:left;
				width:200px;}
				
#option4	{	position:relative;
				float:left;
				width:300px;}
				
*html #option1	{	position: relative;
					float: left;
					width: 140px;
					padding-right: 10px;}
				
*html #option2	{	position: relative;
					float: left;
					width: 140px;
					padding-right: 10px;}	

/* shop page special layout */
					
#ProductColumn		{ 	width: 570px;
						margin-left: 100px;}
					
#ProductColumn ul	{	margin: 0px;}
							
#ProductColumn li	{	font-size:.8em;
						color:#5a1400;
						font-weight:normal;
						text-align: center;
						padding: 8px 0px 2px 0px;
						}
							
#MainOne .productthumb 		{	cursor: default;
								list-style-image: none;
								list-style-position: outside;
								list-style-type: none;
								}

#MainOne .productthumb a {	cursor: default; 
							position: relative;
							font-size:0.8em;
							}

#MainOne .productthumb img {	background: #FFFFFF none repeat scroll 0%;
								height: 150px;
								width: 150px;
								padding: 2px;
								vertical-align: top;
								border-top-style: none;
								border-right-style: none;
								border-bottom-style: none;
								border-left-style: none;
							}

#MainOne .productthumb li {	display: inline;
							float: left;
							width: 150px;
							margin-top: 10px;
							margin-left: 15px;
							margin-bottom: 10px;
							padding: 3px;
							position: static;
							font-size:.8em;
							color:#5a1400;
							font-weight:normal;
							text-align: center;
							}

#MainOne .productthumb li desc {  text-align: center;
								  font-weight: normal;
								  width: 150px;
								  margin: 10px 0 0 0;
								  padding: 0px;
								  font-size: .65em;
								  color: #999999;
								  }
								
div.img img {
  display: inline;
  }

div.img a:hover img {
  border: none;
  }
  
div.desc {
	text-align: center;
    font-weight: bold;
   	width: 160px;
  	margin: 10px 0px 0px 0px;
	color: #5a1400;
	padding: 0px;
}
  
div.desc a {
	width: 100px; 
	font-size: .8em;
	text-decoration: none; 
	text-align: center;
	margin: 3px 0px 0px 0px; 
	padding: 0px;
	}
	
div.desc a:hover {
	text-decoration:underline; 
	}	

div.desc a:link {color: #FF6600;}     
div.desc a:visited {color: #FF6600;}
div.desc a:hover {color: #FF6600;} 
div.desc a:active {color: #FF6600;}  
				
div#MainOne input.text, 
div#MainOne textarea, 
div#MainOne select {
		display: inline;
    font-size: 1.1em;
    line-height: 1.3em;
    border-top-style: 1px solid #7c7c7c;
    border-left-style: 1px solid #c3c3c3;
    border-right-style: 1px solid #c3c3c3;
    border-bottom-style: 1px solid #ddd;
    background: #fff;
}