/*	-------------------------------------------------------------
	1. Globals
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, hr,
pre, form, fieldset, table, th, td, a, textarea, embed, object { margin: 0; padding: 0; }

.clear, .spacer { clear: both; font-size: 0; line-height: 0; height: 0; }

.spacer { height : 10px; }

html, body {
    height     : 100%;
}

body {
    background  : #000;
    color       : #a3a3a3;
    font-family : verdana;
    font-size   : 12px;
    line-height : 16px;
}

#flash-wrapper {
	height     : 100%;
	margin     : 0; /* the # margin is the negative value of the footer's height */
	padding    : 0;
	width      : 100%;
}

#background-layer {
    background  : #000;
    display     : none;
    height      : 100%;
    left        : 0px;
    position    : absolute;
    top         : 0px;
    width       : 100%;
    z-index     : 10;
}


#gallery h2, #about h2 {
    border-bottom : solid 1px #fff;
    color       : #fff;
    font-size   : 12px;
    font-weight : normal;
    margin      : 45px 0 20px;
    padding     : 0 0 8px;
    text-transform : uppercase;
    width       : 100%;
}

#about {
    display     : block;
    padding     : 55px 0 0 134px;
    width       : 771px;
}

#about #set {
    float       : left;
    width       : 500px;
}

#about #flash-install {
    float       : left;
    margin-left : 12px;
    width       : 241px;
}

#about #flash-install a {
    text-decoration : none;
}

#about #flash-install a:hover {
    color       : #8d8d8d;
}

#ensure-js {
    color       : #fff;
}

#gallery-title {
    color       : #fff;
    padding     : 10px 0 0 134px;
    width       : 800px;
}

#gallery-title img, #about img {
    float       : left;
    margin-right: 20px;
}

#gallery-title span {
    color       : #a3a3a3;
}

#close-statics {
    background  : url(/static/img/close-static.png) 0 0 no-repeat;
    cursor      : pointer;
    display     : block;
    height      : 39px;
    position    : absolute;
    top         : 0;
    right       : 12px;
    width       : 40px;
    z-index     : 15;
}

#wrapper {
    display     : none;
	min-height : 100%;
	height     : auto !important;
	height     : 100%;
	margin     : 0 auto; /* the bottom margin is the negative value of the footer's height */
	padding    : 0 20px;
	width      : 800px;
}

#bottom {
    min-width   : 1024px;
    width       : 100% !important;
    width       : 1024px;
    position    : absolute;
    width       : 100%;
}

#background {
    background  : #000 url(../img/logo.jpg) 201px 18px no-repeat;
    bottom      : 0;
    display     : block;
    height      : 420px;
    min-height  : 420px;
    margin-top  : -420px;
    position    : absolute;
    width       : 780px;
}

#background div#bg-logo {
    height      : 420px;
}

#welcome {
    background  : #000 url(../img/welcome.png) 0 0 no-repeat;
    height      : 34px;
    margin      : 175px 0 0 207px;
    position    : absolute;
    overflow    : hidden;
    text-indent : -900px;
    white-space : nowrap;
    width       : 560px;
}

#content {
    background  : #1a1a1a;
    bottom      : 0;
    display     : none;
    right       : 12px;
    padding     : 4px 8px 12px;
    position    : absolute;
    width       : 225px;
}

#video {
    bottom      : 0;
    display     : block;
	padding     : 10px 250px 10px;
    height      : 600px;
    min-height  : 420px;
    margin-top  : -200px;
    position    : absolute;
    width       : 820px;
}

#lightbox-button, #about-button, #gallery-button {
    background  : #1a1a1a;
    bottom      : 0;
    height      : 24px;
    padding     : 4px 8px 12px;
    position    : absolute;
    right       : 265px;
    text-transform : uppercase;
    width       : 225px;
}

#lightbox-button a, #about-button a, #gallery-button a {
    cursor      : pointer;
    display     : block;
    height      : 24px;
    text-decoration : none;
}

#lightbox-button a:hover, #about-button a:hover, #gallery-button a:hover {
    color       : #8d8d8d;
}

#about-button {
    right       : 771px;
}

#gallery-button {
    right       : 518px;
}

a {
    color       : #fff;
}

a:hover {
    text-decoration: none;
}

p {
    margin-bottom : 24px;
}

#title {
    padding-top : 305px;
    padding-left: 140px;
    z-index: 4000;
}

#push {
    height      : 400px;
}

h1 {
    color       : #fff;
    font-size   : 12px;
    font-weight : normal;
    text-align  : left;
}

h1 span {
    color: #666666;
}

h3 {
    font-size   : 12px;
    font-weight : normal;
    text-transform:uppercase;
}

a#sign-up {
    display     : block;
    text-decoration : none;
    text-transform : uppercase;
}

a#sign-up:hover {
    color       : #8d8d8d;
}

#sign-up-form p {
    margin-top : 11px;
}

div#form {
    width       : 400px;
}

div#form div {
    margin-top      : 6px;
    margin-bottom   : 6px;
}

label {
    color       : #8d8d8d;
    display     : block;
    margin-bottom: 5px;
}

span.error {
    display     : block;
    margin-left : 200px;
    position    : absolute;
    text-align  : center;
}

span.email-err {
    margin-top  : 20px;
}

input.text {
    background  : #808080;
    border      : solid 1px #36643c;
    color       : #fff;
    font-family : Verdana;
    font-size   : 12px;
    outline         : none;
    padding     : 4px 0 3px;
    width       : 100%;
    margin-bottom : 12px;
}

input.error {
    border      : solid 1px #ff0000;
}

input.submit {
    background  : none;
    border      : solid 0px #9edaa6;
    color       : #fff;
    font-family : Verdana;
    font-size   : 12px;
    margin      : 0;
    padding     : 0;
    text-indent : 0;
    text-decoration: underline;
}

input.submit:hover {
    cursor      : pointer;
    text-decoration : none;
}

a#terms {
    color       : #a3a3a3;
}

#terms_and_conditions {
    color       : #00FFFF;
}

#terms_and_conditions h3 {
    margin : 12px 0;
}

#terms_and_conditions a {
    color       : #00FFFF;
}

#terms_and_conditions p {
    margin-bottom   : 8px;
}

.thanks {
    color           : #FF00FF;
    display         : block;
    margin-top      : 15px;
}

.error-text {
    color: #FF0000;
    font-style: italic;
    font-size: 0.8em;
}

#postcode {
    float   : right;
    width   : 85px;
}

label.postcode {
    display: block;
    float   : left;
    padding-top: 8px;
}

#country {
    float       : right;
    margin-left : 10px;
    width       : 160px;
}

label.country {
    clear   : both;
    display: block;
    float   : left;
    padding-top: 8px;
}

label#telephone-label {
    clear   : both;
}

#lightbox-container-image-box, #lightbox-container-image-data-box {
    background-color: #666666;
}

#lightbox-container-image-data-box {
    padding-bottom: 10px;
}

#lightbox-image-details-caption {
    color: #00FFFF;
}
#lightbox-container-image {
    padding-bottom:0px;
}

.minimise {
    height: 0px;
    overflow: hidden;
}

.nyroModalClose {
    margin      : -12px 0 0 -12px;
    position        : absolute;
}

h1#nyroModalTitle {
    bottom      : 12px;
    color       : #333;
    display     : none;
    position    : absolute;
}

/*#nyroModalTitle { display : none }*/
/*#nyroModalTitle { margin : -80px 0 32px -10px; color : #000; padding : 10px; background : #fff; width : 100%; position : aboslute; }*/

.nyroModalClose { 
    right       : 10px;
	position	: absolute;
    bottom      : 6px;
}

#nyroModalWrapper {
    background  : #fff;
    padding : 10px 10px 45px;
}

#nyroModalBg {
	-moz-opacity:1 !important; opacity:1 !important;
}

a img {
    border : 0px solid #fff;
}

#change-quality a {
    background-position : 0 0;
    background-repeat   : no-repeat;
    display     : block;
    height      : 19px; 
    margin-left : 18px;
    margin-top  : 10px;
    overflow    : hidden;
    text-indent : 200px;
    width       : 190px;
}

#change-quality a:hover {
    background-position : 0 -19px;
}

#change-quality a.high {
    background-image : url(../img/watch-high.png);
}

#change-quality a.normal {
    background-image : url(../img/watch-standard.png);
}

#guest-details {
   background  : #1a1a1a;
   z-index      : 10;
}


	#carousel {
		height    : 410px;
		left      : 0%;
		overflow  : hidden;
		position  : absolute;
		top       : 150px;
		width     : 100%;
	}
	#carousel .diapo {
		position: absolute;
		left: -4000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}

	#carousel .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 70px;
		text-align: center;
		color: #fff;
		z-index: 11;
	}

	#carousel .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 42px;
		width: 80%;
		height: 16px;
		z-index: 11;
	}

    #images-crousel {
        margin-top  : 300px;
        position    : absolute;
    }

	#carousel .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
	}
	#carousel .arrow-left {
		position: absolute;
	}
	#carousel .arrow-right {
		position: absolute;
		right: 0px;
	}
	#carousel .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}

	#carousel #click-image {
	   color       : #8d8d8d;
	   bottom      : 0px;
	   position    : absolute;
	   text-align  : center;
	   width       : 100%;
	}