/* begin reset, (from meyerweb.com) */
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;
	font-weight: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */

body {
    position: relative;
    min-width: 980px;
    background-color: transparent;
    background-position: top center;    
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-image: url('../images/bottom-bg-b.png');
}

#wrapper {
    position: relative; 
    /*background-attachment: fixed; */
}

#top, #top-inner, #bottom-inner, #top-content, #content, #footer, #bottom, #top-band {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-width: 960px;
}

#top-band {
    position: absolute;
    top: 0;
    height: 6px;
    background-image: url('../images/top-band-bg.png');
    z-index: 999;
}

#top, #top-inner, #top-content, .banner {
    height: 598px;
}

#top-content {
 background-image: url('../images/top-bg.png');      
}

#top {
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top left;    
    background-image: url('../images/top-bg.png');    
}

.banner {   
    position: absolute;
    width: 1680px;    
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;  
    left: 50%;
    margin-left: -840px;
}

.inner-column {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

#header {
    margin-left: -480px;
    height: 93px;
    width: 960px;    
    position: absolute;    
    left: 50%;
    background: transparent url('../images/header-bg.png') no-repeat bottom;
    z-index: 1;
}

#main-nav {
    position: absolute;
    right: 0px;
    bottom: 10px;
    text-transform: lowercase;
    height: 32px;
    letter-spacing: 1px;
}

#main-nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;
    padding-left: 1px;
    padding-top: 15px;
    color: #212121;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Arial", "Helvetica", "sans-serif";
    font-weight: 100;
    font-size: 15px;
}

#main-nav a span {
    
}

#main-nav a:hover span, #main-nav .selected span {
    border-top: 3px solid #000;
    padding-top: 12px;
    color: #cc0000;
}

#main-nav .selected span {
    color: #000;    
}

.nav-portfolio {
    width: 100px;
}

.nav-about {
    width: 79px;
}

.nav-contact {
    width: 99px;
}

#logo-link span {
    visibility: hidden;
}

#logo-link {
    position: absolute;
    background: transparent url('../images/blank.gif') no-repeat;
    width: 240px;
    height: 90px;
    display: block;
    z-index: 4;  
    text-decoration: none;  
}

#logo {
    position: absolute;
    background: transparent url('../images/tada-logo.png') no-repeat;
    width: 240px;
    height: 90px;
    display: block;
}

/* don't care about IE6 */
#logo-link:hover {
    border-bottom: 3px solid #cc0000;
}

.banner, #top-content {    
    cursor: pointer;
}

#content {
    min-height: 330px;
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #ebebeb;
    background-image: url('../images/content-bottom-border.png');
    overflow: hidden;
}

#footer {
    min-height: 400px;    
    background-color: transparent;
    background-repeat: repeat;
    background-position: bottom left;   
    background-image: url('../images/footer-bg.png');
    padding-bottom: 42px;
}

#bottom-inner {
    padding: 30px 0 64px 20px;   
    color: #111;
}

#bottom img {
    vertical-align: -9px;
    padding-right: 20px;
}


/* general type */

body {
    font-family: "Helvetica Neue", "Arial", "Helvetica", "sans-serif";
    font-size: 14px;
    color: #454545;
}

a {
    color: #cc0000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

p {
    line-height: 1.4;
}

em {
    font-style: italic;
}

b, strong {
    font-weight: 800;
}

.tada {
    text-transform: uppercase;
}


.inner-column {
    
}

/* end general type */

/* BAS banner */


#footer {
    padding-top: 42px;
}

#footer .inner-column {
    overflow: hidden;
}

.category-list, .clients-cat-footer, .projects-cat-footer {
    float: left;
    display: inline;
    width: 222px;
    margin-right: 20px;
}

.bul li {
    padding-left: 32px;
    display: block;
}

#contact, #follow {
    float: right;
    display: inline;
    width: 214px;
    clear: right;
}

#contact p {
    color: #fff;
    margin-top: -4px;
}

#contact p, #contact-info p {
    text-transform: uppercase;
    font-size: 12px;   
    margin-bottom: 12px;
}

#footer h3 span {
    visibility: hidden;
}

#footer h3 {
    height: 46px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#portfolio {
    float: left;
    display: inline;
}

.portfolio-clients {
    margin-left: 20px;
}


.portfolio-clients h3 {
    background-image: url('../images/headers/portfolio-by-client.png');
}

.portfolio-services h3 {
    background-image: url('../images/headers/portfolio-by-service.png');
}

.portfolio-industries h3 {
    background-image: url('../images/headers/portfolio-by-type.png');
}

#contact h3 {
    background-image: url('../images/headers/contact-us.png');    
}

#follow h3 {
    background-image: url('../images/headers/follow-us.png');    
}

/* undo homepage styles for a few things */
.regular #top {
    background: 0;
    height: 93px;
}

.regular #content {
    background-color: transparent;
    padding-bottom: 64px;
}

/* lists */

.category-list ul li, .info-col ul li, .sub-menu li, .bul li {
    background: transparent url('../images/bullet-dots.png') no-repeat center left;
    padding: 0 0 0 13px;
    margin: 0 0 10px 2px;
    font-size: 12px;
}

.category-list ul li a, .info-col ul li a {
    text-decoration: none;
}

.category-list ul li a {
    color: #fff;
}

.info-col ul li a {
    color: #000;
}

.category-list ul li a:hover {
    text-decoration: none;
    color: #cc0000;
    text-decoration: underline;
}

.info-col ul li a:hover {
    text-decoration: underline;
    color: #cc0000;
}

.portfolio-clients img, #clients img {
    border: 1px solid #cdcdcd;    
    margin-right: 10px;
    margin-left: -28px;
    vertical-align: -5px;
}

.portfolio-clients ul li, #clients ul li {
    background: 0;    
    overflow: hidden;    
    margin-bottom: 8px;
    padding: 4px 0 4px 28px;    
}

.portfolio-clients ul li {
    color: #999;
}

.portfolio-clients ul {
    margin-top: -6px;
}

.list-footers {
    clear: both;
}

.clients-cat-footer {
    margin-left: 20px;
}

.clients-cat-footer, .projects-cat-footer {
    border-top: 1px solid #363636;
    padding: 20px 0;
    margin-top: 30px;
}

.projects-cat-footer {
    width: 464px;
}

.list-footers a, #contact a {
    text-transform: uppercase;
    font-size: 12px;
    color: #cc0000;    
    text-decoration: none;
    padding: 0 2px;
    margin-left: -2px;
}

.list-footers a {
    font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed", "HelveticaNeue", "Arial Narrow", "Helvetica Neue",  "Arial", "Helvetica", "sans-serif";
    font-stretch: condensed;
    font-weight: bold;
}

.list-footers a:hover, #contact a:hover {
    background: #cc0000;
    color: #fff;
}

.news ul li {
    margin-bottom: 16px;
    font-size: 11px;
}

.news h4, .news h4 a {
    color: #cc0000;
    text-decoration: none;
    margin-bottom: 6px;
    font-size: 14px !important;
}

.news h4 a:hover {
    text-decoration: underline;
}

.news h4 {
    color: #333;
}

.news ul {
    width: 200px;
}

.vertical-pager {
    position: absolute;
    width: 20px;
    height: 60px;
}

#news-pager, #quotes-pager {
    top: 72px;
    right: 0px;
}

.pager a span, .pager span span {
    visibility: hidden;
}

.pager a, .pager span {
    width: 20px;
    height: 20px;
    display: block;
    text-decoration: none;    
    background-color: transparent;
    background-repeat: no-repeat;    
    overflow: hidden;
}

.vertical-pager a, .vertical-pager span {
    margin-bottom: 20px;
    background-image: url('../images/pager-vertical.png');
}

.vertical-pager a.pager-prev {
    background-position: 0 0;
}

.vertical-pager span.pager-prev {
    background-position: -40px 0px;
}

.vertical-pager a.pager-prev:hover {
    background-position: -20px 0px;
}

.vertical-pager a.pager-next {
    background-position: 0 -20px;
}

.vertical-pager span.pager-next {
    background-position: -40px -20px;
}

.vertical-pager a.pager-next:hover {
    background-position: -20px -20px;
}

/* horizontal pager */
.horz-pager {
    position: absolute;
    width: 41px;
    height: 20px;
}

.horz-pager a, .horz-pager span {
    float: left;
    background-image: url('../images/pager-horz.png');
}

.horz-pager a.pager-prev {
    background-position: 0 0;
    margin-right: 1px;
}

.horz-pager span.pager-prev {
    background-position: 0px -40px;
}

.horz-pager a.pager-prev:hover {
    background-position: 0px -20px;
}

.horz-pager a.pager-next {
    background-position: -20px 0;
}

.horz-pager span.pager-next {
    background-position: -20px -40px;
}

.horz-pager a.pager-next:hover {
    background-position: -20px -20px;
}

li.odd {
    clear: left;
}

li.even {
    clear: right;
}

.errorlist {
   margin: 4px 0 16px 9px;
   color: #cc0000;
   font-size: 12px;
   
}