/*  Reset HTML Elements */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
    
    /**/
    
/*  Framework & Global Elements */    
    html        { min-height:100%; margin-bottom:1px; %margin-bottom:0px; }
    body        { background:url(/assets/images/bg_content.gif) repeat-y; background-position: center; background-color:#fff; width:840px; margin:0 auto 25px; font:11px arial,helvetica,verdana,sans-serif !important; text-align:center; }
	a:link, 
	a:visited   { text-decoration:none; font-weight:bold; color:#666; }
	a:hover, 
	a:active    { text-decoration:underline; font-weight:bold; color:#666; }
    h1          { text-transform: uppercase; margin-bottom:38px; font-size:1.6em !important; }
    p           { line-height:1.5em; width:620px; }
    strong      { font-weight:bold; }
    #container  { margin:auto 20px; text-align:left; }
	#header     { padding-top:25px; background-color:#fff; }
    #header div { width:100%; margin-top:5px; padding:7px 0 6px; border-top:1px solid #999; }
    #content    { padding:0 10px; }
    #main       { border:1px solid #d4d4d4; background-color:#f2f2f2; min-height:220px; _height:220px; padding:6px 6px 0 4px; margin-bottom:6px; color:#666; font-size:1.3em; }
    #main p     { font-size:1em; }
    #main a     { color:#666; }
 	.water		{ width:780px; height:126px; background:url(/assets/images/bg_watertexture.jpg) no-repeat; }

 	.fade       { background:url(/assets/images/bg_fade_w2y.jpg); height:15px; }
    .clear      { clear:both; }
    .hide       { display:none; }
    .em         { font-style:italic; }
    .return     { clear:both; padding:1.5em 0 2em 0; }
    


/*  Navigation */
    #nav                  { position:relative; z-index:10; background:#fff url(/assets/images/bg_nav.gif) no-repeat; height:67px; }
    #nav-about a, 
    #nav-clients a, 
    #nav-work a, 
    #nav-news a, 
    #nav-research a, 
    #nav-contact a        { display:block; float:left; height:27px; width:130px; margin-top:10px; background:url(/assets/images/nav_buttons.gif); }
    #nav-about a          { margin-left:10px; _display:inline-block; }
    #nav-clients a        { background-position:650px 0; }
    #nav-work a           { background-position:520px 0; }
    #nav-news a           { background-position:390px 0; }
    #nav-research a       { background-position:260px 0; }
    #nav-contact a        { background-position:130px 0; }
    #nav-about a:hover    { background-position:0 27px; } 
    #nav-clients a:hover  { background-position:650px 27px; }
    #nav-work a:hover     { background-position:520px 27px; }
    #nav-news a:hover     { background-position:390px 27px; }
    #nav-research a:hover { background-position:260px 27px; }
    #nav-contact a:hover  { background-position:130px 27px; }
    #nav-about-sub        { position:relative; %left:-139px; /* position:absolute; margin-left:-139px; */ }
    #nav-team a, 
    #nav-services a       {  
        position:absolute;
        display:block;
        top:27px;
        background:url(/assets/images/nav_buttons_sub.png); 
        height:23px; width:125px; 
        margin-left:12px; 
        z-index:100; 
        filter:alpha(opacity=85); /* opacity:0.85; -moz-opacity:1;  */
        }
        #nav-services a       { top:50px; background-position:0 -23px; }
        #nav-team a:hover     { background:url(/assets/images/nav_buttons_sub.png) -125px 0; }
        #nav-services a:hover { background:url(/assets/images/nav_buttons_sub.png) -125px -23px; }        
    
    #clients #nav-id, 
    #work #nav-id, #work-hl #nav-id, 
    #news #nav-id, #news-item #nav-id,
    #research #nav-id, 
    #contact #nav-id
                        		{ position:absolute; background:url(/assets/images/nav_ball.gif) no-repeat; margin-top:39px; width:11px; height:12px; z-index:5; }
    /* #about #nav-id, #team #nav-id, #services #nav-id { left:80px; } */
    #clients #nav-id            { left:199px; } 
    #work #nav-id, 
    #work-hl #nav-id            { left:329px; }
    #news #nav-id, 
    #news-item #nav-id,
    #news-item #nav-id			{ left:459px; }
    #research #nav-id           { left:589px; }
    #contact #nav-id            { left:719px; }
           
/*  Footer */
    #footer                    { position:relative; margin-top:30px; padding:30px 0; color:#333; text-align:center; }
    #footer ul                  { margin-bottom:5px; }
    #footer li                  { display:inline; }
    #footer li a:link, 
    #footer li a:visited        { color:#999; }
    #footer div a:link,  
    #footer div a:visited       { color:#333; }
    #footer .delimiter          { padding:0 0.25em; color:#999; }


/*  Page Specific */
/*  Index */
    #home #main                 { position:relative; border:0; padding:0; margin:0 0 0 -1px; vertical-align:top; }
    
/*  About */

/*  Team */
	#team #main					{ min-height:240px; }
    #team #nav-team a           { background-position: -250px 0; }
    #tean #nav-services a:hover { top:37px; background-position: -125px -23px; }
    #team #intro                { position:absolute; }
    #team #intro p              { width:466px; } /* NEW IE Requires width defined */
    #team #thumbs               { float:right; _display:inline; width:300px; }
    #team #thumb                { float:left; _display:inline; width:71px; height:75px; margin:0 0 4px 4px; }
    #ourteam                    { width:780px; height:123px; padding-top:3px; background:#6adde1 url(/assets/images/bg_watertexture.jpg) no-repeat; }
    #ourteam ul                 { clear:both; } /* NEW */
    #ourteam li                 { color:#fff; float:left; padding:2px 2px 20px 8px; line-height:1.25em; height:auto; width:146px; }
    #ourteam li a:link, 
    #ourteam li a:visited       { color:#fff; }
    
	.team-member #main p		{ margin-top:1em; width:700px;  }
	.team-member #photo			{ float:right; _display:inline; width:375px; height:245px; margin:-6px -6px 0 -150px; }
	.team-member #bio 			{ position:absolute; }
	.team-member #bio h1		{ width:553px; margin-bottom:8px; }
	.team-member #bio p			{ width:538px; font-size:0.8em; %font-size:0.79em; }


/*  Services */
    #services #main             { background:#f0f7fc url(/assets/images/icons.gif) no-repeat right top; margin:0; padding:0; }
    #services #nav-services a   { top:27px; background-position: -250px -23px; }
    #services #nav-team a       { top:50px; background-position: 0 0;}
    #services #nav-team a:hover { background-position: -125px 0; }
    #services h1                { padding:6px 0 0 4px; }
    #services h2                { font-size:1.10em; color:#666; background:url(/assets/images/bg_fade_y2b.gif) no-repeat; height:20px; padding:1px 0 0 5px; }

	#services #main p, 
    #services #main ul, 
    #services .return           { margin-left:5px; font-size:0.83em; }
    #services #main ul          { float:left;  margin:1em 0 0 50px; line-height:1.5em; width:280px; padding-left:15px; }
    #services #main ul li		{ list-style:disc; }
    #services #skiplinks        { text-align:center; font-size:0.83em; margin-bottom:2em; width:100%;}

/*  Clients */
    #clients #main              { margin-bottom:0; }
    #clients #logos             { position:relative; margin-left:-4px; width:778px; _width:772px; height:120px; } /* NEW */
    #clients #logos div         { position:absolute; bottom:0; left:0; height:60px; margin:0px; width:778px; background-color:#cee; }
    #ourclients                 { color:#666; }
/*    #ourclients h2              { text-transform:uppercase; } changed on 9/9/08 by Shari Basch */
    #ourclients h2              { font-size:1.50em; color:#666; background:url(/assets/images/bg_fade_y2b.gif) no-repeat; height:20px; padding:1px 0 0 5px; }
    #ourclients .listing        { float:left; width:250px; line-height:1.45em; }
    #ourclients .listing ul     { padding-bottom:1em; }

/*  Work */
    #work #main                 { padding:6px 6px 0 4px; color:#666; margin:0; min-height:160px; _height:160px; border-bottom:0; } /* NEW */
    #work #submain              { border:1px solid #d4d4d4; background-color:#f2f2f2; border-top:0; height:87px; }
    #work #submain img          { border:1px solid #d4d4d4; }
    #work .spotlight            { float:left; _display:inline; height:86px; margin-left:6px; margin-bottom:1px; margin-right:11px; }
    #work .water .spotlight     { width:149px; padding:10px 15px 0; }
    #work #submain .last, 
    #work .water .last          { margin-right:0; }
    #work .water                { margin-top:10px; text-align:center; }
    #work .water a              { color:#fff; }
    
/*  Work Highlight */
    #work-hl #main                 { margin-bottom:0; border-bottom:1px dotted #999; }
    #work-hl #main p	           { margin-bottom:1em; }
    #work-hl #nav-services a       { background-position: 0px -23px; }
    #work-hl #nav-services a:hover { background-position: -125px -23px; }
    #work-hl #nav-team a           { background-position: 0 0;}
    #work-hl #nav-team a:hover     { background-position: -125px 0; }
    #work-hl h1                    { margin-bottom:0; }
    #work-hl h2					   { font-size:1.2em; } 
    #work-hl h2, 
    #work-hl h3                    { text-transform:uppercase; margin-top:1em; }
    #work-hl h4                    { background:url(/assets/images/bg_fade_y2w.jpg) no-repeat; 
                                     font-style:italic; font-size:1.2em; color:#333;
                                     margin:1em 0 .25em -4px; padding-top:1px; padding-left:4px; height:15px; }
    #work-hl #submain              { position:relative; border:1px solid #d4d4d4; border-top:0; height:100%; margin-bottom:3px; }
    #work-hl #example              { position:relative; padding:1em 0 0 4px; width:370px; margin-bottom:3px; color:#666; }
    #work-hl #example span         { font-size:1.1em; }
    #work-hl #example h3           { font-size:1.3em; }
    #work-hl #example p            { width:370px; }
    #work-hl #visuals              { float:right; margin-right:10px; }
    #work-hl .visual-item          { text-transform:uppercase; color:#333; text-align:center; margin-top:20px; width:320px; }
    #work-hl .visual-item p        { width:300px; margin-top:10px; }
    #work-hl .fade                 { clear:both; background:#c9c9c9 none; }
    
/*  News */
    #news #main                 { padding-bottom:10px;}
    #news table                 { font-size:0.87em !important; %font-size:0.85em !important; margin-bottom:30px; }
    #news caption               { padding-bottom:20px; font-size:1.3em; font-weight:bold }
    #news td                    { padding:0 30px 1em 0; vertical-align:top; }
    #news .date                 { white-space: nowrap; }
    
/*  News-Item */
    #news-item #main h2         { width:620px; }
    #news-item #main p          { font-size:0.87em; margin-top:1em; }
    #news-item #submain         { padding:1em 0 0 4px; margin-bottom:3px; color:#666; }
    #news-item #submain h3      { font-size:1.3em; text-transform:uppercase; margin-bottom:0; }
    #news-item #submain p       { font-size:1em; margin-bottom:1em;  }
        
/*  Research */
    #research #main p,
    #research #main .return		{ margin-top:1em; font-size:0.87em; }
    #research #formBox			{ background:url(/assets/images/form_corners.gif) no-repeat -727px top; margin:21px; width:706px; padding:0 10px; }
    #research form				{ background:url(/assets/images/form_corners.gif) no-repeat 0 bottom; margin:0 -10px; padding:1px 0; }
    #research #form				{ background-color:#fff; font-size:0.85em; border:1px solid #d4d4d4; border-top-width:0; border-bottom-width:0; margin:5px 0 -5px 0; padding:10px 0 0 10px; }
    #research #form legend	    { font-style:italic; font-weight:bold; margin-bottom:1em; color:#666; }
    #research #form fieldset	{ margin-bottom:1em; }
    #research #form input	    { margin-bottom:1em; width:250px; }
    #research #form textarea	{ margin-bottom:2em; }
    #research #form .required   { color:#f00; }
    #research #form .left	    { float:left; display:inline; width:320px; padding-left:70px; }
    #research #form .right	    { float:left; display:inline; width:280px; padding-left:30px; }
    #research #form .full	    { width:320px; padding-left:70px; }


/* Terms, Privacy, Contact, Thank You */
    #contact #main              { padding-bottom:10px; } 
    #legal #content p           { margin-bottom:1em; font-size:0.87em; }
    #legal h2                   { margin-top:0.5em; }

/*
    * html {
      behavior: expression( 
    this.onmouseenter=new Function("this.className+=' hover'"),
    this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
    this.style.behavior=null);
    } 
*/