/********************** Basic tag definitions **********************/ * {margin: 0; padding: 0; outline: 0;} p {margin-bottom: 1.2em; line-height: inherit;} ul, ol {line-height: inherit; list-style: none; margin: 0 0 1.2em 0;} table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em;} img, fieldset, abbr, acronym {border: 0;} address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;} strong {font-weight: bold;} em {font-weight: bold; font-style: italic;} caption, th {text-align:left;} q:before, q:after {content:'';} /********************** Headers **********************/ h1, h2, h3, h4, h5, h6 {line-height: inherit; font-weight: bold;} h1 {font-size: 3em;} h2 {font-size: 2.5em;} h3 {font-size: 2em;} h4 {font-size: 1.5em;} h5 {font-size: 1.33em;} h6 {font-size: 1em;} /********************** Anchors **********************/ a, a:link, a:active, a:visited {color: #cc0000; text-decoration: underline;} a:hover {color: #ff0000; text-decoration: underline;} /********************** Main structure **********************/ body { background: #000 url(../img/bg.gif) repeat-x 0 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.4em; text-align: center; } #wrap { margin: auto; text-align: left; width: 700px; position: relative; } #header { height: 0; width: 700px; position: relative; } #logo a { background-image: url(../img/logo.gif); height: 95px; width: 330px; position: absolute; top: 65px; right: 35px; } #nav {height: 40px; width: 700px;} #body { width: 700px; position: relative; top: 110px; left: 0; } #col-l { background: url(../img/tony.jpg) no-repeat 0 0; height: 495px; width: 320px; position: relative; top: 0; left: 0; } #col-r { background: #fff; height: 460px; width: 370px; padding-left: 10px; position: absolute; top: 35px; left: 320px; } h3.section { color: #cc0000; font-weight: bold; letter-spacing: 5px; line-height: 65px; text-transform: uppercase; } #main-container { height: 380px; width: 360px; padding-right: 10px; overflow: auto; position: absolute; top: 65px; left: 10px; } #main-container strong {background: #cc0000; color: #fff; padding: 0 2px;} #main-container strong a {color: #fff;} #main-container h4 {margin-bottom: 1em; text-transform: uppercase; color: #cc0000; border-bottom: 1px solid #cc0000;} #main-container h5 {margin-bottom: .5em; color: #000;} #main-container .clip { float: left; text-align: center; height: 220px; margin: 0 auto; display: inline; } .clip .img {margin: 0;} .clip .img img {display: block; margin: auto;} #main-container ul#gallery {float: left; /*padding-bottom: 15px;*/} #main-container ul#gallery li { float: left; display: inline; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc; margin: 0 10px 10px 0; padding: 3px; } #main-container ul#gallery li img { display: block; height: 90px; width: 90px; } #footer { color: #ccc; text-align: center; width: 700px; position: relative; top: 140px; font-size: .92em; } #copyright { text-align: center; width: 700px; } /********************** Navigation **********************/ #nav ul { margin: 0; width: 700px; height: 30px; } #nav ul li { float: left; } #nav ul li a { background-image: url(../img/nav.gif); height: 40px; } #nav ul li#nav01 a {background-position: 0 0; width: 104px;} #nav ul li#nav01 a:hover, #nav ul li#nav01 a:active, #nav ul li#nav01.active a {background-position: 0 bottom;} #nav ul li#nav02 a {background-position: -104px 0; width: 128px;} #nav ul li#nav02 a:hover, #nav ul li#nav02 a:active, #nav ul li#nav02.active a {background-position: -104px bottom;} #nav ul li#nav03 a {background-position: -232px 0; width: 95px;} #nav ul li#nav03 a:hover, #nav ul li#nav03 a:active, #nav ul li#nav03.active a {background-position: -232px bottom;} #nav ul li#nav04 a {background-position: -327px 0; width: 105px;} #nav ul li#nav04 a:hover, #nav ul li#nav04 a:active, #nav ul li#nav04.active a {background-position: -327px bottom;} #nav ul li#nav05 a {background-position: -432px 0; width: 130px;} #nav ul li#nav05 a:hover, #nav ul li#nav05 a:active, #nav ul li#nav05.active a {background-position: -432px bottom;} #nav ul li#nav06 a {background-position: -562px 0; width: 138px;} #nav ul li#nav06 a:hover, #nav ul li#nav06 a:active, #nav ul li#nav06.active a {background-position: -562px bottom;} /********************** Forms **********************/ input, textarea {padding: 1px;} input, select {vertical-align: middle;} textarea {width: 200px; height: 8em;} input.file {height: auto; width: 250px;} input.readonly {background-color: transparent; border: none;} input.button {border: 1px solid #000; background-color: #ddd;} input.image, input.radio, input.check {border: none; width: auto; height: auto;} /********************** Intro **********************/ .intro #l { width: 320px; position: relative; top: 0; left: 0; } .intro #r { position: absolute; top: 170px; left: 320px; } .intro a.enter { text-transform: uppercase; color: #fff; letter-spacing: 5px; font: bold 18px/18px Arial; text-decoration: none; text-align: center; } .intro a.enter:hover { border-top: 1px solid #fff; border-bottom: 1px solid #fff; } /********************** Common classes / Misc. **********************/ .hidden {display: none;} .replace {display: block; text-indent: -10000px; line-height: 0;} .col-l, .float {float: left;} .col-r {float: right;} .c {text-align: center;} .r {text-align: right;} .half {width: 170px;} .full {width: 340px; padding-bottom: 20px;} .table0 {margin-bottom: 2.5em;} .table0 thead td {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #eee;} .table0 h5 {margin: 0 !important;} .table0 td {padding: 4px; vertical-align: top;} .block0 {margin-left: 80px;} .txt0 {color: #cc0000 !important; background: none !important;} a.txt1 {color: #999 !important;}