body/* CSS Document */ { margin: 0; padding: 0; font-size:11px; font-family: arial, helvetica, verdana, sans; color: #black; background-color:#333333; line-height: 14px; } .bodybold { font-family: arial, helvetica, verdana, sans; font-size: 11px; color: black; font-weight: bold; } a:hover{text-decoration:underline} h1, h2 { font-family: Helvetica,Arial,Verdana,sans-serif; } h1,h2,h3,h4 { color: #333333; font-weight: bold; } h1 a, h2 a, h3 a { color: #FFF; } h1{ } h2{ font-size: 1.25em; line-height: 1.2em; } h3{ font-size: 11px; color: #000000; text-transform: uppercase; font-style: italic; } h4{ font-size: 13px; color: #333333; } .presslist { list-style-position: outside; list-style-type: disc; } .headline {font-family: arial, helvetica, verdana, sans; font-size: 13px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: black; padding: 50px 0px 0 0;} .headlineblack { font-family: arial, helvetica, verdana, sans; font-size: 11px; text-transform: uppercase; font-weight: bold; } .headlinetan { font-family: arial, helvetica, verdana, sans; font-size: 20px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #AF9A81; } .header {font-family: arial, helvetica, verdana, sans; font-size: 10px; font-weight: bold; color: #000000; text-transform: uppercase;} .headerred { font-family: arial, helvetica, verdana, sans; font-size: 12px; font-size: text-transform: uppercase; font-weight: bold; color: #CC0000; text-transform: uppercase; padding: 100 0px 0 0; } .tanarrows {font-family: arial, helvetica, verdana, sans; font-size: 12px; font-size: text-transform: uppercase; font-weight: bold; color: #EAD9A7; text-transform: uppercase; padding: 100 0px 0 0; } .titlered { font-family: arial, helvetica, verdana, sans; font-size: 15px; font-size: text-transform: uppercase; font-weight: bold; color: #F72602; text-transform: uppercase; padding: 100 0px 0 0; } .textwhite { font-family: arial, helvetica, verdana, sans; font-size: 11px; color: #FFF; text-transform: none; font-weight: normal; } .linktan {font-family: arial, helvetica, verdana, sans; font-size: 10px; text-decoration: none; color: #CE1717; text-transform : uppercase; padding-left : 10px;} .linksmallred {font-family: arial, helvetica, verdana, sans; font-size: 9px; text-decoration: none; color: #F72602;} .linkred {font-family: arial, helvetica, verdana, sans; font-size: 13px; text-decoration: none; color: #CE1717; font-weight: bold; text-transform : uppercase;} .navfootersmall { font-family: arial, helvetica, verdana, sans; font-size: 9px; text-transform: lowercase; text-decoration: none; color: #666666; letter-spacing : .5px; padding-left : 0px; word-spacing : 10px; margin: 0 100px 0 20px; } .navcategory { font-family: arial, helvetica, verdana, sans; font-size: 10px; text-transform: capitalize; text-decoration: none; color: #666666; letter-spacing : 0.15em; padding-left : 0px; word-spacing : 10px; } .navsubcategory { font-family: arial, helvetica, verdana, sans; font-size: 9px; text-transform: uppercase; text-decoration: none; color: #666666; letter-spacing : 0.05em; padding-left : 0px; word-spacing : 0.15em; } .legal {font-family: arial, helvetica, verdana, sans; font-size: 9px; color: #666666; margin: 0 20px 0 0;} .search { margin-left: 525px; font-family: arial, helvetica, verdana, sans; font-size: 12px; text-decoration: none; color: #D80505; font-weight: bold; text-transform : uppercase; line-height : 7; } hr {height: 1; color: #000000; background-color: #FFFFFF; border: none;} hr.grayblack { height: 1; color: #333333; background-color: #FFFFFF; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } hr.white {height: 1; color: #FFFFFF; background-color: #FFFFFF; border: none;} hr.dotted { width: 610px; height: 1; color: #F72602; background-color: #FFFFFF; border-top: 1px dashed; clear: all; margin-top: 2em; } hr.dottedtan { height: .5; color: #CBB69E; background-color: #FFFFFF; border-top: .5px dashed; clear: all; } hr.dark {height: 1; color: #999999; background-color: #999999; border: none; clear: all;} /* CONTENT */ #share { margin-left: 260px; border: 1px; padding-top: 10px; padding-right: 1px; padding-bottom: 1px; width: 610px; } #DIVcontainer { width: 1040px; background-color: #fff; color: #333; border: 0px; position: absolute; z-index: 0; } #DIVheader { padding: 0.5em; background-color: #E5E5E5; background-image: url(../Images/24fps_logo.gif); background-repeat: no-repeat; background-position: left; height: 100px; } #DIV24fpslogo {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:150px; height:100px; border:0px solid; float: left;} #DIVnavcontainer { position: relative; left: 0px; top: 4px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-bottom: 30px; clear: none; overflow: visible; z-index: 1000; } #DIVleftspacer { margin-left: 750px; padding: 1em; background-color: #fff; } #DIVtitle { margin-left: 250px; padding: 1em; background-color: #fff; } #DIVimagecontainer { padding: 0.5em; background-color: #000; border: 0px; position: relative; clear: both; z-index: 10; } #DIVclientcontainer { padding: 0.5em; background-color: #000; border: 0px; z-index: 10; position: relative; float: left; clear: right; height: auto; width: 100%; } #DIVclientlistcontainer { padding: 0.5em; background-color: #000; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: dotted; border-right-color: #999999; width: 200px; float: left; } #clientlistgraycontainer { padding: 0.5em; background-color: #999999; border: 0px; float: left; } #hpcontent { background-color: #000; border: 0px; } #DIVimages { padding: 0.5em; background-color: #000; border: 0px; position: relative; left: 250px; top: 1px; width: 651px; clear: both; z-index: 10; } #DIVleftcontent { float: left; width: 250px; margin: 0; border: 0px; padding-top: 12em; padding-right: 0em; padding-bottom: 0em; padding-left: 2px; } .mediaboxleft { border-bottom-color:#333333; border-top-color:#333333; float: left; position: relative; visibility: inherit; width: 340px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 20px; color: #000000; } .mediaboxright { float: right; border: 0px; width: 89px; background-color: #FFFFFF; height: 116px; margin: 0; padding: 0px; } .mediabox { background-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FF004F; height: 200px; width: 480px; padding-right: 20px; margin: 0px; position: relative; } .centerbox { background-color: #FFFFFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #C6C48E; border-bottom-color: #C6C48E; padding: 10px; margin-top: 20px; margin-bottom: 10px; font-size: 14px; font-weight: bold; text-align: center; line-height: 18px; } .clear { clear: both; } #DIVcontent { margin-left: 260px; width: 610px; border: 1px; padding-top: 10px; padding-right: 1px; padding-bottom: 1px; padding-left: 0px; } /* inner drop down elements */ #inner{ width: 610px; text-align: left; background-color: #000000; clear: both; float: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #sidebar { float: right; background: #000; /* top and bottom padding create visual space within this div */ z-index: 100; padding-top: 15px; padding-right: 0; padding-bottom: 15px; position: absolute; left: 610px; width: 300px; } #sidebar1 h3, .twoColLiqRt #sidebar1 p { margin-left: 2px; /* the left and right margin should be given to every element that will be placed in the side columns */ margin-right: 10px; } /* Tips for mainContent: 1. the space between the mainContent and sidebar1 is created with the right margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this right margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. 2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images). 3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs. */ #flashmovie { padding: 15px; position: relative; left: -6px; margin-top: 0; margin-right: 5%; margin-bottom: 0; margin-left: 5px; width: 300px; } #contentholder { margin: 20px 0 250px 0; padding: 0; background-color: #000000; } #homepagecontent { margin: 0; padding: 0; width: 800px; background-color: #000; z-index: 100; } #DIVmediacontainergray { position: relative; width: 610px; height:auto; background-color: #666666; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 6px; padding: 1px; z-index: 50; } #DIVmediacontainertan { position: relative; width: 610px; height:auto; border: 0px; background-color: #999999; padding: 1px; margin-top: 6px; z-index: 50; } #DIVmediacontainerbrown { position: relative; width: 610px; height:auto; border: 0px; background-color: #CCCCCC; padding: 1px; margin-top: 6px; z-index: 50; } /* FOOTER */ #footer { clear: both; margin: 0; color: #333; background-color: #000000; height: 20px; padding-top: 1.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-width: thin; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-top-color: #333; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; } #footerinfo { clear: both; margin: 0; color: #333; background-color: #000000; height: 180px; padding-top: 1.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; border-top-width: thin; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-top-color: #333; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; } a:link { color: #F00; text-decoration: none; } a:visited { text-decoration: none; color: #FF0000; } a:hover { text-decoration: none; color: #999999; } a:active { text-decoration: none; color: #666666; } .description { background-color: #E8E8E8; vertical-align: top; padding: 20px; float: left; margin-left: 100px; } #footerproductions { padding: 0; border: 0px; float: left; width: 190px; background-color: #000; height: 180px; } #footerabout { padding: 0; border: 0px; float: left; width: 190px; background-color: #000; height: 180px; } #footereditrent { padding: 0; border: 0px; float: left; width: 190px; background-color: #000; height: 180px; } #footercontact { border: 0px; float: left; width: 450px; background-color: #000; height: 180px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } #footercopyright { padding: 0.5em; border: 0px; float: left; width: 300px; clear: both; } .image { width: 89px; float: left; clear: none; } #social { } #newslettersignup { float: left; width: 150px; }