/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html {overflow-y:scroll;}
td, th {text-align:left;vertical-align:top;}
strong, b, th {font-weight:700;}
em, i {font-style:italic;}
u {text-decoration:underline;}

* {outline:0;background-repeat:no-repeat;}
a *, input[type=submit], button {cursor:pointer;}

.red {color:red;}
.green {color:green;}
.clear {clear:both;}

html {
	background-color:#FFF;
        background-image:url(../img/bg/1.jpg);
        background-position:top center;
        background-attachment: fixed;
}

html.background-2 {	
        background-image:url(../img/bg/2.jpg);
}

html.background-3 {	
       background-image:url(../img/bg/3.jpg);
}

html.background-4 {	
       background-image:url(../img/bg/4.jpg);
}

html.background-5 {	
       background-image:url(../img/bg/5.jpg);
}


@media only screen and (max-width: 1023px) {

html {
	background-color:#FFF;
        background-image:none !important;
}

}


body, input, select, textarea {
	font-family: sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
}

a {
	color:#333;
	text-decoration:none;
}
h2 {
	line-height: 1.2;
}

#content p,
#content ul,
#content ol {
	margin: 0 0 18px;
}

.site-container {
        min-width:960px;
        max-width:1050px;
        background-color:#FFF;
        margin:0 auto;
}

#site {
	width:960px;
	margin:0 auto;
        padding:50px 0 10px;
}


/* video popup */
.popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 500;
        background-color: #000;
}

.popup-container {
        position: absolute;
        top: 200px;
        left: 50%;
        z-index: 600;
        margin-left: -400px;
        background-color: #FFF;
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}
.popup-container .close {
        color: #FFF;
        cursor: pointer;
        position: absolute;
        top: -20px;
        right: 0;
}
.popup-container .content iframe {
        float: left;
}


@media only screen and (max-width: 1023px) {
    .site-container {
        min-width: 0;
    }
    #site {
        width: auto;
    }
}