@font-face {
	font-family: 'VinerHandITCRegular';
	src: url('vineritc_0-webfont.eot');
	src: local('?'), url('vineritc_0-webfont.woff') format('woff'), url('vineritc_0-webfont.ttf') format('truetype'), url('vineritc_0-webfont.svg#webfontMJooUXAZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
.VinerHandITC {font-size:24px; line-height:26px; font-weight: bold; font-family: 'VinerHandITCRegular', serif;}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, 
blockquote, pre, form,  img {margin:0; padding:0;}
html {overflow:auto; height:100%;}
body {height:auto; background:#d8cecd url(images/leopardbg.jpg) top center repeat fixed; color:#222; padding-top:30px;}
a img {border:0;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
img.left {float:left; margin:0 15px 5px 0;}
img.right {float:right; margin:0 0 5px 15px;}
#content img {vertical-align:middle;}
a {color:#e23b56;}
a:hover {text-decoration:none; color:#f80707;}
p {font: normal 14px/18px 'Century Gothic', Arial, Helvetica, sans-serif; margin-bottom:10px; text-align:justify;}
h1 {color:#786706; font: bold 20px/24px 'Trajan Pro', 'Times New Roman', Arial, Helvetica, sans-serif; margin-bottom:12px; }
h2 {color:maroon; font: bold 20px/24px 'Trajan Pro', 'Times New Roman', Arial, Helvetica, sans-serif; margin-bottom:8px; }
h3 {color: #786706; font: bold 18px/22px 'Trajan Pro', 'Times New Roman', Arial, Helvetica, sans-serif; margin-bottom:8px;}
h4, h4 a:link, h4 a:visited {color: #786706; font: bold 15px/18px 'Trajan Pro', 'Times New Roman', Arial, Helvetica, sans-serif; margin-bottom:8px;}
small {font-size:85%;}
big {font-size:115%;}
strong {color: #813e48; font-size:110%;}
sup, sub {font-size:70%;}

#dvd-ad {background:url(images/dvd-cover-small.png) center center no-repeat; width:105px; height:141px; position:absolute; left:50%; 
             padding-left:5px; margin-left:-370px; top:5px; z-index:100;}
#signal {width:130px; height:130px; position:absolute; left:50%; margin-left:258px; top:12px; z-index:100;}
#dvd-ad  a {color:#eee; text-decoration:none; line-height:1em;}
#dvd-ad  a:hover {color:red;}
#star {width:172px; height:143px; position:absolute; left:50%; margin-left:-390px; top:2px; z-index:100;}
#masq {width:179px; height:150px; position:absolute; left:50%; margin-left:220px; top:7px; z-index:100;}
#logo {width:480px; height:172px; position:absolute; left:50%; margin-left:-240px; top:-10px; z-index:99;}
#leftcurtain {width:212px; height:697px; position:absolute; left:50%; margin-left:-440px; margin-top:11px; z-index:6;}
#rightcurtain {width:212px; height:697px; position:absolute; left:50%; margin-left:230px; margin-top:11px; z-index:6;}
#frame {width:480px; height:auto; position:absolute; left:50%; margin-left:-235px; top:-10px; z-index:5; text-align:center;}
#dancer {width:540px; height:398px; position:absolute; left:50%; margin-left:-265px; margin-top:185px; z-index:4; background:url(images/dancerbg.gif) 114px 79px no-repeat;}
#playerbox {padding-left:14px; width:44px; height: 20px; margin:10px auto 0;}
#skybox {position:absolute; width:796px; height:660px; overflow:hidden; top:45px; left:50%; margin-left:-400px; z-index:3; border:5px solid #8a8160; background:#7fb5df;}

#outer {width:1094px; margin:0 auto 20px;}
.short-bg {background: url(images/short-bg.jpg) top center no-repeat;}
.med-bg {background:#fff url(images/med-bg.jpg) top center no-repeat;}
.home-bg {background:#fff url(images/home-bg.jpg) top center no-repeat;}
#long-outer {width:1094px; margin:0 auto; background:#fff url(images/repeater.jpg) top center repeat-y;}
#long-inner {width:1094px; margin:0 auto; background: url(images/big-bg.jpg) top center no-repeat;}
#header {width:1094; height:150px;}
#contact {width:140px; height:140px; float:left;}
#contact a {width:140px; height:140px; display:block;}
#login {float:right; margin:30px 30px 0 0;}
#menu {width:734px; height:24px; float:left; margin:132px 0 0 50px;}
#menu ul {float:left; list-style:none; width:auto; height:24px; margin-left:10px;}
#menu ul li {display: inline; height:23px; width:auto; float: left; padding-left:20px;}
#menu  a:hover img {margin-top:1px;}
#side-nav {float:left; width:110px; margin:87px 30px 0 75px;}
#side-nav  a:hover img {margin-right:-1px;}
#side-nav  p {text-align:right;}
#short-main {width:1094px; height:410px; overflow:auto; margin-top:20px;}
#main {width:1094px; height:480px; overflow:auto; margin-top:20px;}
#long-main {width:1094px; margin-top:20px; min-height:530px;}
#content {float:left; width:726px; margin-top:10px;}
#footer {width:1094px; height:100px; padding-top:22px; color:#5c4d38;}
#footer.short {height:96px; padding-top:22px;}
#long-footer {width:1094px; height:100px; padding-top:62px; margin:0 auto 20px; background: url(images/footer.jpg) top center no-repeat; 
                     color:#5c4d38;}
#footer-inner {padding:60px 157px 0 175px; color:#5c4d38;}

.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;  height: 0;}
.clear {display: inline-block; clear: both;}
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}
#sign-up {text-align:center; padding:80px 40px 12px; background:url(images/sign-up-bg.gif) top center no-repeat;}
#makeover-home {text-align:center; padding:82px 30px 10px; background:url(images/makeover-bg-home.png) 18px 0 no-repeat;}
#makeover-page {padding: 90px 3px 0 0; float:right; width:232px; height:54px; background:url(images/classes-makeover-bg.png) top right no-repeat;}
.hometext {text-align:left; font-size:15px; line-height:15px; margin-bottom:8px;}
#sign-up p, #makeover-home p {font-weight:bold; font-size:12px; line-height:14px; text-align:center; color:#854951;}
#scroll-classes {padding:150px 32px 55px 28px; float:left; width:165px;  margin-top:-30px;}
.sfv {background:url(images/scroll-sfv.jpg) top right no-repeat;} 
.sc {background:url(images/scroll-sc.jpg) top right no-repeat;} 
#scroll-classes p {font: normal 12px/16px Arial, Helvetica, sans-serif; margin-bottom:0; text-align:left;}
#scroll-classes a {text-decoration:none;}
.gold {color:#786706;}
table.fees {margin:0 0 20px 40px;}
table.fees td {vertical-align:top; font: normal 14px/18px Arial, Helvetica, sans-serif; padding:3px;}
.classes-new {padding: 90px 5px 0 0; float:left; width:230px; height:54px; background:url(images/classes-new-bg.gif) top right no-repeat; margin-right:0px;}
.classes-members {padding: 90px 5px 0 0; margin:0 auto 12px; width:230px; height:54px; background:url(images/classes-members-bg.gif) top right no-repeat;}
#dhtmltooltip {position: absolute; width: 250px; border: 3px solid #813e48; padding: 5px; background-color: #f4eded; font-size:102%; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
.santa-clarita {background:url() 280px 80px no-repeat;}
.woodland {background:url(images/woodlandhills.jpg) 150px 70px no-repeat;}
.venus {background:url(images/botticelli_venus.gif) 600px 70px no-repeat;}
#prices {margin-bottom:20px;}
#prices h4 {font: bold 18px/20px 'Century Gothic', sans-serif;}
#prices p {color:#9e6169;}
#prices h4, #prices p {font-weight:bold;}
.money {color:#222; font-family:Verdana;}
#mapdiv {width:450px;}
#thetabs {float:left; width:42px; margin:5px 0 0 15px;}
#thetabs p {line-height:26px;}
#tabs-box {float:left; width:240px; margin:10px 0;}