/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/

/* HTML Elements */

    body { margin: 0px; padding: 0px; height: 100%; font-size: 62.5%; background: #353A1C;  }
    img { border: none; }
    img, #container, #container_btm, #pattern,  { behavior: url(/App_Css/iepngfix.htc); }
    strong { font-size: 1.1em; }
    span.hdn { display: none; }
    h1, h2, h3, ul, dl, dt, dd, p { margin: 0px; padding: 0px;}
    a { color: #CB8F0A; outline: none }
    a:hover {color: #F0AE22}
    
/* Main Wrappers */

    #big_wrapper { width: 100%; float: left; background: #3E4A10 url(/images/bg_body.gif) no-repeat top center; padding-bottom: 100px;}
    #wrapper { width: 818px; margin: 0px auto; font: normal 1.0em arial; color: #8C8C8C;}
    #container { width: 798px; float: left; padding: 0px 10px; background: url(/images/bg_container.png) repeat-y; }

/* Header / Navigation */

    #header { float: left; width: 790px; padding: 10px 0px 0px 10px; height: 103px; color: #fff; background: url(/images/bg_header.jpg) no-repeat; }
        #header a { color: #fff; text-decoration: none;}
        #header a:hover { color: #CB8F0A}
        #header img { margin-right: 5px }
        #header a.home { width: 200px; height: 70px; position: absolute; margin: 26px 0px 0px -150px}
    #nav { float: left; width: 800px; height: 37px; background: url(/images/bg_nav.jpg) no-repeat; } 
        #nav ul {list-style: none; margin-left: 5px}
        #nav li { float: left; }
        #nav li a {display: block; height: 28px; }
        #nav li a span { display: none; }
        #nav li.home a { width: 51px; background: url(/images/nav/btn_Home.gif) no-repeat 0px 0px; }
        #nav li.tour_schedule a { width: 104px; background: url(/images/nav/btn_TourSchedule.gif) no-repeat 0px 0px; }
        #nav li.merchandise a { width: 94px; background: url(/images/nav/btn_Merchandise.gif) no-repeat 0px 0px; }
        #nav li.booking_info a { width: 96px; background: url(/images/nav/btn_BookingInfo.gif) no-repeat 0px 0px; }
        #nav li.artist_info a { width: 83px; background: url(/images/nav/btn_ArtistInfo.gif) no-repeat 0px 0px; }
        #nav li.photos a { width: 61px; background: url(/images/nav/btn_Photos.gif) no-repeat 0px 0px; }
        #nav li.ceili_flix a { width: 70px; background: url(/images/nav/btn_CeiliFlix.gif) no-repeat 0px 0px; }
        #nav li.ceili_blog a { width: 75px; background: url(/images/nav/btn_CeiliBlog.gif) no-repeat 0px 0px; }
        #nav li.accolades a { width: 81px; background: url(/images/nav/btn_Accolades.gif) no-repeat 0px 0px; }
        #nav li.myspace a { width: 67px; background: url(/images/nav/btn_Myspace.gif) no-repeat 0px 0px; }
        #nav li a:hover { background-position: 0px -19px; }

        .home #nav li.home a, .tour_schedule #nav li.tour_schedule a, .merchandise #nav li.merchandise a, .booking_info #nav li.booking_info a, .artist_info #nav li.artist_info a,
        .photos #nav li.photos a, .ceili_flix #nav li.ceili_flix a, .accolades #nav li.accolades a { background-position: 0px -19px; }

/* Top Content */

    #topcontent { float: left; position: relative; z-index: 2; width: 768px; padding: 0px 10px 10px 20px; background: #373D1C url(/images/bg_topcontent.jpg) no-repeat bottom; }

/* Btm Content */

    #btmcontent { float: left;  width: 778px; position: relative; z-index: 2; padding: 10px 10px 0px 10px;background: #181A11 url(/images/bg_btmcontent.jpg) no-repeat top; }

    /* Large Area (this is used only on the homepage, for the bigger Btm Content */
    
        .large .feedback_cont { float: left; width: 384px; }
            .large .feedback_cont h1 { float: left; padding: 3px 0px 0px 7px  }
            .large .feedback_cont ul { float: right; list-style: none; margin-right: 10px;}
            .large .feedback_cont li { float: left; }
            .large .feedback_cont a { display: block; height: 17px; }
            .large .feedback_cont a span { display: none; }
            .large .feedback_cont li.mailing_list a { width: 81px; background: url(/images/tabs/tab_MailingList.gif) no-repeat 0px 0px; }
            .large .feedback_cont li.send_to_friend a { width: 95px; background: url(/images/tabs/tab_SendtoFriend.gif) no-repeat 0px 0px; }
            .large .feedback_cont li.contact_form a { width: 92px; background: url(/images/tabs/tab_ContactForm.gif) no-repeat 0px 0px; }
            .large .feedback_cont li a.on { background-position: 0px -18px; }
        
        .large .forms_cont { float: left; position: relative; width: 364px; padding: 10px; padding-bottom: 0px; background: #2A2E1D url(/images/rect_forms_top.gif) no-repeat; }
            .large .forms_cont .hdn { display: none;  }
            .large .forms_cont .tabarea { height: 206px; display:none; }
            .large .forms_cont h2 { margin-bottom: 5px; font-size: 1em; color: #565D3E; }
            /* .large .forms_cont label see forms.css */
            .large .forms_cont input.FIELD, .large .forms_cont textarea.FIELD { float: left; margin-bottom: 5px; padding: 4px 0px 0px 4px; width: 249px; height: 17px; border: 1px solid #000; background: #393E2B; font-size: 1em; color: #565D3E}
            .large .forms_cont textarea.FIELD { height: 39px;  }
            .large .forms_cont .buttons { float: right; margin-right: 4px; display: inline;}
            .large .forms_cont .btm { float: left; position: relative; width: 384px; display: inline; margin: 0px -10px 0px -10px; height: 9px; background: url(/images/rect_forms_btm.gif) no-repeat bottom; }
               
            .large .img_verify {position: relative; margin-top: -7px; margin-bottom: 6px; }
            .large .verify_right { float: left;width: 252px;color:#565d3e}
            .large .verify_right span { display:block; padding: 4px 0px 4px 0px;}   
                
        .large .tours_cont { float: left; width: 188px; margin-left: 10px; }
            .large .tours_cont h1 { border-bottom: 1px solid #181A11; background: #4F562D url(/images/rect_hometours_top.gif) no-repeat; padding: 10px; }
            .large .tours_cont dl { float: left; overflow:auto;background: #373D1C; height: 169px!important; height: 172px; width: 168px; padding: 10px; }
            .large .tours_cont dt { background: url(/images/ico_goldcross.gif) no-repeat left; padding-left: 10px; font-weight: bold; font-size: 1.1em; color: #fff}
            .large .tours_cont dd { padding-left: 10px; margin-bottom: 10px;}
            .large .tours_cont a { display: block; background: #373D1C; text-align: right; padding-right: 10px; }
            .large .tours_cont .btm { float: left; position: relative; width: 188px; display: inline; margin: 0px -10px 0px 0px!important; margin-top: -3px; height: 10px; background: url(/images/rect_hometours_btm.gif) no-repeat bottom; }

        .large .awards_cont { float: right; width: 188px; }
            .large .awards_cont img { display: block; margin-bottom: 10px; }
        
     /* Small Area (used on every other page for Btm Content) */

        .small .minimize { position: absolute; right: 10px; top: 10px; }
        .small .feedback_cont { float: left; width: 384px; }
            .small .feedback_cont h1 { float: left; padding: 3px 0px 0px 7px  }
            .small .feedback_cont ul { float: right; list-style: none; margin-right: 10px;}
            .small .feedback_cont li { float: left; }
            .small .feedback_cont a { display: block; height: 17px; }
            .small .feedback_cont a span { display: none; }
            .small .feedback_cont li.mailing_list a { width: 81px; background: url(/images/tabs/tab_MailingList.gif) no-repeat 0px 0px; }
            .small .feedback_cont li.send_to_friend a { width: 95px; background: url(/images/tabs/tab_SendtoFriend.gif) no-repeat 0px 0px; }
            .small .feedback_cont li.contact_form a { width: 92px; background: url(/images/tabs/tab_ContactForm.gif) no-repeat 0px 0px; }
            .small .feedback_cont li a.on { background-position: 0px -18px; }

        .small .forms_cont { float: left; position: relative; width: 364px; padding: 10px; padding-bottom: 0px; background: #2A2E1D url(/images/rect_forms_top.gif) no-repeat; }
        .small #forms_cont_inner { display: none; }
            .small .forms_cont .hdn { display: none;  }
            .small .forms_cont h2 { margin-bottom: 5px; font-size: 1em; color: #565D3E; }
            /* .small .forms_cont label see forms.css */
            .small .forms_cont .buttons { float: right; margin-right: 4px; display: inline;}
            .small .forms_cont .btm { float: left; position: relative; width: 384px; display: inline; margin: 0px -10px -5px -10px; height: 9px; background: url(/images/rect_forms_btm.gif) no-repeat bottom; }

            .small .img_verify {position: relative; margin-top: -7px; margin-bottom: 6px; }
            .small .verify_right { float: left;width: 252px;color:#565d3e}
            .small .verify_right span { display:block; padding: 4px 0px 4px 0px;}   

        .small .tours_cont { float: left; width: 214px; margin-left: 10px; }
            .small .tours_cont h1 { float: left; padding: 3px 0px 0px 7px}
            .small .tours_cont a { float: right; padding-right: 10px; }
            .small .tours_cont dl { float: left;  margin: 4px 0px -10px 0px; width: 194px; background: #2A2E1D url(/images/rect_smalltour_top.gif) no-repeat; padding: 5px 10px; }
            .small .tours_cont dt { background: url(/images/ico_goldcross.gif) no-repeat left; padding-left: 10px; font-weight: bold; font-size: 1.1em; color: #fff}
            .small .tours_cont dd { padding-left: 10px; position: relative; z-index: 2;}
            .small .tours_cont .btm { float: left; position: relative; z-index: 1; width: 214px; display: inline; margin: 0px -10px 0px 0px; height: 10px; background: url(/images/rect_smalltour_btm.gif) no-repeat bottom; }
        
        .small .awards_cont { float: left; margin: 7px -10px 0px 10px; width: 156px; position: relative;}
            .small .awards_cont img { float: left; margin-left: 10px }


/* Container Bottom (the very bottom rounded rectangle/shadow */

    #container_btm { float: left; width: 818px; z-index: 1; position: relative; background: url(/images/bg_container_btm.jpg) no-repeat; height: 44px; margin-top: -25px}
        #container_btm #pattern { position: absolute; left: -8px; top: -87px; width: 832px; height: 136px; background: url(/images/bg_pattern.png) no-repeat; }
        #container_btm img.left { float: left; margin: 40px 0px 0px 15px; }
        #container_btm div.middle { color: #000; font-size: 1.1em; float: left; margin: 60px 0px 0px 100px; }
            #container_btm div.middle a { color: #000; }
            #container_btm div.middle a:hover { color: #333; }
        #container_btm img.right { float: right; margin: 40px 15px 0px 0px; }


/* Footer area */

    #footer { width: 100%; height: 40px;}
        #footer ul {list-style: none; margin: 0px auto; width: 788px;}
        #footer li { float: left; }
        #footer li a {display: block; height: 28px; }
        #footer li a span { display: none; }
        #footer li.home a { width: 51px; background: url(/images/nav/btn_Home.gif) no-repeat 0px -48px; }
        #footer li.tour_schedule a { width: 104px; background: url(/images/nav/btn_TourSchedule.gif) no-repeat 0px -48px; }
        #footer li.merchandise a { width: 94px; background: url(/images/nav/btn_Merchandise.gif) no-repeat 0px -48px; }
        #footer li.booking_info a { width: 96px; background: url(/images/nav/btn_BookingInfo.gif) no-repeat 0px -48px; }
        #footer li.artist_info a { width: 83px; background: url(/images/nav/btn_ArtistInfo.gif) no-repeat 0px -48px; }
        #footer li.photos a { width: 61px; background: url(/images/nav/btn_Photos.gif) no-repeat 0px -48px; }
        #footer li.ceili_flix a { width: 70px; background: url(/images/nav/btn_CeiliFlix.gif) no-repeat 0px -48px; }
        #footer li.ceili_blog a { width: 75px; background: url(/images/nav/btn_CeiliBlog.gif) no-repeat 0px -48px; }
        #footer li.accolades a { width: 81px; background: url(/images/nav/btn_Accolades.gif) no-repeat 0px -48px; }
        #footer li.myspace a { width: 67px; background: url(/images/nav/btn_Myspace.gif) no-repeat 0px -48px; }
        #footer li a:hover { background-position: 0px -67px; }


        .home #footer li.home a, .tour_schedule #footer li.tour_schedule a, .merchandise #footer li.merchandise a, .booking_info #footer li.booking_info a, .artist_info #footer li.artist_info a,
        .photos #footer li.photos a, .ceili_flix #footer li.ceili_flix a, .accolades #footer li.accolades a { background-position: 0px -67px; }