/* DEFCON, Inc., by Kevin Barr of Burst Creative (www.burstcreative.com) */

body, div, table, td, tr, ul, ol, li, blockquote, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; border:0;}
body {background:url(http://www.defcon.com/images/site/body-bground.gif) center top repeat; font:100%/1.125em Verdana, sans-serif;}
a {color:#990000;}
a:hover, a:active {color:#fff; background-color:#990000;}

/* Special Classes */
.clear {clear:both;}
.clear-left {clear:left;}
.small {font-size:.5em;}
.smaller {font-size:.875em;}
.float-right {float:right;}
.float-left {float:left;}
.img-left {float:left; margin:0 15px 15px 0;}

/* Container */
#container-top {width:788px; margin:0 auto 0 auto; height:10px; background:url(http://www.defcon.com/images/site/container-top-bground.gif) no-repeat center top;}
#container-outer {width:788px; margin:0 auto 0 auto; background:url(http://www.defcon.com/images/site/container-bground.gif) repeat-y center -2px;}
#container-inner {padding:0 12px; margin:0;}

/* Main-nav */
#main-nav {margin:0;}
#main-nav ul {float:left; background:#000 url(http://www.defcon.com/images/site/main-nav-ul-bground.gif) repeat-x left bottom; width:100%; border-bottom:1px solid #787b7d;}
#main-nav li {float:left; display:block; list-style:none; text-align:center; margin:0 0 0 -1px; background:url(http://www.defcon.com/images/site/main-nav-li-bground.gif) no-repeat right 1px; font:.6875em "Lucida Grande", Arial, sans-serif; text-transform:uppercase;}
#main-nav li.first {margin-left:0;}
#main-nav li a {display:block; color:#c7d6e1; text-decoration:none; padding:10px 25px;}
#main-nav li a:hover, ul#main-nav li a:active {background:#990000;}

/* Header */
#header {float:left; clear:both; width:100%;}
#header h1 {text-indent:-9000px; font:11px/17px Arial, sans-serif;}
#header img {display:none;}
#home #header {height:134px; background:#000 url(http://www.defcon.com/images/site/header-home.gif) no-repeat left top;}
#about #header, #methodologies #header, #capabilities #header, #projects #header, #clients #header, #contact #header {height:64px; background:#000 url(http://www.defcon.com/images/site/header-daughter.gif) no-repeat left top;}
#quotation {float:right; width:250px; color:#c7d6e1; font:italic 1em/1.5em Verdana, sans-serif;}
#quotation p {padding:0 35px 8px 0;}
#quotation p.citation {font:normal .75em Arial, sans-serif; text-align:right; padding-right:45px;}
#sub-heading {float:right; width:550px;}
#sub-heading h2 {color:#c7d6e1; font:normal 18px/32px Lucida Grande, Arial, sans-serif; margin-top:10px; text-transform:uppercase;}

/* Tagline */
#tagline {float:left; clear:both; width:100%; background:#080c53 url(http://www.defcon.com/images/site/tagline-bottom.gif) no-repeat right bottom; color:#ffffcc;}
#tagline p {font:italic bold .875em/2em Verdana, sans-serif; padding:4px 0 13px 23px;}
#about #tagline, #capabilities #tagline, #methodologies #tagline, #projects #tagline, #clients #tagline, #contact #tagline {height:20px;}

/* Main-Body */
#main-body {float:left; clear:both; width:100%; background:url(http://www.defcon.com/images/site/main-body-bground.gif) repeat-y right top; padding:0 0 20px 0;}

/* Content */
#content-outer {float:left; clear:left; width:475px;}
#content-inner {margin:16px 0 15px 23px; color:#303030; font:.75em/1.5em Verdana, sans-serif; float:left;}
#content-inner p {margin:0 0 1em 0; padding:0; text-align:justify;}
#content-inner h2 {color:#990000; font:bold 1.625em/1.375em Arial, sans-serif; margin:1.2em 0 .5em; padding:0;}
#content-inner h4 {font:bold 1.125em/1.25em Verdana, sans-serif; margin-bottom:1.5em;}
#content-inner h5 {color:#080c53; font:bold 1.25em/1.5em Arial, sans-serif; margin-bottom:0; padding:0;}
#content-inner img {padding:1px; background-color:#080c53; border:3px solid #e1e1e1;}
#content-inner img.img-right {float:right; margin:0 0 10px 10px;}
#content-inner img.img-left {float:left; margin:0 10px 10px 0;}
#content-inner .first {margin-top:0; padding-top:0;}

/* Highlighted */
#highlighted {background-color:#fdfdbb; padding:13px 20px; color:#183b72; margin-bottom:15px;}
#highlighted a {color:#183b72;}
#highlighted a:hover, #highlighted a:active {color:#fff;}
#highlighted h3 {color:#182b9d; font:bold 1em/1.25em Arial, sans-serif; text-transform:uppercase; letter-spacing:1px;}
#highlighted #photo-gallery {width:200px; float:left;}
#highlighted #photo-gallery img {border:0;}
#highlighted #photo-gallery h3 {margin-bottom:.8em;}
#highlighted #corporate-values {float:right; width:180px;}
#highlighted #corporate-values ul {margin:10px 0; font:italic bold 1.125em/1.25em Arial, sans-serif;}
#highlighted #corporate-values ul li {list-style:none; padding:0 0 .5em 15px; background:url(http://www.defcon.com/images/site/highlighted-bullet.gif) no-repeat left 1px;}
#highlighted #from-our-clients {float:right; width:180px; clear:right; font:italic 1em/1.25em Arial, sans-serif;}
#highlighted #from-our-clients h3 {margin-bottom:.8em;}
#highlighted #from-our-clients p {margin-bottom:.5em; padding:0; font-weight:bold;}
#highlighted #from-our-clients p#endorser {font-style:normal; font-weight:normal; text-align:right;}
#highlighted #from-our-clients p#endorser span.company {font-size:.875em; font-weight:normal;}

/* Sidebar */
#sidebar-outer {float:right; width:245px;}
#sidebar-inner {padding:18px 15px 20px 0; color:#ddecff;}
.sidebar-block {margin:0 0 30px 0;}
.sidebar-block img {border:1px solid #080c53;}
.sidebar-block h5 {text-transform:uppercase; color:#c7d6e1; font:normal .625em Verdana, sans-serif; letter-spacing:.4375em; margin-bottom:.2625em;}
.sidebar-block h4 {color:#fff; font:bold 1em Arial, sans-serif; padding-top:1em; clear:both;}
.sidebar-block p {font:normal .6875em/1.375em Arial, sans-serif; margin-top:8px;}
.sidebar-block a {color:#fff;}
.sidebar-block a:hover, #sidebar-inner a:active {background-color:#990000; text-decoration:none; border-bottom:1px solid #990000;}
.sidebar-block ul {margin-top:8px;}
.sidebar-block li {list-style:none; background:url(http://www.defcon.com/images/site/sidebar-bullet.gif) no-repeat left 3px; padding: 0 0 8px 15px; font:normal .6875em/1.375em Arial, sans-serif;}
.sidebar-block ul#clients li {font-size:.75em; background-image:none; padding-left:0;}
.sidebar-block ul#clients li img {float:left; border:0; margin-right:10px;}
.sidebar-block p.press-quote {font-style:italic;}
.sidebar-block p.press-quote img {border:0; margin:6px 8px 6px 0; float:left;}
.sidebar-block div#press-image {float:right; width:70px; text-align:right; margin:12px 0 8px 14px;}
.sidebar-block p.press-citation {margin-left:10px; padding-left:17px; background:url(http://www.defcon.com/images/site/mdash.gif) no-repeat left -2px; width:200px; float:left;}

/* Projects */
.project {padding-bottom:15px; border-bottom:1px solid #afafaf; float:left; margin-bottom:20px; width:100%;}
.project img {float:left; margin:0 15px 15px 0;}
.sidebar-block .endorsement p {text-align:right; font:.625em/1.375em Lucida Grande, Arial, sans-serif;}
.sidebar-block .endorsement p.press-quote {text-align:left; text-transform:none; letter-spacing:0; font-family:Arial, sans-serif; font-size:.675em; font-style:italic;}

/* Footer */
#footer {clear:both; width:100%; background-color:#080c53; color:#c7d6e1; text-align:center; font:.625em Verdana, sans-serif; padding:15px 0 20px;}
#footer a {color:#c7d6e1;}
#footer a:hover, #footer a:active {color:#990000; background:none;}

/* Home Page Image Gallery */
#highlighted .contentslide {border:7px solid #183b72; padding:0; width:173px; height:190px; background-color:#183b72; margin-top:4px;}
#highlighted .contentslide .contentdiv {display:none;}
#highlighted .pagination {width:173px; text-align:right; padding:5px 10px 4px 0;}
#highlighted .pagination a {padding:0 5px; text-decoration:none; color:#183b72;}
#highlighted .pagination a:hover, #highlighted .pagination a.selected {color:#ffffcc; background-color:#183b72;}
#highlighted .contentdiv {background-color:#183b72;}
#highlighted .contentdiv img {padding:1px;}
#highlighted .contentdiv p {color:#c7d6e1; font:normal .875em/1.25em Arial, sans-serif; text-align:center; background-color:#183b72;}

/* NAP Book */
table#nap-book a:hover, table#nap-book a:active {background:none; color:#000; border-bottom:none;}

/* About */
#team_portrait {float:right; width:106px; margin:0 0 12px 15px;}
#content-inner p.team_title {font:normal .75em/1em "Lucida Grande", Arial, sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#333; margin-bottom:12px;}

/* Methodologies */
#methodologies #content-inner {text-align:center;}
#methodologies #content-inner p {text-align:center;}

/* Clients */
#clients #content-inner {text-align:center;}
#content-inner .no-btm-margin {margin-bottom:0;}
#content-inner .small-btm-margin {margin-bottom:5px;}
#content-inner ul.float-left {float:left;}
#content-inner ul.float-right {float:right;}
#content-inner ul.clients {margin:20px 0 30px; width:200px;}
#content-inner ul.clients li {list-style:none; padding:0 0 10px; text-align:left; float:left; clear:left; width:100%;}
#content-inner ul.clients li p {padding:0; margin:0; text-align:left; float:right; width:170px;}
#content-inner ul.clients li img {border:none; padding:0; background:none; float:left; margin:0; clear:left;}
#content-inner .highlighted-text {color:#990000; font-weight:bold;}

/* Capabilities */
#cap_image {float:right; width:190px; margin:0 0 12px 15px;}
#content-inner div.capability {margin:16px 0;}

/* Forms */
input {width:300px; display:block; margin-top:5px;}
textarea {width:450px; height:100px;}
label {display:block; font:bold 12px/16px Arial, sans-serif; color:#2448d9; text-transform:uppercase; margin:15px 0 5px;}
input.button {width:auto; margin-top:15px;}
form img {padding:0;}
input#captcha {width:136px; height:25px;}

