/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0; padding: 0; border: solid 0 transparent; outline: solid 0 transparent;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
vertical-align: baseline; background: transparent none repeat scroll left top;
}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ul, ol and dl {position: relative;}
hr {border: 0; height: 1px; background: black; color: black;}
div, ul, ol, h1, h2, h3, h4, h5, h6, p {display: block; overflow: hidden;}
html {width: 100%; margin-bottom: 1px; overflow: scroll; overflow-x: auto;}
body {height: 100%; width:100%;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mast,
#toolbar,
#main,
#footer,
h1
{width: 100%; clear: both;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Global
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {font-size: 10px; font-family: Arial, sans-serif;}
a {text-decoration: none;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {background: #000 url(images/bkg_body.jpg) no-repeat center center fixed; text-align: center;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Container
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container {width: 800px; margin: 30px auto; text-align: left;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Mast
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mast {height: 100px; background: #ccc url(images/bkg_mast.jpg) no-repeat left top;}
#mast_logo {display: inline; float: left; width: 260px; height: 100px; margin-left: 20px;}
#mast_ies {display: inline; float: right; width: 40px; height: 40px; margin: 30px 20px 0 0;}
#mast_aia {display: inline; float: right; width: 80px; height: 40px; margin: 30px 15px 0 0;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Toolbar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#toolbar {padding: 7px 0; background: #7b7b7b url(images/bkg_toolbar.gif) repeat-x left top; line-height: 0;}
#toolbar ul {padding-left: 5px;}
#toolbar li {float: left; padding: 0 5px; border-right: 1px solid #787878;}
#toolbar li a {display: block; font: bold 11px/11px Arial; sans-serif; color: #787878;}
#toolbar li a:hover {color: #444;}
#toolbar li a:active {color: #000;}
#toolbar li.toolbar_login {float: right; padding-right: 10px;}
#toolbar li.last {border: 0;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Main
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main {background: #fff url(images/bkg_container.gif) repeat-y left top;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Sided Nav
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#subnav {float: left; width: 200px; background: url(images/bkg_navbar_top.gif) no-repeat right top;}
#subnav ul {padding-bottom: 95px; background: url(images/bkg_navbar_icon.gif) no-repeat center bottom;}
#subnav ul ul {padding: 0; background: none;}
#subnav li {display: block;}
#subnav li a {display: block; padding: 8px 10px; font: 13px/15px Arial; sans-serif; color: #abc; border-bottom: 1px solid #abc;}
#subnav li li a {background: url(img/arrow.gif) 10px center no-repeat; padding-left: 20px;}
#subnav li a:hover {background-color: #8a9ba9; color: #cde;}
#subnav li a:active {background-color: #aabbc5; color: #fff;}
#subnav li a.selected {background: #8d9eac url(images/bkg_navbar_selected.gif) repeat-x left top; color: #fff;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content {float: left; width: 600px; background: url(images/bkg_content_top.gif) repeat-x left 19px;}
#content h2.section {padding: 5px; background: #567; font: bold 9px/9px Arial; sans-serif; color: #eee; text-transform: uppercase;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Matter
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#matter {padding: 15px 20px 40px;}
#matter h1 {margin-bottom: 5px; font: bold 13px/14px Arial, sans-serif; color: #333; border-bottom: 1px solid #333;}
#matter h2 {clear: both; width: 100%; font: bold 18px/20px Arial, sans-serif; color: #456; padding-top: 10px; padding-bottom: 5px;}
#matter h3 {font: bold 14px/16px Arial, sans-serif; color: #789; padding-bottom: 5px;}
#matter h4 {font: bold 12px/14px Arial, sans-serif; color: #789; padding-bottom: 5px;}
#matter p {font: 11px/13px Arial, sans-serif; color: #666; padding-bottom: 10px;}
#matter li {font: 11px/13px Arial, sans-serif; color: #666; padding-bottom: 5px;}
#matter ul {margin-bottom: 5px; padding-left:15px; clear: none;}
#matter li {list-style: square outside; padding-bottom: 5px;}
#matter a {color: #789;}
#matter a:hover {text-decoration: underline;}
#matter hr {background: #bcd;}
#matter input {border: 1px solid #456;}
#matter p.feed {text-align:right;}
#matter p.feed a {background: url(./img/feed.gif) center left no-repeat; padding-left: 13px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Product Lines
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.line {position: relative; width:164px; height: 160px; float: left; padding: 5px; margin: 0 5px 10px; border: 1px solid #bcd; background: #eee;}
div.line h3 {float: left;}
div.line img {margin: 0 0 5px 5px; float: right; width: 60px;}
div.line p.desc {padding: 0; clear: left;}
div.line p.ies {bottom: 0; font-style: italic !important; position: absolute; font: bold 9px/11px Arial, sans-serif; color: #789;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Contacts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#matter div.contacts {padding-bottom: 10px;}
#matter div.contacts .staffphoto {display: block; width: 80px; height: 100px; clear: left; float: left; margin-right: 10px;}
#matter div.contacts .staffphoto.none {background: #ddd; text-align: center; font-weight: bold; color:#999; height:60px; padding-top:40px;}
* html #matter div.contacts .staffphoto.none {height: 100px;}
#matter div.contacts div.staffentry {display: block; float: left;}
#matter div.contacts h3 {padding: 5px 0 0;}
#matter div.contacts p {padding-bottom: 5px;}
#matter div.contacts ul.territory {padding-left: 0;}
#matter div.contacts ul.territory li {font: 9px/11px Arial, sans-serif; color: #789; list-style: square; margin-left: 20px; padding: 0;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {padding: 8px 0; background: #7b7b7b url(images/bkg_toolbar.gif) repeat-x left top; text-align: right;}
#footer p {font: 9px/9px Arial, sans-serif; color: #787878; padding-right: 10px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Portal
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#portal ul {padding: 0 1px; text-align: left; background: #222;}
#portal li {display: inline; float: left; height: 132px; width: 133px; background: #ccc center center no-repeat;}
#portal li.project1 {background-image: url(img/home_img1.jpg); background-color: #356;}
#portal li.project2 {background-image: url(img/home_img2.jpg); background-color: #878;}
#portal li.project3 {background-image: url(img/home_img3.jpg); background-color: #557;}
#portal li.project4 {background-image: url(img/home_img4.jpg); background-color: #287;}
#portal li.project5 {background-image: url(img/home_img5.jpg); background-color: #861;}
#portal li.project6 {background-image: url(img/home_img6.jpg); background-color: #747;}
#portal li a {display: block; height: 100%; width: 100%; background: url(images/bkg_homebutton.jpg) center center no-repeat; text-decoration: none; color:fff;}
#portal li a:hover {background: url(images/bkg_homebutton_hover.jpg) center center no-repeat;}
#portal li a:active {background: url(images/bkg_homebutton_active.jpg) center center no-repeat;}
#portal li a h3 {display: block; font: 14px/16px Verdana, sans-serif; padding: 80px 0 0 10px; margin: 0; color: #abc; text-transform: uppercase;}
#portal li a:hover h3 {color: #fff;}
#portal li a:active h3 {color: #fff;}
#portal li a span {display: block; padding: 0 0 0 10px; font: 9px/12px Arial, sans-serif; color: #678;}
#portal li a:hover span {color: #abc;}
#portal li a:active h3 {color: #abc;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Visitation Form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#visitform table {float: none;}
#visitform h3 {display: block; clear: both; padding: 5px 0;}
#visitform td {padding: 0 5px 5px 0; vertical-align: middle;}
#visitform td span {display: block; text-align: right;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Catalog Form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#alphanav ul {float: left; list-style: none; padding: 0 0 10px;}
#alphanav li {float: left; padding: 0 5px 0 0; border-right: 1px solid #bcd; margin:0; list-style: none;}
#alphanav a {padding-left: 5px;}
#catalogform td {padding: 0 5px 5px 0; vertical-align: middle;}
#catalogform td span {display: block; text-align: right;}
#catalogform hr {clear: both; margin-top: 10px;}
#catalogform h3 {padding:10px 0;}
div.catlist {float: left; width: 155px; padding: 0 30px 10px 0px; overflow: visible;}
div.catlist span {display: block; position: relative; left: 20px; top: -12px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Projects/News
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
img.lead {margin-bottom: 10px;}
img.inline {display: inline; float: right; margin: 0 0 5px 10px;}
div.inline {display: inline; float: right; margin: 0 0 5px 10px; width: 150px; clear: right; font: 9px/12px Arial, sans-serif; color: #678;}
div.inline img {margin-bottom: 5px;}
div.sidebar,
blockquote {display: block; padding: 10px; border: 1px solid #bcd; background: #eee; margin-bottom: 10px;}