body {	
	margin: 0px;
	min-width: 700px;
	
 	color:#FFFFFF;
	font: normal 0.6em sans-serif,Arial;
	background-color: #586058;
	background-repeat: no-repeat;

	background-position: center top;

/* 	-moz-border-image:url(../images/border.svg)   48% 40% 40% fill / 420px 1px 320px 1px; /* Firefox */
 /*   -o-border-image:url(../images/border.svg)   48% 40% 40% fill / 420px 1px 320px 1px;  /* Opera */
 /*   border-image:url(../images/border.svg) 48% 40% 40% fill / 420px 1px 320px 1px; 
/*    -webkit-border-image:url(../images/border.svg)   48% 40% 40% fill / 420px 1px 320px 1px; /* Safari and Chrome */

/*   	background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, color-stop(0%, #333), color-stop(13%, #444), color-stop(100%, #111));	*/
	background-image: url(../images/ibizaSunset.jpg);
	background-size: auto;
	background-attachment:fixed;
	
	border-width: 90px;
	border-top: 40px;
	border-bottom: 60px;
	border-left:90px;

	padding-bottom: 0px;
	
	font: 14px "CaviarDreamsRegular", Helvetica, Arial, sans-serif;
}

.wrapper {

    background-repeat: repeat;
}

.main {
	width: 630px;
	padding: 40px;
	padding-top: 20px;
	min-height: 720px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background-color:#333333;
	border: 2px solid #ffffff;	
	padding: 0px;
	
}

header {
	text-align:left;

	border-bottom-color:#333333;
	border-width:2px;	
	font: 15px/20px 'CaviarDreamsBold', Arial, sans-serif;
	margin-bottom:20px;
	left:-60px;
}

header a {
	color:#93c2d2;
	border-bottom: 0px;
	text-decoration: none;
}

.headerSegmentCenter {
	display:inline-block;
	text-align:center;
	width:1%;	
	font: 50px/50px 'DaysRegular', Arial, sans-serif;
	color: #93c2d2;

    text-shadow: rgba(255,255,255,.5) .08em .08em .01em;   
	
}


.headerSegmentLeft {
	display:inline-block;
	text-align:left;
		
	font: 30px/30px 'DaysRegular', Arial, sans-serif;
	color: #93c2d2;
	margin: 10px;
    text-shadow: rgba(0,0,0,.5) .08em .08em .01em; 	
}

.headerSegmentRight {
	display:inline-block;
	text-align:right;
	width: 10%;
}

h1 {
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	color: #93c2d2;
	width: 66%;

	left:-40px;
	display:block; 
	background:#000000;
	height:26px; 
	text-align:left;
	position:relative;
	padding: 5px;
	padding-left:40px;
	border-radius:12px;
	
	
	
	border-top:1px solid #000000;
    border-bottom:1px solid #000000;
	border: 2px solid #ffffff;
    text-shadow:rgba(255,255,255,.25) -.10em -.08em .10em;   
	-webkit-box-shadow:0px 0.1em 0.8em rgba(0, 0, 0, 0.8); 
	background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, color-stop(0%, #333), color-stop(13%, #444), color-stop(100%, #111));	
}



h2 {
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	text-align:left;
	color: #93c2d2;	
	line-height: 1;
	font-weight: bold;

	min-width: 33%;
	max-width: 66%
	
	
	
	display:block; 
	background:#000;
	height:18px; 
	text-align:left;
	left:-30px;
	position:relative;
	padding: 5px;
	padding-left: 60px;	
	
	border-radius:8px;
	margin-top:40px;
	margin-bottom:20px;
	
	border-top:0px solid #000000;
    border-bottom:0px solid #000000;
	border: 2px solid #ffffff;
    text-shadow:rgba(255,255,255,.25) -.10em -.08em .1em;   
	-webkit-box-shadow:0px 0.1em 0.8em rgba(0, 0, 0, 0.8); 
	background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, color-stop(0%, #333), color-stop(13%, #444), color-stop(100%, #111));	
}

h3 {
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
	text-align:right;
}

.description {padding-left: 40px;}

#content {
	padding: 20px;
}

#content section {
	display: none;
}

#content p {
	margin-bottom: 1em;
	max-width: 50em;
	margin-top:0px;
	
}

a {
	color: #93c2d2;
}

article {
	font: 18px "CaviarDreamsRegular", Helvetica, Arial, sans-serif;
	padding: 5px;
}

.required {
	color: orange;
	font-weight:bold;
}

td {	
	text-align:left;
}

label {
	text-align:right;
}

input, textarea, select{
	font: 14px "CaviarDreamsRegular", Helvetica, Arial, sans-serif;
}


aside {
	position: absolute;
	right: -300px;
	top: 10px;
}

footer {
	width: 630px;
	color:#000000;	
	margin: 0 auto;
	padding:30px;
	text-align:left;
	min-height: 50px;


	
	
}


canvas {
	background: #000000;
}


/*************************fonts*****************************************/
@font-face {
    font-family: 'FreebooterScriptRegular';
    src: url('../fonts/freebooterscript-webfont.eot');
    src: url('../fonts/freebooterscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/freebooterscript-webfont.woff') format('woff'),
         url('../fonts/freebooterscript-webfont.ttf') format('truetype'),
         url('../fonts/freebooterscript-webfont.svg#FreebooterScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
        
@font-face {
    font-family: 'CaviarDreamsItalic';
    src: url('../fonts/CaviarDreamsItalic-webfont.eot');
    src: url('../fonts/CaviarDreamsItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreamsItalic-webfont.woff') format('woff'),
         url('../fonts/CaviarDreamsItalic-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreamsItalic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CaviarDreamsBoldItalic';
    src: url('../fonts/CaviarDreams_BoldItalic-webfont.eot');
    src: url('../fonts/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../fonts/CaviarDreams-webfont.eot');
    src: url('../fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('../fonts/CaviarDreams_Bold-webfont.eot');
    src: url('../fonts/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams_Bold-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams_Bold-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams_Bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KingthingsSpikelessRegular';
    src: url('../fonts/Kingthings_Spikeless-webfont.eot');
    src: url('../fonts/Kingthings_Spikeless-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Kingthings_Spikeless-webfont.woff') format('woff'),
         url('../fonts/Kingthings_Spikeless-webfont.ttf') format('truetype'),
         url('../fonts/Kingthings_Spikeless-webfont.svg#KingthingsSpikelessRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KomikaAxisRegular';
    src: url('../fonts/KOMIKAX_-webfont.eot');
    src: url('../fonts/KOMIKAX_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/KOMIKAX_-webfont.woff') format('woff'),
         url('../fonts/KOMIKAX_-webfont.ttf') format('truetype'),
         url('../fonts/KOMIKAX_-webfont.svg#KomikaAxisRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DaysRegular';
    src: url('../fonts/Days-webfont.eot');
    src: url('../fonts/Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Days-webfont.woff') format('woff'),
         url('../fonts/Days-webfont.ttf') format('truetype'),
         url('../fonts/Days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************************************************************************/



/*====================================*/
#player {
	width: 300px;
    height: 50px;
	background-color: black;    
    padding: 10px;
    position:absolute;
	right: 0px;
	color: rgba(255,255,255,1);
	
}

button .cue{
  background: transparent;
    border:1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 10px;
    color: transparent;
    padding: 5px;
    position:absolute;
    width:45px;
	
}

button .play{
    background: transparent;

    color: transparent;

    position:relative;
    width:45px;
	
}

#audioStop {
    font-size:22px;
    right: 10px;
    line-height: 11px;
}    
/*====================================*/


/*===================decor============*/

.main .decor01 {
	background: url(../images/decor01.png) no-repeat;
	width: 192px;
	height: 309px;
	position: absolute;
	left: -145px;
	top: -41px;
}

.main .decor01b {
	background: url(../images/decor01b.png) no-repeat;
	width: 89px;
	height: 33px;
	position: absolute;
	left: 165px;
	top: -55px;
}

.main .decor02 {
	background: url(../images/decor02a.png) no-repeat;
	width: 100px;
	height: 20px;
	position: absolute;
	right: 100px;
	top: -35px;
}

.main .decor02b {
	background: url(../images/decor02b.png) no-repeat;
	width: 139px;
	height: 182px;
	position: absolute;
	right: -115px;
	top: -15px;
}

.main .decor03 {
	background: url(../images/decor03.png) no-repeat;
	width: 340px;
	height: 110px;
	position: absolute;
	right: -70px;
	bottom: -70px;
}

.main .decor03b {
	background: url(../images/decor03b.png) no-repeat;
	width: 120px;
	height: 220px;
	position: absolute;
	right: -130px;
	bottom: 17px;
}

.main .decor04 {
	background: url(../images/decor04.png) no-repeat;
	width: 360px;
	height: 90px;
	position: absolute;
	left: -60px;
	bottom: -70px;
}

.main .decor04b {
	background: url(../images/decor04b.png) no-repeat;
	width: 157px;
	height: 240px;
	position: absolute;
	left: -157px;
	bottom: -10px;
}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6d6d6), color-stop(1, #93c2d2) );
	background:-moz-linear-gradient( center top, #d6d6d6 5%, #93c2d2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#93c2d2');
	background-color:#d6d6d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#616161;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #93c2d2), color-stop(1, #d6d6d6) );
	background:-moz-linear-gradient( center top, #93c2d2 5%, #d6d6d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c2d2', endColorstr='#d6d6d6');
	background-color:#93c2d2;
}.button:active {
	position:relative;
	top:1px;
}


/*====================================*/