/*
	Bellylicious CSS
*/

* {
	margin:					0;
	padding:				0;
}

.hidden {
	display:				none;
}

.clearfix:after {
    content:				""; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {			
	height:					1%;
}

body {
	background-image:		url("background_top.gif");
	background-repeat:		repeat-x;
	background-position:	50% 0;
}

#container2 {
	background-image:		url(dancer.gif);
	background-repeat:		no-repeat;
	background-position:	0 37px;
	display:				block;
	width:					860px;
	
	margin:					0 auto 0 auto;
}

#container {
	background-image:		url(background_bottom.gif);
	background-repeat:		repeat-x;
	background-position:	50% 100%;
}	

#heading {
	display:				block;
	background-image:		url(heading2.gif);
	background-repeat:		no-repeat;
	background-position:	bottom right;
	width:					714px;
	height:					81px;
	
	padding:				42px 0 0 189px;
}

#menu {
	display:				inline;
	width:					500px;
	float:					left;
	clear:					both;
	list-style-type:		none;
	
	margin:					8px 0 20px 280px;
}

#menu li {
	float:					left;
}

#menu li a {
	display:				block;
	background-image:		url(menu.gif);
	background-repeat:		no-repeat;

	width:					112px;
	height:					25px;
}

#menu li a:hover {
	background-color:		#c00014;
}

#menu #m1_1 a {
	background-position:	0 0;
}
#menu #m1_2 a {
	background-position:	0 -23px;
}
#menu #m1_3 a {
	background-position:	0 -46px;
}
#menu #m1_4 a {
	background-position:	0 -69px;
}
#menu #m1_1 a:hover {
	background-position:	-112px 0;
}
#menu #m1_2 a:hover {
	background-position:	-112px -23px;
}
#menu #m1_3 a:hover {
	background-position:	-112px -46px;
}
#menu #m1_4 a:hover {
	background-position:	-112px -69px;
}

#content {
	display:				inline;
	float:					left;
	width:					580px;
	margin:					0 0 0 275px;
	
	padding:				0 0 20px 0;
}

/*
	H3 Headers
*/

#content h3 {
	display:				block;
	background-repeat:		no-repeat;
	width:					460px;
	height:					34px;
}

.h3_welcome {
	background-image:		url(h3_welcome.gif);
}
.h3_shop {
	background-image:		url(h3_shop.gif);
}
.h3_about {
	background-image:		url(h3_about.gif);
}
.h3_contact {
	background-image:		url(h3_contact.gif);
}

/*
	Fonts
*/

#content p, #content h3 {
	font-family:			'Verdana', 'Helvectia', sans-serif;
	margin-bottom:			20px;
}

#content p {
	padding-left:			30px;

	text-align:				justify;
	font-size:				11pt;
	line-height:			18pt;
}

#copyright_left, #copyright_right, #copyright_right a  {
	font-family:			'Verdana', 'Helvectia', sans-serif;
	font-size:				9pt;
	color:					#fff;
	margin-bottom:			25px;
}

#copyright_right {
	float:					right;
}

#copyright_left {
	float:					left;
}

/*
	Webform
*/

.webform {
	display:				inline;
	display:				block;
	clear:					both;
	margin-left:			20px;
	padding-bottom:			60px;
}

.webform tr {
	display:				block;
}

.webform td {
	vertical-align:			top;
	/*border:					1px #f0f solid;*/
}

.webform .col1 {
	width:					180px;
}

.webform .col2 {
	width:					265px;
}

.webform .textbox, .weform .select {
	width:					200px;
}

.webform .textarea {
	width:					260px;
}

.webform .textbox, .webform .textarea, .weform select {
	margin-bottom:			6px;
	padding:				1px;
	background-color:		#B50000;
	border:					1px #000 solid;
}

.webform .submit {
	float:					right;
	
	background-image:		url(button_submit.gif);
	border:					0;
	color:					#000;
	vertical-align:			bottom;
	font-size:				0.01pt;
	
	width:					127px;
	height:					27px;
}
.webform td {
	font-family:			'Verdana', 'Arial', sans-serif;
	font-size:				11pt;
	color:					#000;
}

.webform .textbox, .webform .textarea {
	font-family:			'Verdana', 'Arial', sans-serif;
	font-size:				9pt;
	color:					#fff;
}