/*
Styles: Navigation
Author:   Mario S. Cisneros
Version 1:  24 September 2005
Version 2:  6 September 2008 | Expanded Width to 960
Version 3:  25 September 2009
----------------------------------------------------------------------------------------------------*/


/* GLOBAL NAVIGATION BAR
----------------------------------------------------------------------------------------------------*/
#menu
{background-color: transparent;
 border-bottom: 5px solid #009D04;
 height: 48px;
 left: 0; 
 margin: 0 auto;
 position: relative;
 top: 127px;
 width: 960px;}

#menu ul
{list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;}

#menu ul li
{display: inline;}

#menu ul li a span
{font-size: 0.95em;
 font-weight: normal;
 font-variant: small-caps;
 text-transform: none;}

#menu ul li a:link, 
#menu ul li a:visited
{background: transparent url(/img/nav/tab.jpg) no-repeat left top;
 color: #076FB2;
 float: left;
 font: bold 0.8em trebuchet, arial, verdana, sans-serif;
 height: 42px;
 margin: 0 1px 0 0;
 padding-top: 10px; 
 position: relative;
 text-decoration: none;
 text-transform: uppercase;
 width: 110px;}

#menu ul li a:hover
{background: url(/img/nav/hover.jpg) no-repeat left top;
 color: #009D04;
 text-decoration: none;}


/* SAME NAVIGATION CODE ON EVERY LANDING PAGE FOR THE MAIN NAV
----------------------------------------------------------------------------------------------------*/
body#home #t-home a,
body#about #t-about a,
body#services #t-services a,
body#products #t-products a,
body#portfolio #t-portfolio a,
body#contact #t-contact a  
{background: url("/img/nav/active.jpg") no-repeat;
 color: #FFF !important;
 font-weight: bold;}
  
  
/* UTILITIES: BREADCRUMBS and PAGETOOLS
----------------------------------------------------------------------------------------------------*/
#utilities
{background-color: #EEE;
 border-bottom: 1px solid #C6CACF;
 font: normal 0.8em trebuchet, arial, verdana, sans-serif;
 height: 15px;
 margin: 0 auto 5px;
 padding: 15px 0;
 width: 958px;}

/* --- Controls Breadcrumbs --- */
#utilities #breadcrumb
{float: left;
 position: relative;}

#utilities #breadcrumb ul
{list-style: none;
 margin: 0 0 0 15px;
 padding: 0;
 text-align: left;}

#utilities #breadcrumb ul li
{display: inline;}

#utilities #breadcrumb a:link, #breadcrumb a:visited
{color: #005A97;
 padding: 0 4px;
 text-decoration: underline;}

#utilities #breadcrumb a:hover
{color: #FF6600;
 text-decoration: none;}
 
/* --- Controls Pagetools --- */
#utilities #pagetools
{float: right;
 position: relative;}

#utilities #pagetools ul
{list-style: none;
 margin: 0;
 padding: 0;}

#utilities #pagetools li
{display: inline;
 padding-right: 15px;}

#utilities #pagetools li a
{color: #005A97;
 padding-left: 20px;}

#utilities #pagetools li a:hover
{color: #FF6600;
 padding-left: 20px;}

#utilities #pagetools #printthis
{background: url("/img/icons/print-friendly.gif") no-repeat 0% 50%;}

#utilities #pagetools #emailthis
{background: url("/img/icons/envelope.gif") no-repeat 0% 50%;} 


/* SIDE NAVIGATION BAR: ABOUT and SERVICES SECTIONS
----------------------------------------------------------------------------------------------------*/
#sidenav
{font: normal 0.8em arial, verdana, sans-serif;
 width: 220px;}

#sidenav ul
{list-style: none;
 margin: 0;
 padding: 0;}

#sidenav ul li
{background: #EEEDE5 url(/img/markers/orange-pipe.gif) no-repeat 2% 51%;
 border-bottom: 1px solid #C8C6B7;}

#sidenav ul li a:link, #sidenav ul li a:active, #sidenav ul li a:visited
{color: #005CA1;
 display: block;
 font-size: 1.2em;
 padding: 7px 0 7px 15px;
 text-align: left;
 text-decoration: none;
 text-transform: capitalize;}

#sidenav ul li a:hover
{background-color: #C8C6B7; /* #EFF9D4 url(/img/nav/sideover.jpg) repeat-x */
 color: #FFF;
 text-decoration: none;}

.active
{border-top: solid 1px #DAD6CD;}


/* SIDENAV: ABOUT US SECTION 
----------------------------------------------------------------------------------------------------*/
html#aboutus .aboutus a,
html#careers .careers a,
html#team .team a,
html#partners .partners a,
html#testimonial .testimonial a,
html#newsroom .newsroom a,
html#ourClients .ourClients a,
html#pricing .pricing a,
html#privacy .privacy a,
html#values .values a
{background: #FFF url(/img/markers/orange-pipe.gif) no-repeat 2% 50%;
 color: #FF6600 !important;
 font-weight: normal;}
  
html#aboutus .aboutus a:hover,
html#careers .careers a:hover,
html#team .team a:hover,
html#partners .partners a:hover,
html#testimonial .testimonial a:hover,
html#newsroom .newsroom a:hover,
html#pricing .pricing a:hover,
html#privacy .privacy a:hover,
html#values .values a:hover
{background-color: #C8C6B7;
 background-image: none;
 color: #FFF !important;
 font-weight: normal;}


/* SIDENAV: SERVICES SECTION
----------------------------------------------------------------------------------------------------*/
html#ourservices .ourservices a,
html#creative .creative a,
html#enterprise .enterprise a,
html#marketing .marketing a,
html#rfp .rfp a,
html#websolutions .websolutions a
{background: #FFF url(/img/markers/orange-pipe.gif) no-repeat 2% 50%;
 color: #FF6600 !important;
 font-weight: normal;}


/* RELATED CONTENT
----------------------------------------------------------------------------------------------------*/
#sidebar div.related
{padding: 5px 0;}

#contact #sidebar div.related h2
{margin-top: 20px;}

#sidebar div.related ul
{font-size: 0.85em;
 list-style: circle;
 line-height: 2;
 margin: 0 0 0 20px;
 padding: 0;}

#sidebar div.related ul li
{background: none;
 border-bottom: none;
 font-weight: normal;
 text-align: left;}

#sidebar div.related ul li a
{background: none;
 color: #007AC4;
 margin: 0;
 padding: 0;
 text-decoration: underline;
 text-transform: capitalize;}

#sidebar div.related ul li a:hover
{background: none;
 color: #FF6600;
 padding-left: 0;
 text-decoration: none;}


/* INLINE HYPERLINKS 
----------------------------------------------------------------------------------------------------*/
a:link, 
a:active, 
a:visited
{color: #005CA1;
 font-size: 1em;
 font-weight: normal;
 text-decoration: underline;
 text-transform: none;}

a:hover
{color: #FF6600;
 font-weight: normal; 
 text-decoration: none;}

#home a:link, 
#home a:active, 
#home a:visited
{text-transform: capitalize;}

#home .projects a:link, 
#home .projects a:active, 
#home .projects a:visited
{text-transform: lowercase;}

#about dt a
{color: #000;
 font-weight: bold;}


/* LEARN & READ MORE LINKS
----------------------------------------------------------------------------------------------------*/
.more
{background: transparent url(/img/backgrounds/more.jpg) no-repeat left top;
 font-size: 0.8em;
 padding: 2px 0 10px 8px;
 text-align: left;}

.more a:link, 
.more a:active, 
.more a:visited
{color: #FFF;
 font-weight: bold;
 text-decoration: none;}

.more a:hover
{color: #CCEE77; 
 text-decoration: none;}

.read a:link, 
.read a:active, 
.read a:visited
{color: #005CA1;
 font-size: 0.7em;
 font-weight: bold;
 padding-left: 0;
 text-align: left;
 text-decoration: none;}

.read a:hover
{color: #FF6600; 
 text-decoration: none;}

#services p .read
{margin-top: 0;}

#consultant
{font-size: 1em;
 font-weight: normal;
 text-transform: none !important;}
 
 
/* TESTIMONIALS & PORTFOLIO SECTION
----------------------------------------------------------------------------------------------------*/
p.next
{font-size: 1em;
 margin-top: 45px;
 text-align: center;}
 
p.next a
{background-color: #EEE;
 padding: 0 15px;
 text-decoration: none;}

p.prev
{font-size: 1.2em;
 padding: 20px 0;
 text-align: center;}
 
p.prev a
{text-decoration: none;}


/* FOOTER: HOMEPAGE
----------------------------------------------------------------------------------------------------*/
#home #innerFooterWrap
{background: #0269AB url(/img/backgrounds/footer.jpg) repeat-x left top;
 border-top: 2px solid #025993;
 border-bottom: 2px solid #0270B9;
 height: 195px;
 margin-top: 20px;
 padding: 0;
 position: relative;
 width: 100%;
 z-index: 20}

#home #innerFooter
{color: #fff;
 font-size: 0.8em;
 margin: 0 auto;
 width: 960px;}

#home #innerFooter #webnet
{float: left;
 margin: 28px 63px 0 0;
 padding: 0;
 position: relative;
 text-align: left;
 width: 265px;}

#home #innerFooter #webnet address
{font-style: normal;
 line-height: 1.8;
 margin: 0;
 padding: 0;}

#home #innerFooter #webnet ul
{margin: 25px 0 0 0;
 padding: 0;}

#home #innerFooter #webnet li
{display: inline;
 list-style: none;
 text-align: left;}

#home #innerFooter #webnet a:link, 
#home #innerFooter #webnet a:visited
{padding: 0 3px;}

#home #innerFooter #resources
{border-left: 1px solid #0264A6;
 border-right: 1px solid #0264A6;
 float: left;
 margin: 28px 0 0 0;
 padding: 0 61px;
 width: 220px;}

#home #innerFooter #specials
{float: right;
 margin: 28px 0 0 0;
 padding: 0;
 width: 220px;}

#home #innerFooter #resources ul,
#home #innerFooter #specials ul
{line-height: 1.8;
 margin: 0;
 padding: 0;}

#home #innerFooter #resources ul li,
#home #innerFooter #specials ul li
{background: transparent url(/img/markers/arrow.gif) no-repeat 0% 50%;
 list-style: none;
 padding-left: 15px;
 text-align: left;}

#innerFooter a:link, 
#innerFooter a:visited
{text-decoration: none;
 text-transform: capitalize;
 color: #A6DBFF;
 padding: 0;}

#innerFooter a:hover
{text-decoration: none;
 color: #CCEE77;
 border-bottom: none;}

 
/* BACK TO TOP
----------------------------------------------------------------------------------------------------*/ 
#home #innerFooter a.top
{left: 95.5%;
  position: absolute;
  top: 197px;}

#home #innerFooter a.top
{background: url(/img/home/top.gif) no-repeat;
  display: block;
  height: 17px;
  width: 23px;}


 /* SITEMAP 
----------------------------------------------------------------------------------------------------*/
#home #outerFooterWrap
{background-color: #025993;
  height: 65px;
  position: relative;
  width: 100%;
  z-index: 10}

#home #outerFooter
{color: #EEE;
  font-size: 0.8em;
  margin: 0 auto;
  padding: 25px 0;
  width: 960px;}

#home #outerFooter ul
{margin: 0;
  padding: 0;}

#home #outerFooter ul li
{display: inline;
  list-style: none;
  text-align: left;}

#home #outerFooter #sitemap
{display: inline;
  float: left;
  margin-left: -10px;}

#home #outerFooter ul li a
{color: #CCC;
  padding: 0 10px;
  text-decoration: none;}

#home #outerFooter ul li a:hover
{text-decoration: underline;}


 /* SITEMAP: SOCIAL MEDIA 
----------------------------------------------------------------------------------------------------*/
#home #outerFooter #social
{display: inline;
  float: right;
  font-size: 1em;
  padding-right: 0;} /* unhide blog: margin-right: 10%; */

#home #outerFooter  li.socialize
{padding-right: 15px;}

#home #outerFooter #social li a
{padding: 0 0 0 15px;
  text-decoration: none;}

#home #outerFooter #social li.twitter a
{padding-right: 15px;}

#home #outerFooter #social li.twitter
{background: url(/img/icons/social.gif) no-repeat left -103px;
  padding-left: 6px;}

#home #outerFooter #social ul li.twitter:hover
{background: url(/img/icons/social.gif) no-repeat left -129px;}

#home #outerFooter #social li.blog
{background: url(/img/icons/social.gif) no-repeat left 0;
  padding-left: 6px;}

#home #outerFooter #social ul li.blog:hover
{background: url(/img/icons/social.gif) no-repeat left -25px;}  
  

/* FOOTER: CORE PAGES
----------------------------------------------------------------------------------------------------*/  
#coreFooterWrap
{background: #0269AB url(/img/backgrounds/footer.jpg) repeat-x left top;
  border-top: 2px solid #1F334D;
  border-bottom: 1px solid #0270B9;
  height: 80px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;}
 
#coreFooter
{color: #fff;
  font-size: 0.8em;
  margin: 0 auto;
  padding: 30px 0 0 0;
  width: 960px;}

#coreFooter ul
{margin: 0;
  padding: 0;}

#coreFooter ul li
{display: inline;
  list-style: none;
  text-align: left;}

#coreFooter ul li a
{color: #CCC;
  padding: 0 15px;}