html, body, blockquote, pre, abbr, acronym, address, code, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
body { background-image: url(../images/pics/bg.jpg); background-repeat: repeat-x; background-color: #1c325f; background-position: top center; font: 11px Verdana, Arial, Helvetica, sans-serif; }
body, div, img, container, table, td, h1, h2, h3 { margin: 0px; padding: 0px; border: 0px; }
.no-margin { margin: 0; padding: 0; }
.list-margin { margin-left: 15px; padding-left: 0; }
.hide { display: none; }
.floatL { float: left; }
.floatR { float: right; }
.clearB, .clear { clear: both; }
.inline { display:inline; }
h1 { color: #085f8d; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 8px; }
h2 { color: #085f8d; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 20px; margin-bottom: 0px; text-transform: uppercase; }
h3 { font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; /*padding-top: 15px;*/ padding-bottom: 8px; }
h4 { color: #085f8d; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 15px; padding-bottom: 8px; }
.uppercase { text-transform: uppercase; }
.handheld { display: none; }
img.border { border: 1px solid #EEE; padding: 6px; margin: /*0 0 10px*/ 0; }
img.right {margin-left: 20px; float: right; }
img.left {margin-right: 20px; float: left; }
ul {margin-left: 30px; }
table.form td { vertical-align: top; }
/* **********************  End Generic Styles/Classes  ******************** */
#container { width: 990px; margin: 0 auto; }
#hp-wrap { width: 990px; height: 308px; display:block; background: #fff; min-height:340px; }
.hp-col1 { width: 755px; float: left; }
.hp-col2 { float: left; width: 235px; }
#wrap { width: 990px; background: #fff url(../images/pics/bg.gif) repeat-y top; float: left; width: 100%; }
#nav { width: 724px; height: 41px; display:block; background: #02182d; padding: 0px; float: right; z-index: 200; }
#homelink { width: 39px; float: left; height: 41px; background: black; padding-left: 227px; }
.hp-casestudy { width: 185px; padding-left: 22px; color: #666; font: 11px Verdana, Arial, Helvetica, sans-serif; }
.hp-casestudy h2 { text-transform:none; }
.flash { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #737373; height: 308px; }
.flash a { font-size: 11px; color: #2f6ea4; font-weight: bold; text-decoration: none; }
.flash a:hover { font-size: 11px; color: #2f6ea4; font-weight: bold; text-decoration: underline; }
#hp-bottom { margin:auto; width: 965px; height: 150px; display: block; background-color: #02182d; color: #737373; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 16px; padding: 20px 0px 20px 25px; position: relative; }
#hp-bottom img.footer { position: absolute; bottom: -21px; left: 0px; }
#hp-list { line-height:1.3em; padding-top: 8px; }
.hp-subnavholder { float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: bold; margin-left:15px; margin-right:6px; color:#1f7cad; }
.subnavholder { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:5px; margin-right:6px; color:#1f7cad; }
.subnavlist { display: block; margin: 0; padding: 0; }
.subnavlist li { list-style-type:square; margin:0 0 3px 4px; padding-left:-3px; list-style-position:inside; color:#999; }
.subnavlist li a:hover { text-decoration:underline; }
.subnavlist li a { color:#1f7cad; text-decoration:none; }
.subnavlist li a:hover { color:#1f7cad; text-decoration:underline; }
.subnav_on { color:#1f7cad; text-decoration:underline; }
.grey { border-bottom:1px solid #303f4e; }
/*  css child columns  */
#logo { float: left; height: 80px; padding-top: 20px; }
#search { float: right; width: 260px; position:relative; top:50px; height:18px; margin-right: 10px; }
#main { background: #02182d; }
#contentwrapper { width: 755px; background: #fff url(../images/bkrnd_content.jpg) top right no-repeat; float: right; }
#content { color: #737373; padding: 60px 47px 40px 47px; }
body #content table.article font, body #content table.article, body #newsletter ul, body #newsletter li, #content { font: 13px Verdana, Arial, Helvetica, sans-serif !important; line-height: 1.5 !important; }
#content a { color: #9f2527; text-decoration: underline; }
#content a:hover { color: #9f2527; text-decoration: none; }
#sidebar { float: left; width: 235px; background: #02182d; color:#3893b9; }
#bottom { background: #edeeef url(../images/bkrnd_bottom.jpg) bottom center no-repeat; color: #737373; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 17px; padding: 17px 30px; }
#bottom div#gsa-advantage { width: 250px; float: left; margin-right: 40px; }
#bottom div#resource-library, #bottom div#new-workshops { width: 215px; float: left; }
#bottom div#resource-library { margin-right: 40px; }
#bottom div#subscribe { width: 140px; margin-right: 0; text-align: center; float: right;}
#bottom div#subscribe img.panasonic_toughbook_logo { margin-top: 30px; }
#bottom a { color: #9f2527; text-decoration: underline; }
#bottom a:hover { color: #9f2527; text-decoration: none; }
#bottom h2 { margin-bottom: 0px; }
/*  subnav styles  */
.subTtl { width: 188px; display:block; padding: 54px 20px 0 22px; }
.subNav { width: 188px; display:block; padding: 0 20px 10px 22px; } /*top*/
.subNav a { font: 11px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color:#3893b9; text-decoration: none; display: block; width: 176px; padding: 7px 0 7px 12px; border-bottom: 1px solid #303f4e; }
.subNav a:hover { background-color: #0d2a47; font-weight: bold; color:#3893b9; text-decoration: none; padding-left: 12px; }
.activeLink { font: 11px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color:#3893b9; display: block; width: 176px; background-color: #0d2a47; padding: 7px 0 7px 12px; border-bottom: 1px solid #303f4e; }

/*  product page tabs  */
ul#tabs, #tabs ul { list-style-type: none; margin: 30px 0 10px 0; padding: 0; border-bottom: 1px solid #085f8d; }
ul#tabs li, #tabs ul li { display: inline-block; margin: 0 -2px; .margin: 0; .zoom: 1; .display: inline; }
ul#tabs li a, #tabs ul li a { color: #737373; font-size: 11px; font-weight: bold; background-color: #eaeaea; padding: 7px 20px 6px 19px; text-decoration: none; display: block; }
ul#tabs li a:hover, #tabs ul li a:hover { color: #085f8d; }
ul#tabs li a.selected, #tabs ul li a.selected, ul#tabs li.ui-state-active a { color: #085f8d; font-weight: bold; background-color: #fff; border: 1px solid #085f8d; border-top: 4px solid #085f8d; border-bottom: 1px solid #FFF; padding: 7px 20px 6px 19px; margin: 0; position: relative; bottom: -1px; }
div.tabContent { }
div.tabContent.hide { display: none; }
div.portfolio { margin-bottom: 15px; }
div.picture { /*margin-bottom: 10px;*/ min-height: 145px; }

/* form styles */
label { width: 130px; float: left; text-align: left; margin-right: 0.5em; display: block; padding-left: 6px; }
.large {width: 295px;}
/*input { color: black; background: grey#; border: 1px solid #cccccc; width: 280px; float: left; margin-bottom: 10px; }*/
.checkbox { width: 20px; clear: both; border: 0; margin-left: 140px; }
.submit input { color:#485247; background: #eeeeee; border: 1px outset #cccccc; margin-left: 10px; margin-bottom: 20px; width: 10px; clear: both; }
fieldset { border: 0px solid #cccccc; width: 475px; margin-top: 15px; margin-left: 0px; padding-left: 0px; }
legend { color:#485247; background: white; border: 0px solid purple; font-weight: bold; margin-left: -6px; padding-left: 5px; }
select {float: left; width: 280px; margin-bottom: 15px; color:1 px solid #cccccc; border: 1 px solid #cccccc;}
textarea {float: left;}
form p {clear: both; margin: 0; padding: 0;}
input:focus, select:focus, checkbox:focus, textarea:focus { color: #000000; background-color: #ffffee; }

/*  footer styles  */
#footer { margin:auto; width: 990px; margin-bottom: 25px; display: block; clear: both; }
html>body #footer { margin-bottom: 65px; }
.utility { color: #cbc7bf; font: 10px Arial, Verdana, Helvetica, sans-serif; padding-top: 25px; }
.utility a { color: #40cffd; text-decoration: none; }
.utility a:hover { color: #40cffd; text-decoration: underline; }
.utility-icon { padding: 20px 25px 0 8px; }
#credits { color: #cbc7bf; font: 10px Arial, Verdana, Helvetica, sans-serif; float:left; padding: 25px 0 0 26px; }
#credits a { color: #cbc7bf; text-decoration: none; }
#credits a:hover { color: #cbc7bf; text-decoration: underline; }
#call { color: #40cffd; font: 11px Arial, Verdana, Helvetica, sans-serif; padding: 25px 25px 0 0; float:right; }
.small-italic { font-size: 10px; font-style:italic; }
.hr { background-image: url(../images/pics/blue-dot.gif); height: 1px; color: transparent; margin-top: 10px; margin-bottom: 10px; }
#navbucket { width: 200px; float: right; border: 1px solid #eeeeee; margin-left: 20px; margin-bottom: 15px; }
.navbucket { border-top: 1px solid #eeeeee; padding: 5px; background-color: #fbfbfc; }
.navbucket a { color: #3893b9!important; text-decoration: none!important; }
.navbucket a:hover { color: #0e5481!important; }
.navheader { font-weight: bold; background-color: #3893b9; padding:5px; color: white; }
.navbucket-active { padding: 5px; border-top: 1px solid #eeeeee; font-weight: bold; }
#blue-arrow { list-style-image: url(../images/pics/child/arrow.gif); padding-left: 15px; margin-left: 0; margin-bottom: 25px; margin-top: 15px; }
a.blue { color: #085f8d!important; text-decoration: none!important; }
a.blue:hover { color: #085f8d!important; text-decoration: underline!important; }
h2 a { color: #085f8d!important; text-decoration: none!important; }
h2 a:hover { color: #9f2527!important; text-decoration: none!important; }
#crest { float: right; padding-top: 52px; }
/* staff */
#staff .staff-picture { border: 3px solid #eeeeee; float: none; margin: 0 42px 0 0; }
#staff .staff-name { clear: both; font-size: 10px; width: 130px; margin-bottom: 15px; }
#staff .staff-name a { text-decoration: none!important; color: #666666!important; }
#staff .staff-name a:hover { text-decoration: underline!important; }
#staff .staff-picture1 { border: 3px solid #eeeeee; margin-right:0; }
#staff td { vertical-align: top; }
/*Visual Acquisition*/
.software-features { font-size:11px; line-height:150%; background: url(../images/pics/software-bg.gif) no-repeat; padding:15px 0 0 15px; margin:10px 0 0 25px; width:525px; _margin-left:12px; text-align:left; float:left; }
.software-features a { color: #9f2527; text-decoration: underline; }
.software-features a:hover { color: #9f2527; text-decoration: none; }
.software-features table { }
.software-features ul { margin-left:10px; padding-left:10px; .margin-bottom:12px; .margin-top:12px; }
/* Frames */
#frame { background: url(frames/images/frame-bg.jpg) top center repeat-x #02182d; font: 12px Arial, Helvetica, sans-serif; color: #e0dfdf; }
#frame a { text-decoration: none; color: #e0dfdf; }
#frame a:hover { text-decoration: underline; }
#frame-logo { width: 344px; height: 67px; padding: 12px 0 0 12px; float: left; }
#frame-copy { padding: 32px 12px 0 0; float: right; line-height: 16px; }
input#searchTextBox { float:right; border: none !important; height: 22px; line-height: 22px; padding: 0 !important; margin: 0 !important; width: 155px !important; }
input#searchSubmit { cursor: pointer; float: right; border: none; width: 94px; height: 22px; background: url(../images/pics/submitButton.png) no-repeat 0 0; margin: 0 !important; padding: 0 !important; }
input#searchSubmit:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
.pr { margin-bottom: 20px; }
.slideshow { z-index: 1; }

.options1 { margin-left: 30px; }
.options2 { margin-left: 41px; }
.label-header { float: left; width: 64px; height: 63px; }
#matrix { height: 335px; width: 685px; background: url(../images/pics/child/background_matrix-light.jpg) no-repeat top left; }
.matrix-header { float: left; width: 103px; height: 63px; text-align: center; font: bold 11px Verdana; color: #737373; }
.one { padding-top: 46px; margin: 0; }
.two { padding-top: 32px; margin: 0; }
.three { padding-top: 8px; _padding-top: 19px; .padding-top: 19px;
margin 0;
}
.label { float :left; width: 54px; padding-left: 10px; padding-top: 60px; font: bold 11px verdana; color: white; height: 31px; }
.matrix { float: left; width: 103px; text-align: center; height: 31px; padding-top: 60px; }
.casestudy-table img { padding: 10px 10px 10px 0; }
.nodes { height: 1px; }
.node_images { padding: 10px 10px 0 0; float: left; }
.node_images img { border: 1px solid #333333; }
.node_name { font-weight: bold; margin: 10px 0 10px 0; }
.node_description1 { padding-top: 15px; margin-bottom: -15px; text-align: justify; }
.node_description2 { padding:0; margin:0; text-align: justify; }
.bold { font-weight: bold; }

body #content table.article font, body #content table.article, body #newsletter ul, body #newsletter li, body #content table.article p { text-align: justify !important; }
body #content table.article p, body #content table.article div, body #content table.article ul { color: #737373; }
body #content table.article img { margin: 10px; }
body #content table.article { width: 650px !important; }