/* Documentation - CSS by Derek Kramer www.dkramerproduction.com Special thanks to Robbie Conaway www.rcpopart.com Copyright 2008 MovieTraX, Inc. All Rights Reserved */ a:link { color: #00215b; text-decoration: none; } a:visited { color: #000033; text-decoration: none; } a:hover { color: #000033; text-decoration: underline;} a:active { color: #000033; text-decoration: none;} body { color: #fff; background-color: #fff; background-image: url("images/bkg.gif"); background-repeat: repeat-x; text-align: center; margin: 0 auto; padding: 0 } .hidden { display: none } /* Navigation */ #menu { text-align: left; display: block; margin: 0; padding: 0; position: relative; top: 0px; width: 0px; height: 28px; } #menu_items { font-size: 0.85em; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: bold; line-height: 1.75em; text-decoration: none; background-position: left top; vertical-align: top; display: block; position: relative; left: 0px; width: 600px; height: 28px; float: left } #menu ul li { list-style: none; display: inline; margin: 0; padding: 0 } #menu_items a:hover { color: #ccc; font-family: "Century Gothic", Verdana, Arial, sans-serif; text-decoration: none; background-position: left top; } .no_bullet { list-style-type: none; width: 600px;} ul {margin-left: 10px; padding-left: 0;} li { list-style-type: none } .nav { display: block; position: relative; width: 60px; height: 20px; float: left; } .nav1 { display: block; position: relative; width: 70px; height: 20px; float: left; } .nav2 { display: block; position: relative; width: 100px; height: 20px; float: left; } .nav3 { display: block; position: relative; width: 130px; height: 20px; float: left; } /* Page Layout*/ #header { background-image: url("images/header_bkg_01.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 auto; padding: 0; width: 800px; height: 134px } #header2 { background-image: url("images/header_bkg_02.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 auto; padding: 0; width: 800px; height: 134px } #wrapper { background-color: #FFFFFF; position: relative; text-align: left; margin: 0 auto; padding: 0; width: 800px; height: auto; } #spacer { background-image: url("images/rule_550.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 550px; height: 30px; float: none; } #spacer1 { background-image: url("images/rule_400.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 400px; height: 30px; float: none; } #spacer3 { display: block; margin: 0; padding: 0; width: auto; height: 100px; float: none; } #container { text-align: left; margin: 0; padding: 0; width: 800px; height: auto; float: left } #container1 { text-align: left; margin: 0; padding: 0; width: 800px; height: 300px; float: left } #section1 { background-image: url("images/body_bkg_02.gif"); background-repeat: no-repeat; text-align: left; display: block; margin: 0; padding: 0; position: relative; top: 0; width: 800px; height: auto; float: left } #section2 { text-align: left; display: block; margin: 0; padding: 0; position: relative; top: 0; width: 800px; height: auto; float: left } .title1 { background-image: url("images/home_ID.gif"); background-repeat: no-repeat; display: block; margin: 8px; padding: 0; width: 144px; height: 50px; float: left; margin-top: 15px; } .title2 { background-image: url("images/catalogue_ID.gif"); background-repeat: no-repeat; display: block; margin: 8px; padding: 0; width: 200px; height: 50px; float: left; margin-top: 35px;} .title3 { background-image: url("images/legal_ID.gif"); background-repeat: no-repeat; display: block; margin: 8px; padding: 0; width: 144px; height: 50px; float: left; margin-top: 35px;} .title4 { background-image: url("images/who_ID.gif"); background-repeat: no-repeat; display: block; margin: 5px; padding: 0; width: 190px; height: 50px; float: left; margin-top: 35px;} .title5 { background-image: url("images/contact_ID.gif"); background-repeat: no-repeat; display: block; margin: 8px; padding: 0; width: 165px; height: 50px; float: left; margin-top: 35px;} .address { background-image: url("images/address.gif"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 214px; height: 84px; float: left; margin-top: 70px;} .email { text-align: center; display: block; margin: 0px; padding: 0; width: 250px; height: 10px; float: center; margin-top: 0px;} #footer { background-image: url("images/footer_bkg.gif"); margin: 0; padding: 0; position: relative; width: 800px; height: 36px; float: left } /* Page Content/Formating */ #flash1 { display: block; position: relative; left: 0px; width: 550px; height: 300px; float: right; margin-right: 20px; } #textblock1 { display: block; position: relative; left: 0px; width: 550px; height: auto; float: right; margin-right: 20px; } #textblock2 { display: block; position: relative; text-align: left; width: 216px; height: auto; float: left; } #textblock3 { display: block; position: relative; width: 750px; height: auto; float: center; margin-left: 15px; } #textblock4 { display: block; position: relative; left: 0px; width: 420px; height: 20px; float: right; } .text1 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: .8em; line-height: 1.5em; text-decoration: none; text-align: left; vertical-align: top; font-weight: 100; } .text2 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: .8em; line-height: 1.5em; text-decoration: none; text-align: left; vertical-align: top; font-weight: bold;} .text3 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: .8em; line-height: 1.5em; text-decoration: none; text-align: left; vertical-align: top; font-weight: bold; margin-left: 2px; } .headline1 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: bold; font-size: 1.25em; line-height: 1.1em; text-decoration: none; text-align: center; vertical-align: top; margin-top: 20px;} .headline1a { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: bold; font-size: 1.25em; line-height: 1.1em; text-decoration: none; text-align: center; vertical-align: top; margin-top: 20px; margin-bottom: 2px; } .headline2 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-style: oblique; font-weight: bold; font-size: .85em; line-height: 1.5em; text-decoration: none; text-align: center; vertical-align: top; margin-left: 8px;} .headline3 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: bold; font-size: .75em; line-height: 1.5em; text-decoration: none; text-align: center; vertical-align: top; } .headline4 { color: #000033; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-weight: bold; font-size: .85em; line-height: 1.5em; text-decoration: none; text-align: left; vertical-align: top; } .picture1 { background-image: url("images/Frankie.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 110px; height: 130px; float: left; } .picture2 { background-image: url("images/Liz.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 110px; height: 130px; float: left; } .picture3 { background-image: url("images/LSM.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 110px; height: 130px; float: left; } .footer1 { color: #666666; font-family: "Century Gothic", Verdana, Arial, sans-serif; text-align: left; font-size: 0.50em; line-height: 4em; left: 8px; margin: 0; padding: 0; position: relative; width: 300px; height: 36px; float: left; } .footer2 { color: #666666; font-family: "Century Gothic", Verdana, Arial, sans-serif; text-align: right; font-size: 0.70em; line-height: 4em; right: 8px; margin: 0; padding: 0; position: relative; width: 300px; height: 36px; float: right; }