/*
 * Jad Graphics Framework Reset
 */
 
 /* ================ @ Reset ================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }


/* ================ @ HTML Elements & Typography ================ */

body { margin: 0; padding: 0; background-image: url(images/bg-page.jpg); background-repeat: repeat-y; background-color: #d6c8b7; background-position: 20px 0; }
p { margin-bottom: 5px; line-height: 20px; }
h2 { color: #C22900; font-size: 14px; font-family: "Palatino Linotype", "Times New Roman", Serif; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px; }
li { list-style-type: none; margin-bottom: 10px; line-height:18px; }
a:link, a:visited, a:active { color: #003366; text-decoration: none; padding-bottom: 2px; border-bottom: dotted 1px #003366; }
a:hover { color: #C22900; text-decoration: none; padding-bottom: 2px; margin-bottom: 5px; background-color: #BFB3A7; }


/* ================ @ Layout ================ */

#logo { width: 525px; height: 189px; background-image: url(images/logo.png); margin: 40px 0 0 20px; text-indent: -9999px; display: block; position: fixed; float: left; }
#twitter { width: 340px; font-size: 12px; font-family: "Lucida Grande", Georgia, "Times New Roman"; border: solid #DFD3C5 1px; padding: 15px; background-color: #BFB3A5; position: fixed; float: left; display: block; margin: 320px 0 0 40px; clear: left; }
#contact { width: 340px; float: right; margin-right: 20px; font-size: 12px; font-family: "Lucida Grande", Georgia, "Times New Roman"; margin-top: 40px; border: solid #DFD3C5 1px; padding: 15px; }
#showcase { width: 340px; margin-right: 20px; font-size: 12px; font-family: "Lucida Grande", Georgia, "Times New Roman"; margin-top: 15px; border: solid #DFD3C5 1px; padding: 15px; float: right; clear: right; }
#webSAMPLES { width: 340px; float: right; font-size: 12px; font-family: "Lucida Grande", Georgia, "Times New Roman"; margin-top: 15px; border: solid #DFD3C5 1px; padding: 15px; clear: right; background-color: #D6C8B7; margin-right: 20px; }
.smallTEXT { font-family: "Lucida Grande", Georgia, "Times New Roman"; font-size: 10px; text-transform: lowercase; color: #9a8f82; }