/*	CLEAR
------------------------------ */
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,pre,img,form,h1,h2,h3,h4,h5,h6 {border:0;padding:0;margin:0;}
html,body {width:100%;}
ul,ol,dl,li,dt,dd {list-style:none;}
address {font-style:normal;}
.hidden {display:none !important;}

/*	GENERAL
------------------------------ */
body {color:#393939;font:normal 12px/1.5 Arial,Helvetica,Tahoma,'Bitstream Vera Sans',serif;text-align:center;background:#fff url(../images/layout/bg-body-inside.jpg) repeat-x 0 152px;}
input,textarea,button {font:normal 12px/1 Arial,Helvetica,Tahoma,'Bitstream Vera Sans',serif;}
a {color:#00457e;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:5px 0 12px;}
small {font-size:11px;}
hr {display:none;}

h2 {margin:0 0 10px 0;font-family:"Arial Narrow", Arial;text-transform:uppercase;font-size:1.5em;}
h3 {margin:0 0 10px 0;font-family:"Arial Narrow", Arial;text-transform:uppercase;font-size:1.3em;}
h4 {font-size:1.2em;font-weight:bold;}
h5 {font-size:1.1em;}

.inlineimage {float:left;padding:0 20px 0 0;}
.time {color:#ffffff;}

/* box layout */

#site {width:964px;margin:0 auto;}
#header,
#body,
#footer {width:100%;text-align:left;}
#header {height:150px;position:relative;margin-bottom:3px;}
#footer {padding:15px 0;margin-top:30px;border-top:1px solid #aaa;font-size:.9em;color:#777;}
#content {width:680px;float:left;}
#content.wide {width:100%;float:left;}
#body {padding-top:12px;}

/* front specific */
body.front {background:#fff url(../images/layout/bg-body.jpg) repeat-x 0 151px;}
.front #body {padding-top:25px;background:url(../images/layout/bg-key.jpg) repeat-x 0 0;}
.front .lead {border-bottom:1px solid #aaa;margin-bottom:30px;padding-bottom:10px;}
.front .lead p{font-size:1.4em;margin-bottom:5px;}
.front #keyvisual {height:247px;}
.front #keyvisual blockquote {top:170px;}
.front #keyvisual h2 {top:100px;font-size:4em;}

.front #body #main {float:left;width:463px;}
.front #body #sidebar {float:right;width:483px;margin:0;}

#main .news h3 {padding:5px 10px;margin-bottom:5px;font-weight:normal;position:relative;background:url(../images/layout/bg-title-green.jpg) no-repeat 0 0;height:51px;color:#fff;}
#main .news h3 span {text-transform:none;font-size:1.2em;}
#main .news h3 a {text-transform:none;position:absolute;right:25px;bottom:4px;color:#fff;}
#main .news ul {padding:3px 10px;border:1px solid #ddd;background:url(../images/layout/bg-news.jpg) repeat-x 0 100%;}
#main .news ul li{border-bottom:1px dotted #ddd;padding:4px;margin-bottom:5px;}
#main .news ul li h4 {padding:3px 0;font-size:1.1em;}
#main .news ul li.last{border-bottom:none;padding:5px 0;margin-bottom:0;}
#main .news .date {color:#666;font-size:.9em;padding:1px 0;}
#main .news .date abbr{border:none;color:#666;font-size:.9em;padding:2px 0;}
#main .news ul li p {line-height:1.2em;}

#sidebar #products li {float:left;margin-right:15px;padding-bottom:20px;background:url(../images/layout/shadow.jpg) repeat-x 0 100%;}
#sidebar #products li.p3 {margin-right:0;}
#sidebar #products li a.link {display:block;height:51px;font-size:1.3em;line-height:1.15em;width:130px;padding:5px 10px;background:url(../images/layout/bg-title-blue1.jpg) no-repeat 0 0;color:#fff;}
#sidebar #products li a.photo {border:1px solid #ddd;margin:4px 0 0 0;float:left;}
#sidebar #products li a.photo img{float:left;}

#sidebar #quicklinks {padding:15px 0 15px 5px;margin-top:10px;background:url(../images/layout/bg-quick.jpg) no-repeat 0 0;height:97px;}
#sidebar #quicklinks li  {float:left;width:139px;padding:0 10px;}
*html #sidebar #quicklinks li  {float:left;width:139px;padding:0 8px;}
#sidebar #quicklinks li a {float:left;position:relative;width:140px;display:block;}
#sidebar #quicklinks li a img{float:left;}
#sidebar #quicklinks li a span{float:left;width:60px;position:absolute;right:0;bottom:20px;text-transform:uppercase;font-weight:bold;line-height:1.2em;}
#header h1{float:left;margin-top:20px;}
#header h1 a{float:left;background:url(../images/identity/logo.jpg) no-repeat 0 0;display:block;width:240px;height:100px;text-indent:-9999px;}
#header #tools {float:right;border-left:1px solid #ccc;height:40px;}
#header #tools li{float:left;border-right:1px solid #ccc;padding-top:20px;}
#header #tools li a{font-weight:bold;float:left;display:block;padding:5px 20px 0 20px;color:#666;text-transform:uppercase;}

/* inside */

#navigation  {position:absolute;right:0;bottom:0;}
#navigation  li{float:left;margin-left:3px;}
#navigation  li a{float:left;font-weight:bold;padding:30px 13px 7px 13px;color:#fff;text-transform:uppercase;background:#00457c;}
#navigation  li.active a,#navigation li a:hover{background:#000;}

#keyvisual {position:relative;border:5px solid #fff;margin-top:20px;height:126px;}
#keyvisual img {position:absolute;top:0;left:0;z-index:0;}
#keyvisual blockquote {color:#fff;position:absolute;width:650px;left:15px;z-index:10;top:70px;text-align:left;text-transform:uppercase;}
#keyvisual h2 {text-transform:none;position:absolute;top:10px;left:15px;font-weight:normal;z-index:10;color:#fff;font-size:3.5em;font-style:italic;}

#content {margin-top:10px;padding-left:3px;float:left;}
#sidebar {margin-top:30px;float:right;width:250px;}
#content h3 {color:#00457e;font-size:2.4em;font-weight:normal;text-transform:none;margin:10px 0 10px 0;}
#content .lead {font-size:1.3em;}

#subnav {background:url(../images/layout/subnav-bot.jpg) no-repeat 0 100%;}
#subnav ul {padding:20px;background:url(../images/layout/subnav-top.jpg) no-repeat 0 0;height:300px ! important;height:300px;min-height:300px;}
#subnav ul ul {background:none;padding:5px 0;min-height:1px;height:auto ! important;}
#subnav ul li {border-top:1px solid #ccc;}
#subnav ul li.first {border:none;}
#subnav ul li a {display:block;padding:5px 0;font-weight:bold;}
#subnav ul ul li a {font-weight:normal;padding:5px 10px 5px 30px;}

#references {clear:both;background:url(../images/layout/resb.gif) no-repeat left bottom;margin:-10px;position:relative;margin-right:-10px;display:block;height:240px !important;}
* html #references {display:inline-block;}
#references ul {background:url(../images/layout/rest.gif) no-repeat left top;padding:40px;list-style:square inside;display:block;height:240px !important;}
#references ul li {float:left;font-weight:bold;width:195px;color:#868686;list-style:square inside;padding:0 0 0 10px;}

/* products */
#productsnav {width:100%;background:url(../images/layout/prod-nav.jpg) no-repeat 0 0;height:72px;}
#productsnav  li {float:left;margin-top:23px;padding-left:20px;}
#productsnav  li a {display:block;text-transform:uppercase;font-size:1.1em;font-weight:bold;padding:14px 20px;float:left;}
#productsnav  li.active a {border:1px solid #ccc;border-bottom:0;background:#fff;}

#product-wrap {position:relative;border:1px solid #ccc;border-top:none;padding:20px 15px;width:928px;}
#product-wrap h4 {color:#00457e;margin-bottom:10px;}

#productscat {float:left;width:600px;background:url(../images/layout/prod-cat.jpg) no-repeat 0 100%;padding-bottom:30px;margin-bottom:15px;}
#productline {float:left;width:600px;}

.prodlist li {float:left;width:82px;margin-bottom:15px;margin-right:8px;min-height:145px;}
* html .prodlist li {height:145px;}
.prodlist li a {display:block;float:left;text-align:center;color:#999;line-height:1.2em;font-weight:bold;}
.prodlist li a .photo{float:left;border:2px solid #ccc;margin-bottom:3px;}
.prodlist li a .photo img{float:left;border:1px solid #fff;}
.prodlist li.active a .photo,.prodlist li a:hover .photo {border-color:#3b93c3;}
.prodlist li.active a .title,.prodlist li a:hover .title {color:#00457e;}

#rel-products {margin-top:20px;float:left;clear:both;}

#product {position:absolute;top:20px;right:0;width:300px;}
#product .image img {border:1px solid #ccc;margin-bottom:10px;}
#product dl {margin-bottom:10px;}
#product dl dt {float:left;padding-right:2px;color:#878787;}
#product dl dd {color:#000;font-weight:bold;}

#orglinks {padding:0;margin:10px 0 0;}
#orglinks li {margin:0;padding:0;}
#orglinks li h4 {display:block;color:#000;font-size:1.3em;text-decoration:none;line-height:38px;padding:.3em 0;margin:0;}
#orglinks li h4 img {border:0;float:left;margin:0 12px 0 0;}
#orglinks li .cms {font-size:1.1em;}
#orglinks li .cms p {margin:0 0 1em;}
#orglinks li .cms strong {color:#000;}

#contact {width:320px;float:left;margin:0 20px 0 0;}
#contact h4 {color:#000;font-size:1.3em;font-weight:bold;margin:0 0 .3em;letter-spacing:1px;}
#contact p {font-size:1.2em;line-height:1.5em;}
.orgdata {clear:both;font-size:1.2em;margin:1em 0 0;line-height:1.5em;}
.orgdata dt {float:left;padding:0 .5em 0 0;color:#878787;}
.orgdata dd {color:#000;}
#employees {width:290px;float:left;}
#employees .vcard {margin:0 0 1.5em;}
#employees h5 {color:#000;font-size:1.3em;font-weight:bold;margin:0 0 .3em;}
#employees h5.fn {font-weight:normal;font-size:1.2em;}
#employees h5.title {letter-spacing:1px;}

.newsitem {margin:0 0 2em;clear:both;}
.newsitem h4 {font-size:1.5em;margin:0 0 .5em;}
.newsitem h4 a {text-decoration:none;}
.newsitem .date {display:block;font-size:1.2em;margin:0 0 .3em;}
.newsitem .date abbr {border:0;}
.newsitem .imagelist {margin:0 -18px 0 -13px;padding:0;list-style:none;}
.newsitem .imagelist li {margin:0;padding:0;list-style:none;}
.newsitem .relatedlist li a, .newsitem a.more {display:block;font-size:1.3em;text-decoration:none;line-height:1.5em;padding:0 0 0 24px;background:url(../images/layout/l2arr.gif) no-repeat 1px center;}
.newsitem a.more {float:left;}
* html .newsitem .relatedlist li a {display:inline-block;}
.newsitem .relatedlist li a:hover, .newsitem a.more:hover {background:url(../images/layout/l2arrs.gif) no-repeat 1px center;}
.newsitem .linktop {margin:0;}
.newsitem .linktop a, .newsitem a.back {display:block;font-size:1em;text-decoration:none;line-height:1.5em;padding:0 0 0 24px;background:url(../images/layout/toparr.gif) no-repeat 1px center;}
.newsitem .linktop a:hover, .newsitem a.back:hover {background:url(../images/layout/toparrs.gif) no-repeat 1px center;}
.contact-wrapper {float:left;clear:both;display:block;}
.newsitem .cms {float:left;clear:both;width:100%;}
.newsitem .cms ul li {margin-left:14px;}

.cms ul, .cms ol {list-style:square;padding:0 0 1em 1.5em;}
.cms ul ul, .cms ol ol {list-style:circle;padding:0 0 0 1.5em;}
.cms ul li {list-style:square;}
.cms ol li {list-style:decimal;list-style:decimal-leading-zero;}




/*	HACKS
------------------------------ */
#about:after,
ul#navigation:after,
#body:after,
#header:after,
#footer:after,
#products ul:after,
#product-wrap:after,
.prodlist:after,
#product dl:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}