body {font: 12px Helvetica, Arial, sans-serif; color:#5a5a5a; background:#4a5e0f;}

a {text-decoration:none; color:#d36607;}

h2,h3,h4,h5,h6,h7 {font-weight:100;  letter-spacing:-.25px}

address {font-style: normal;}


#container {width:977px; margin:0px auto; background:#f4f5b0 url(/images/y-fill.gif) repeat-y;}

#header {background:url(/images/header.jpg) no-repeat; height:64px; padding: 33px 0 0 35px; width:942px;  margin:0 auto;}

#content, #footer {width:925px; margin:0 auto;}

#content-wrap {background:#f4f5b0 url(/images/content-fill.jpg) repeat-x 0 -20px; margin:0 auto; width:963px;}

#header ul {float:left; display:inline}

#main {width: 690px; float:left;}

#sub {width: 224px; float:left; font-size:11px; margin-left:3px}

#capabilities {width:685px; background:url(/images/home-sub.jpg) no-repeat; height:116px; margin-top:14px; margin-left:2px; color:#fff; position:relative;}

#capabilities-header {width:175px; position:absolute; left:40px; bottom:15px;}

#capabilities h2 {font-size:24px; margin-bottom:11px;}

#capabilities p {font-size:10px; line-height:18px}

#capabilities ul {position: absolute; font-size:15px; line-height:18px; bottom:15px; right:0px;}

#capabilities a {color:#fff; font-weight:100;}

#capabilities a:hover {color:#ffa24f}

#capabilities span {float:left; text-align:center;}

#capabilities .col-1 {width:230px;}

#capabilities .col-2 {width:228px;}

#capabilities h2.sIFR-replaced {margin-bottom:3px;}


/* Footer Styles */

#footer {background:url(/images/footer.gif) no-repeat; height:64px; width:977px; padding-top:10px}

#footer-main, #footer-sub {background:transparent url(/images/footer-content-bg.gif) no-repeat scroll right bottom; height:31px; text-align:center; float:left; display:inline }

#footer-main {width:670px; margin-left:37px;}

#footer-sub {width:210px; margin-left:23px}

#footer span {background:transparent url(/images/footer-content-bg.gif) no-repeat scroll left center; display:block;float:left; height:31px; width:10px;}

#footer-nav, #social-media {background:transparent url(/images/footer-content-bg.gif) repeat-x scroll 0 0; height:22px; margin:0 auto; padding-top:9px; float:left }

#footer-nav ul {float:left; margin-right:10px;}

#social-media {padding-top: 5px; height:26px}

#footer-nav {width:600px; padding-left:57px}

#social-media {width:190px;}

#footer-nav li {display:inline; margin-right:8px; text-transform:lowercase}

#footer-nav a {color:#9B9063; font-size:11.5px;}

#footer-nav a:hover {color:#5a5a5a;}

#footer-nav a {color:#9B9063; font-size:11.5px;}

#footer-nav a:hover {color:#5a5a5a;}

#social-media li {float:left; margin-right:7px}

#social-media a {display:block; height:20px; width:22px; background: url(/images/icons.png) no-repeat; text-indent:-9999px}

#social-media #twit {background-position: -96px -26px }

#social-media #fb {background-position: -73px -26px}

#social-media #linked {background-position: -50px -26px}

#social-media #youtube {background-position: -5px -26px}

#social-media #flickr {background-position: -28px -26px}

#social-media #twit:hover {background-position: -96px -4px }

#social-media #fb:hover {background-position: -73px -4px}

#social-media #linked:hover {background-position: -50px -4px}

#social-media #youtube:hover {background-position: -5px -4px}

#social-media #flickr:hover {background-position: -28px -4px}

#social-media #slideshare {background-position: -117px -26px}

#social-media #slideshare:hover {background-position: -117px -4px}


/* Call To Action */

#sts {height:330px; width: 667px; background: url(/images/homepage_lobby.jpg) no-repeat; position:relative; margin:0 0 15px 11px; border:1px solid #CFD0A3; -moz-border-radius:3px;-webkit-border-radius:3px;}

#sts h1 {color: #fff; font-size:45px; font-weight:100; line-height:.9}

#sts h2 {color: #fff; font-size:45px; font-weight:100; line-height:.9}

.sIFR-active #sts h2 {bottom:-4px}

#sts p {color:#fff /* #f3f4c0 */ ; margin-bottom:10px; line-height:2}

.sts-copy { width:275px; padding-right:10px; position:absolute; bottom:4px; right:5px;}

.sts-header { position:absolute; bottom:3px; left:30px;  }

#sts-bg {background:#000; opacity:.55;display:block; width:667px; height:103px; position:absolute; bottom:0; -moz-border-radius:0 0 3px 3px; -webkit-border-bottom-left-radius: 3px ; -webkit-border-bottom-right-radius: 3px;}

.sIFR-active #sts h1 {bottom:-4px !important;}


/*  Twitter  */
.tweet {background:transparent url(/images/twit-bg.gif) no-repeat scroll right top; clear:left; display:block; font-size:9.75px; height:16px; margin:0 24px 15px 8px; padding-top:8px; width:673px;}

.tw-icon {background:transparent url(/images/twit-icon.gif) no-repeat scroll 0 0; display:block; float:left; height:25px; margin-left:1px; margin-top:-8px; text-indent:-9999px; width:24px;}

.tweet a {background:transparent url(/images/twit-bg.gif) repeat-x scroll 0 -24px; color:#9B9063; display:block; height:16px; float:left; margin-top:-8px; padding-top:8px; width:645px; overflow:hidden}

.tweet a:hover {color:#5a5a5a;}


#logo {background: url(/images/logo.png) no-repeat; height:48px; text-indent:-9999px; width:222px; margin-bottom:15px; display:block; float:left; display:inline}



#module .content {height:211px; padding:22px 0 0 10px}

#module .content h2 a {font-size:18px; font-weight:100; line-height:.9;width:65px; display:block}

#module img, #module span {float:right; margin-left:5px;}

#module span {width:55px; height:55px; display:block;}

#module .case-row {width:177px; height:60px;}

#module .case-row .last {margin:0}

.row-1 {margin-top:-7px}

#orange-box {background: #d36607; -moz-border-radius:3px;-webkit-border-radius:3px;}

#green-box {background: #d2d776; -moz-border-radius:3px;-webkit-border-radius:3px;}



/* Tabs */

#tabs {margin:0 0 -2px 7px;}

#tabs ul li {float: left;}

#tabs ul li a {display: block; width: 108px; height: 26px; background:url(/images/blog-news-tabs.png) no-repeat; text-indent:-9999px}

#tabs #blogs-tab .on {background-position:bottom left;}

#tabs #blogs-tab a {background-position:0 -3px;}

#tabs #news-tab .on {background-position:-108px -3px;}

#tabs #news-tab a {background-position:bottom right;}

#tabs .dialog {min-width:209px; margin-left:10px}

#tabs .dialog .content, #tabs .dialog .t{background:transparent url(/images/box.png) no-repeat scroll right -7px;}

#tabs .dialog .t {background-position:left -8px;}

#tab-body { margin:-2px 0 0 0; height:145px; position: relative}

.tab-entry {margin-left:-5px; padding: 20px 18px 0px; width:172px;}

.bottom-border {border-bottom:#EAEBD2 solid 1px;}

#tabs h2 a { color:#d36607; font-size:13.5px; margin-bottom:0px; display: block;}

#tabs h3 a { color:#d36607; font-size:13.5px; margin-bottom:0px; display: block;}

#tabs .date {color:#9A9062; font-size:9px; letter-spacing:1.5px; margin-bottom:5px; margin-top:-2px; text-transform:uppercase; display:block}

#tabs p {line-height:1.45; font-size:10.5px}

#news {position:absolute; top:0;}

#blogs {position:absolute; top:0;}

#trends {height:145px;}

#trends h2 {font-size:13.5px; margin-bottom:0px; padding-top: 30px;}

#trend-entry p {line-height:1.45; font-size:10px}

#trend-entry {padding:0 13px; background: transparent url(/images/lightbulb.gif) no-repeat scroll 117px 15px; height:150px}

.dialog.trends {margin:-2px auto 9px 17px}

.more {margin-left:13px;}


/* Nav */

/* #main-nav {display:block; height:95px; width:690px; background:url(/images/index-nav.jpg) no-repeat; padding:140px 0 0 10px;}

#main-nav li {float:left; width:224px; text-align:center}

#main-nav li span {text-indent:-9999px; display:block}

#main-nav a {color: #b1a982; font-size:12px; margin-bottom:2px; line-height:1.3;  text-transform:lowercase}

#main-nav a:hover {color:#d36607;} */




/*  Sub Nav  */

#header ul {margin:35px 0 0 580px; width:119px}

#header ul li {float:left}

#header ul li a {display:block; background:url(/images/sub-nav.gif) no-repeat 0 0; text-indent:-9999px; margin-right:15px}


#header ul li #contact {width:44px;background-position:-57px -16px;}

#header ul li #contact:hover {background-position:-57px 0px;}

#header ul li #careers {width:45px;background-position:-1px -16px;}

#header ul li #careers:hover {background-position:-1px 0px;}

#header ul li #xnet {width:28px;background-position:-113px -16px;}

#header ul li #xnet:hover {background-position:-113px 0px;}



/* Search */

#search-submit {display:none;}

#search {background: url(/images/search.gif) no-repeat; height:25px; width:213px; margin:0px 0 10px 12px; display:block}

#s {background: transparent; border:none; font-size:10px; padding:6px 3px 3px 7px;color:#BCBCBC; width:175px}


/* Classes */

.white {color:#fff}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.last {margin:0 !important}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:210px;
 max-width:320px; /* based on image dimensions - not quite consistent with drip styles yet */
 /*color:#fff; */
 z-index:1;
 margin-left:17px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/images/box.png) no-repeat top right;
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {position:relative;}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {padding-bottom:0px;}


#main-nav {display:block; height:103px; width:685px; background: url(/images/content-main-nav-home.jpg) repeat-x center; margin-left:3px;}

#main-nav li {float:left; width:227px; text-align:center}

#main-nav li span {background:transparent url(/images/content-nav-header.png) no-repeat; display:block; height:15px; margin:15px auto 10px; text-indent:-9999px; }

#main-nav a {color: #b1a982; font-size:12px; margin-bottom:2px; line-height:1.3; text-transform:lowercase}

#main-nav a:hover {color:#d36607;}

#main-nav .here a {color:#d36607;}

#whoarewe {background:url(/images/content-main-nav-home.jpg) no-repeat left bottom; height:102px; padding-top:1px; width:227px!important}

#whoarewe span {width:97px;}

#whatdowedo {background:url(/images/content-nav-border.gif) repeat-y; height:101px; margin-top:1px; width:230px!important}

#whatdowedo span {background-position: 0 -18px !important; width:123px;}

#whathavewedone {background:url(/images/content-main-nav-home.jpg) no-repeat right top; height:102px; padding-top: 1px; width:228px!important}

#whathavewedone span {background-position: 0 -36px !important; width:157px;}