/*
Bizideo flash css file
*/

body {

	background: black;
	


}

a {

	color: black;


}

a:hover {

	color: gray;

}

/* h1 and P have been altered to appear better, this should also work just fine for the Mobile CSS **/

h1 {

       color: black;
       font-size: 20pt;
       text-align: center;
       
}

h2 {

       color: #0c6eb5;
       font-size: 16pt;
       
}

p {
       color: gray;
       font-size: 12pt;
       text-indent:10px;

}

/* Content Wrapper Starts Next, the menu sits inside the wrapper */

#content_wrapper {

        background-image: url(/rsc/img/bizideo_title);
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 150px;
        width: 982px;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -491px;        
              
}

#menu {

       background-color: #0c6eb5;
       width: 100%;
       padding-top: 10px;
       padding-bottom: 10px;
       text-align: center; 
}

#menu a{

       background-color: #0c6eb5;
       color: #b6fcff;
       font-family: "Times New Roman",Georgia,Serif;
       font-size: 12pt;
       text-align: center;
       padding-left: 20px;
       padding-right: 20px;
       padding-top: 10px;
       padding-bottom: 10px;
       margin: 0px;
       border: 0px;
       text-decoration:none; 
       font-weight: bold;
   
}

#menu a:hover {

       background-color: #71A9D1;
       color: white;
       font-family: "Times New Roman",Georgia,Serif;
       font-size: 12pt;
       text-align: center;
       padding-left: 20px;
       padding-right: 20px;
       padding-top: 10px;
       padding-bottom: 10px;
       margin: 0px;
       border: 0px;
       text-decoration:none;
       font-weight: bold; 

}

/** Notice is the disclaimer that pops up when java/flash is disabled or missing. **/

#notice {
        position: fixed;
        bottom: 0px;
        color: white;
        z-index: 10;
        padding-left: 40px;
        width: 952px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: url(/rsc/img/attention.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        font-style: italic;
        }
        
#notice a{
        color: white;
        }



/** There are seperate styles for the different "pages", this way once we have  we can control each little content box as needed. **/ 
   
#home {

        background-image: url(/rsc/img/bizideo_video_solutions_1.gif);
        background-position: bottom left;
        background-repeat: no-repeat;
        /** remove "height" if no longer needed to keep the faces visable, which might    occur if additional content is added **/
        height: 370px;
        padding: 10px;
        padding-left: 170px;
        padding-bottom: 140px;
        border-top: solid;
        border-color: gray;

}

#solutions {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_8.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 220px;

} 

#about {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_3.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 120px;
        padding-right: 130px;
        height: 400px;

} 

#partners {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_6.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 120px;
        height: 400px;
        text-align: center;

} 

#news {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_2.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-left: 330px;
        padding-bottom: 100px;
        height: 400px;

}  

#contact {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_7.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 120px;
        height: 400px;
        text-align: center;

}  

#my_bizideo {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_5.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-right: 100px;
        padding-bottom: 120px;
        height: 400px;

} 

#bios {

        background-color: white;
        padding: 10px;
        border-top: solid;
        border-color: gray;
        background-image: url(/rsc/img/bizideo_video_solutions_9.jpg);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-bottom: 130px;

}

#copyright {

        text-align: center;
        color: gray;

}  