/* Reset CSS */
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 {margin: 0; padding: 0;border: 0;outline: 0;font-size: 100%; vertical-align: baseline;background: #transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; margin: 0; padding: 0;}
tr, th, td {margin: 0; padding: 0;}


/* body attributes */
body {font: 75% arial, verdana, helvetica, sans-serif; color: #000; height: 100%; text-align: center; background: #fff;}

body#about {background: #ff0;}
body#contact {background: #eaebec;}
body#landing {background: #000;}

.left {float: left;}
.center {text-align: center;}
.right {float: right;}
.clear {clear: both;}
.hide, label {display: none;}
p {margin: 0 0 12px 0;}
a, a:visited, a:hover, a:active {color: #000;text-decoration: none;}

/* Forms */
input.btn {background: #000; text-transform: uppercase; border: none; margin: 5px 0 0 0; padding: 2px; color: #fff; cursor: pointer;}
input.text, textarea {border: none; margin: 5px 0 0 0; padding: 5px; font-family: arial, verdana, helvetica, sans-serif; width: 205px;}
textarea {font-size: 90%;}
select {margin: 5px 0 0 0; padding: 0; width: 205px;}
#content div.col02 input.text, #content div.col02 select, #content div.col02 textarea {width: 365px;}
#content div.col02 textarea {height: 151px;}

/* Page */
#page {padding: 40px 40px 0 40px; height: 800px; overflow: hidden; position: absolute; left: 0; text-align: left;}
#page h1 {margin: 0 90px 0 0; float: left;}
body#landing #page h1 {margin-right: 90px;}

/* Landing */
#landing {height: 100%; height: 100%; text-align: left;}
#landing img {width: 100%; position: relative;}

body#landing #landingtop {background: url(../graphics/bg_white.png); width: 100%; height: 155px; position: absolute; top: 0; left: 0;}
body#landing div.landingtext {border-left: 1px solid #000; height: 91px; float: left; padding: 0 0 0 60px;}
#landing #landingtop h1 {color: #808285; font-size: 150%; margin: 0 0 13px 0;}
#landing #landingtop h1 span {color: #000; display: block;}
#landing #landingtop p {color: #000; text-transform: uppercase; font-size: 90%; font-weight: bold;}
#landing #landingtop p a {color: #000; background: #ff0; padding: 0 2px;}

/* Navigation */
#navigation {width: 988px;}
#navigation ul {float: left; margin: 0 25px 0 0; padding: 0; border-top: 1px solid #000; width: 170px; display: inline;}
#navigation ul:hover {border-color: #ccc;}
#navigation li h3 {margin: 10px 0 2px 0;}
#navigation li {margin: 0; padding: 1px 0; margin-left: -15px;}
html>body #navigation li {margin-left: 0;}
html>body #navigation li {*margin-left: -15px;}
#navigation li a {margin: 0; padding: 0 2px;}
#navigation li a:hover, #navigation li a.active {background: #ff0;}

body#about #navigation li a:hover,body#about #navigation li a.active {background: #fff;}

/* Content */
#content {clear: both; padding: 30px 0 0 0;}
#content div.col, #content div.col02 {float: left; display: inline; margin: 0 25px 0 0; padding: 0;}
#content div.col {width: 170px;}
#content div.col02 {width: 365px;}
#content div.col p, #content div.col02 p {padding-right: 10px;}

#content h2 {width: 184px; height: 200px; float: left;}
#content li {background: url(../graphics/li.png) no-repeat 0 7px; padding: 0 0 0 10px}

#content #image {white-space: nowrap;}
#content #image ul {margin: 0; padding: 0;}
#content #image li {background: none; display: inline; margin: 0 2px 0 0; padding: 0;}

#content p.lrg {font-size: 230%; font-weight: bold;}
#content p.social img {margin: 0 5px 0 0; padding: 0;}

ul.category {float: left; margin: 15px 0 0 0; padding: 10px 120px 0 0; border-top: 1px solid #000;}
ul.category li {background: url(../graphics/li_lrg.png) no-repeat 0 6px; padding: 0 0 0 20px}

/* Footer */
#footer {margin: 0; padding: 0 0 20px 0; clear: both; color: #58595b; font-size: 90%; position: absolute; bottom: 0;}
#footer img {vertical-align: middle}
#footer a {color: #58595b;}