body {
	padding: 0;
	margin: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #FFFFFF url(../images/saskja_mainbg.jpg) 50% 0 repeat-x;

	
}

a {
	outline: none;
}
.NoShow {
	height: 0;
	margin: 0;
	overflow: hidden;
}
.UpperCase {
	text-transform: uppercase;
}
/******************** Basis ********************/
#HabibiDancers {
	position: relative;
	width: 660px;
	padding: 124px 0 0 0;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/header_bg.gif) no-repeat;
}
/******************** Main Area ********************/
#MainArea {
	position: relative;
	float: left;
	width: 604px;
	\width: 660px; /* Box Model Hack */
	w\idth: 604px;
	min-height: 221px;
	padding: 35px 28px;
	background: #FFF url(../images/saskja.jpg) no-repeat;
	
}

*html #MainArea {
	height: 231px; /* IE Only Hack */
}
#MainArea h1 {
	color: #C39;
	font-size: 1.8em;
	line-height: 1.16em;
	margin: 0 0 0.77em 0;
}
#MainArea h2, 
#MainArea h3 {
	color: #636;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 0;
	margin: 0 0 1.25em 0;
}
#MainArea p,
#MainArea ul, 
#MainArea ol {
	color: #333;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 0;
	margin: 0 0 1.25em 0;
	list-style-type: none;
}
#MainArea ul li, 
#MainArea ol li {
	padding: 0 0 0 20px;
	margin: 0;
	background: transparent url(../images/bullet.gif) 5px 0.3em no-repeat;
}
#MainArea p strong {
	color: #C39;
}
#MainArea p a,
#MainArea ul li a, 
#MainArea ol li a {
	font-weight: bold;
	color: #636;
}
#MainArea p a:hover,
#MainArea ul li a:hover, 
#MainArea ol li a:hover, 
#MainArea p a:active,
#MainArea ul li a:active, 
#MainArea ol li a:active, 
#MainArea p a:focus,
#MainArea ul li a:focus, 
#MainArea ol li a:focus {
	color: #C39;
	text-decoration: none;
	background: #F8DFEC;
}
#MainArea img.LeftImage {
	float: left;
	padding: 3px;
	margin: 0 20px 10px 0;
	border: 1px #DAA5D5 solid;
	background: #FFF;
}
#MainArea img.RightImage {
	float: right;
	padding: 3px;
	margin: 0 0 10px 20px;
	border: 1px #DAA5D5 solid;
	background: #FFF;
}
/******************** Home Page ********************/
#MainArea.Home h1, 
#MainArea.Home h2, 
#MainArea.Home h3, 
#MainArea.Home p, 
#MainArea.Home ul, 
#MainArea.Home li {
	width: 575px;
}
#MainArea img#HomePicture {
	position: absolute;
	top: 20px;
	left: 455px;
	padding: 3px;
	border: 1px #DAA5D5 solid;
	background: #FFF;
}
#HomeLinks {
	float: left;
	clear: both;
	width: 645px;
	\width: 660px; /* Box Model Hack */
	w\idth: 645px;
	padding: 6px 0 0 15px;
	margin: 0;
	list-style-type: none;
	background: #FFF;
}
#HomeLinks li {
	float: left;
	width: 213px;
	padding: 0;
	margin: 0;
}
#HomeLinks li a {
	display: block;
	float: left;
	width: 204px;
	height: 130px;
	overflow: hidden;
	text-indent: -5000px;
}
#HomeLinks li a.AboutUs {
	background: transparent url(../images/home/about_us.gif) 0 0 no-repeat;
}
#HomeLinks li a.Classes {
	background: transparent url(../images/home/classes.gif) 0 0 no-repeat;
}
#HomeLinks li a.PhotoGallery {
	background: transparent url(../images/home/photo_gallery.gif) 0 0 no-repeat;
}
#HomeLinks li a:hover, 
#HomeLinks li a:active, 
#HomeLinks li a:focus {
	background-position: 0 -130px;
}
/******************** Classes ********************/
#ClassesInfo {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-top: 1px #DAA5D5 solid;
	border-left: 1px #DAA5D5 solid;
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	line-height: 1.25em;
	color: #333;
	background: #FFF;
}
#ClassesInfo th, 
#ClassesInfo td {
	border-right: 1px #DAA5D5 solid;
	border-bottom: 1px #DAA5D5 solid;
	padding: 5px 8px 4px 8px;
}
#ClassesInfo th {
	color: #FFF;
	background: #DAA5D5;
}
/******************** Events ********************/
#EventsInfo {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-top: 1px #DAA5D5 solid;
	border-left: 1px #DAA5D5 solid;
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	line-height: 1.25em;
	color: #333;
	background: #FFF;
}
#EventsInfo th, 
#EventsInfo td {
	border-right: 1px #DAA5D5 solid;
	border-bottom: 1px #DAA5D5 solid;
	padding: 5px 8px 4px 8px;
}
#EventsInfo th.Center, 
#EventsInfo td.Center {
	text-align: center;
}
#EventsInfo th {
	color: #FFF;
	background: #DAA5D5;
}
/******************** Fabulesque ********************/
#FabulesqueInfo {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-top: 1px #DAA5D5 solid;
	border-left: 1px #DAA5D5 solid;
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	line-height: 1.25em;
	color: #333;
	background: #FFF;
}
#FabulesqueInfo th, 
#FabulesqueInfo td {
	border-right: 1px #DAA5D5 solid;
	border-bottom: 1px #DAA5D5 solid;
	padding: 5px 8px 4px 8px;
}
#FabulesqueInfo th.Center, 
#FabulesqueInfo td.Center {
	text-align: center;
}
#FabulesqueInfo th {
	color: #FFF;
	background: #DAA5D5;
}

/******************** Photo Gallery ********************/
#Gallery {
	float: left;
	width: 620px;
	margin: 0 -16px 0 0;
}
#Gallery p {
	float: left;
	width: 155px;
	height: 155px;
	margin: 0;
}
#Gallery p a {
	float: left;
	border: 1px #DAA5D5 solid;
	padding: 3px;
	background: #FFF;
}
#Gallery p a:hover, 
#Gallery p a:active, 
#Gallery p a:focus {
	border: 2px #C39 solid;
	padding: 2px;
	background: #FFF;
}
#Gallery p a img {
	float: left;
	border: 0;
}
*html #Gallery p a img {
	float: none; /* IE Only Hack */
}
/******************** Contact Us ********************/
#ContactForm {
	float: left;
	width: 400px;
	margin: 0;
}
#ContactForm p {
	float: left;
	clear: both;
	width: 400px;
	margin: 0 0 0.4em 0;
}
#ContactForm p label {
	float: left;
	width: 80px;
	\width: 90px; /* Box Model Hack */
	w\idth: 80px;
	padding: 0.4em 10px 0 0;
	font-weight: bold;
	color: #636;
	cursor: pointer;
}
#ContactForm p input {
	float: left;
	width: 265px;
	\width: 275px; /* Box Model Hack */
	w\idth: 265px;
	padding: 1px 3px 0 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#ContactForm p span.Required {
	display: block;
	float: right;
	width: 30px;
	height: 22px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url(../images/required.gif) 8px 7px no-repeat;
}
#ContactForm p select {
	float: left;
	width: 275px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#ContactForm p textarea {
	float: left;
	width: 265px;
	\width: 275px; /* Box Model Hack */
	w\idth: 265px;
	height: 4.6em;
	padding: 1px 3px 0 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#ContactForm p.SubmitButton {
	width: 220px;
	width: 400px;
	width: 220px;
	padding: 15px 90px;
}
#ContactForm p.SubmitButton button {
	float: left;
	width: 140px;
	height: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url(../images/send_form.gif) no-repeat;
	cursor: pointer;
}
#ContactDetails {
	float: right;
	width: 190px;
}
/******************** Footer ********************/
#Footer {
	float: left;
	clear: both;
	width: 605px;
	\width: 660px; /* Box Model Hack */
	w\idth: 605px;
	padding: 0 23px 0 32px;
	font-weight: bold;
	color: #FFF;
}
/********************/
#Footer h2#BottomBar {
	width: 660px;
	height: 15px;
	margin: 0 -23px 19px -32px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url(../images/bottom_bar.png) no-repeat;
}
*html #Footer h2#BottomBar {
	background: none; /* IE Only Hack */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom_bar.png', sizingMethod='crop');
}
/********************/
#Footer h2#Logo {
	position: absolute;
	top: 5px;
	left: 6px;
	float: left;
	width: 222px;
	height: 138px;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url(../images/logo.png) no-repeat;
	
}


*html #Footer h2#Logo {
	background: transparent; /* IE Only Hack */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop');
	
}


/********************/
#Footer ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#Footer ul li {
	float: left;
	margin: 0 12px 0 0;
}
#Footer ul li.Navigation {
	float: left;
	height: 0;
	padding: 0;
	margin: 0;
	text-indent: -5000px;
}
/********************/
#Footer ul li a#HomeLink, 
#Footer ul li a#AboutLink, 
#Footer ul li a#ClassesLink, 
#Footer ul li a#EventsLink, 
#Footer ul li a#FabulesqueLink, 
#Footer ul li a#GalleryLink, 
#Footer ul li a#ContactLink {
	position: absolute;
	top: 86px;
	display: block;
	float: left;
	height: 30px;
	overflow: hidden;
}
#Footer ul li a#HomeLink {
	left: 229px;
	width: 50px;
	background: transparent url(../images/links/home.gif) 0 0 no-repeat;
}
#Footer ul li a#AboutLink {
	left: 279px;
	width: 69px;
	background: transparent url(../images/links/about.gif) 0 0 no-repeat;
}
#Footer ul li a#ClassesLink {
	left: 348px;
	width: 61px;
	background: transparent url(../images/links/classes.gif) 0 0 no-repeat;
}
#Footer ul li a#FabulesqueLink {
	left: 409px;
	width: 75px;
	background: transparent url(../images/links/fabulesque.gif) 0 0 no-repeat;
}
#Footer ul li a#GalleryLink {
	left: 484px;
	width: 99px;
	background: transparent url(../images/links/gallery.gif) 0 0 no-repeat;
}
#Footer ul li a#ContactLink {
	left: 580px;
	width: 81px;
	background: transparent url(../images/links/contact.gif) 0 0 no-repeat;
}
/********************/
#Footer ul li a#HomeLink.Selected,  
#Footer ul li a#AboutLink.Selected,  
#Footer ul li a#ClassesLink.Selected, 
#Footer ul li a#EventsLink.Selected, 
#Footer ul li a#FabulesqueLink.Selected, 
#Footer ul li a#GalleryLink.Selected, 
#Footer ul li a#ContactLink.Selected {
	background-position: 0 -30px;
}
/********************/
#Footer ul li a#HomeLink:hover, 
#Footer ul li a#HomeLink:active, 
#Footer ul li a#HomeLink:focus, 
#Footer ul li a#AboutLink:hover, 
#Footer ul li a#AboutLink:active, 
#Footer ul li a#AboutLink:focus, 
#Footer ul li a#ClassesLink:hover, 
#Footer ul li a#ClassesLink:active, 
#Footer ul li a#ClassesLink:focus,
#Footer ul li a#FabulesqueLink:hover, 
#Footer ul li a#FabulesqueLink:active, 
#Footer ul li a#FabulesqueLink:focus, 
#Footer ul li a#GalleryLink:hover, 
#Footer ul li a#GalleryLink:active, 
#Footer ul li a#GalleryLink:focus, 
#Footer ul li a#ContactLink:hover, 
#Footer ul li a#ContactLink:active, 
#Footer ul li a#ContactLink:focus {
	background-position: 0 -60px;
}
/********************/
#Footer p {
	float: left;
	margin: 0;
}
#Footer p#Bytemedia {
	float: right;
}
#Footer p#Telephone {
	position: absolute;
	top: 49px;
	left: 239px;
	width: 98px;
	height: 26px;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url(../images/telephone.png) no-repeat;
}
*html #Footer p#Telephone {
	background: none; /* IE Only Hack */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/telephone.png', sizingMethod='crop');
}
/********************/
#Footer ul li a,
#Footer p a {
	color: #FFF;
}
#Footer ul li a:hover,
#Footer ul li a:active,
#Footer ul li a:focus,
#Footer p a:hover, 
#Footer p a:active, 
#Footer p a:focus {
	text-decoration: none;
	background: #636;
}