/********************************* * common.css * MediaFact.com * Created: 12/12/05 * Programmer: Ryan Herndon, * Ceatus Media Group * rherndon@ceatus.com *********************************/ * { padding: 0; margin: 0; border: 0; } html { min-height: 100%; margin: 0 0 1px; } body { background: url(../images/bg-body.gif) repeat-x 0 0 #099acf; font: 11px verdana, helvetica, sans-serif; text-align: center; } a { font-weight: bold; text-decoration: underline; } a:link { color: #052753; } a:visited { color: #083E83; } a:hover { color: #b20101; text-decoration: none; } #container { position: relative; margin: 0 auto; width: 740px; background: url(../images/bg-container.gif) repeat-y 0 0; text-align: left; } #head { position: relative; top: 0; float: left; width: 740px; height: 113px; background: url(../images/head.jpg) no-repeat 0 0; } #logo { position: relative; left: 0; top: 38px; width: 314px; height: 75px; } #navback { position: relative; float: left; width: 740px; height: 79px; background: url(../images/bg-headnav.gif) no-repeat 0 0; top: 0; left: 0; } #nav { position: relative; width: 740px; height: 17px; top: 0; left: 2px; } #nav li { display: block; float: left; position: relative; left: 449px; top: 1px; list-style: none; height: 17px; width: 100px; } #nav li a { cursor: pointer; width: 100px; height: 17px; position: relative; left: 0; display: block; overflow: hidden; } #nav li strong { position: absolute; left: 0; top: 0; z-index: 1; height: 17px; } #nav li.home, #nav li.home a, #nav li.home strong { background: url(../images/nav.gif) no-repeat 0 0; width: 60px; } #nav li.home a:hover strong { background: url(../images/nav.gif) no-repeat 0 -17px; } #nav li.homeon, #nav li.homeon a, #nav li.homeon a strong { background: url(../images/nav.gif) no-repeat 0 -17px; width: 60px; } #nav li.about, #nav li.about a, #nav li.about strong { background: url(../images/nav.gif) no-repeat -60px 0; width: 79px; } #nav li.about a:hover strong { background: url(../images/nav.gif) no-repeat -60px -17px; } #nav li.abouton, #nav li.abouton a, #nav li.abouton a strong { background: url(../images/nav.gif) no-repeat -60px -17px; width: 79px; } #nav li.recommend, #nav li.recommend a, #nav li.recommend strong { background: url(../images/nav.gif) no-repeat -139px 0; width: 148px; } #nav li.recommend a:hover strong { background: url(../images/nav.gif) no-repeat -139px -17px; } #nav li.recommendon, #nav li.recommendon a, #nav li.recommendon a strong { background: url(../images/nav.gif) no-repeat -139px -17px; width: 148px; } #nav li.search, #nav li.search a, #nav li.search strong { background: url(../images/nav.gif) no-repeat -287px 0; width: 73px; } #nav li.search a:hover strong { background: url(../images/nav.gif) no-repeat -287px -17px; } #nav li.searchon, #nav li.searchon a, #nav li.searchon a strong { background: url(../images/nav.gif) no-repeat -287px -17px; width: 73px; } #sidenav { float: left; position: relative; left: 2px; font-weight: bold; color: #052753; } #sidenav li { list-style: none; line-height: 13px; } #sidenav li a, #sidenav li div { display: block; width: 142px; w\idth: 102px; padding: 5px 20px; } #sidenav li a:link, #sidenav li a:visited { color: #052753; text-decoration: none; } #sidenav li a:hover, #sidenav li a.on:link, #sidenav a.on:visited, #sidenav a.on:hover { background: #fff; color: #b20101; } #sidenav li li a, #sidenav li li div, #sidenav li li a.on:link, #sidenav li li a.on:visited, #sidenav li li a.on:hover { width: 142px; w\idth: 97px; padding: 3px 15px 3px 30px; font-weight: normal; background: url(../images/bullet.gif) no-repeat 20px 7px; } #sidenav li li a:hover, #sidenav li li div, #sidenav li li a.on:link, #sidenav li li a.on:visited, #sidenav li li a.on:hover { background: url(../images/bulleton.gif) no-repeat 20px 7px #fff; } #content { position: relative; left: 2px; top: -30px; float: right; width: 594px; w\idth: 556px; padding: 0 20px; margin: 0 0 -30px } #content h1, #content h1 a { font: 22px arial, helvetica, sans-serif; line-height: 28px; color: #085281; text-decoration: none; } #content h1.tight, #content h1.tight a { font: 18px arial, helvetica, sans-serif; line-height: 28px; color: #085281; text-decoration: none; } #content h1.tighter, #content h1.tighter a { font: 16px arial, helvetica, sans-serif; font-weight: bold; line-height: 28px; color: #085281; text-decoration: none; } #content h1 a, #content h1.tight a, #content h1.tighter a, #content h3 a { cursor: text; } #content h2, #content h2 a { font: bold 16px arial, helvetica, sans-serif; line-height: 25px; padding: 0 20px; color: #085281; } #content h2 a { text-decoration: none; padding: 0; } #content h3, #content h3 a { font: bold 16px arial, helvetica, sans-serif; line-height: 22px; padding: 0 10px; color: #085281; text-decoration: none; } #content p { line-height: 18px; padding: 10px 20px; } #content ul, #content ol { line-height: 18px; margin: 0 40px 10px; } #content #leftcol, #content #rightcol { position: relative; float: left; width: 267px; } #content #rightcol { position: relative; left: 20px; } #content .H-box { width: 267px; position: relative; float: left; margin: 0 0 20px; background: #fef2d3; } #content .H-box h2 { background: url(../images/H-box-title.gif) repeat-x; font: 16px arial, helvetica, sans-serif; color: #075180; padding: 0 0 0 6px; line-height: 33px; } #content .H-box h2 a:link, #content .H-box h2 a:visited, #content .H-box h2 a:hover { color: #075180; text-decoration: none; } #content .H-box div { padding: 15px 10px 21px 21px; } #content .H-box img { float: left; margin: 0 8px 3px 0; } #content .H-box p { margin: 0; padding: 0; line-height: 16px; } /* Iframed contact forms and Google Adsense display */ #floatRight { float: right; width: 200px; margin: 0 0 10px 10px; } #floatRight iframe { border: none; margin: 0 0 10px; overflow: hidden; } #floatRight #adsense { width: 160px; height: 600px; margin: 0 auto; } #form { position: relative; top: 70px; left: 20px; width: 160px; color: #000; text-align: left; float: left; } #form fieldset { border: 0; position: relative; top: 0; display: block; margin: 0 0 7px; } #form fieldset, #form fieldset label, #form div { width: 152px; position: relative; line-height: 18px; } #form div { line-height: 15px; position: relative; } #form fieldset input, #form fieldset textarea { width: 152px; w\idth: 148px; height: 18px; he\ight: 16px; padding: 0 2px; position: relative; border: 1px solid #8d8d8d; font: 11px verdana, arial, sans-serif; } #form fieldset textarea { height: 130px; he\ight: 128px; overflow: auto; } #form fieldset #submit { width: 56px; height: 21px; position: relative; top: 0; border: none; } fieldset div { font-size: 10px; line-height: 12px; } #benzeneform { position: relative; top: 0; left: 0; width: 200px; height: 569px; background: url(../images/questionsform.gif) no-repeat 0 0; } #benzeneform form { position: relative; top: 77px; left: 23px; width: 160px; color: #000; text-align: left; } #benzeneform fieldset { border: 0; position: relative; display: block; margin: 0 0 7px; } #benzeneform fieldset, #benzeneform fieldset label, #benzeneform div { width: 160px; position: relative; line-height: 18px; } #benzeneform div { line-height: 15px; position: relative; } #benzeneform fieldset input, #benzeneform fieldset textarea { width: 152px; w\idth: 148px; height: 18px; he\ight: 16px; padding: 0 2px; position: relative; border: 1px solid #8d8d8d; font: 11px verdana, arial, sans-serif; } #benzeneform fieldset textarea { width: 152px; w\idth: 148px; height: 100px; he\ight: 98px; border: 1px solid #8d8d8d; overflow: auto; } #benzeneform fieldset #submit { float: right; margin: 7px 7px 0 0; width: 56px; height: 21px; position: relative; border: none; } fieldset div { font-size: 10px; line-height: 12px; } #contact_subject { display: none; } #benzeneform .required { color:#F00; } #refer { position: relative; float: left; width: 400px; } #refer fieldset { width: 400px; border: 0; position: relative; top: 0; display: block; margin: 0 0 7px; line-height: 18px; } #refer fieldset label{ width: 190px; w\idth: 160px; padding: 0 30px 0 0; position: relative; line-height: 18px; display: block; float: left; text-align: right; } #refer input, #refer textarea { width: 200px; w\idth: 194px; height: 18px; he\ight: 16px; padding: 0 2px; position: relative; border: 1px solid #8d8d8d; font: 11px verdana, arial, sans-serif; } #refer textarea { height: 130px; he\ight: 128px; overflow: auto; } #refer fieldset #submit { width: 56px; height: 21px; position: relative; top: 0; border: none; } #securitybox { position: relative; top: 15px; margin: 0 0 30px 0; float:right; } #securitybox img { float: left; margin: 0 15px 30px 0; } #securitybox input { width: 150px; w\idth: 144px; } #footer { position: relative; top: 0; float: left; width: 740px; height: 260px; background: url(../images/bg-footer.gif) no-repeat left bottom #099ACF; color: #052753; font-size: 10px; text-align: center; } #footer p { position: relative; top: 10px; margin: 0 0 10px; width: 594px; float: right; text-align: center; } #footer a:hover { text-decoration: none; } #footer span, #footer a.on:link, #footer a.on:visited, #footer a.on:hover { font-weight: bold; color: #b20101; } #footer a { text-decoration: none; } #crosslink { position: relative; bottom: 0px; right: 0; width: 594px; float: right; margin: 0 0 20px; padding: 0 10px; line-height: 16px; text-align: center; } #crosslink strong { color: #c47e23; } .clear { clear: both; } .errmsg, .senderrmsg { color: #c00; font-weight: bold; padding: 2px; } .errmsg, #content .errmsg { position: relative; left: 100px; width: 50%; border: 1px solid #000; font-size: 10px; background: #FFCCCC; padding: 5px; margin: 0 0 10px; font-weight: normal; line-height: 12px; } #form .errmsg { left: -10px; width: 107%; margin: 0 0 5px; padding: 3px; } .none { background: none; padding: 2px; } .senderrmsg { position: relative; left: 200px; } .required { color: #c00; } a.hide, a.ceatus { text-decoration: none; color: #000; font-weight: normal; } a.ceatus { color: #052753; } a.ceatus:hover { color: #08489B; }