/**
 * Arcadia Master CSS
 *
 */

@import url('reset.css');

html {
    height: 100%;
}
body {
    font-family: 'Metrophobic', arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    word-spacing: 3px;
}


/* LAYOUT   
 * -------------------------------------------- */

#wrapper {
    float: left;
    margin: 20px;
    color: #fff;
    width: 920px;
}

.section {
    background: transparent url("../images/alpha-black.png") top left repeat;
    font-size: 1em;
    display: block;
    float: left;
}

.section.sectionFixedHeight {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
}

.section .innerText {
    padding: 0 0 0 18px;
}


/* FONTS
 * -------------------------------------------- */
h1, h2, h3, h4 { font-size: 1em; color: #FF9900; margin: 0 0 15px 0;}
#wrapper p { font-size: 1em; color: #fff; margin: 0 0 15px 0; }
#wrapper a { color: #fff; text-decoration: none; }
#wrapper a:hover { color: #ff9900; }
#wrapper a, #wrapper a:hover, #wrapper a:active { outline: none; }



/* HEADER
 * -------------------------------------------- */

#header {
    height: 50px;
    z-index: 500;
}

#header #logoSection {
    margin: 0 1px 0 0;
    width: 165px;
    float: left;
}
#header #logoSection img { margin: 18px 0 0 18px; }
#header #topMinSection {
    float: right;
    width: 50px;
    margin: 0 0 0 1px;
    background: transparent url("../images/section-min.png") top left no-repeat;
}
#header #topMinSection:hover {
    background-color: #000;
}
#header #topMinSection.active {
    background-position: 0 -50px;
}

/* Menu */
#header #menu {
    float: left;
}
#header #menu li {
    margin: 0 1px 0 0;
    float: left;
    position: relative;
    background: transparent url("../images/alpha-black.png") top left repeat;
    z-index: 500;
}
#header #menu li a {
    width: 70px;
    padding: 0;
    margin: 0;
    height: 50px;
    display: block;
    line-height: 50px;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    font-size: 1em;
    text-transform: lowercase;
    z-index: 500;
}
#header #menu ul {
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
}
#header #menu ul li { margin: 0px 0 0 0; background-image: none;}
#header #menu ul li a {
    width: 252px; text-align: left; margin: 0;
    height: 51px;
    background: transparent url("../images/alpha-black-menu.png") 0 0 no-repeat;
    z-index: 500;
}
#header #menu li.active a {
    color: #ff9900;
}
#header #menu li.active ul li a { color: #fff; }
#header #menu li.active ul li a:hover { color: #ff9900; }
#header #menu li.active ul li.active a { color: #ff9900; }

#header #menu li a:hover { background-color: #000; }
#header #menu li ul li a:hover { background-color: transparent; }


#header #newsletterSignup {
    width: 203px;
    display: block;
    padding: 0 0 0 15px;
}
#header #newsletterSignup:hover {
    background-color: #000;
}

#newsletterSignupInput {
    border: 1px solid #FF9900;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: transparent;
    height: 17px;
    width: 181px;
    color: #fff;
    font-family: 'Metrophobic', arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    word-spacing: 3px;
    
}
#newsletterSignupInput:focus {
    border-bottom-color: #fff;
    outline: none;
}


/* Exceptions */
#header #menu li#menu-item-10 a {
    width: 100px;
}



/* SIDEBAR
 * -------------------------------------------- */

#sidebar {
    width: 165px;
    float: left;
}
#sidebar .section { margin: 0 0 1px 0; }


#topImageSection {
    float: left;
    width: 165px;
    margin: 0 0 0 1px;
    text-align: center;
    position: relative;
    background: transparent url("../images/next-prev.png") top left no-repeat;
}

#topImageGoLeft {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    display: block;
    width: 50px;
}
#topImageGoRight {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    display: block;
    width: 50px;
}


/* MAIN
 * -------------------------------------------- */

#main {
    margin: 1px 0 0 0;
    clear: both;
}



#content {
    float: right;
    width: 481px;
    margin: 0 0 0 161px;
}

#content .inner {
    padding: 18px;
}

#linkList {
    float: right;
    margin: 0;
    display: block;
    width: 390px;
}
#linkList li {
    float: left;
    background: transparent url("../images/alpha-black.png") top left repeat;
    margin: 0 0 1px 0;
}
#linkList li a {
    float: right;
    width: 370px;
    margin: 1px 0 0 0;
    height: 50px;
    font-size: 1em;
    line-height: 50px;
    vertical-align: middle;
    padding: 0 0 0 20px;
    background: transparent url("../images/alpha-go.png") 360px 16px no-repeat;
    text-transform: lowercase;
}
#linkList li a:hover { background-color: #000; }




/* Auto hide content 
body #wrapper .content {display: none; }
*/


/** BACKGROUNDS **/
#backgrounds {
    position: fixed;
    z-index: -9999;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: #000;
}
#backgrounds img {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    -ms-interpolation-mode: bicubic;
}


/** Gallery Albums **/
#gallery_images a.image {
    margin: 0 20px 0 0;
    width: 120px;
    float: left;
    display: block;
    text-align: center;
}
#gallery_images p {
    margin: 0 0 15px 10px;
    padding: 0;
}

/** Panoramas **/
.panoramas-ul { margin: 20px 0 0 0;}
.panoramas-ul li {
    font-size: 14px;
    margin: 0 0 3px 0;
}

.panoramas-ul li a {
    font-weight: bold;
    color: #FF9900;
    font-size: 14px;
}

.panoramas-ul li a:hover {
    border-bottom: 1px dotted #333;
}

/** Videos **/
#video_thumbs {
    margin: 20px 0 0px 0;
}
#video_thumbs a.image {
    margin: 0 0 0 40px;
    width: 120px;
    float: left;
    display: block;
    text-align: center;
}
#video_thumbs p {
    margin: 0px 0 15px 10px;
    padding: 0;
}

.clearit {clear: both;}


#socialLinks {
    position: absolute;
    bottom: 20px;
    height: 48px;
    left: 20px;
}

#socialLinks a.icon {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 10px 0 0;
    float: left;
    background-repeat: no-repeat;
    background-position: top left;
}

#s-youtube { background-image: url("../images/social/youtube.png"); }
#s-facebook { background-image: url("../images/social/facebook.png"); }
#s-twitter { background-image: url("../images/social/twitter.png"); }

#latestTweet {
    float: left;
    max-width: 580px;
    padding: 8px 9px 9px 10px;
    height: 31px;
    background: transparent url("../images/alpha-black.png") top left repeat;
    border-radius: 10px;
    color: #ddd;
    overflow: hidden;
}

#latestTweet p { color: #ddd; }
#latestTweet a { color: #ddd !important; }

#designBy {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 9px;
    background: transparent url("../images/alpha-black.png") top left repeat;
    
    border-radius: 10px;
}
#designBy a { color: #ddd; text-decoration: none;}
#designBy a:hover { color: #ff9900; text-decoration: none;}



/* IE6 */
body #_d p { color: #000; }