/* Styles for Birdsandfellas.com */


body
{
    background-color: #D6E7E7;
    color: #70736F;
    font-family: Futura Lt BT, Tahoma, Arial;
}

a
{
    color: #585957;
}

a:hover
{
    color: #70736F;
}


/*Outer Container - constrains the site */
#outer_container
{
    width: 900px;
    position: relative;
    margin: auto; /*For centering*/
    border: 7px solid #8C8484;
    background-color: #D6E7E7;
}

#inner_container
{
    width: 874px;
    /*height: 300px;*/
    position: relative;
    margin: auto; /*center the element*/
    margin-top: 8px;
    margin-bottom: 10px;
    /*border: 1px solid white;*/
}

#header_container
{
    float: left;
    height: 69px;
    width: 100%;
}

#footer_container
{
    float: right;
    width: 860px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

#footer_container img
{
      float: left;
}


#logo_container
{
    float: left;
    width: 100%;
}
#logo_container img
{
    float: left;
}


#head_info_container
{
    position:relative;
    top: -0px;
    left: 0px;
    height: 69px;
    float: right;
    text-align: right;
    font-family: Futura Md BT, Tahoma, Arial;
    font-size: 10px;
    width: 550px;


}

#head_right
{
    width: 100%;
    text-align: right;
}

#foot_info_container
{
    position:relative;
    top: -0px;
    left: 0px;
    height: 30px;
    float: right;
    text-align: right;
    font-family: Futura Md BT, Tahoma, Arial;
    font-size: 10px;

}


#foot_right
{
    position:relative;
    top: -0px;
    left: 0px;
    width: 540px;
    float: right;
    text-align: right;
}




#content
{
    width: 860px;
    height: 380px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    border: 2px solid #D6E7E7;

}

#content_container
{
    width: 800px;
    height: 380px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    border: 2px solid #BBBBBB;
    font-size: small;
}

.about_us_img
{
    float: left;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    /*font-weight: bold;*/
    font-size: x-small;
    text-transform: uppercase;
}

/*      CSS to vertically center the text content elements.     */
#outer {display: table; height: 365px;  #position: relative; overflow: hidden;}


#middle {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}


#inner { #position: relative; #top: -50%;}

/*      END CSS to vertically center the text content elements.     */

#about_us_text_inner
{
    margin-top: auto;
    margin-bottom: auto;
    max-height: 365px;
    border: 1px solid black;
}

#about_us_text_inner
{
    margin-top: auto;
    margin-bottom: auto;
    max-height: 365px;
    border: 1px solid black;
}

#beverage_bar_text_inner
{
    width: 700px;
    height: 300px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 365px;
    text-align: left;
    /*font-weight: bold;*/
}



#message_board
{
    font: 11px Futura Lt BT, Tahoma, Arial;
    width: 850px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}

.sep
{
    border: none;
    border-top: 1px solid #70736F;
    border-bottom: 1px solid #BBBBBB;
}

#footer_container
{
    float: left;
    height: 30px;
    width: 100%;
    text-align: right;
}

.selected
{
    color: #FFFFFF;
}


/*########### Pointers ###########*/
.pointer
{
    height: 15px;
    width: 1px;
    border-left: 2px solid #BBBBBB;
}

.homepnt
{
    border-left: 2px solid #D6E7E7;
    top:0px;
    left: 55px;
}


.about
{
    position: relative;
    top: 0px;
    left: 215px;
}

.services
{
    position: relative;
    top: 0px;
    left: 295px;
}

.bvgbar
{
    position: relative;
    top: 0px;
    left: 385px;
}

.music
{
    position: relative;
    top: 0px;
    left: 468px;
}

.promotions
{
    position: relative;
    top: 0px;
    left: 545px;
}

.socials
{
    position: relative;
    top: 0px;
    left: 645px;
}

.contact
{
    position: relative;
    top: 0px;
    left: 740px;
}

/******************* Navigation Menu *******************/
#menu_top
{
    width: 100%;
    float: left;
    text-transform: uppercase;
}
#menu_top ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#menu_top li
{
    float: left;
}


#menu_top a, #menu_top h2
{
    font: 11px Futura Md BT, Tahoma, Arial;
    display: block;
    margin: 0;
    padding-left: 11px;
    padding-right: 11px;
}

#menu_top h2
{
    color: #585957;
    text-transform: uppercase;
    padding-right: 0px;
}

#menu_top a
{
    color: #585957;
    text-decoration: none;
}

#menu_top a:hover
{
    color: #818480;
}

#menu_top a.home
{
    margin-left: 15px;
    margin-right: 117px;
    padding-right: 0px;
}

#menu_top a.right
{
    border-right: 2px solid #70736F;
}

/* Bottom Menu */
#menu_bottom
{
    width: 540px;
    float: right;
    text-transform: uppercase;
}
#menu_bottom ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#menu_bottom li
{
    float: left;
    font-family: Futura Lt BT, Tahoma, Arial;
    font-size:  xx-small;
    font-weight: bold;
    /*line-height: 30px;*/
}


#menu_bottom a, #menu_bottom div
{
    font-family: Futura Lt BT, Tahoma, Arial;
    /*display: block;*/
    font-size:  xx-small;
    font-weight: bold;
    /*line-height: 30px;*/
    margin: 0;
    padding-left: 3px;
    padding-right: 3px;

}

#menu_bottom span
{
    font-family: Futura Lt BT, Tahoma, Arial;
    font-size: xx-small;
    font-weight: bold;
    /*line-height: 30px;*/
    margin: 0;
    padding-left: 3px;
    padding-right: 3px;
}

#menu_bottom a
{
    /*color: #585957;*/
    color: #8E8787;
    text-decoration: none;
}

#menu_bottom a:hover
{
    color: #AAAAAA;
}

#menu_bottom a.right
{
    border-right: 2px solid #8E8787;
    /*line-height: 30px;*/
}

#menu_bottom div.end
{
    margin-right: none;
    padding-right: 0px;
    color: #8E8787;
}


#menu_bottom a.lead
{
  /*margin-left: 42px;*/
}