@import url(undohtml.css);		/* reset styles for all browsers */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color:#2B2B2B;
}

#site_holder{
	background: url(/images/bg_vert_fade.gif) repeat-x #2B2B2B;
}

#home_content{
	background: url(/images/home_bg.jpg) no-repeat center top;
	padding:180px 0 0 0;
	text-align:center;
	width:900px;
	margin:auto;
}

.home_content_link img{
	margin-top: -180px;
}

#footer{
	text-align:center;
	width: 900px;
	color:#999;
	margin: auto;
	padding-bottom: 30px;
	padding-top:20px;
	font-size: 85%;
}

#footer a{
	color:#999;
}

#footer li{
	padding: 0px;
	display: inline
}

#footer li a{
	padding-left:4px;
	padding-right: 4px;
	border-left: 1px solid #3a3a3a;
}

#footer .first{
	border-left: 0px;
}

#main_holder{
	width: 883px;
	margin: 0px auto;
	background-color: #fff;
	min-height: 826px;
}

#top_banner{
	width: 883px;
	height: 164px;
	background-image: url(/images/top_banner.jpg);
	background-repeat: no-repeat;
}

#top_spacer{
	width: 883px;
	height: 53px;
	background-image: url(/images/top_spacer.gif);
	background-repeat: no-repeat;
}

#main_menu{
	padding-top: 129px;
	height: 37px;
	z-index: 1;
}

#logo{
	width: 288px;
	height: 164px;
	background-image: url(../images/logo_home.jpg);
	background-repeat: no-repeat;
	float: left;
	z-index: 2;
}

#menuitems li {
	display: inline;
}

#menuitems li a{
	display:block;
	text-transform:uppercase;
	font-size: 90%;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-right:3px;
}

#menuitems li a span{
	display:block;
	padding: 6px 11px 13px 0;
	margin-left:12px;
}

#menuitems li a:hover{background: url(/images/rollover.gif) no-repeat left top;}
#menuitems li a:hover span{background: url(/images/rollover.gif) no-repeat right top;}

#nav2 .selected, #nav2 .selected a:hover{
	background-image: url(/images/02_bg.gif);
	background-repeat: no-repeat;
}

#nav3 .selected{
	background-image: url(/images/03_bg.gif);
	background-repeat: no-repeat;
}

#side_menu{
	min-height: 100px;
	padding: 5px 0 403px 55px;
	padding-top: 5px;
	width:230px;
	float: left;
	font-weight:bold;
}

#side_menu h6{
	font-size:120%;
	padding-top:3px;
	margin-bottom:14px;
}

#page_clear{clear:both;}

.sub_nav li{
	display: block;
	width: 130px;
	padding-top: 10px;
	height: 20px;
/*	border-bottom:dotted 1px #6C6C6C;*/
	border:1px solid #ccc;
	margin:0 0 3px -15px;
	padding-left:15px;
	padding-bottom:5px;
}

.sub_nav li a{color: #5a5a5a;}

.sub_nav li a:hover,
.sub_nav li a.selected{color:#000;}

#menu_image{
	background-image: url(/images/side_about.jpg);
}
	
#main_bg{
	margin-left: 285px;
	width: 581px;
	padding: 0 0 30px 17px;
	min-height: 508px;
}

#main_bg table{
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	width:95%;
	margin:5px 0;
}
#main_bg table td,
#main_bg table th{
	padding:3px 5px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
}

#main_bg table th{background-color:#eee;}

#main_bg h1{font-size: 220%;}
#main_bg h2{font-size: 200%;}
#main_bg h3{font-size: 180%;}
#main_bg h4{font-size: 160%;}
#main_bg h5{font-size: 140%;}
#main_bg h6{font-size: 120%;}

#main_bg h1,
#main_bg h2,
#main_bg h3,
#main_bg h4,
#main_bg h5,
#main_bg h6{margin: 5px 0}

#main_bg p{
	padding-bottom: 10px;
	max-width: 515px;
	z-index: 1;
}

#main_bg textarea{
	width:250px;
	height:150px;
	margin:0 0 10px 0;
}

#shop img{
	float:left;
	margin:0 5px 5px 0;
}

.page_content_image{
	width: 175px;
	float: right;
	padding: 0 40px 5px 10px;
	z-index: 2;
}

#base_strap{
	background-image: url(/images/strap_bg.gif);
	height: 91px;
	padding-top: 10px;
	width: 883px;
	color:#999;
	font-size:85%;
}

#base_strap p{
	padding-left: 17px;
	float: left;
}

#designer{
	padding-right: 80px;
	float: right;
}

#designer a{
	color: #999;
}

#base_strap_image{
	float: left;
	background-image:url(/images/side_home.jpg);
	height: 502px;
	width: 285px;
	margin-top: -415px;
}

#page_message{
	width: 581px;
	height: 45px;
	padding-bottom: 20px;
	}
	
#page_message img{
	width: auto;
	float: none;
	padding: 0px
}

.class_content{margin-top:-20px;}

/*******************************************/
.about #logo{background-image: url(/images/logo_about.jpg);}
.about #base_strap_image{background-image:url(/images/side_about.jpg);}
.about #menuitems li a.selected:hover,
.about #menuitems li a.selected{background: url(/images/02_bg.gif) no-repeat left top;}
.about #menuitems li a.selected:hover span,
.about #menuitems li a.selected span{background: url(/images/02_bg.gif) no-repeat right top;}
.about a, 
.about #side_menu h6{color: #CB0F0F;}


.classes #logo{background-image: url(/images/logo_classes.jpg);}
.classes #base_strap_image{background-image:url(/images/side_classes.jpg);}
.classes #menuitems li a.selected:hover,
.classes #menuitems li a.selected{background: url(/images/06_bg.gif) no-repeat left top;}
.classes #menuitems li a.selected:hover span,
.classes #menuitems li a.selected span{background: url(/images/06_bg.gif) no-repeat right top;}
.classes a, 
.classes #side_menu  h6{color: #225DC3;}


.workshops #logo{background-image: url(/images/logo_workshops.jpg);}
.workshops #base_strap_image{background-image:url(/images/side_workshops.jpg);}
.workshops #menuitems li a.selected:hover,
.workshops #menuitems li a.selected{background: url(/images/03_bg.gif) no-repeat left top;}
.workshops #menuitems li a.selected:hover span,
.workshops #menuitems li a.selected span{background: url(/images/03_bg.gif) no-repeat right top;}
.workshops a,
.workshops #side_menu h6{color: #FCA000;}


.parties #logo{background-image: url(/images/logo_parties.jpg);}
.parties #base_strap_image{background-image:url(/images/side_parties.jpg);}
.parties #menuitems li a.selected:hover,
.parties #menuitems li a.selected{background: url(/images/05_bg.gif) no-repeat left top;}
.parties #menuitems li a.selected:hover span,
.parties #menuitems li a.selected span{background: url(/images/05_bg.gif) no-repeat right top;}
.parties a, 
.parties #side_menu h6{color: #8467D7;}


.gallery #logo{background-image: url(/images/logo_gallery.jpg);}
.gallery #base_strap_image{
	background-image:url(/images/side_gallery.jpg);
}
.gallery #menuitems li a.selected:hover,
.gallery #menuitems li a.selected{background: url(/images/08_bg.gif) no-repeat left top;}
.gallery #menuitems li a.selected:hover span,
.gallery #menuitems li a.selected span{background: url(/images/08_bg.gif) no-repeat right top;}
.gallery a, 
.gallery #side_menu h6{color: #F1C90D;}


.contact #logo{background-image: url(/images/logo_contact.jpg);}
.contact #base_strap_image{background-image:url(/images/side_contact.jpg);}
.contact #menuitems li a.selected:hover,
.contact #menuitems li a.selected{background: url(/images/07_bg.gif) no-repeat left top;}
.contact #menuitems li a.selected:hover span,
.contact #menuitems li a.selected span{background: url(/images/07_bg.gif) no-repeat right top;}
.contact a, 
.contact #side_menu h6{color: #1BBAC9;}
/*******************************************/