@import url("/stylesheets/forms.css"); 
/*============================================================================
[Screen Stylesheet]
==============================================================================
Project: Inner Circle Media
Version: 1.5
Last Modified: 01/29/2009 (Flickr)
Assigned to:   Meili Chen
Primary use:   Page Layouts -  two & three colum layouts
==============================================================================*/

/*=============================================================================
[Table of Contents]
===============================================================================

A. Global Reset

B. Global Formatting

C. Layout
    1. Body 
        1.1. Skip to content / a#skip
    2. Layout wrapper / div#wrapper
        2.1. Header / div#header
               2.1.1 Logo / h1
               2.1.2 Utility navigation / ul#utility
          2.1.3 Global navigation / div#globalNav
   2.2. Middle section / div#middle    
            2.2.1 Primary column / div#primeCol 
          2.2.1.1 Title /div#pageTitle
          2.2.1.2 Quote /div.topQuote
          2.2.1.3  Banners /Featured Work / div#banners
          2.2.1.4 Main content   / #mainContent
                  2.2.1.4.1  E-News div.display_archive
                  2.2.1.4.2 Featured Work div#slideshow 
                  2.2.1.4.3 Client List div.client_list 
                  2.2.1.4.4 Services
                  2.2.1.4.5 Team 
          2.2.1.5 Second content     
      2.2.2 Second column / div#secondCol 
             2.2.2.1  news / div#news
             2.2.2.2 quotes(buzz) / div#buzz
             2.2.2.3 enewsletter / div#enewsletter
             2.2.2.4  portfolio   
             2.2.2.5 team 
             2.2.2.6  sub/local navigation /div#subNav  
       2.2.3.3 Third column / div#thirdCol (ot sure yet)
    2.3 Footer / div#footer 
           2.3.1 Footer navigation / ul#footNav
      2.3.2 Footer logo / div.logo     
                     
===============================================================================*/

/*==============================================================================
[Color codes]
================================================================================
#ffffff     white    (team photo background)
#000     black       (body text)
#cc3300  orange      (orange text, flick link, team photo link, footer nav)
#da2c05  orange      (subtite) 
#d34627  orange      (service list)
#993300  red         (red text)
#da2c05  light red      (light rred text)
#d34829  blue     (default link)
#326698  blue     (global nav color)
#336699  blue     (service list, team list) 
#333333  dark grey   (right sidebar title, news title, buzz title, newsletter title, client profolio title, team title)
#1e1b16     dark grey   (page title, flickr, footer background)
#cdcdcb     light grey  (footer text)
#949300  yellow green   (quotes color)
#e6dfc1     light yellow   (footer hover)
#fdfaf3  light yellow   (body backgrond)

==================================================================================*/

/*=================================================================================
A. GLOBAL RESET
===================================================================================*/

body {font: 62.5%/1.4 arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {
 margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

input, textarea {font-family: arial,verdana,geneva,lucida,sans-serif;}
textarea {overflow: auto;}
table {border-collapse: collapse;   margin-bottom: 2em;}
td, th {padding: 0.1em 1em;   border: 1px solid #999; }

img {border: 0;}
acronym, abbr {border-bottom: 1px dotted #ddd; /*cursor: help;*/}
cite {font-style: normal;}
:focus {outline: 0;}

/*====================================================================================
B. GLOBAL FORMATTING  
=====================================================================================*/
.clear {clear: both;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}
.orangeTxt, .orangeTxt a {color: #cc3300;}
.redTxt, .redTxt a {color:#993300;}
.lightRedTxt {color: #da2c05;}
.more {text-align: right;}
.more a {color: #d34829; background: url(/images/misc/arrow_red.gif) no-repeat 100% 50%; padding-right: 20px;}
.more a:hover {border-bottom: none; font-weight: bold;}
.bld {font-weight: bold;}

a {color: #336699; text-decoration: none;}
a:hover {border-bottom: 1px dotted #336699;}
.orangeTxt a:hover {border-bottom: 1px dotted #cc3300;}
.redTxt a:hover {border-bottom: 1px dotted #993300;}

blockquote{margin: 0 15px 15px 20px;}
h1,h2,h3,h4,h5,h6 {font-family: georgia,"Times New Roman",Times, serif;}

h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em; }
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;}

.nav, .nav ul {margin: 0; padding: 0; list-style: none;}

hr {background: #c7c3b7; border: 0; color: #c7c3b7; margin: 15px 0; font-size: .01em; height: 1px;}

ul.arrowYellow {
 margin: 10px 5px 10px 0px;
 padding: 0;
 list-style: none;
}

ul.arrowYellow li {
 list-style: none;
 background: url(/images/misc/arrow_yellow.gif) no-repeat 0 4px;
 padding-left: 15px;
 margin: 0 0 8px 10px;
 line-height: 130%;
 font-weight: bold;
}

ul.arrowYellow ul {margin: 5px 5px 5px 10px; list-style-type: disc;}
ul.arrowYellow li li {background: none; list-style-type: disc; line-height: 120%; font-weight: normal; padding-left: 0px;}
.backTop {text-align: right; clear: both; border-top: 1px dotted #bebcb3; padding-top: 10px;}

/*======================================================================================
C. LAYOUT                                                                   *
=======================================================================================*/

/*--------------------------------------------------------------------------------------------
 1. Body / body                                                                                                                                                             
----------------------------------------------------------------------------------------------*/
body {background: #fdfaf3 url(/images/background/body_bg.gif) repeat-x 0 0; }
html {background: #1e1b16;}

    /* 1.1. Skip to content / a#skip */
    #skip {position: absolute; top: -1000px;} 
    
/*------------------------------------------------------------------------------------------
2. Layout Wrapper                                                                                                                                                     
---------------------------------------------------------------------------------------------*/
#wrapper {color: #000; font-size: 1.3em; margin: 0 auto; width: 970px;overflow: hidden; }
#wrapper p {margin-bottom: 1em!important;}
   /*.........................................................................
    2.1. Header / div#header 
   ...........................................................................*/
    #header {border-top: 10px solid #1f1c17; width: 100%; height: 105px; overflow: hidden; }

       /* 2.1.1 logo / h1 */
       #header h1 {height: 95px; width: 312px; margin: 0; padding: 0; background: url(/images/background/logo_top_icm.jpg) no-repeat;  text-indent: -9000px; float: left;}
       #header h1 a {display: block; height: 95px; width: 312px; background: url(/images/background/logo_top_icm.jpg) no-repeat;}
       #header h1 a:hover {border-bottom: none;}

       /*2.1.2 utility / #utility */
       #utility {float: right; width: 190px; padding: 0;  margin: 0px;}
       #utility a {padding: 0;}
       #utility a:hover {border-bottom: none;}
    
       /* 2.1.3. Global navigation / div#globalNav */
       
       #globalNav {font-size: 12px; float: right; border-bottom: 3px solid #c0beb2; height: 40px; padding-bottom: 2px; width: 630px;  margin: 0px; display: block; overflow: hidden;}
       #globalNav  ul a {display: block;}
       #globalNav  ul li {float: left; /* otherwise there are gaps between each nav item */}
       #globalNav  ul li a{text-transform: uppercase; color: #326698; font-weight: bold; text-align: center; padding: 18px 0px 0px 0px; width: 90px;}
       #globalNav ul li a:hover {border-bottom: none;}
       /*#globalNav  ul li a:hover, #globalNav  ul li.current a , #globalNav  ul li.current a:hover {background: url(/images/navs/global_nav_over.gif) no-repeat 0 50%; }*/
       
       /* Styles for the entire LavaLamp menu */
      .lavaLamp { height: 40px; position: relative; overflow: hidden;} /* dont remove this for IE */
      .lavaLamp li {float: left;   list-style: none;   }
      .lavaLamp li.back {background: url(/images/navs/global_nav_over.gif) no-repeat 100% 50%; z-index: 8; position: absolute;}
      .lavaLamp li.back .left {background: url(/images/navs/global_nav_over.gif) no-repeat 100%50%;  height: 38px; width: 90px;}
      .lavaLamp li a {position: relative; overflow: hidden;  z-index: 10;}
      #noShow {display: none!important;}
      #noShow:hover {background: none;}  
               
      #slidingNav {height: 40px; position: relative; overflow: hidden;}
      #slidingNav li {list-style: none;float: left; }
      #slidingNav li.backLava {background: url(/images/navs/global_nav_over.gif) no-repeat 100% 0%;z-index: 8;position: absolute;}
      #slidingNav li a {z-index: 10;display: block;position: relative;overflow: hidden;text-transform: uppercase; color: #326698; font-weight: bold; text-align: center; padding: 18px 0px 0px 0px; width: 90px;}
      #slidingNav li a:hover {border: none;}
       
    /*............................................................................
      2.2. Middle section / div#middle 
    ................................................................................. */
   #middle { overflow: hidden; width: 100%; margin: 0px 0 10px 0;}
   
      /* 2.2.1 Primary column / div#primeCol */
      #primeCol {float: left; display: inline; width: 660px; border-right: 1px dotted #000; overflow: hidden; min-height: 525px; line-height: 140%;}
      #team #primeCol, #norm #primeCol, #carrie #primeCol, #catherine #primeCol, #miriam #primeCol, #alaine #primeCol, #jon #primeCol, #karl #primeCol, #meili #primeCol {min-height: 620px;}
      .oneCol #primeCol {width: 100%; border: none;}
      .twoCol #primeCol {}
      .threeCol #primeCol {} 
      
         /* 2.2.1.1 Title /div#pageTitle */     
         #pageTitle {color: #1e1b16; font: 32px georgia,"Times New Roman",Times, serif; margin: 20px 20px .4em 20px; padding: 0 0 5px 5px; border-bottom: 3px solid #bebcb3;}
         #home #pageTitle {border-bottom: none; padding-left: 0; margin-bottom: .7em;}
         .oneCol #pageTitle {margin-right: 0;}
      
         /* 2.2.1.2 Quote /div.topQuote */
         .topQuote {display: none; color: #949300; font: 1.15em georgia,"Times New Roman",Times, serif; font-weight: bold;  margin: 0px 20px 10px 20px; padding: 5px 10px 15px 10px;border-bottom: 1px dotted #1e1b16; }
         #services  .servicesQuote, #news .newsQuote, #news_details .newsQuote, #news_archives .newsArchivesQuote, #team .teamQuote, #clients .clientsQuote, #enews .enewsQuote, #blog .blogQuote, #norm .teamQuote, #carrie .teamQuote, #catherine .teamQuote, #miriam .teamQuote, #alaine .teamQuote, #jon .teamQuote, #karl .teamQuote, #meili .teamQuote {display: block!important;}
         .oneCol .topQuote {margin-right: 0;}
      
         /*2.2.1.3  Banners /Featured Work / div#banners*/
         #banners {width: 622px; margin: 20px; overflow: hidden; border-bottom: 1px dotted #1e1b16; }
         #banners h2 {width: 150px; margin: 0; float: left; font: 1.3em georgia,"Times New Roman",Times, serif;}
         #banners .view {float: left; padding: 8px 8px 5px 8px; width: 40px; background: url(/images/background/small_half_circle.gif) no-repeat 0 0; }
         #banners .next {margin-right: 5px;}
         #banners ul {margin: 0; padding: 0; clear: both;float: right; width: 622px;}               
         #banners li {float:left; list-style:none; width: 305px; margin: 0 2px; }
         #banners .jq-ss-crop{margin:5px 0; float:left;     }
         #banners #view {border-top: 3px solid #bebcb3; padding-top: 8px; width:622px; height:310px;  overflow:hidden; }
         #banners #projects{/*width:3818px !important;width:3822px;*/ }/* activate this if scroll one by one */
         #banners #projects{ padding:0; width: 622px; height: 310px; padding:0; }
         #banners #projects li img{border:0; border: 5px solid #bebcb3; padding: 1px; margin-bottom: 10px;}
         #banners #projects .desc {padding: 5px 15px; line-height: 120%;}
         #banners a:hover#left, #banners a:hover#right  {border-bottom: none;}
         #banners #projects .abstract, #banners #projects .abstract p {display: inline; margin: 0; padding: 0;}
         #banners #projects li a:hover {border: 0;}
      
         /* 2.2.1.4 Main content */
         #mainContent {margin: 20px 20px 10px 20px; overflow: hidden; padding-left: 10px; }
         #home #mainContent {padding-left: 0;}
         .oneCol #mainContent {}
         .twoCol #mainContent {}
         .threeCol #mainContent {float: right; display: inline; width: 400px; margin-left: 10px; }
               
         #mainContent h2.subtitle {color: #da2c05; font: 1.4em georgia,"Times New Roman",Times, serif; margin: 15px 0; padding: 0 0 7px 10px; border-bottom: 1px dotted #1e1b16;}
         #mainContent .leftImg {float: left; width: 135px; margin: 0 15px 50px 0;}
         #home #mainContent .content {float: right; width: 465px; }
         
            /*2.2.1.4.1  E-News div.display_archive */
            .display_archive {margin: 15px 0 7px 0;}
            .campaign {background: url(/images/misc/link.gif) no-repeat 0 50%; padding-left: 20px; margin-bottom: 7px; line-height: 120%;}
            .campaign:hover {background: url(/images/misc/link_over.gif) no-repeat 0 50%;}
         
            /*2.2.1.4.2 Featured Work div#slideshow*/
            #slideshow {/*width: 600px;  height: 280px;*/ }
            #slideshow .single {list-style: none; width:590px; line-height: 140%; padding-top: 5px; margin: 0 10px 0 10px; height: 280px; }
      
            #slideshow ul {margin: 0; padding: 0;}
            #slideshow li {margin: 0; padding: 0; }
            #slideshow img { width: 288px; display: block; float: left; padding: 2px; border: 5px solid #bebcb3;}
            #slideshow .description {float: left; margin-left: 10px; width: 270px;}
            
            /*2.2.1.4.3 Client List div.client_list */
            .client_list {clear: left; float: left; width: 280px; overflow: hidden; padding-right: 10px;}
            .client_list h3 {font: bold 1em arial,verdana,geneva,lucida,sans-serif; padding-left: 10px; margin: 0 0 1em 0;}
            .client_list ul {list-style: none; margin: 0 0 10px 10px; padding: 0 0 0 0px;}
            .client_list ul li {list-style: none; background: url(/images/misc/dot_black.gif) no-repeat 0 .5em;  margin: 0; padding: 0 0 6px 10px; line-height: 115%;}
         
            .client_list-odd {clear: right; float: right; width: 280px; overflow: hidden; padding-right: 10px;}
            .client_list-odd h3 {font: bold 1em arial,verdana,geneva,lucida,sans-serif; padding-left: 10px; margin: 0 0 1em 0;}
            .client_list-odd ul {list-style: none; margin: 0 0 10px 10px; padding: 0 0 0 0px;}
            .client_list-odd ul li {list-style: none; background: url(/images/misc/dot_black.gif) no-repeat 0 .5em;  margin: 0; padding: 0 0 6px 10px; line-height: 115%;}
         
            /* 2.2.1.4.4 Services */
/*            
            #servicesList{list-style: disc;}
            #servicesList li {color: #336699; font-weight: bold;}
            #servicesList li a:hover, #servicesList li:hover a, #servicesList .current a{color: #d34627;}
*/
#servicesList {margin: 0; padding: 0; list-style: none;}
#servicesList li {float: left; display: inline; width: 10.75em; margin-right: 0.5em;}
            
#tabbed_area {
   border:1px solid #494e52;
   background-color:#636d76;
   padding:8px;   
}

#servicesList {
   margin:0px; padding:0px;
   margin-top:5px;
   margin-bottom:6px;
}
#servicesList li {
   list-style:none;
   display:inline;
}
#servicesList li a {
   display: block;
   background-color:#464c54;
   color:#ffebb5;
   padding:8px 10px 8px 10px;
   text-decoration:none;
   font-size:11px;
   font-weight:bold;
   text-transform:uppercase;
   border:1px solid #464c54;
}
#servicesList li a:hover {
   background-color:#2f343a;
   border-color:#2f343a;
}
#servicesList li.current a {
   background-color:#fff;
   color:#282e32;
   border:1px solid #464c54; 
   border-bottom: 1px solid #fff;   
}
.service {
   background-color:#fff;
   padding:10px;
   border:1px solid #464c54; 
   border-top: 0;    
}

/*
            #servicesContent {border-top: 1px dotted #1e1b16; padding: 15px 0;}
*/
            #servicesContnent ul.disc li {margin-bottom: 10px;}
            #servicesContent ul.square li {list-style: square;}
            #servicesContent .subTitle {font-weight: bold;}
            
            
            /* 2.2.1.4.5 Team */
            #teamContent {float: right; display: inline; width: 400px; margin-left: 10px;}
            #teamImages{float: left; width: 195px; margin: 10px 5px 10px 0px; padding: 0px 0 0 0px; display: inline; overflow: hidden; line-height: 130%; }
            

            /*flickr */
            .flickr  h2.subTitle {color: #1e1b16; border-bottom: 1px dotted #1e1b16; padding: 5px 5px 3px 5px; }
            .flickr {float: left; width: 195px; padding: 5px 0px 5px 5px; margin-top: 35px; color: #cc3300;}
            .flickr #view {width: 195px; height: 200px; overflow: hidden;}
            .flickr ul {list-style: none; margin: 0; padding: 0;}
            .flickr ul {width: 195px; height: 200px;}
            .flickr ul li {list-style: none; float: left; margin: 0; padding: 0 0 6px 0; width: 93px;}
            .flickr img {padding: 1px; text-align: center; display: block; margin: 0 auto; border: 6px solid #bfbdb4;}
            .flickr img:hover { border: 6px solid #9b998f;}
            .flickr p{color: #cc3300;line-height: 1.2em; padding: 10px 5px;}
            .flickr a {color: #cc3300; }
            .flickr a:hover { border-bottom: 1px dotted #cc3300;}
            
            .flickr_img_wrapper {width: 195px; height: 210px; clear: both;}
            .flickr_badge_image { float: left; margin: 0; padding: 0 0 6px 0; width: 93px; }
            .flickr_badge_image img{width: 73px; padding: 1px; text-align: center; display: block; margin: 0 auto; border: 6px solid #bfbdb4; float: left; }
                  
         
            .teamPhotos .view {overflow: hidden; margin-bottom: 10px;}
            .teamPhotos img {float: left; margin: 0 3px 10px 0; padding: 1px; background: #fff; border: 6px solid #9b998f;}
            .teamPhotos img.norm {margin-bottom: 5px;}
            .teamPhotos a {color: #cc3300;}
            .teamPhotos  a:hover { border-bottom: 1px dotted #cc3300;}
            .teamPhotos .view {display: none;}
            #norm .teamPhotos .normPhotos {display: inline;}
            #carrie .teamPhotos .otherPhotos, #catherine .teamPhotos .otherPhotos, #alaine .teamPhotos .otherPhotos, #jon .teamPhotos .otherPhotos, #karl .teamPhotos .otherPhotos, #meili .teamPhotos .otherPhotos {display: inline;}
            #miriam .teamPhotos .miriamPhotos {display: inline;}
         
            /* 2.2.1.4.6 Contact Us */
            #contact_us {}
            #contact_us #email, #contactUs #comments, #contactUs #name, .validated_form #name, .validated_form #email, .validated_form #comments {border: 1px solid #cacbcb;}
            fieldset {border: 3px double #a7a5a1; margin: 15px; }
            legend {background: #e4dfd7; color: #1e1b16; font-weight: bold; padding: 3px 10px; border: 3px double #a7a5a1; margin: 10px;}
            .submitBtn {font-weight: bold; padding: 3px 5px; background: #1e1b16; color: #e6dfc1; border: 1px solid #6c685c; margin: 5px 10px;}
           
         /* 2.2.1.5 Second content */
         #secondContent {float: left; width: 195px; margin: 10px 5px 10px 20px; padding: 0px 0 0 0px; display: inline; overflow: hidden; line-height: 130%; }
         .twoCol #secondContent {display: none;}   
         
                     
      /* 2.2.2 Second column / div#secondCol */
      #secondCol {float: right; overflow: hidden; display: inline; width: 285px; padding: 25px 0 10px 15px;}
      #home #secondCol {padding-top: 15px;}
      .oneCol #secondCol {display: none;}
      .twoCol #secondCol {}
      .threeCol #secondCol {}
      
         /*2.2.2.1 news / div.news */
         .news {margin-bottom: 25px;}
         .news h2 {color: #333333; font: 19px georgia,"Times New Roman",Times, serif; padding: 10px 0 10px 0; margin-bottom: .7em; background: url(/images/misc/newspaper.gif) no-repeat 100% 0; border-bottom: 1px dotted #1e1b16;}
         .news ul { list-style: none; margin: 0; padding: 0;}
         .news ul li {list-style: none; background: url(/images/misc/circle_yellow.gif) no-repeat 0 0; line-height: 130%; padding: 0 0 8px 30px; margin-bottom: 10px;}
         .news ul li:hover, .news ul li.current, .news .current {font-weight: bold; background: url(/images/misc/circle_red.gif) no-repeat 0 0;}
         .news ul li a:hover {border-bottom: none;}
         .news .current {font-weight: bold;}
         #home .news .moreNews, #news_archives .news .moreNews {display: none;}
         
         /*2.2.2.2 quotes / div.buzz */
         .buzz {margin-bottom: 25px; background: url(/images/background/quotes_bg.gif) no-repeat 50% 0; padding: 35px 30px; overflow: hidden;}
         .buzz h2 {text-align: center; width: 100px; margin: 0 42px 0 0; color: #333333; font: 18px georgia,"Times New Roman",Times, serif; padding: 0px 50px 5px 30px; margin-bottom: .2em; background: url(/images/background/buzz.gif) no-repeat 100% 0;}
         .buzz .quote {color: #909000;  line-height: 125%;padding-top: 10px; font: 17px georgia,"Times New Roman",Times, serif; }
         .buzz .quoter{color: #6c685b; margin: 15px 0; text-align: center; font: 15px arial,verdana,geneva,lucida,sans-serif; }
         .buzz .quoterSmall {margin: 7px 0 6px 0; font-size: 11px;}
         .buzz ul {margin: 0; padding: 0;}               
         .buzz li{overflow: hidden; float:left; list-style:none; width: 225px; margin: 0 2px; }
         .buzz #quotes {overflow: hidden; width: 225px; height: 156px;border-top: 1px dotted #1e1b16;}
         #quotes .smallTxt {font-size: 14px;}
         
         /*2.2.2.3 enews / div.enewsletter*/
         .enewsletter {margin-bottom: 25px;}
         .enewsletter h2 {margin: 0; color: #333333; font: 19px georgia,"Times New Roman",Times, serif; padding: 10px 0px 10px 10px; margin-bottom: .2em;border-bottom: 1px dotted #1e1b16; background: url(/images/background/enewsletter.gif) no-repeat 100% 0;}
         .enewsletter form {padding: 20px;}
         .smallTxt {font-size: .95em;}
         .enewsletter .goButton { vertical-align: middle; margin: 0px 0 1px 8px;}
         .enewsletter .input {vertical-align: middle; color: #000; border: none; padding: 4px 5px; height: 18px; width: 180px; background: url(/images/background/email_box.gif) no-repeat 0 0; }
            
         /*2.2.2.4  portfolio/some work div.portfolio */
         .portfolio {margin-bottom: 25px;}
         .portfolio h2 {margin: 0; color: #333333; line-height: 120%; font: 18px georgia,"Times New Roman",Times, serif; padding: 10px 0px 10px 10px; margin-bottom: .2em;border-bottom: 1px dotted #1e1b16;}
         .portfolio ul {margin: 15px 0; padding: 0; list-style: none;}
         .portfolio li {width: 300px; margin: 0; padding: 0 0 10px 0; list-style: none; overflow: hidden;}
         .portfolio img {text-align: left; margin: 0 5px 10px 0; padding: 2px; border: 1px solid #bebcb3;  vertical-align: middle;}
         .portfolio .photo {float: left; width: 130px;}
         .portfolio .text {float: left; width:150px; margin: 0 0 0 5px; line-height: 120%; padding: 26px 0 0 0; display: block; vertical-align: middle;}
         
         #featured_list a.activeSlide  {font-weight: bold;}
         #featured_list a:focus { outline: none; }
         
         /* 2.2.2.5 team */
         .team {margin-bottom: 25px; overflow: hidden;}
         .team h2 {color: #333333; font: 19px georgia,"Times New Roman",Times, serif; padding: 10px 0 8px 5px; margin-bottom: .7em; border-bottom: 1px dotted #1e1b16;  }
         /*.team ul {list-style: none; margin: 10px 0; padding: 0;}
         .team ul li {float: left; width: 100%; display: inline; list-style: none; padding: 0 5px 10px 0px; margin-bottom: 10px; line-height: 120%;}
         */
         .teamThumb {float: left; width: 60px; margin-right: 5px; }
         .teamTitle {padding: 10px;}
         .team ul {list-style: none; margin: 0; padding: 0;}
         .team ul li {line-height: 110%;}
         .team ul li a { display: block; padding: 10px 3px 25px 70px; color: #336699;  font-weight:normal;  margin: 0;  text-decoration: none;}
         .team ul li a:hover, .team ul li .current a {text-decoration: none;  border-bottom: none;  font-weight: bold; }
         
         .norm a {background: url(/images/team/norm_off.gif) no-repeat 0 0; }
         .norm a:hover, .norm .current a{background: url(/images/team/norm_on.gif) no-repeat 0 0;}
         .carrie a {background: url(/images/team/carrie_off.gif) no-repeat 0 0; }
         .carrie a:hover, .carrie .current a{background: url(/images/team/carrie_on.gif) no-repeat 0 0; }
         .catherine a {background: url(/images/team/catherine_off.gif) no-repeat 0 0; }
         .catherine a:hover, .catherine .current a{background: url(/images/team/catherine_on.gif) no-repeat 0 0; }
         .miriam a {background: url(/images/team/miriam_off.gif) no-repeat 0 0;}
         .miriam a:hover, .miriam .current a {background: url(/images/team/miriam_on.gif) no-repeat 0 0;}
         .alaine a {background: url(/images/team/alaine_off.gif) no-repeat 0 0;}
         .alaine a:hover, .alaine .current a {background: url(/images/team/alaine_on.gif) no-repeat 0 0;}
         .jon a {background: url(/images/team/jon_off.gif) no-repeat 0 0;}
         .jon a:hover, .jon .current a {background: url(/images/team/jon_on.gif) no-repeat 0 0;}
         .karl a {background: url(/images/team/karl_off.gif) no-repeat 0 0;}
         .karl a:hover, .karl .current a {background: url(/images/team/karl_on.gif) no-repeat 0 0;}
         .meili a {background: url(/images/team/meili_off.gif) no-repeat 0 ;}
         .meili a:hover, .meili .current a {background: url(/images/team/meili_on.gif) no-repeat 0 ;}

         /* 2.2.2.6     sub/local navigation /div#subNav    */                                                                
         #subNav {margin-bottom: 25px; overflow: hidden;}
         #subNav h2 {color: #333333; font: 19px georgia,"Times New Roman",Times, serif; padding: 10px 0 8px 5px; margin-bottom: .7em; border-bottom: 1px dotted #1e1b16;  }
         #subNav ul {list-style: none; margin: 10px 0; padding: 0;}
         #subNav ul li {float: left; width: 100%; list-style: none; padding: 0 5px 10px 0; margin-bottom: 10px; line-height: 120%;}
        
           
      /* 2.2.3 Third column / div#thirdCol */
      #thirdCol {display: none;}
      
   /*..................................................................................
     2.3 Footer / div#footer  
     .................................................................................*/
   #footer {position: relative; bottom: 0; }
   #footer {overflow: hidden; margin: 0; padding:0; background: #1e1b16; width: 100%; border-top: 10px solid #6c685c; }
   #footer .content {color: #cdcdcb; font-size: 1.2em; margin: 0 auto; overflow: hidden; padding: 25px 10px 15px 10px; width: 970px;background: url(/images/background/foot_bg_2.gif) no-repeat 100% 100% !important; min-height:100%; }
   
      /* 2.3.1 Footer navigation / ul#footNav */
      #footNav {overflow: hidden; margin-bottom: 30px;}
      #footNav ul {width: 250px; float: right; list-style: none; }
      #footNav ul li {padding: 3px 25px; background: url(/images/navs/foot_nav_arrow.gif) no-repeat 0 50%;}
      #footNav ul li a {color: #cc3300; margin: 0; }
      #footNav ul li a:hover,  #footNav ul li.current a {color:#e6dfc1; border-bottom: none; }
   
      /* 2.3.2 Footer logo / div.logo */
      #footer .info {float: left; width: 660px; margin-bottom: 30px!important; overflow: hidden;}     
      #footer .logo {width: 185px; height: 33px; margin: 10px 0 20px 0; background: url(/images/background/logo_bottom_icm.jpg) no-repeat 0 0;}
      .dot_line {border-top: 1px dotted #ccc;margin-top: 8px; padding-top: 6px; width: 520px;}