@charset "utf-8";
/* Gas Sensing Solutions - Globalgraphics Web Design */

* { margin:0; padding:0; outline:none; }
html { }
body { background:#30afd2 url(img/bg.jpg) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a img { border:0 none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
iframe { border:1px solid #014776; }
.clear { clear:both; }
#container { width:920px; margin:0 auto; background:url(img/bg-crosses.jpg) 120px 0 no-repeat; }

/* HEADER & FOOTER --------------------------------------------------------------------------------------------------------------------------*/
#header { width:920px; height:95px; position:relative; }
#header img { position:absolute; left:0; bottom:0; }
#header ul { list-style:none; text-transform:uppercase; text-align:right; }
#header ul li { display:inline; }
ul#menu { position:absolute; top:36px; right:0; width:720px; height:21px; padding:7px 0 0 0; font-weight:bold; background:url(img/bg-menu.png) 0 0 repeat-x;  }
ul#menu li { margin:0 0 0 15px; }
ul#menu li a, ul#menu li a:hover { color:#fff; }
ul#general { position:absolute; top:0; right:0; width:153px; height:31px; padding:5px 20px 0 0; background:url(img/bg-generic.jpg) 0 0 no-repeat; }
ul#general li { padding:0 5px 0 0; border-right:1px dotted #333; }
ul#general li.last { border:0 none; padding:0 0 0 4px; }
ul#general li a { color:#333; }
ul#general li a:hover { color:#333; }
#footer { width:920px; clear:both; padding:10px 0; text-align:center; color:#000; font-size:9px; }
#footer ul { list-style:none; }
#footer li { display:inline; }
#footer a { color:#000; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:none; }
/* END HEADER & FOOTER --------------------------------------------------------------------------------------------------------------------------*/

/* SIDEBAR --------------------------------------------------------------------------------------------------------------------------*/
#sidebar { width:180px; float:left; padding:50px 10px 0 10px; margin:0 0 5px 0; background:transparent url(img/bg-sidebar.png) 0 0 no-repeat; color:#fff; }
#sidebar p.title { margin:0 0 10px 0; color:#000; font-weight:bold; font-size:30px; font-family:"Century Gothic", "Trebuchet MS", Arial; }
#sidebar h3 { width:auto; margin:5px 0; text-transform:uppercase; font-size:13px; border-bottom: 1px dotted #fff; }
#sidebar h4 { width:auto; clear:both; padding:5px; margin:0 0 5px 0; background:url(img/bg-transparent.png) 0 0 repeat; font-size:14px; text-transform:uppercase; }
#sidebar a.more, #sidebar p.more { display:block; width:177px; height:23px; padding:7px 3px 0 0; color:#fff; text-align:right; margin:0 0 20px 0; background:url(img/bg-more.png) 0 0 no-repeat; }
#sidebar a:hover.more { color:#fff; }
#sidebar p.more { margin:10px 0 0 0; background:url(img/bg-more2.png) 0 0 no-repeat; }
#sidebar dl dt { }
#sidebar dl dt span { font-weight:bold; display:block; }
#sidebar dl dd { margin:10px 0; }
#sidebar dl dd a { color:#fff; float:none; display:inline; }
#sidebar dl dd a:hover { color:#fff; }
#sidebar form { width:160px; padding:10px; background:url(img/bg-transparent.png) top left repeat; }
#sidebar form input, #sidebar form textarea { width:160px; margin:0 0 5px 0; padding:3px 0; border:0 none; }
#sidebar form input#Submit { width:65px; padding:0 0 0 10px; margin:5px 0 0 0; float:right; cursor:pointer; text-decoration:underline; background:url(img/white-cross.png) left center no-repeat; color:#fff; }

#sidebar h3 a { color:#fff; text-decoration:none; display: block; width:170px; height:36px; padding:5px; margin: 1px 0px 1px 0px; font-weight:bold; font-size:12px; text-transform:none; font-weight:normal; background:url(../img/bg-accord-head.png) 0 0 repeat-y; cursor: pointer; text-align:right; border:0 none; }
#sidebar h3 a:hover { color :#fff; text-decoration:underline; }

#sidebar .newsletter { color: #fff; width: 160px; padding: 10px; background: url(img/bg-transparent.png) top left repeat; display: block; color: #fff; }
#sidebar .newsletter a  {color: #fff;}

#newsroom { position:relative;}
#newsroom a { position: absolute; top: -5px; right: 0; display: block; margin: 0px;}
#newsroom a.archive {width: 50px; margin: 0px; padding: 0px;}



#rss { width:160px; padding:10px; margin:20px 0 5px 0; color:#333; font-size:9px; background:url(img/bg-transparent.png) 0 0 repeat; }
#rss p.title { font-weight:bold; font-size:13px; }
#rss img { float:left; margin:0 10px 0 0; }
#rss a, #rss a:hover { color:#fff; }
/* END SIDEBAR --------------------------------------------------------------------------------------------------------------------------*/

/* CONTENT --------------------------------------------------------------------------------------------------------------------------*/
#content { width:670px; float:left; padding:0 0 0 50px; }
#primary { width:646px; padding:0 10px; background:#c2d3dd;  }
#btm, #top { width:666px; height:18px; clear:both;  }
#btm { background:url(img/bg-btm.png) 0 0 no-repeat; margin:0 0 10px 0; }
#top { background:url(img/bg-top.png) 0 0 no-repeat; }

#primary img { }
#primary h1 { font-size:28px; text-transform:uppercase; margin:10px 0; }
#primary address { float:left; width:160px; }
#primary ul { list-style:none; }
#primary a, #primary a:hover, #secondary a, #secondary a:hover { color:#014776; }
#content h2 { width:auto; clear:both; padding:5px; margin:5px 0 0 0; color:#fff; background:url(img/bg-transparent.png) 0 0 repeat; font-size:14px; text-transform:uppercase; }
#content a.add { width:348px; height:22px; margin:5px 0 0 0; padding:6px 0 0 0; float:right; text-align:right; background:url(img/bg-more3.png) 0 0 no-repeat; color:#fff; }
#content a:hover.add { color:#fff; }

#intro { width:305px; float:left; padding:0 20px 0 0; line-height:22px; border-right:3px dotted #fff; }
#feature { width:298px; float:left; margin:5px 5px 0 5px; padding:10px 0 10px 10px; color:#fff; background:#95a7b3 url(img/bg-feature.jpg) 0 0 repeat-x; }
#intro p { font-weight:bold; }
#intro a { display:block; padding:0 0 0 15px; color:#000; float:right; background:url(img/black-cross.jpg) 0 6px no-repeat; }
#intro a:hover { color:#000; }
#intro.center { text-align:center; }

#feature p { font-size:18px; font-weight:bold; margin:0 0 10px 0; }
#feature ul { list-style:none; font-size:20px; }
#feature ul li { display:block; padding:0 0 0 25px; margin:0 0 15px 0; background:url(img/tick.png) 0 0 no-repeat; }
#feature ul li span { display:block; font-size:13px; }

#secondary, #content dl.tech { width:602px; clear:both; padding:10px 38px 10px 30px; margin:5px 0 0 0; background:#fff; }
#content dl.tech dt { font-size:16px; font-weight:bold; margin:10px 0; }
#content dl.tech dd a { width:120px; height:17px; display:block; padding:0 0 0 20px; float:right; background:url(img/pdf-icon.jpg) left center no-repeat; font-weight:bold; color:#000; text-decoration:none; margin:20px 0 0 0; }
#content dl.tech dd a:hover { color:#000; text-decoration:underline; }
#content a.extra { width:178px; padding:6px 2px 6px 0; margin:5px 0; float:right; text-align:right; background:url(img/bg-more4.png) 0 0 no-repeat; color:#fff; }
#secondary h3 { font-size:23px;  margin-bottom: 10px; }
#secondary h4 { clear:right; color:#014776; font-size:14px; text-transform:uppercase; }
#secondary p { margin:10px 0; line-height:18px; }
#secondary p.bold { font-size:14px; font-weight:bold; text-transform:uppercase; margin:0 0 5px 0; }
#secondary ul { width:auto; padding:10px; margin:0 0 15px 0; background:#1675A0; color:#fff; }
#secondary ul li { display:block; padding:0 0 0 15px; background:url(img/bullet.jpg) 0 8px no-repeat; }

#secondary #gallery { width:602px; margin:0 0 10px 0; }
#secondary #gallery img { float:left; margin:0 5px 5px 0; }

.item { width:270px; height:130px; position:relative; float:left; padding:10px 20px 0 10px; border-right:2px dotted #ccc; border-bottom:2px dotted #ccc; }
.item.last { border-right:0 none; }
.item.btm { border-bottom:0 none; }
.item p { margin:5px 0 0 0; }
.item p span { color:#317CB1; font-weight:bold; }
.item a, .item a:hover.more { color:#317CB1;}
.item a.more { position:absolute; top:115px; right:20px; }
.item .focus { float:left; margin:0 10px 0 0; text-align:center; }
.item .focus img { padding:10px; margin:0 0 10px 0; }
.item .focus a img { border:1px solid #fff; }
.item .focus a:hover img { border:1px dashed #317CB1; }
.item .focus a { display:block;  font-size:11px; }

.cat { width:190px; float:left; padding:10px 0 0 0; margin:0 40px 20px 0; color:#fff; }
.cat h3 { margin:0 0 10px 0; font-size:16px; font-weight:normal; }
.cat .focus { width:180px; padding:10px 0 20px 10px; margin:0 0 5px 0; background:url(img/bg-transparent.png) 0 0 repeat; }
.cat .focus img { margin:0 0 10px 0; }
.cat.last { margin:0; }

.catw { width: 310px; float:left; padding:10px 0 0 0; margin:0 40px 20px 0; color:#fff; }
.catw h3 { margin:0 0 10px 0; font-size:16px; font-weight:normal; }
.catw .focus { width: 300px; padding:10px 0 20px 10px; margin:0 0 5px 0; background:url(img/bg-transparent.png) 0 0 repeat; }
.catw .focus img { margin:0 0 10px 0; border: none;}
.catw.last { margin:0; }

a.central { width: 304px; display: block; margin: 10px auto; clear: both; }

#secondary .article, #secondary dl.post { width:auto; padding:10px 0; border-bottom:1px solid #333; }
#secondary .article img { float:left; margin:0 20px 0 0; }
#secondary .article dl.case { }
#secondary .article dl.case dt, #secondary dl.post dt { font-size:16px; font-weight:bold; margin:10px 0; color:#014776; }
#secondary .article dl.case dd a,  #secondary dl.post dd a, #secondary a.back { width:40px; height:17px; display:block; padding:0 0 0 15px; float:right; background:url(img/blue-cross.jpg) left center no-repeat; font-weight:bold; color:#014778; text-decoration:none; margin:20px 0 0 0; }
#secondary .article dl.case dd a:hover,  #secondary dl.post dd a:hover, #secondary a:hover.back { color:#014778; text-decoration:underline; }
#secondary dl.post dt span { display:block; font-size:12px; color:#666; font-weight:normal; }
#secondary a.back { margin:0 0 10px 0;  }

.break { width: 100%; padding: 10px 0; clear: both; }
a.block { width: 304px; display: block; clear: both; margin: 0 auto; }
a.block img { display: block; }

/* END CONTENT --------------------------------------------------------------------------------------------------------------------------*/
#tie { width:328px; float:left; }
form#first, form#second, form#third { width:277px; padding:0 0 10px 50px; }
form#first { margin:0 0 10px 0; border-bottom:1px solid #999; }
form#second { clear:left; }
form#third { float:left; border-left:1px solid #999; }
form fieldset { width:auto; padding:0 45px 0 0; border:0 none; }
form fieldset p { margin:0 0 10px 0; }
form fieldset legend { text-indent:0; font-size:16px; font-weight:bold; color:#014776; margin:0 0 10px 0; }
form fieldset label { width:80px; display:block; float:left; font-size:11px; color:#000; font-weight:bold; }
form fieldset input, form fieldset textarea { width:145px; float:left; margin:0 0 5px 0; }
form fieldset input.button { width:55px; padding:0 0 0 12px; float:right; border:0 none; background:url(img/black-cross.jpg) left center no-repeat; }