html {
        background: url(/img/toh-background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        
	margin: 0px;
}

body {
        /* margin: 0px; */
}


#loader {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/img/loader.gif') 
                50% 50% 
                no-repeat;
}


#site {
	height: 672px;
        margin: auto;
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
}


.button {
        // Placeholder for button class
}

#title {
        background: url(/img/title.png) no-repeat;
        z-index: 2;
        width: 678px;
        height: 77px;
        position: relative;
        /* left: 30%; */
	margin: auto;
	padding-right: 200px;
}

#header {
        /* margin-top: 5%; */
        width: 100%;
        height: 115px;
}

#nav {
        height: 36px;
        /* width: 700px; */ 
        /* left: 33%; */
	width: 564px;
	margin: auto;
        position: relative;
}

.navitem {
        position: relative;
        float: left;
        height: 36px;
        font-size: 20px;
        /* font-family: "MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif"; */
        font-family: "Verdana";
        color: #FFFFFF;
        /* margin-left: 30px; */
        padding-left: 15px;
        padding-right: 15px;
        text-shadow: -1px -1px #A3A3A3;
}

#news {
        width: 52px; 
}
        
#tour {
        width: 42px;
}

#media {
        width: 60px; 
}
        
#press {
        width: 55px;
}
        
#biography {
        width: 100px;
}
 
#contact {      
        width: 75px;
}
 
#frames {
        /* height: 528px; */
	height: 457px;
        position: relative;
        /* width: 1099px; 
        width: auto; */
	width: auto;
        /* test */
        //display: flex;
        margin-left: auto;
        margin-right: auto;
        background: url(/img/3amigos.png) no-repeat center center;
}

#miah {
        background: url(/img/miah-frame.png);
        width: 339px;
        height: 466px;
}       

#rebecca {
        background: url(/img/rebecca-frame.png);
        width: 349px;
        height: 466px;
}
        
#jon {
        background: url(/img/jon-frame.png);
        width: 346px;
        height: 466px;    
}
        
        
#social-banner {
        bottom: -20px;
	/* height: 60px;*/
	height: 36px;
        width: 100%;
        background-color: white;
        background-size: cover;
        opacity: 0.4;
        filter:alpha(opacity:40);
        //display: flex;
        margin-left: auto;
        margin-right: auto;
        position: relative;
}
#social-icons {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        //display: flex;
        //margin-top: -3px;
}       

.icons {
        padding-right: 5px;
        padding-left: 5px;
        //margin-top: 3px;
}

#facebook {
        position: relative;
        background: url(/img/facebook.png) no-repeat center center;
	background-size: 30px 30px;
        /* width: 54px; */
        /* height: 54px; */
	width: 30px;
	height: 30px;
}

#twitter {
        position: relative;
        background: url(/img/twitter.png) no-repeat center center;
	background-size: 30px 30px;
        width: 30px;
        height: 30px;   
}
 
#email {
        position: relative;
        background: url(/img/email.png) no-repeat center center;
	background-size: 30px 30px;
        width: 30px;
        height: 30px;
}
                
#youtube { 
        position: relative;
        background: url(/img/youtube.png) no-repeat center center; 
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
}

#instagram {
        position: relative;
        background: url(/img/instagram.png) no-repeat center center;
        background-size: 30px 30px;
        width: 30px; 
        height: 30px;
}
 
#copyright {
        font-size: 12px;   
        font-family: "Verdana";
        color: #FFFFFF;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
        margin-top: 10px;  
}

#dialog_news * .ui-dialog-title {
	background: url(/img/title_news.jpg) no-repeat left !important;
}

.title_tour {
        background: url(/img/title_tour.jpg) no-repeat left;
}

.title_media {
        background: url(/img/title_media.jpg) no-repeat left;
}

.title_press {
        background: url(/img/title_press.jpg) no-repeat left;
}

.title_biography {
        background: url(/img/title_biography.jpg) no-repeat left;
}

.title_contact {
        background: url(/img/title_contact.jpg) no-repeat left;
}


/* Overrides for JQuery-UI CSS */

// Dialog Content Box:
.ui-widget-content {
        border: 1px solid #dddddd   
        background: #eeeeee url(/js/jquery-ui-1.10.3.custom/css/smoothness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
        color: #000000;   
        font-family: "Verdana";
        font-size: 12px;   
} 
    
// Dialog Title Bar:
        
        
.ui-widget-header {
        border: none !important;
        background: none !important;
}               
 
.ui-dialog, .ui-dialog-titlebar, .tohdialog {
        padding-left: 10px !important;
}       
  

.tohdialog, .ui-dialog-titlebar {
        border: none !important;
        background: none !important;
        color: #000000;
        font-weight: bold;
        font-size: 20px;
        padding-left: 10px;
} 

.tohdialog, .ui-widget-content {
        color: #000000;
        font-family: "Verdana";
        font-size: 12px;
        font-weight: normal;
                
}

.ui-widget-overlay {
	background: #000000 !important;
	opacity: .7 !important;
	filter: Alpha(Opacity=70) !important;
}

/* Needed for title image background */
/*
.ui-dialog-title {
	height: 53px !important;
}
*/

/* Hide the close button on dialog boxes */
.ui-dialog-titlebar-close {
  visibility: hidden;
}

/* Remove annoying outline around anchors in dialog */
div.ui-dialog a { outline: none }