/*
Filename: 				common.css
Author:                 Domenic Polsoni (FABUmarketing.com)
Date Created: 			2010/01/06
Purpose: 				The common style sheet that will be used throughout the site. All common elements are shared here.
History:
*/

a:link	    {color: #fff; text-decoration: none}
a:visited	{color: #fff; text-decoration: none}
a:hover	    {color: #fed211; text-decoration: none}
a:active    {color: #fe0000; text-decoration: none}

a:link.content	    {color: #0054a6; text-decoration: none}
a:visited.content	{color: #0054a6; text-decoration: none}
a:hover.content	    {color: #fe0000; text-decoration: none}


a:link.footerLink	    {color: #fff; text-decoration: underline}
a:visited.footerLink	{color: #fff; text-decoration: underline}
a:hover.footerLink	    {color: #fed211; text-decoration: underline}
a:active.footerLink     {color: #fe0000; text-decoration: underline}

body    {
    margin: 0 auto; padding: 0;
	color: #fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    background: #000 url('/images/common/bg_curtains.jpg') no-repeat center top;
}

/* Clear floats */
.clear	{
	clear: both;
}

/* removes all borders on linked images */
img	{
	border: 0;
}

/**
 *  Provides the border for the navigation
 *  - don't have to create another bg_curtains for the entire page
 *  - saves load time
**/
#upperNavBorder   {
    position: absolute;
    top: 0; left: 0;
    height: 31px;
    width: 100%;
    background: url('/images/common/bg_curtains_nav.png') no-repeat center top;
    z-index: 0;
}

/** Main container **/
#container  {
    width: 968px;
    position: relative;
    margin: 0 auto; padding: 0;
    border: 0px solid #fff;
    z-index: 1;
}
    /** Header - navigation **/
    #header {
        position: absolute;
        top: 0; left: 0;
        height: 31px;
        border: 0px solid #fff;
        width: 100%;
        z-index: 10;
    }
        ul#navbar {
			padding: 0; margin: 0 auto;
            width: 690px; height: 31px;
            border: 0px solid #fff;
            list-style-type: none;
            overflow: hidden;
        }
            ul#navbar li    {
                float: left;
				overflow: hidden;
				height: 31px;
            }
				ul#navbar li a	{
					display: block;
					height: 31px;
				}
			li#home a	{background: url('/images/common/navbar.png') no-repeat 0px -62px; width: 66px;}
			li#home a:hover {background: url('/images/common/navbar.png') no-repeat 0px -31px; width: 66px;}
			li#homeOn {background: url('/images/common/navbar.png') no-repeat 0px 0px; width: 66px;}

			li#premiereParty a	{background: url('/images/common/navbar.png') no-repeat -66px -62px; width: 140px;}
			li#premiereParty a:hover {background: url('/images/common/navbar.png') no-repeat -66px -31px; width: 140px;}
			li#premierePartyOn {background: url('/images/common/navbar.png') no-repeat -66px 0px; width: 140px;}

			li#supperClub a	{background: url('/images/common/navbar.png') no-repeat -206px -62px; width: 167px;}
			li#supperClub a:hover {background: url('/images/common/navbar.png') no-repeat -206px -31px; width: 167px;}
			li#supperClubOn {background: url('/images/common/navbar.png') no-repeat -206px 0px; width: 167px;}

			li#location a	{background: url('/images/common/navbar.png') no-repeat -373px -62px; width: 81px;}
			li#location a:hover {background: url('/images/common/navbar.png') no-repeat -373px -31px; width: 81px;}
			li#locationOn {background: url('/images/common/navbar.png') no-repeat -373px 0px; width: 81px;}

			li#childrenSmile a	{background: url('/images/common/navbar.png') no-repeat -454px -62px; width: 154px;}
			li#childrenSmile a:hover {background: url('/images/common/navbar.png') no-repeat -454px -31px; width: 154px;}
			li#childrenSmileOn {background: url('/images/common/navbar.png') no-repeat -454px 0px; width: 154px;}

			li#sponsors a	{background: url('/images/common/navbar.png') no-repeat -608px -62px; width: 82px;}
			li#sponsors a:hover {background: url('/images/common/navbar.png') no-repeat -608px -31px; width: 82px;}
			li#sponsorsOn {background: url('/images/common/navbar.png') no-repeat -608px 0px; width: 82px;}

    /** End of header **/

    /** Main box with both images and content **/
    #main   {
        position: relative;
		padding: 31px 0 0 0;
        position: relative;
        height: 516px;
		background: url('/images/common/mic_easel_bg.jpg') no-repeat bottom center;
    }
		#callToAction	{
			position: absolute;
			top: 193px; left: 60px;
		}
        #contentBox {
            position: absolute;
            right: 47px; top: 150px;
            width: 430px; height: 340px;
            color: #000;
            border: 0px solid #000;
            z-index: 10;
        }
            #contentTitle   {
                border: 0px solid #000;
                height: 19px; width: 300px;
                margin: 10px auto 0 auto;
                text-align: center;
            }
                #contentTitle #leftStar  {
                    padding: 0 5px 3px 0;
                }
                #contentTitle #rightStar  {
                    padding: 0 0 3px 5px;
                }
            #content    {
                display: block;
                width: 400px; height: 290px;
                border: 0px solid #000;
                margin: 15px 0 0 13px; padding: 0 10px 0 0;
                line-height: 14px;
                overflow: auto;
            }
                #content p  {
                    margin: 0 0 10px 0;
                }
                    #content p span {
                        margin: 0 10px 0 0;
                    }
                #content #map  {
                    width: 276px;
                    margin: 0 auto;
                }
                    #content #map span   {
                        display: block;
                        padding: 2px 0 0 2px;
                    }
                #content img    {
                    display: block;
                    margin: 0 auto;
                }
    /** End of main box **/

    /** Border above footer (for some pages ) **/
    #borderBottom   {
        display: block;
        overflow: hidden;
    }
         #borderImage {
            width: 693px;
            float: left;
        }
    /** End of border **/

    /** Footer **/
    #footer {
        position: relative;
        border: 0px solid #fff;
        text-align: center;
		margin : 20px 0 0 0;
    }
        #socialNetworking   {
            margin: 0 auto; padding: 10px 0;   /* Need the padding to appease Opera 9+ */
            border: 0px solid #fff;
            width: 320px;
            text-align: center;
            overflow: hidden;
        }
            #socialNetworking a   {
                display: block;
                float: left;
                border: 0px solid #fff;
                padding: 0; margin: 0;
                text-align: left;
                overflow: hidden;
            }
                #socialNetworking a img   {
                    display: block;
                    float: left;
                    width: 39px;
                }
                #socialNetworking a #facebookIcon   {
                    padding: 0 0 0 20px;
                }
                #socialNetworking a span.sn   {
                    display: block;
                    padding: 10px 0 0 10px;
                    border: 0px solid #fff;
                    cursor: pointer;
                    float: left;
                }
                #socialNetworking a span#fbText{
                    width: 85px;
                }
                #socialNetworking a span#twitterText{
                    width: 115px;
                }
        #footerContent {
            margin: 0 auto;
            font: normal 10px/14px arial, helvetica, san-serif;
            border: 0px solid #fff;
            width: 250px;
            overflow: hidden;
        }
            #footerText {
                width: 216px;
                float: left;
            }
            #footerText2 {
                margin: 5px 0 0 0;
                width: 216px;
                float: left;
            }
            #footerContent img  {
                float: left;
            }
    /** End of footer **/
/** End of main container **/