/* CSS Document */

/* Layout */

body {margin:0 0; padding:0; width:100%;}
#page {width:1000px; margin:0 auto;}
#header {height:139px; position:relative; z-index:10000}
#sidebar {width:300px; float:left; padding:0; color:#333;}
#inner #sidebar {padding:10px;}
#content {width: 660px; float:right; padding:10px; position:relative;
height:auto !important;
height:480px;
min-height:480px;
}
body.admin #content {width:auto; float:none;}

#footer {clear:both; padding:22px 0 300px 0; position:relative;}
#logo {height:90px;left:10px;position:absolute;top:5px;width:250px;}

/* Base Text Style */

body {
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
}

a {color:#486F86; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

/* Background Images and Color */

body {background:#484847 url(img/body-bg.jpg) repeat-x;}
#page {background:#fff;}
#home #page {background:none;}
#header {background:url('img/header.jpg') no-repeat 50% 0;}
body.admin #header {background:url('img/header-a.jpg') no-repeat 50% 0;}
body.loggedin #header {background:url('img/header-l.jpg') no-repeat 50% 0;}
/* #sidebar or #content {background:;} if absolutely needed - avoid using both  */
#footer {background:url('img/footer-bg2.jpg') no-repeat 50% 0 #808080; border-top:#939393 1px solid;}
body.admin #footer { /* background-image:none; padding:100px 0; */}

/* Formatting */

h1 {font-size:20px; color:#486F86; line-height:22px; font-family: Arial Narrow, "Futura Condensed", sans-serif; text-transform:uppercase; margin-top:0;
}
h2 {font-size:20px; color:; line-height:22px; font-weight:100; padding:15px 0; margin:0;}
h3 {font-size:16px; color:#000000; line-height:18px;}
body#inner.services h3 {color:#486F86;}
h4 {font-size:16px; color:; line-height:18px; font-weight:100;}
/*strong {color:#000000;}
em {color:#000000;}*/

ul {display:block; padding:0; margin:0;}
ul li {display:block; padding:0; margin:0; list-style:none;}

/* Footer elements */

#footer #copy {padding:0; font-size:10px; color:#000000; height:10px; line-height:10px; position:absolute; top:180px;}
#footer #copy a {color:#001072;}
#footer #socnet {display:block; padding:0; margin:0; position:absolute; right:18px; top:100px; z-index:1000}
#footer #socnet li {display:block; margin:0; width:28px; height:29px; padding:4px 0 0 10px; float:left;}
#footer #socnet li a {display:block; padding:0; margin:0; width:28px; height:29px; background:url(js/blank.gif);}
#footer #socnet li a:hover {text-decoration:none; outline:none;}
#footer #socnet li.gtm {clear:both; width:152px;}
#footer #socnet li.gtm a {width:auto;}

#footer #solutions {display:block; padding:0; margin:0; position:absolute; left:22px; top:-12px; z-index:1000; width:220px;}
#footer #solutions h2 {display:block; padding:0 0 5px 0; margin:0; font-size:12px; font-weight:900; color:#FEAD00}
#footer #solutions a {display:block; padding:0; margin:0; color:#FFFFFF; line-height:19px;}
#footer #solutions a:hover {text-decoration:none; outline:none;}

#footer ul.nav {text-align:center; font-size:10px; margin:0; padding:0;}
#footer ul.nav ul {display:inline; margin:0; padding:0;}
#footer ul.nav li {list-style:none; margin:0; padding:0; display:inline; color:#0066CC;}
#footer ul.nav li a {color:#6699CC;}
#footer a {color:#FFFF00;}
#footer a:hover {color:#fff;}

#header ul.nav {display:block; position:absolute; left:14px; bottom:15px; padding:0; margin:0; font-family:Arial Narrow,"Futura Condensed",sans-serif; z-index:1000}
#header ul.nav li {display:block; float:left; width:auto; padding:0; margin:0; position:relative; list-style:none;}
#header ul.nav li + li {border-left:#FFD416 1px solid;}
#header ul.nav ul li + li {border-left:none;}
#header ul.nav li a {color:#FFFFFF; font-weight:normal; font-size:13px; line-height:13px; padding:2px 8px 4px 8px; display:block;}
#header ul.nav li a:hover {color:#FFD416; text-decoration:none;}
#header ul.nav li ul {background:#aaaaaa none repeat scroll 0 0; bottom:auto; display:none; left:10px; padding:0;position:absolute;right:auto;width:150px; top:18px;}
#header ul.nav li ul li ul {left:140px; display:none; top:0;}
#header ul.nav li ul li {display:block; padding:1px; width:148px; height:auto;}
#header ul.nav li ul li a {display:block; padding:4px; background:#FFFFFF; color:#003399; font-weight:normal; font-size:11px;}
#header ul.nav li ul li a:hover {color:#CCCCCC; background-color:#333333;}

#header ul.nav li:hover li ul {display:none;}

#header ul.nav li:hover ul,
#header ul.nav li:hover li:hover ul
{display:block;}


#sidebar h2 {color:#001072; font-size:13px; margin:0; padding:0;}
#sidebar p {padding:0 0 10px 0; margin:0;}

#content li h2 {margin:0; padding-bottom:15px; font-size:14px; color:#000000; font-weight:900;}
#content ul.bigItem li {display:block; border-bottom:#CCCCCC 1px solid; padding-bottom:15px; margin-bottom:15px; list-style:none; padding-left:0; clear:both;}
#content ul.bigItem {display:block; padding:10px 0; margin:0px;}
#content ul.bigItem div {width:500px; float:right;}
#content ul.bigItem a {width:120px; float:left; display:block; text-align:center; border:none;}
#content ul.bigItem a img {float:none; width:100%; border:none;}
#content ul.bigItem img {display:block; padding-bottom:10px; float:left;}
#content ul.bigItem h4 {padding-top:0; margin-top:0;}

#content ul.bigItem.contact a {width:auto; float:none; display:inline; text-align:left;}
#content ul.bigItem.contact div {width:440px;}

.imgleft {padding:20px 15px 52px 0; float:left; display:block;}

/* Content Elements */

ul.gallery {display:block; padding:0; margin:0;}
ul.gallery li {display:block; padding:0; margin:0; list-style:none; float:left; width:189px; padding:11px; height:210px;}
ul.gallery li img {display:block; padding:0 0 15px 0;}
ul.gallery li.last {display:block; float:none; width:auto; clear:left;}

/* Flash */

#flashMain {width:1000px; height:274px; margin:0; position:relative; overflow:hidden;}

/* Forms */

#contactForm {margin:0; padding:0;}
#contactForm ul {margin:20px 0 0 0; padding:10px 20px; display:block; border:#efefef 6px solid;}
#contactForm ul li {margin:0; padding:0; display:block; list-style:none; clear:both; padding-top:10px; background:none; bottom:auto; position:static; width:auto; line-height:normal;}
#contactForm ul li.last {margin:0; padding:0; height:10px; overflow:hidden;}
#contactForm ul li label {margin:0; padding:0; display:block; list-style:none; width:35%; float:left; text-align:right;}
#contactForm ul li input, #contactForm ul li select, #contactForm ul li textarea {margin:0; padding:0; display:block; list-style:none; width:62%; float:right; border:1px inset #ccc; font-family:"Courier New", Courier, monospace; line-height:15px;}

#contactForm ul li input[type='submit'] {font-family:Arial, Helvetica, sans-serif; line-height:15px; width:62.4%; background:url('img/eventheader.jpg') 50% 50%; border:none; font-size:12px; padding:2px 0;}

#contactForm ul li input[type='radio'], #contactForm ul li input[type='checkbox'] {width:auto; margin-left:4%; float:left; border:none;}
#contactForm ul li input[type='image'] {width:auto; border:none; margin-left:4%; float:left;}
#contactForm ul li textarea {height:60px; }

#home #sidebar {float:none; width:auto; background:url(img/tab-box-bg.png) 0 -205px repeat-y; margin-top:43px; position:relative; z-index:1;}
#home #sidebar > ul {display:block; background:url(img/tab-box.png) bottom no-repeat;}

#home #sidebar > ul > li > ul > li > a {background:url("img/tab-right.png") no-repeat scroll right top transparent;
color:#FFFFFF;display:block;font-size:10px;line-height:10px;padding:0 56px 0 0;position:absolute;top:-24px; z-index:100;}
#home #sidebar > ul > li > ul > li > a span {display:block; background:url(img/tab-left.png) left top no-repeat; padding:8px 13px 6px 40px;}

#home #sidebar > ul > li > ul > li > a.inactive {background-position:right -40px;}
#home #sidebar > ul > li > ul > li > a.inactive span {background-position:left -40px;}


#home #sidebar li.leftBox {float:left; width:495px; border-top:2px solid #537F8F}
#home #sidebar li.rightBox {float:right; width:495px; border-top:2px solid #537F8F; position:relative;}
#home #sidebar > ul > li > ul {padding:10px 10px 2px 10px; position:relative;}

#home #sidebar li.news ul li, #home #sidebar li.conf ul li, #home #sidebar li.down ul li, #home #sidebar li.trade ul li {padding:9px 0; font-size:11px; clear:both; width:439px;}
#home #sidebar li.news ul li + li, #home #sidebar li.conf ul li + li {border-top:1px solid #D5D5D5; padding:9px 0; font-size:11px;}
#home #sidebar li.news ul li a, #home #sidebar li.conf ul li a, #home #sidebar li.down ul li a, #home #sidebar li.trade ul li a {color:004985; float:right; width:350px; padding-bottom:9px;}
#home #sidebar li.news ul li span, #home #sidebar li.conf ul li span, #home #sidebar li.down ul li span, #home #sidebar li.trade ul li span {float:left; width:80px; color:#666;}

#home #sidebar li.follow ul li {padding:9px 0; font-size:11px; clear:both;}
#home #sidebar li.follow ul li + li {border-top:1px solid #D5D5D5; padding:9px 0; font-size:11px;}
#home #sidebar li.follow ul li a {color:004985; padding-bottom:9px;}
#home #sidebar li.follow ul li span {display:block; background:no-repeat url(img/socialnet.png); width:38px; height:38px; float:left; text-indent:-999em; margin-right:10px;}
#home #sidebar li.follow ul li a.fb span {background-position:-38px 0}
#home #sidebar li.follow ul li a.tw span {background-position:0 0}
#home #sidebar li.follow ul li a.li span {background-position:-76px 0}
#home #sidebar li.follow ul li a.bl span {background-position:-114px 0}



#home #box-bottom {height:6px; background:url(img/tab-box-bottom.png);}

#home #sidebar li.video ul li img {width:80px; padding-bottom:9px; float:left; margin-top:-7px;}
#home #sidebar li.video ul li span {color:#004985; font-size:12px; font-weight:900;}
#home #sidebar li.video ul li span {float:right; width:370px; padding-bottom:9px;}
#home #sidebar li.video ul li p {padding-bottom:9px;}
#home #sidebar li.prod ul li li, #home #sidebar li.serv ul li li, #home #sidebar li.video ul li li, #home #sidebar li.down ul li li {padding:3px 0 3px 30px; background:url('img/bul.png') no-repeat 15px 8px ;}
#home #box-bottom {height:6px; background:url(img/tab-box-bottom.png);}

#home #content {display:none;}





#footer ul.core {position:absolute; top:-10px; left:343px; width:750px;}
#footer ul.core li {float:left; width:149px; height:88px; padding-right:100px; color:#CCCCCC; font-size:10px; line-height:13px;}
#footer ul.core li h2 {display:block; font-size:12px; line-height:12px; margin:0; padding:0 0 5px 0; font-weight:900; color:#FFFFFF;}
#footer ul.core li em {color:#ccc;}
#footer ul.core li a {display:block; padding-top:5px; color:#FFAD11;}


#inner #sidebar ul li ul * {display:none;}
#inner #sidebar .news, #inner #sidebar .news * {display:block;}
#inner #sidebar .news sup {display:inline;}
#inner.blog #sidebar ul li ul * {display:inline;}
#inner #sidebar li.news ul li {padding:9px 0; font-size:11px; clear:both;}
#inner #sidebar li.news ul li + li {border-top:1px solid #D5D5D5; padding:9px 0; font-size:11px;}
#inner #sidebar li.news ul li a {color:004985; float:right; width:220px; padding-bottom:9px;}
#inner #sidebar li.news ul li span {float:left; width:80px; color:#666;}
#sidebar ul.nav li a:hover {text-decoration:none;}
#inner #sidebar li.news > a,
#sidebar ul.nav li a ,
.blog #sidebar li h2, .blog #sidebar li a
 {font-size:15px; font-weight:900; color:#aaa; font-family: Arial Narrow, "Futura Condensed", sans-serif; text-transform:uppercase; padding-bottom:3px; border-bottom:3px solid #aaa; display:block; cursor:default;}

#inner #sidebar li.news > a:hover,
#sidebar ul.nav li a:hover 
 {text-decoration:none;}
 
#newsTab {height:250px; overflow-y:scroll;}
#inner #newsTab {height:auto; overflow-y:visible;}

#sidebar ul.nav {display:block; padding:0; margin:0;}
#sidebar ul.nav li {display:none; width:auto; padding:0; margin:0; list-style:none;}
#sidebar ul.nav li a:hover {text-decoration:none;}
#sidebar ul.nav li ul {padding:0 0 20px 0;}
#sidebar ul.nav li ul li, #inner.blog #sidebar ul li ul li {display:block; padding:1px 0 0 15px; height:auto; background:url('img/bul.png') no-repeat 8px 9px}
#sidebar ul.nav li ul li a, .blog #sidebar ul li ul li a {display:block; padding:4px; color:#587B8E; font-weight:normal; font-size:11px; border:none;}
#sidebar ul.nav li ul li a:hover {color:#000;}

#inner.home #sidebar ul.nav li.home, #inner.home #sidebar ul.nav li.home ul *, 
#inner.company #sidebar ul.nav li.company, #inner.company #sidebar ul.nav li.company ul *, 
#inner.industries #sidebar ul.nav li.industries, #inner.industries #sidebar ul.nav li.industries ul *, 
#inner.services #sidebar ul.nav li.services, #inner.services #sidebar ul.nav li.services ul *, 
#inner.new #sidebar ul.nav li.new, #inner.new #sidebar ul.nav li.new ul *, 
#inner.support #sidebar ul.nav li.support, #inner.support #sidebar ul.nav li.support ul *, 
#inner.contact #sidebar ul.nav li.contact, #inner.contact #sidebar ul.nav li.contact ul * 
{display:block;}

div.sectionImage {height:169px; width:281px; float:right; margin:0 0 30px 30px;}
#inner.company div.sectionImage {background:url('img/new-company.jpg') no-repeat; height:186px;}
#inner.industries div.sectionImage  {background:url('img/new-industries.jpg') no-repeat;}
#inner.services div.sectionImage  {background:url('img/new-services.jpg') no-repeat;}
#inner.new div.sectionImage {background:url('img/new-news.jpg') no-repeat; height:421px;}
#inner.careers div.sectionImage {background:url('img/new-careers.jpg') no-repeat; height:421px;}
#inner.support div.sectionImage {background:url('img/new-support.jpg') no-repeat; height:421px;} 
#inner.contact div.sectionImage {background:url('img/contact.jpg') no-repeat; }


#content ul {padding:10px 0 0 15px;}
#content ul li {display:block; padding:4px 10px 6px 20px; height:auto; background:url('img/bul.png') no-repeat 8px 7px}
body.admin #content ul li {background:none}


#address  {
color:#FFFFFF;
position:absolute;
right:20px;
top:40px;
}
#address span, #address a {
color:#28C1FF;
}
#address strong {
color:#28C1FF;
}


#search {height:21px;margin:0;padding:0; position:absolute; bottom:13px; right:20px; width:201px;}
#search #q {background:none repeat scroll 0 0 transparent;border:medium none;color:#0577A9;float:left;height:13px;margin:0;padding:4px 0 0 4px;width:172px;}
#search #submit {background:none repeat scroll 0 0 transparent;border:medium none;cursor:pointer;float:right;height:21px;margin:0;padding:0;width:25px;}

#login {height:21px;margin:0;padding:0; top:10px; right:20px; width:296px;}
body.admin #login {height:auto;margin:0;padding:10px; top:auto; right:auto; width:auto;}
#login #userName, #login #password {background:none repeat scroll 0 0 transparent;
border:medium none;
color:#0577A9;
float:left;
height:13px;
margin:0 0 0 12px;
padding:4px 0 0 4px;
width:103px;}
#login #submitL {background:none repeat scroll 0 0 transparent;border:medium none;cursor:pointer;float:right;height:21px;margin:0;padding:0;width:58px;}



#content li p {margin:0;}
#content li p + p {padding-top:10px;}
#content ul + p {margin-top:0;}



.nivo-controlNav {
position:absolute;
left:435px;
bottom:-5px}

.nivo-controlNav a {
background:url("img/bullets.png") no-repeat scroll 0 50% transparent;
border:0 none;
display:block;
float:left;
height:30px;
margin-right:3px;
text-indent:-9999px;
width:10px;
}
.nivo-controlNav a.active {
background-position:-10px 50%;
}
.nivo-directionNav a {
background:url("img/arrows.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
height:30px;
text-indent:-9999px;
width:30px;
position:absolute;
bottom:-5px;
}
a.nivo-nextNav {
background-position:-30px 0;
right:400px;

}
a.nivo-prevNav {
left:400px;
}

.eventsHeader {background:url('img/eventheader.jpg') no-repeat #c4d7de; height:60px; position:relative; margin-bottom:20px; padding:10px 0 0 35px; font-size:10px;}
.eventsHeader span {position:absolute; top:22px; left:35px; line-height:15px; font-size:13px; font-weight:900; width:600px;}
.eventsHeader input {position:absolute; top:28px; left:12px; line-height:normal; font-size:14px; font-weight:normal; margin:0;}

.eventsDescription {padding:10px 0; border-bottom:1px solid #ccc;}
.eventsDescription p {padding:0 0 10px 0; margin:0;}

table#tradeShows {width:660px}
table#tradeShows th {text-align:center; background:url(img/eventheader.jpg) no-repeat 50% 50%; border-bottom:2px solid #AAA; padding-bottom:2px;}
table#tradeShows td {border:solid #ddd; padding:3px 3px 3px 6px; border-width:0 0 1px 1px;}
table#tradeShows tr + tr td + td + td {border-width:0 1px 1px 1px;;}