/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 1          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-1 {

    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: regular;
    padding: 5px;
    text-decoration: none;
    border: 0px solid #84bbf3;
}
.btn-button-1:hover {

    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
}


/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 2          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-2 {

    background-color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    color: #ff0000;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: regular;
    padding: 6px 5px;
    text-decoration: none;
    border: 0px solid #84bbf3;
}
.btn-button-2:hover {
    background-color: rgba(0, 0, 0, 1);
    color: rgba(255, 0, 0, 1);
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 3          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-3 {
    background-color: rgba(255, 0, 0, 0.8);
    display: inline-block;
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: regular;
    padding: 6px 5px;
    text-decoration: none;
    opacity:0.7;
    filter:alpha(opacity=80);
    border: 0px solid #84bbf3;
}
.btn-button-3:hover {
    font-weight: bold;
    background-color: rgba(255, 0, 0, 1.0);
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 4          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-4 {
    color: #ffffff;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 5px;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #84bbf3;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

}
.btn-button-4:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 5          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-5 {

    background-color: rgba(123, 156, 154, 0.8);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border: 0px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Lobster Two;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #528ecc;
    text-align: center;
    opacity:0.7;
}
.btn-button-5:hover {
    background-color: rgba(123, 156, 154, 1);
}
.btn-button-5:active {
    position: relative;
    top: 1px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 6          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-6 {

    background-color: rgba(245, 198, 62, 0.8);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border: 0px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Crimson Text;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #528ecc;
    text-align: center;
    opacity:0.7;
}
.btn-button-6:hover {

    background-color: rgba(245, 198, 62, 1);
}
.btn-button-6:active {
    position: relative;
    top: 1px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 7          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-7 {

    background-color: rgba(191, 98, 17, 0.8);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border: 0px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #528ecc;
    text-align: center;
    opacity:0.7;
}
.btn-button-7:hover {

    background-color: rgba(191, 98, 17, 1);
}
.btn-button-7:active {
    position: relative;
    top: 1px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 8          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-8 {

    background-color: rgba(140, 39, 3, 0.8);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border: 0px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Simonetta;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #528ecc;
    text-align: center;
    opacity:0.7;
}
.btn-button-8:hover {

    background-color: rgba(140, 39, 3, 1);
}
.btn-button-8:active {
    position: relative;
    top: 1px;
}


/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////           BUTTON 9          //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-button-9 {

    background-color: rgba(66, 90, 112, 0.8);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    border: 0px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Stardos Stencil;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 5px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #528ecc;
    text-align: center;
    opacity:0.7;
}
.btn-button-9:hover {

    background-color: rgba(66, 90, 112, 1);
}
.btn-button-9:active {
    position: relative;
    top: 1px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////        ARROW LEFT           //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-arrow-left {
    background-repeat: no-repeat;
    background-image: url("img/arrow_left.png");
    float: left;
    height: 49px;
    position: relative;
    width: 49px;
    z-index: 100 !important;
    background-color: #000000;
    opacity: 0.7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-arrow-left:hover {
    opacity: 1;
}

.btn-arrow-left_tooltip {
    background-color: #1F1C18;
    color: #FFFFFF;
    float: left;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 42px;
    opacity: 0.7;
    padding: 12px;
    padding-top: 4px;
    position: relative;
    text-align: left;
    overflow:hidden;
    width: 128px;
    z-index: 100 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////        ARROW RIGHT           /////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-arrow-right {
    background-repeat: no-repeat;
    background-image: url("img/arrow_right.png");
    float: right;
    height: 49px;
    position: relative;
    width: 49px;
    z-index: 100 !important;
    background-color: #000000;
    opacity: 0.7;
   	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-arrow-right:hover {
    opacity: 1;
}

.btn-arrow-right_tooltip {
    background-color: #1F1C18;
    color: #FFFFFF;
    float: left;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    height: 33px;
	line-height: 42px;
    opacity: 0.7;
    padding: 12px;
    padding-top: 4px;
    position: relative;
    text-align: right;
    overflow:hidden;
    width: 128px;
    z-index: 100 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////        ARROW TOP            //////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-arrow-top {
    background-repeat: no-repeat;
    background-image: url("img/arrow_top.png");
    float: left;
    height: 49px;
    position: relative;
    width: 49px;
    z-index: 100 !important;
    background-color: #000000;
    opacity: 0.7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-arrow-top:hover {
    opacity: 1;
}

.btn-arrow-top_tooltip {
    background-color: #1F1C18;
    color: #FFFFFF;
    float: left;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 42px;
    opacity: 0.7;
    padding: 12px;
    padding-top: 4px;
    position: relative;
    text-align: left;
	overflow:hidden;
    width: 128px;
    z-index: 100 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*//////////////////////////////////////////////////////////////////
/////////////////                             //////////////////////
/////////////////        ARROW BOTTOM           ////////////////////
/////////////////                             //////////////////////
///////////////////////////////////////////////////////////////////*/

.btn-arrow-bottom {
    background-repeat: no-repeat;
    background-image: url("img/arrow_bottom.png");
    float: left;
    height: 49px;
    position: relative;
    width: 49px;
    z-index: 100 !important;
    background-color: #000000;
    opacity: 0.7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-arrow-bottom:hover {
    opacity: 1;
}

.btn-arrow-bottom_tooltip {
    background-color: #1F1C18;
    color: #FFFFFF;
    float: left;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 42px;
    opacity: 0.7;
    padding: 12px;
    padding-top: 4px;
    position: relative;
    text-align: left;
    overflow:hidden;
    width: 128px;
    z-index: 100 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-arrow_container {
    float: left;
    position: absolute;
    z-index: 100 !important;

}

.testImages {

    width: 970px;
    height: 545px;
}

.button_container {
    position:	absolute;
}