/* -----------------------------------------------------------------------
 * Standard Element Configuration
 * ----------------------------------------------------------------------- */
*
{
  margin                :    0px;
  padding               :    0px;
}

body,head,html
{
  width                 :  100%;
  height                :  100%;
}

img
{
  border-width          :    0px;
}

a
{
  outline-width         :    0px;
}

ul,ol,dl
{
  margin-left           :    1.5em;
}

fieldset
{
  border-width          :    0px;
  padding-bottom        :    1.5em;
}

h1
{
  font-size             : 1.25em;
  font-weight           : bold;
}

h2
{
  font-size             : 1.10em;
  font-weight           : bold;
}


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


/*
@font-face
{
	font-family: Cantarell;
	src: url('../fonts/Cantarell-Regular-webfont.eot');
	src: local('?'), url('../fonts/Cantarell-Regular-webfont.woff') format('woff'), url('../fonts/Cantarell-Regular-webfont.ttf') format('truetype'), url('../fonts/Cantarell-Regular-webfont.svg#webfontaI1yI6ue') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: Cantarell;
	src: url('../fonts/Cantarell-Bold-webfont.eot');
	src: local('?'), url('../fonts/Cantarell-Bold-webfont.woff') format('woff'), url('../fonts/Cantarell-Bold-webfont.ttf') format('truetype'), url('../fonts/Cantarell-Bold-webfont.svg#webfontfFimAbpE') format('svg');
	font-weight: bold;
	font-style: normal;
}


@font-face
{
	font-family: Cantarell;
	src: url('../fonts/Cantarell-Oblique-webfont.eot');
	src: local('?'), url('../fonts/Cantarell-Oblique-webfont.woff') format('woff'), url('../fonts/Cantarell-Oblique-webfont.ttf') format('truetype'), url('../fonts/Cantarell-Oblique-webfont.svg#webfontFxXF3dEi') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face
{
	font-family: Cantarell;
	src: url('../fonts/Cantarell-BoldOblique-webfont.eot');
	src: local('?'), url('../fonts/Cantarell-BoldOblique-webfont.woff') format('woff'), url('../fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'), url('../fonts/Cantarell-BoldOblique-webfont.svg#webfontzKyudDXV') format('svg');
	font-weight: bold;
	font-style: italic;
}
*/


/* -----------------------------------------------------------------------
 * Font Styling
 * ----------------------------------------------------------------------- */
span.i
{
  font-style            : italic;
}
 
span.b
{
  font-weight           : bold;
}
 
span.u
{
  text-decoration       : underline;
}
 
span.xs
{
  font-size             : 0.8em;
}
 
span.s
{
  font-size             : 0.9em;
}
 
span.l
{
  font-size             : 1.1em;
}
 
span.xl
{
  font-size             : 1.2em;
}
 
/* -----------------------------------------------------------------------
 * General Styling
 * ----------------------------------------------------------------------- */
body
{
  background-color      : black; /*#505050; */
}

a
{
  color                 : white;
  text-decoration       : underline;
}

a:hover
{
  text-decoration       : none;
}

/* -----------------------------------------------------------------------
 * Container and structure
 * ----------------------------------------------------------------------- */
#container
{
  position              : relative;
  width                 :  100%;
  height                :  100%;
  height                : auto !important;
  min-width             :  100%;
  min-height            :  100%;
  left                  :    0px;
  top                   :    0px;
  font-family           : ChunkFive,sans-serif;
  text-decoration       : none;
  color                 : white;
}

.horline
{
  position              : relative;
  width                 :  100%;
  height                :   10px;
  left                  :    0px;
  top                   :    0px;
  background-color      : black;
}

/* -----------------------------------------------------------------------
 * Big Image
 * ----------------------------------------------------------------------- */
#bigimage
{
  position              : absolute;
  left                  :    0px;
  top                   :    0px;
  width                 :  100%;
  height                :  100%;
  overflow              : hidden;
  z-index               : -1;
}

#bigimage img
{
  position              : absolute;
  right                 :    0px;
  top                   :    0px;
}

/* -----------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------------- */
#header
{
  position              : relative;
  width                 :  100%;
  height                :   50px;
  left                  :    0px;
  top                   :    0px;
  overflow              : hidden;
  background-color      : darkred;
}

#headtext
{
  position              : absolute;
  left                  :    0px;
  bottom                :  -20px;
  font-family           : ChunkFive,sans-serif;
  font-size             :  500%;
  text-decoration       : none;
  color                 : black;
}

#headtext a
{
  text-decoration       : none;
  color                 : black;
}

#headtext a:hover
{
  text-decoration       : none;
  color                 : black;
}

#headvignette
{
  position              : absolute;
  width                 :  150%;
  left                  : -100px;
  bottom                :  -80px;
}

/* -----------------------------------------------------------------------
 * Menu
 * ----------------------------------------------------------------------- */
#menu
{
  position              : absolute;
  left                  :   13%;
  top                   :   55%;
  font-size             :  300%;
  color                 : white;
}

#menu .number
{
  color                 : darkred;
}

#menu a
{
  font-size             : 48px;
  text-decoration       : none;
  color                 : #ccc;
}

#menu a:hover
{
  text-decoration       : none;
  color                 : white;
}

/* -----------------------------------------------------------------------
 * Footer
 * ----------------------------------------------------------------------- */
#footer
{
  position              : absolute;
  width                 :  100%;
  height                :   18px;
  left                  :    0px;
  bottom                :    0px;
  color                 : #383838;
  font-family           : arial,sans-serif;
  font-size             : 9px;
  text-decoration       : none;
  text-align            : center;
}

/* -----------------------------------------------------------------------
 * Movie
 * ----------------------------------------------------------------------- */
#movie_youtube
{
  position              : absolute;
  width                 :  853px;
  height                :  510px;
  left                  :   50%;
  top                   :   50%;
  margin-left           : -426px;
  margin-top            : -255px;
}

/* -----------------------------------------------------------------------
 * Photos
 * ----------------------------------------------------------------------- */
#photos_text
{
  position              : absolute;
  left                  :   13%;
  top                   :   55%;
  font-size             :  300%;
  color                 : white;
}

/* ----------------------------------------------------------------------- */