/***************************************************************************************
--BASE STYLES & UTILITIES--
****************************************************************************************/ 
html { background: #ffffff url(/includes/images/layout/body-bg.jpg) repeat-x top left; }

body {
 background: url(/includes/images/layout/main-bg.png) repeat-y center top;
 width: 100%;
 display: table;
 /* font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-size:12px;
 color:#888;
}

#main_container {
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom:0px;
 width:980px;
}

.container {
 width:980px;
 float:left;
 display:block;
}

.content {
 width:928px;
 float:left;
 padding:0px 26px 0px 26px;
}

#interior_container {  }

#interior_content { min-height:550px; }

.subnav-container {
 width:217px;
 float:left;
 display:block;
 background-color:fff;
}

.sub-content {
 padding-bottom:50px;
}


/***************************************************************************************
--GRID--
****************************************************************************************/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, .span-half {
 float:left;
 margin-right:20px;
}

div.last { margin-right:0; }
.span-1 { width:59px; }
.span-2 { width:138px; }
.span-3 { width:217px; }
.span-4 { width:296px; }
.span-5 { width:375px; }
.span-6 { width:454px; }
.span-7 { width:533px; }
.span-8 { width:612px; }
.span-9 { width:691px; }
.span-10 { width:770px; }
.span-11 { width:849px; }
.span-12 { width:928px; }


/***************************************************************************************
-- HEADER -- 
****************************************************************************************/
#header_container {
 width:980px;
 height:100px;
}

#top-gray-bar {
 height:28px;
 background-color:#4E5B68;
 /*background:#007cca;*/
}

#top-gray-bar p {
 font-size:12px;
 margin-right:30px;
 margin-top:3px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:right;
 color:#fff;
}
 
#top-gray-bar a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 text-decoration:underline;
}
 
#top-gray-bar a:hover {
 color:#fff;
 text-decoration:underline;
}
 

#logo {
 float:left;
 width:210px;
 height:70px;
 display:block;
 margin-top:8px;
 background:url(/includes/images/layout/logo-gray.gif) no-repeat;
}

#logo a {
 display:block;
 text-indent:-9999px;
 width:210px;
 height:70px;
}

/***************************************************************************************
-- GLOBAL NAVIGATION -- 
****************************************************************************************/
ul#global_nav {
 width:380px;
 height:40px;
 float:left;
 margin-top:-45px;
 margin-left:550px;
 text-indent:-9999px;
 list-style:none;
 position:relative;
 background:url(/includes/images/layout/global-nav.gif) no-repeat;
}

ul#global_nav li {
 margin:0 0 0 0;
 list-style:none;
 padding:0;
 line-height:1.4em;
 display:block;
 position:absolute;
 top:0;
 height:40px;
 width:auto;
}

ul#global_nav li a {
 text-indent:-999em;
 display:block;
 height:40px;
 background:url(/includes/images/layout/global-nav.gif) no-repeat;
}

ul#global_nav li.services {
 width:86px;
 left:0px;
}

ul#global_nav li.case-studies {
 width:118px;
 left:86px;
}

ul#global_nav li.company {
 width:97px;
 left:205px;
}

ul#global_nav li.contact {
 width:79px;
 left:301px;
}

ul#global_nav li.services a {
 width:86px;
 background-position:0px 0px;
}

ul#global_nav li.services a:hover {
 width:86px;
 background-position:0px -40px;
}

ul#global_nav li.services a.selected, ul#global_nav li.features a.selected:hover {
 width:86px;
 background-position:0px -80px;
}

ul#global_nav li.case-studies a {
 width:118px;
 background-position:-86px 0px;
}

ul#global_nav li.case-studies a:hover {
 width:118px;
 background-position:-86px -40px;
}

ul#global_nav li.case-studies a.selected, ul#global_nav li.pricing a.selected:hover { background-position:-86px -80px; }

ul#global_nav li.company a {
 width:97px;
 background-position:-205px 0px;
}

ul#global_nav li.company a:hover {
 width:97px;
 background-position:-205px -40px;
}

ul#global_nav li.company a.selected, ul#global_nav li.customers a.selected:hover { background-position:-205px -80px; }

ul#global_nav li.contact a {
 width:79px;
 background-position:-301px 0px;
}

ul#global_nav li.contact a:hover {
 width:79px;
 background-position:-301px -40px;
}

ul#global_nav li.contact a.selected, ul#global_nav li.resources a.selected:hover { background-position:-301px -80px; }

/***************************************************************************************
-- FOOTER & COPYRIGHT -- 
****************************************************************************************/
#footer_container {
 padding-top:30px;
 background:#FAF7F2 url(/includes/images/layout/footer-bg.jpg) no-repeat;
 height:200px;
}

#footer_divisions { margin-top:20px; }

#footer_divisions h6 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#444;
 border-bottom:1px solid #444;
 padding-bottom:4px;
}

ul.footer_divisions_content {
 margin:0 0 0 0;
 list-style:none;
}

ul.footer_divisions_content li {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 list-style:none;
 margin:0px;
 padding:0;
 line-height:2.0em;
}

ul.footer_divisions_content li a {
 /*float:left;*/
 width:100%;
 font-weight:bold;
 color:#777;
 padding-bottom:2px;
 text-decoration:none;
}

ul.footer_divisions_content li a:hover {
 color:#000;
 text-decoration:underline;
}

/*Firefox 2 fix*/
ul.footer_divisions_content li { overflow:hidden; }

#copyright_container {
 padding-top:15px;
 padding-bottom:15px;
 background:#FAF7F2 url(/includes/images/layout/copyright-bg.gif) no-repeat top left;
 height:20px;
}

#copyright_content { }

#copyright_content p {
 font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 text-align:center;
 color:#777;
 font-size:12px;
}

#copyright_content p a { color:#444; }