/* Layout CSS */

@charset "utf-8";

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
ul {margin:0px; padding:0px;}

body{
font-family: Tahoma !important;font-size:11px;line-height:15px;font-weight:normal;color: #4A4A4A;text-decoration: none;background-color: silver !important;margin: 0;padding: 0;}
#pagewrap{width: auto;background-color:#FFFFFF;}	
header{padding:10px; clear: both; overflow:hidden;  background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}
	
#logo{width:50%;float:left;}
	
#hLinks{width:50%;float:right;}
#hLinks ul{margin:0px;float:right;clear:both;adding:10px 0px 10px 0px;}
#hLinks li{float:left;color:#4A4A4A;padding:0px 5px 0px 5px;list-style-type:none;text-decoration:none;}
#hLinks li:nth-child(2n){border-left:1px solid #4A4A4A;border-right:1px solid #4A4A4A;}
#hLinks li a{color:#4A4A4A;text-decoration:none;}
#hLinks li a:hover{color:#69d5ff;text-decoration:none;}

.googlesearch{float:right;clear:both; width:250px;}
nav{clear: both;display:block;height:32px;padding:0px 0px 0px 20px;background-color:#414141;font:normal 12px Arial; color:#fff; text-decoration:none; background: #89929B url(../images/topnavbg.gif) 0 0 repeat-x; position:relative; left:0;}
section{clear:both !important;overflow:hidden;padding:0px;margin:0px;}

/* TinyFader */
.pagination {float:left; list-style:none; margin:0px; display:none; clear:both;}
ol.pagination {margin:8px 0px 0px 0px; padding:0px; }
.pagination li:first-child{ padding:5px 10px 8px 25px;}
.pagination li {float:left; cursor:pointer; height:12px; background:#e7730b url(../images/bullet-res.gif) no-repeat 10px 8px; color:#FFFFFF; margin-right:6px; padding:5px 10px 8px 25px; -moz-box-shadow: 3px 3px 3px rgba(68,68,68,0.6);
-webkit-box-shadow: 3px 3px 3px rgba(68,68,68,0.6);
box-shadow: 3px 3px 0px rgba(68,68,68,0.6); filter: shadow(color=#484848, direction=220, Strength=10);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#484848', Positive='true');}
.pagination li:hover {background:#777 url(../images/bullet.gif) no-repeat 10px 8px; color:#fff;  padding:5px 10px 8px 25px;}
.pagination li.current {background:#0094ce url(../images/bullet-res.gif) no-repeat 10px 8px; padding:5px 10px 8px 25px;}

#slideshow {width:100%; overflow:hidden; padding:0px 0px 10px 0px;  background:#e3e3e2 url(../images/bg.gif) repeat top left;}
nav{ z-index:100 !important;}
ul#slides{ z-index:1;}
#slides {position:relative; width:100%; height:200px; list-style:none; overflow:auto}
#slides li {width:100%; height:200px;  cursor:pointer; background:#e3e3e2 url(../images/bg.gif) repeat top left;}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}
.sliderBanner{  padding:15px 5px 8px 10px; }
.sliderBannerImg{float:left; margin:0px 10px 0px 0px; width:41%}
.bannerText{float:right; width:57%; }
.sliderBanner h1{font-size:28px; color:#073c69; font-weight:normal; line-height:30px;}
.sliderBanner h1 span{ color:#cc3300;}
.sliderBanner p{font-size:13px; color:#333333; font-weight:normal; line-height:18px;}

#main-content{clear:both;overflow:hidden;border-bottom:3px solid #fa9228;padding:5px 5px 15px 8px;}
#content{width:79%;float:left;}
sidebar{width:20%;float:right;	overflow:hidden;}
.solutions-box{background-color:#f4f4f4;min-height:115px;overflow:visible;-moz-border-radius: 5px;-moz-border-top-left-radius: 0px;-moz-border-top-right-radius: 0px;-webkit-border-radius: 5px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;border-radius: 5px;border-top-left-radius: 0px;border-top-right-radius: 0px;behavior: url(border-radius.htc);}
.blue-box{width:33%;float:left;border-bottom:8px solid #0094ce;}
.blue-box h2 a{color: #09C;text-decoration: none;}
.orange-box{width:31%;float:left;border-bottom:8px solid #ea9538;margin:0px 8px 0px 8px}
.orange-box h2 a{color: #ea9538;text-decoration: none;}
.green-box{width:33%;float:left;border-bottom:8px solid #649600;}
.green-box h2 a{color: #649600;text-decoration: none;}
.box-inner{padding:10px;}
.box-inner ul{margin:5px 0px 0px 0px;padding:0px;}
.box-inner li{color:#333;line-height:18px;text-decoration:none;list-style-position:inside;	}
.box-inner li a{color:#333;text-decoration:none;}
.box-inner li a:hover{color:#333;text-decoration:underline;}
.ContentBlock{clear:both;overflow:hidden;margin:0px 0px 10px 0px;}
.gradBox{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(border-radius.htc);overflow:hidden;background: rgb(229,229,229); /* Old browsers */background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.success-box{width:65%;float:left;margin:0px 8px 0px 0px;}
.job-box{width:33%;float:left;}
.social-div{clear:both;left:18px;vertical-align:top;text-align:left;}

footer{padding:15px 10px 15px 10px;overflow:hidden;color:#c1c1c1; clear:both;  background-color:#e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(79,79,79,1) 0%, rgba(142,142,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(142,142,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(142,142,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(142,142,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(142,142,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(79,79,79,1) 0%,rgba(142,142,142,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */}

#footer div {width:23%; float:left; margin:10px; overflow:hidden;}
#footer div H3{font-size:14px; color:#7b7b7b; padding-left:0px; padding-top:0px;  margin-top:0px; margin-bottom:10px;}
#footer ul {margin:0px; padding:0px;}
#footer ul li {list-style-type:none; background-image:url(../index.html); background-repeat:no-repeat; vertical-align:middle; color:#338bd2; line-height:20px; padding-left:10px;}
#footer ul li a{color:#7b7b7b; text-decoration:none; }

.request-call-tablet, .social-div{display:none;}

	
	
.fLeftNav{width:75%;float:left;}
.fLeftNav ul{margin:0px;padding:0px;}
.fLeftNav li{color:#c1c1c1;list-style-type:none;float:left;padding:0px 10px 0px 10px;border-right:1px solid #c1c1c1;text-decoration:none;}
.fLeftNav li a{color:#c1c1c1;text-decoration:none;}
.fLeftNav li a:hover{color:#69d5ff;text-decoration:none;}
.fLeftNav li:last-child{border-right:none;}
.fCopyRight{width:25%;float:right;text-align:right;}
#selectMenu{display:none;}
#selectMenu select{width:98%;height:25px;margin:3px 0px 0px 10px;	border:none;}
#selectMenu option{line-height:25px;border:1px solid #999;background-color:#CCC;}
h2,h3{margin: 0px;padding: 0px;font-family: Tahoma;font-size: 12px;line-height: 30px;font-weight: bold;text-decoration: none;color: #333;line-height: 15px;}
h2 a{color: #333;text-decoration: none;}
p a {color: #69C}
.formbutton{background:#787E8C;color:#fff;font-size:11px;}


/*Home Page CSS Over-ride */
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;}
.fg-button { clear:left; margin:0 4px 0px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }/* solo icon buttons must have block properties for the text-indent to work */	
.fg-button.ui-state-loading .ui-icon { background: url(../index.html) no-repeat 0 0; }
.positionHelper{ width:100%;}
	


/* Phone Portrait */
@media only screen and (max-width : 700px) {
@charset "utf-8";

body{font-family: Tahoma; font-size:11px; line-height:15px; font-weight:normal; color: #4A4A4A; text-decoration: none;
background-color: silver !important;margin: 0;padding: 0;}

.fg-menu-container{height:300px;}
#hierarchybreadcrumb{float:right !important;}
.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; text-align:left !important; font-weight: bold; color: #ffffff; outline: none; border-left:1px solid #FFF; }.ui-state-default  a:active, .ui-state-default  a:hover, .ui-widget-content .ui-state-default a:active, .ui-widget-content .ui-state-default a:hover{ border: none !important; text-align:left !important; background:none !important; font-weight: bold; color: #ffffff; outline: none; border-left:1px solid #FFF; }
	
#selectMenu{display:block;}
nav{padding:0px 0px 0px 0px;}
.googlesearch{display:none;}
#smoothmenu1{display:none;}

#hLinks ul{float:right;}
#hLinks li{text-align:right; float:none}
#hLinks li:nth-child(2n){border-left:none;border-right:none;}


.pagination {float:none; height:auto}
.pagination li {float:none; width:100%; border-bottom:1px solid #414141}
#slideshow{overflow:hidden;}
#slides {height:190px;}
#slides li {height:190px;}
#slideshow{overflow:hidden;}
.sliderBanner{  padding:15px 10px 8px 10px; }
.sliderBannerImg{float:none; margin:0px 10px 0px 0px; width:100%}
.bannerText{float:none; width:100%;}
.sliderBanner h1{vertical-align:bottom; padding-top:0px; margin-top:0px;  float:none; font-size:13px;  min-width:250px;}
.sliderBanner p{display:none;}

#content{width:100%;float:none;}
sidebar{width:100%;float:none;}
.blue-box{width:100%;float:none;}
	
.orange-box{width:100%;float:none;margin:8px 0px 8px 0px}
.green-box{width:100%;float:none;}
.success-box{width:100%;float:none;margin:0px 0px 0px 0px;}
.job-box{width:100%;float:none;}
.request-call-tablet{display:none;}
	
.fLeftNav{width:100%;float:none;}
.fLeftNav li{font-size:10px;padding:0px 3px 0px 3px;}	
.fCopyRight{width:100%;float:none;text-align:left;clear:both;}
	
section{overflow::hidden;}	
#footer {display:none;}

.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; background: none !important; font-weight: bold; color: #ffffff; outline: none;}
.ui-state-default a{ color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none !important; background: none !important; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover a { border: none !important; background: none !important; color: #ffffff; text-decoration: none; outline: none;}
.ui-state-active, .ui-widget-content .ui-state-active { border: none !important; background: none !important;  font-weight: bold; color: #fff; outline: none;}
.ui-state-active a{ border: none !important; background: none !important; color: #403D38; outline: none; text-decoration: none;}
#side-bar{display:none;}
}

/* Tablet Portrait */
@media only screen and (min-width : 701px) and (max-width : 768px) {
@charset "utf-8";

body{
font-family: Tahoma !important;font-size:11px;line-height:15px;font-weight:normal;color: #4A4A4A;text-decoration: none;background-color: silver !important;margin: 0;padding: 0;}
.fg-menu-container{height:300px;}
#hierarchybreadcrumb{float:right !important;}
.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; text-align:left !important; background:none !important; font-weight: bold; color: #ffffff; outline: none; border-left:1px solid #FFF; }
.fg-menu, .ui-corner-all, .fg-menu-content, .ui-widget-content, .ui-helper-clearfix{left:0}

#selectMenu{display:block;}
nav{padding:0px 0px 0px 0px;}	
#smoothmenu1{display:none;}	
.solutions-box{min-height:130px!important;}
	
.request-call-desktop{display:none;}
.icon-set{display:block;clear:both;text-align:center;padding:5px 0px 0px 0px;}
.social-div{text-align:center;margin:5px 0px 0px 0px;}	
.fLeftNav{width:65%;}	
.fCopyRight{width:35%;}
	
#slides {height:390px !important;}
#slides li {height:390px !important;}

ol.pagination {margin:0px 0px 8px 12px; padding:0px; }
.sliderBanner{  padding:15px 10px 8px 10px; }
.sliderBannerImg{float:none; margin:0px 10px 0px 0px; width:100%}
.bannerText{float:none; width:100%; overflow:auto;}
.sliderBanner h1{vertical-align:bottom; padding-top:0px; margin-top:0px;  float:none; font-size:23px;  min-width:250px; line-height:25px;}
.sliderBanner p{display:none;}
#footer {display:none;}
.ui-state-default, .ui-widget-content .ui-state-default { border: none !important; background: none !important; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none !important; background: none !important; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover a { border: none !important; background: none !important; color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: none !important; background: none !important;  font-weight: bold; color: #fff; outline: none; }
.ui-state-active a { border: none !important; background: none !important; color: #403D38; outline: none; text-decoration: none; }


#nav-right{ display:none;}
figure#page-banner{padding:5px; margin:0px;}
#side-bar{display:none;}

}

/* Desktop */
@media only screen and (min-width : 768px){
@charset "utf-8";

body{font-family: Tahoma;font-size:11px;line-height:15px;font-weight:normal;color: #4A4A4A;text-decoration: none;
background-color: silver !important;margin: 0;padding: 0;}

#selectMenu{display:none;position:absolute;}	
.request-call-tablet{display:none;}	
.social-div{display:none;}

#footer {background:#e5e5e5; width:100%; float:left; margin:0px;}
#footer div {width:23%; float:left; margin:10px;}
#footer div H3{font-size:14px; color:#7b7b7b; padding-left:0px; padding-top:0px;  margin-top:0px; margin-bottom:10px;}
#footer ul {margin:0px; padding:0px;}
#footer ul li {list-style-type:none; background-image:url(../index.html); background-repeat:no-repeat; vertical-align:middle; color:#338bd2; line-height:20px; padding-left:10px;}
#footer ul li a{color:#7b7b7b; text-decoration:none; }
.textbox {background:url(../index.html) no-repeat left;width:200px; height:29px; border:0px;text-align:left; color:#808080; padding-left:10px; padding-bottom:5px;font-size:12px; color:#666; line-height:29px;}
.textmsg {background:url(../index.html) no-repeat left;width:200px; height:63px; border:0px;text-align:left; color:#808080; padding-left:10px; padding-bottom:10px;font-size:12px; color:#666; line-height:29px;}
#footer-links {width:950px; float:left; margin-left:10px; padding:0px;font-size:12px; color:#5a7391; }
#footer-links a{color:#5a7391; text-decoration:none;}
#footer-links span{width:300px; float:right; font:normal 12px myriad pro, tahoma; color:#5a7391; text-align:right;}

#nav-left{width:100%; margin-right:-235px; float:left;}
#nav-right{
background-image:url(../images/connectionbg.gif);background-repeat:repeat-x;line-height:32px;color:#3B393A;
font-weight:bold;padding-left:20px;min-width:215px; float:right;}
#nav-right a{color:#3B393A;text-decoration:none;}
#page-banner{background-color:#787e8c; padding:0px; margin:0px;}
}
