/* BODY STYLE - this is the code for the page style and housing as well as the hyperlink colors; font sizes and styles are defined by the font classes. */
body{
background-color:#FFFFFF;
margin:0;
padding:0;
}

a:link {color: #0066FF; outline:none; text-decoration:none; font-family:Verdana,Arial;}
a:visited {color: #0066FF; outline:none; text-decoration:none; font-family:Verdana,Arial;}
a:hover {color: #0000FF; outline:none; text-decoration: none; font-family:Verdana,Arial;}
a:active {color: #0000AA; outline:none; text-decoration:none; font-family:Verdana,Arial;}

a.tooltip:link {color: #000000; outline:none; text-decoration:none;}
a.tooltip:visited {color: #0000FF; outline:none; text-decoration:none;}
a.tooltip:hover {color: #00000F; outline:none; text-decoration:underline;}
a.tooltip:active {color: #00000F; outline:none; text-decoration:none;}

.housing {
position: absolute;
width:1000px;
top:0px;
left:50%;
padding:0px;
margin:0 0 0 -500px;
overflow: visible;
z-index:1;
font:bold 12px Verdana,Arial;color:#FFFFFF;
height:1000px;
/*background-image: url('http://www.bluebirdfilms.com/images/background_24.png');
background-repeat:repeat;
background-attachment:fixed;*/
}




.housing2 {
position: fixed;
width:1010px;
top:0px;
left:50%;
padding:0px;
margin:0 0 0 -500px;
overflow: visible;
z-index:0;
font:bold 12px Verdana,Arial;color:#FFFFFF;
height:100%;
/*background-image: url('http://www.bluebirdfilms.com/images/background_24.png');
background-repeat:repeat;
background-attachment:fixed;*/
}

.housing3 {
position: absolute;
width:1010px;
top:0px;
left:50%;
padding:0px;
margin:0 0 0 -500px;
overflow: visible;
z-index:0;
font:bold 12px Verdana,Arial;color:#FFFFFF;
/*height:100%;*/
/*background-image: url('http://www.bluebirdfilms.com/images/background_24.png');
background-repeat:repeat;
background-attachment:fixed;*/
}

.featurehousing {
position: absolute;
width:620px;
top:0px;
left:50%;
padding:0px;
margin:0 0 0 -310px;
overflow: visible;
z-index:0;
font:bold 12px Verdana,Arial;color:#FFFFFF;
}

.videodetailshousing {
position: absolute;
width:500px;
top:0px;
left:50%;
padding:0px;
margin:0 0 0 -250px;
overflow: visible;
z-index:0;
font:bold 12px Verdana,Arial;color:#FFFFFF;
}

/* END BODY STYLE */


/* OPACITY ROLLOVER -- in addition to the DOM rollover script (rollover.js) here is an opacity rollover using CSS */


.cssrollover:link, .cssrollover:visited
{
	/* seems to prevent flickering in Mozilla-based browsers */
	opacity:0.999;
}
.cssrollover:active, .cssrollover:hover, .cssrollover:focus
{
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
}



/* END OPACITY ROLLOVER */


/* FONTS - these classes represent common font styles */
.gray6, .gray8, .gray10, .gray12, .gray14, .gray16, .gray18, .gray20, .gray30, .gray40, .gray50 {color:#FFFFFF;font-family:Verdana,Arial;font-weight:bold;}
.gray6 { font-size:6px; }
.gray8 { font-size:8px; }
.gray10 { font-size:10px; }
.gray12 { font-size:12px; }
.gray14 { font-size:14px; }
.gray16 { font-size:16px; }
.gray18 { font-size:18px; }
.gray20 { font-size:20px; }
.gray30 { font-size:30px; }
.gray40 { font-size:40px; }
.gray50 { font-size:50px; }

.blu6, .blu8, .blu10, .blu12, .blu14, .blu16, .blu18, .blu20, .blu30, .blu40, .blu50 {color:#0066FF;font-family:Verdana,Arial;font-weight:bold;}
.blu6 { font-size:6px; }
.blu8 { font-size:8px; }
.blu10 { font-size:10px; }
.blu12 { font-size:12px; }
.blu14 { font-size:14px; }
.blu16 { font-size:16px; }
.blu18 { font-size:18px; }
.blu20 { font-size:20px; }
.blu30 { font-size:30px; }
.blu40 { font-size:40px; }
.blu50 { font-size:50px; }

.pink6, .pink8, .pink10, .pink12, .pink14, .pink16, .pink18, .pink20, .pink30, .pink40, .pink50 {color:#FF00FF;font-family:Verdana,Arial;font-weight:bold;}
.pink6 { font-size:6px; }
.pink8 { font-size:8px; }
.pink10 { font-size:10px; }
.pink12 { font-size:12px; }
.pink14 { font-size:14px; }
.pink16 { font-size:16px; }
.pink18 { font-size:18px; }
.pink20 { font-size:20px; }
.pink30 { font-size:30px; }
.pink40 { font-size:40px; }
.pink50 { font-size:50px; }

.whit6, .whit8, .whit10, .whit12, .whit14, .whit16, .whit18, .whit20, .whit30, .whit40, .whit50 {color:#FFFFFF;font-family:Verdana,Arial;font-weight:bold;}
.whit6 { font-size:6px; }
.whit8 { font-size:8px; }
.whit10 { font-size:10px; }
.whit12 { font-size:12px; }
.whit14 { font-size:14px; }
.whit16 { font-size:16px; }
.whit18 { font-size:18px; }
.whit20 { font-size:20px; }
.whit30 { font-size:30px; }
.whit40 { font-size:40px; }
.whit50 { font-size:50px; }

.red12 { font: bold 12px Verdana,Arial; color:#FF0000; }
.blk16 { font: bold 16px Verdana,Arial; color:#000000; }
.yello14 { font:bold 14px Verdana,Arial; color:#FFCC00; }
.orange12 { font:bold 12px Verdana,Arial; color:#FF5500; }
.red12 { font:bold 12px Verdana,Arial; color:#FF0000; }
/* END FONTS */

/* SPACERS - these classes are for layout spacing. These should never be used for any thumbnail templates or product list spacing. Those spacers are built dynamically. */
/* horizontals */
.h5, .h10, .h20, .h30, .h40, .h50 {float:left;}

.h5 { width:5px; }
.h10 { width:10px; }
.h20 { width:20px; }
.h30 { width:30px; }
.h40 { width:40px; }
.h50 { width:50px; }
/* end horizontals */
/* verticals */
.v5, .v10, .v20, .v30, .v40, .v50 {position:relative; clear:both; width:100%;}

.v5 { height:5px }
.v10 { height:10px }
.v20 { height:20px }
.v30 { height:30px }
.v40 { height:40px }
.v50 { height:50px }
/* end verticals */
/* END SPACERS */

/* LAYOUT DIVS - These classes are for different(unique) divs throughout the layout. They have self-explanitory names for the most part. */

/*splash page*/
.splashimage {float:left; width:1000px;}
.splasherrortext { position:absolute; overflow:visible; top:650px; left:250px; width:500px; z-index:6; text-align:center; }
/*end splash page*/

/* jenna page */
.jennabackground { width:1000px;height:700px;float:left;z-index:3; }
.jennamovie { position:absolute; top:415px; left:140px; width:720px; height:500px; z-index:5; }
/* end jenna page */

/*header*/
.header {z-index:1;width:1000px;height:300px;background-color:#000000;background-image: url('http://www.bluebirdfilms.com/images/background_24.png');background-repeat:repeat;}
.header1 {z-index:1;width:1000px;height:250px;background-color:#FFFFFF;}
.loginlinks{z-index:2;position:absolute;top:10px;left:110px;width:420px;text-align:center;color:#FF00FF;}
.navlinks{z-index:2;position:absolute;text-align:right;top:200px;left:0px;width:990px;padding-right:10px;}
.tagline{z-index:2;position:absolute;top:200px;left:80px;}
.headersearch { z-index:2;position:absolute;top:260px;left:30px; }
.headerloginform { width:70px;background:#000000;border:1px solid #FF00FF;margin:0;padding:1px;color:#FF00FF; }
.headerloginform1 { width:70px;background:#FFFFFF;border:0px solid #999999;margin:0;padding:1px;color:#FF00FF; }
/*end header*/


/* register page */
.registerwrapper {float:left;width:500px;}
.registerhead{ width:90%;background:#FFCC00;border:solid 1px red;text-align:center;padding:5px; };
.registerform{ width:300px;text-align:right; }
.registerlegal { text-align:left;padding:5px;height:300px;width:80%;border:solid 1px #00AAFF;overflow:auto; }
/* end register page */

/*about page*/
.aboutwrapper {float:left;width:940px;}
.aboutheader { position: relative; clear:both; text-align:center; width:100%;height:105px; }
.aboutimage { float:left; width260px; height:700px; }
.aboutcontent { float:left; width:550px; text-align:left; }
/* end about page */


/*pics page*/
.gallerycontentthumb { float:left; width:152px; }
.gallerycontentimage { width:152px; height:215px;border: 1px solid rgb(255,255,255); }
.gallerycontenttitle { text-align:center; }
/*end pics page*/


/*angels page*/
.angelsfeatured { width:1000px; overflow:visible; text-align:center;}
.angelsbio { float:left; width:960px;}
.angelsimage { width:600px; height: 200px; float:left; background:#FFFFFF; }

.angelsdescrtext { text-align:right; float:right; width:300px; font: bold 12px Verdana,Arial; color:#666666; }
/*end angels page*/

/*search page*/
.searchquery { text-align:left; height:40px; font: bold 30px Verdana,Arial; color:#666666; }
/*end search page*/

/*library page*/
.libraryfilters { text-align:right; font-family:Verdana,Arial; }
.libraryheader { text-align:center; }
.librarysubheader { text-align:center; }
/*end library page*/


/* footer */
.footervspace { position:relative; clear:both;width:100%;height:10px; }
/* end footer */

/* "gray box" */
.grayboxend, .grayboxright, .grayboxleft, .grayboxtable { }
.grayboxend { position:relative;clear:both;height:18px;width:100%; }
.grayboxright { float:right; }
.grayboxleft { float:left; }
.grayboxtable { clear:both;width:100%; margin:0;padding:0;spacing:0;border:0px solid #0066FF;}
/*end gray box */


/* END CONTENT DIVS */


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}




.movietitles { float:left; width:960px; }

.boxcover { float:left; width:240px; height:350px; }

.text_back {
/*background-color: #333;
background-image: url('http://www.bluebirdfilms.com/images/text_back.png');*/
margin:0 30px 0 0;
padding:5px 30px 5px 30px;
/*height:100%;
background-image: url('http://www.bluebirdfilms.com/images/background_24.png');
background-repeat:repeat;
background-attachment:fixed;*/
}

.text_back1 {

/*background-image: url('http://www.bluebirdfilms.com/images/text_back.png');*/
margin:0 30px 0 720px;
padding:5px 30px 5px 30px;

}

.text_back2 {

/*background-image: url('http://www.bluebirdfilms.com/images/text_back.png');
margin:0 30px 0 720px;
padding:5px 30px 5px 30px;
*/
}

.text_back3 {

/*background-image: url('http://www.bluebirdfilms.com/images/text_back.png');
margin:0 30px 0 720px;
padding:5px 30px 5px 30px;
*/
}