@font-face {
    font-family: "Pictos";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("pictos-web.woff") format("woff"), url("pictos-web.ttf") format("truetype"), url("pictos-web.svg#webfontphKv1xv9") format("svg");
}

body {
    text-align: center;
   	font: 12px  helvetica, verdana, arial,trebuchet ms, sans-serif;
	background-color:#000;
}

html, body, body div, body a, body div, body p, body ul {
	margin: 0 auto; 
	padding: 0;
}
span.hide { 
	display: none;
}
/* -------------------------------------- banner elements -----------------------------------------
-------------------------------*/
#wrapperSub {
	position: relative;
	width: 831px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	/*margin-top: 40px;*/
	background-color:#FFF;
	border-left:1px solid #141414;
	border-right:1px solid #141414;
}
#HeaderSub {
	position: relative;
	width: 831px;
	height: 308px;
	background: #fff url(../inside/images/banner1.jpg) no-repeat;
}

#director {
	position: relative;
	text-align: left;
	font: 11px Times New Roman;
	color: #eee;
	top: 101px;
	left: 179px;
}
.big {
	font: 14px Times New Roman !important;
}
#topRightLinks {
	position: relative;
	font-size: 15px;
	color: #CF3B7C;
	line-height: 16px;
	top: -3px;
	left: 280px;
}
#contactUs {
	position: relative;
	font-size: 14px;
	color: #4D4D4D;
	top: -102px;
	left: -325px;
	margin-bottom: -15px;
}
#email {
	position: relative;
	font-size: 14px;
	color: #4D4D4D;
	top: -52px;
	left: -265px;
	line-height: 22px;
}
#address {
	position: relative;
	font-size: 14px;
	color: #000;
	top: -52px;
	left: 225px;
	line-height: 22px;
}
/* -------------------------------------- content ------------------------------------------------------------------------*/
#rightColumn {
	position: relative;
	text-align: left;
	z-index: 2;
	float: right;
	width: 600px;
	/*margin-bottom: -95px;*/
	padding-top: 20px;
	padding-bottom: 70px;
	border-left: #FBB040 1px solid;
}
#rightLeft {
	float: left;
	width: 280px;
	margin-left: 20px;
}
#rightRight {
	float: right;
	width: 280px;
	margin-top: 40px;
	margin-right: 20px;
}
#rightLeft ul, #rightRight ul {
	margin-left: 28px;
	margin-bottom: 15px;
}
.content {
	position: relative;
	z-index: 2;
   	font-size: 12px;
   	line-height: 16px;
   	padding: 0 15px 15px 15px;
}
#rightWide {
	float: left;
	width: 600px;
	margin-left: 20px;
}
.contentWide, .contentWide2, .contentWide3, .contentWide4, .contentWide5 {
	position: relative;
	z-index: 2;
   	font-size: 12px;
   	line-height: 16px;
   	padding: 10px 0px 15px 0px;
   	margin-right: 60px;
   	margin-left: 15px;
}
.insideRtLt {
	margin-top: 0px;
}
.contentWide2, .contentWide4, .contentWide5 {	
   	background: url(../company/images/blueDivide.gif) no-repeat bottom;
   	margin-bottom: 20px;
}
.contentWide3, .contentWide5 {	
   	text-align: justify;
}
.subText {
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
	color: #666;
}
.pressReleaseText {
	position: relative;
	top: -25px;
}

h2, .secondHead, #videosH2 {
	font: 16px verdana, trebuchet ms, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #FF9933;
	margin-top: -15px;
	margin-left: -5px;
	margin-bottom: -10px;
	padding: 25px 0 0 20px;;
	height: 38px;
	background: url(../images/fantastique.gif) no-repeat;
}
.secondHead {
	margin-top: 15px;
}
#videosH2 {
/*	margin-top: -65px;*/
	margin-bottom: -15px;
	margin-left: 320px;
}
h3, h3.board, #videosH3 {
	font: 14px verdana, trebuchet ms, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #FF9933;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#videosH3 {
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
}
h3.board {
	color: #666;
	margin-top: 15px;
}
/* -------------------------------------- content list ------------------------------------------------------------------------*/
.contUl li {
	margin: 0 15px 15px 0px;
}
.contUlVids li {
	margin: 0 30px 15px 30px;
}
/* -------------------------------------- left column & nav ------------------------------------------------------------------------*/
#leftCol {
	position: relative;
	z-index: 2;
	float: left;
	text-align: left;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin-bottom: -95px;
	padding: 20px 0px 20px 20px;
	width: 200px;
}
#leftCol ul {
	list-style: none;
	text-decoration: none;
}
#leftCol ul li {
	padding-bottom: 8px;
}
.contLeft {
	font: 14px Times New Roman, serif !important;
	color: #666;
	padding-bottom: 10px;
}
#employQuote {
	margin-top: 10px;
}
/* -------------------------------------- links & navigation ------------------------------------------------------------------------*/
#navBar {
	z-index: 9;
	position: relative;
	width: 825px; 
	min-height: 18px;
	height: auto !important;
	height: 18px;
	padding-top:5px;
	clear:both;
}
#hor_nav {
	z-index: 9;
	position: absolute;
	text-align: left;
	font-size: 11px;
    color: #fff; 
}

#hor_nav li {
    float: left;
    list-style: none;
    padding: 2px 0;
}
#hor_nav li ul {
   	margin: 0 0 0 -10px;
    padding: 0; 		
}
#hor_nav li ul li {
	float: none;
    list-style: none;
    padding-left: 5px;
}
.drop {
   	background: #fff;
   	min-height: 18px;
	height: auto !important;
	height: 18px;
   	line-height: 18px;
   	border: 2px solid #FBB040;
   	border-top: 0;
}
.menu {
    margin-left: 65px; 
}
#academy {
	z-index: 9;
	position: absolute;
	top: 20px;
	left: 166px;
   	width: 140px;
}
#company {
	z-index: 9;
	position: absolute;
	top: 20px;
	left: 286px;
   	width: 145px;
}
#inside {
	z-index: 9;
	position: absolute;
	top: 20px;
	left: 465px;
   	width: 152px;
}
#invest {
	z-index: 9;
	position: absolute;
	top: 20px;
	left: 690px;
	width: 120px !important;
}
#hor_nav a:link, #hor_nav a:visited, #leftCol ul a:link, #leftCol ul a:visited {
	text-decoration: none;
	color: #666 !important;
}

#features a:link, #email a:link, #email a:visited, .links a:link, .links a:visited {
	text-decoration: none;
	color: #FF9933;
}
#topRightLinks a:link, #topRightLinks a:visited {
	text-decoration: none;
	color: #666;
}
#contactUs a:link, #contactUs a:visited {
	text-decoration: none;
	color: #666;
}
#hor_nav a:hover, #leftCol ul a:hover, .links a:hover {
	text-decoration: underline;
	color: #FBB040 !important;
}
#topRightLinks a:hover, #features a:hover, #email a:hover, #contactUs a:hover {
	text-decoration: underline;
	color: #999 !important;
}
p.locateMap {
	width: 205px;
	font: 14px Times New Roman, serif !important;
	margin: 0 0 15px 15px;
	padding: 10px;
	background: #FBB040;
}
.locateMap a:link, .locateMap a:visited {
	text-decoration: none;	
	color: #eee;
}
.locateMap a:hover {

}
/* -------------------------------------- images ------------------------------------------------------------------------*/
.floatLeft {
	float: left;
	margin: 3px 15px 0 15px;
}
.floatRight {
	float: right;
	margin: 3px 10px 0 15px;
}
.imgBorder, .imgBorder2 {
	position: relative;
	padding: 5px;
	border: #CF3B7C 1px solid;
}
.imgBorder2 {
	margin-right: 10px;
	margin-left: 5px;
}
.caption {
	text-align: left;
	margin-left: 0px;
	padding-top: 3px;
	font-size: 10px;
	color: #666;
}
#capVaganova {
	width: 100px;
}
.imgBorder {
	padding: 5px;
	border: #FBB040C 1px solid;
}
#inside1 {
	margin-bottom: 30px;
}
/* -------------------------------------- flash elements ------------------------------------------------------------------------*/
#flash_wrapper_2 {
	width: 504px;
	height: 410px;
	margin-left: 28px;
	margin-right: -20px;


}


/* -------------------------------------- footer & copyright ------------------------------------------------------------------------*/

#blink_footer {
	margin-top: 3px;
	padding-bottom: 2px;
	width: 250px;
	text-decoration: none;
	font: 9px verdana, arial, sans-serif;
	color: #FF9933;
	letter-spacing: 0em;	
}
#footerSub {
	position: relative;
	clear: both;
	font-size: 9px;
	color: #fff;
	letter-spacing: 0em;
	width: 760px;
	min-height: 9px;
	height: auto !important;
	height: 9px;
	margin-top: -45px;
	padding: 3px 0;
}
#footerSub ul {
	list-style: none;
    padding: 2px 0;	
}
#footerSub ul li {
	display: inline; 
	padding: 0 7px 0 3px;
	border-right: #00531e 1px solid;
}
#footerSub li.spacer_drop {
	margin-right: -4px;
	border-right: #fff 1px solid;
}
#footerSub a:link, #footerSub a:visited, #blink_footer a:link, #blink_footer a:visited  {
	text-decoration: none;
    color: #000 !important;
}
#blink_footer a:link, #blink_footer a:visited  {
	text-decoration: none;
    color: #FBB040 !important;
}
#footerSub a:hover  {
	text-decoration: none;
    color: #FBB040 !important;
}
#blink_footer a:hover  {
	text-decoration: none;
    color: #999 !important;
}
#copyright {
	font-size: 9px;
	color: #000 !important;
	padding-bottom:8px;
}


/* Contact Form Infor */
#contactForm {
	width: 500px;
}	
#contactForm form {
	margin-left: -10px;
}
#contactForm form label {
	display: block;
	text-align: right;
	width: 250px;
	line-height: 14px;
}
#contactForm form input, #contactForm form textarea {
	width: 200px;
	border: 1px solid #a9a9a9;
	margin: 1px;
	position: relative;
	left: 252px;
	top: -15px;
	background: #eee;
}
#contactForm form input#dancer,
#contactForm form input.checkbox {
	width: auto;
	border: 0;
	background: none;
}
p#dancerLink { margin-left: 30px; margin-bottom: 10px; }
p#dancerLink input { left: 0; top: 3px; }
#contactForm form label#mlLabel span { 
	width: 400px;
}	
#contactForm form input#mailingList { 
	top: -18px;
}
form span.smaller {
	font-size: 80%;
	display: block;
	margin-bottom: -12px;
}
#dancerDiv { display: none; }
#contactForm input#sbmtBtn { 
	top: 0px; 	
}
#contactForm form .formError { border: 1px solid #f00; }


/* -- New Header -- */

#headerbox {
  position: relative;
  background: url("../_images/header.jpg") no-repeat;
  width: 420px;
  height: 165px;
  z-index: 15;
  background-color:#000;
  float:left;
}   

#headerbox h1 {
  display:none;
}

#buttonbox {
  /*padding-top: 10px;*/
  float: left;
  width: 411px;
  height: 165px;
  background-color:#000;
}


#buttonbox a img
{
  margin-top:20px;
}



/* -------------- THE button -------------- */
.button {

/* text */
	text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
/* layout */
	padding: 				.5em .6em .4em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 				relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	
/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);

	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
	
/* color */
	color: 				hsl(0, 0%, 40%) !important;
	background-color: 	hsl(0, 0%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

/* -------------- button (tag) -------------- */

button.button {
	border-left: none;
	border-right: none;
}
button.button:hover {
	cursor: pointer;
}


/* -------------- icon -------------- */
.button:before {
	font: 			1.2em/0 'Pictos', sans-serif;
	content: 		attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
	margin-right: 	0.4em;
	
	
}
/* icon only */
.icon {
	font-weight: normal;
	font-style: normal;
	text-indent: 	-999em;
}
.icon:before { 
	margin-right: 	0;
	display: 		block;
	height: 		0;
	text-indent: 	0px;	
}



/* -------------- colours -------------- */

.button.orange {
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.orange:hover { 	background-color: hsl(39, 100%, 65%); }


.button.blue {
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(208, 100%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.button.blue:hover { 	background-color: hsl(208, 100%, 83%); }

.button.green {
	color: 				hsl(88, 70%, 30%) !important;
	background-color: 	hsl(88, 70%, 60%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green:hover { 	background-color: hsl(88, 70%, 75%); }

.button.pink {
	color: 				hsl(340, 100%, 30%) !important;
	background-color: 	hsl(340, 100%, 75%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.pink:hover { 	background-color: hsl(340, 100%, 83%); }



.button.transparent {
	color: 	rgba(0,0,0,0.5) !important;
}
.button.transparent, .button.transparent:hover, .button.transparent:active {
	background-color: transparent;
	background-image: none;
}
.button.transparent:hover {
	opacity: .9;
}



/* -------------- States -------------- */

.button:hover {
	background-color: 	hsl(0, 0%, 83%);
}



.button:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

.button:focus {
	outline: none;
	color: rgba(254,255,255,0.9) !important;
	text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	opacity: 			.5;
	cursor: 			default;
	color: 				rgba(0,0,0,0.2) !important;
	text-shadow: 		none !important;
	background-color: 	rgba(0,0,0,0.05);
	background-image: 	none;
	border-top: 		none;

	-webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(5px);
	-moz-transform: 	translateY(5px);
	transform: 			translateY(5px);
}

/* -------------- Fonts -------------- */

.serif { 
	font-family: 'Lobster', serif;
	font-weight: 			normal;
}


/* -------------- Sizes -------------- */

.xs { font-size: 16px; }
.xl { font-size: 32px; }


/* -------------- Materials -------------- */

.button.glossy:after, .button.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		90%;
    height: 	60%;
    top: 		0;
    left: 		5%;    
    
    -webkit-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;    
    -moz-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;
    border-radius: 			.5em .5em 1em 1em / .5em .5em 2em 2em;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after
 { opacity: .6; }

.button.icon.glossy:after,
.button.icon.glass:after { height: 75% ; }

/* -------------- Glass + Transparent -------------- */
.button.glass {
	text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
}
.button.glass:active {
	text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
}


/* -------------- Shapes -------------- */

/* round */
.round, .round.glossy:after, .round.glass:after { 
	border-top: none; 
	-webkit-border-radius: 	1em; 
	-moz-border-radius: 	1em; 
	border-radius: 			1em; 
}

/* oval */
.oval {
	border-top: 			none; 
	padding-left: 			.8em;
	padding-right: 			.8em;
	-webkit-border-radius: 	5em / 2em; 
	-moz-border-radius: 	5em / 2em; 
	border-radius: 			5em / 2em; 
}
.oval.glossy:after, .oval.glass:after { 	
	top: 					5%;
	-webkit-border-radius: 	5em / 2em 2em 1em 1em; 
	-moz-border-radius: 	5em / 2em 2em 1em 1em; 
	border-radius: 			5em / 2em 2em 1em 1em; 
}
.oval.icon {
	padding-left: 			.8em;
	padding-right: 			.8em;	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}
.oval.icon.glossy:after, .oval.icon.glass:after {	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after { 
	border-top: 			none; 
	-webkit-border-radius: 	.5em / 1em;
	-moz-border-radius: 	.5em / 1em;
	border-radius: 			.5em / 1em;
}

/* skew */
.skew { 
	border-top: 			none; 
	padding-right: 			1.2em;
	padding-left: 			0.8em;	
	-webkit-border-radius: 	5em 1em / 5em 1em;  
	-moz-border-radius: 	5em 1em / 5em 1em;  
	border-radius: 			5em 1em / 5em 1em;  
}
.skew.glossy:after, .skew.glass:after { 	
	left: 10%;
	-webkit-border-radius: 	7em 1em / 5em 1em;
	-moz-border-radius: 	7em 1em / 5em 1em;
	border-radius: 			7em 1em / 5em 1em;
}
.skew.icon { 	
	padding-right: 			.9em;
	padding-left: 			.8em;
}

/* back */
.back, .back.glossy:after, .back.glass:after { 
	border-top-color: 		rgba(255,255,255,0.5);
	-webkit-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	-moz-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	border-radius: 			1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
}
.back.glossy:after, .back.glass:after { 
	 left: 	6%;
	 width:	88%;
}

/* knife */
.knife { 						
	padding-left: 1.5em;
	-webkit-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	-moz-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	border-radius: 			.2em .5em .5em 8em / .2em .5em .5em 5em; 
}
.knife.glossy:after, .knife.glass:after {
	left: 					3%;
	width: 					97%; 		
	-webkit-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	-moz-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	border-radius: 			.1em .5em .5em 8em / .1em .5em .5em 2em;   
}
.knife.glossy.icon:after, .knife.glass.icon:after { 
	left: 					5%; 
	width: 					95%;
	-webkit-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	-moz-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	border-radius: 			.5em .5em 1em 6em / .5em .5em 1em 4em; 
}

/* shield */
.shield, .shield.glossy:after, .shield.glass:after { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em; 
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.shield { 							
	padding-left: 	.8em;
	padding-right: 	.8em;
}
.shield.icon { 						
	padding-left: 	.6em; 
	padding-right: 	.6em;
}

/* drop */
/*
.drop {
	border-top: none;
	-webkit-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	-moz-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	border-radius: 			2em 5em  2em .6em / 2em 4em 2em .6em; 
}
.drop.glossy:after, .drop.glass:after { 
	left: 4%;
	-webkit-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em; 
	-moz-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em;
	border-radius: 			2em 6em  2em 1em / 2em 4em 2em 2em;
}
.drop.icon { 	
	padding-right: .6em; 
}
*/

/* morph */
.morph {
	border-top: none;
	-webkit-border-radius: 	5em / 2em;
	-moz-border-radius: 	5em / 2em;
	border-radius: 			5em / 2em;
	-webkit-transition: 	-webkit-border-radius .3s ease-in-out;
	-moz-transition: 		-moz-border-radius .3s ease-in-out;
	transition: 			-moz-border-radius .3s ease-in-out;
}
.morph:hover { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.morph:active { 
	-webkit-border-radius: 	.3em;
	-moz-border-radius: 	.3em;
	border-radius: 			.3em;
}
.morph:after { 
	display: none;
}




/* Some ugly hacks for FF. 
Thanks to David Hund for some help - http://valuedstandards.com/static/test/buttons/ */
@-moz-document url-prefix() {
	.button { text-align: center; }
	.icon { padding: .5em 1em; }
	.icon:before { margin-left: -.42em; float: left; }
	
	.drop.icon { padding-right: 1.1em; }
	.shield.icon { padding-left: 1.1em; padding-right: 1.1em; }
	.skew.icon { padding-right: 1.4em; padding-left: 1.3em; }
	.oval.icon { padding-left: 1.3em; padding-right: 1.3em;	}
	.knife { padding-left: 2em; }
}

/* buttons css ends */