@charset "UTF-8";
/* CSS Document */

body {
	/*  background-color: #666;  */   /*  original neutral gray */
	/*background-color:#CAB76E;  */   /* great color on one screen, was a bit chartreuse brown, on mac screen, dull tan */
	/* background-color:#9B9367; */     /* interesting warm gray, putty gray */
	/* background-color:#979644;        a nice apple green gray, green gray */
	/* background-color:#D5D561;  too light green gray, green gray */
	background-color:#CCCC33;
	}
	
/*  .border1 { 
	border-width:1;
	border-style:solid;
	border-color:#999999;
	}         PUT THIS ON THE DWT TEMPLATES FOR EACH PAGE  it didn't work otherwise. */
	
/*  img.special {border: 3px black solid;}  I  Am Putting code on EVERY PAGE in case I need to change it */
/*   B O R D E R   C O L O R   O N   I M A G E S */



#main_hp {   /* what is this?  */
	background-color:#929759;
	position:relative;
	width:800px;
	margin: auto;
	visibility: visible;
	height:512px;
	top:0px; 
	z-index:3;
	/* padding-left:60px;
	padding-right:60px; */
	padding:0;

	}
	
#copyright {   /* what is this?  */
	/* background-color:#929759;*/
	background-color: none;
	position:relative;
	width:800px;
	margin: auto;
	visibility: visible;
	height:36px;
	top:28px; 
	z-index:112;
	/* padding-left:60px;
	padding-right:60px; */
	padding:0;

	}
	
#main {
	background-color: #ffffff;
	position:relative;
	width:800px;
	margin:auto;
	visibility: visible;
/*	height:auto;            USED AT LAUNCH AND FOR A FEW YEARS */
	height:540px;
	/*  top:1px; */
	padding:0;
	top:48px;
	z-index:1000;	/* padding-left:60px;
	padding-right:60px; */

	}
	
	
#main_intro-pages {
	background-color: #ffffff;
	position:relative;
	width:800px;
	margin: auto;
	visibility: visible;
	height:540px; 
	top:1px; 
	z-index:3;
	/* padding-left:60px;
	padding-right:60px; */

	}
	
	
#main_home {
	/* background-image:url(../images/homepage_top-color.jpg);   */
	/* background-color: #919854; this is the right color, but it does not match */
	/* background-color:#a091cc; */
	/*  background-color:#edb891;  */
	background-image:url(../images/homepage/homepage_iris_rev2.jpg);
	/* background-color:#ecc196;    color not good on macs   */
	position:relative;
	width:800px;
	margin: auto;
	visibility: visible;
	/* height:auto; */
	height:540px;
	/* top:0px; */
	top:44px;
	z-index:1000;	/* padding-left:60px;
	padding-right:60px; */
	overflow: visible;
	background-repeat: no-repeat;
	}
	
	
	/*  T O P    N A V I G A T I O N    A L L    P A G E S */

	
	
#brooklyn {
	background-color:none;
	position:relative;
	top:4px;
	width:812px;
	margin: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	letter-spacing:2px;
	z-index:600;
	}
	
	
#banner_nav {
	background-color:none;
	position:relative;
	top:8px;
	width:812px;
	margin: auto;
	visibility: visible;
	height:10px;
	top:1px; 
	z-index:650;
	padding-left:46px;
	padding-right:48px;
	padding-top:0px;

	}
	
	
#janebarber {
	background-color:none;
	position:relative;
	/* top:0px; */
	top:0px;
	width:812px;
	margin: auto;
	padding:0;
	visibility: visible;
	height:auto;
	z-index:700;
	padding:0;
	}
	
	
	
/*   S E C O N D   L E V E L   N A V I G A T I O N   */







	
#categories {
	background-color:transparent;
	/*  position:relative; */
	position:absolute;
	width:800px;
	/* margin: auto; */
	margin:0;
	visibility: visible;
	height:20px;    /*  seems to drop the photos in the WINDOWS IE version too low. */
	/*height:auto; tried this didnt work */
	top:4px; 
	/* z-index:6; */
	z-index:800;
	/* padding-left:60px;
	padding-right:60px; */

	}
	
#clients {   /* think I am not using this anymore */
	background-color:transparent;
	position:absolute;
	width:800px;
	margin:auto;
	visibility: visible;
	height:20;
	top:3px; 
	z-index:7;
	/* padding-left:60px;
	padding-right:60px; */

	}
	
	
	
	
/*   ORIGINAL DISTANCE FROM TOP: CLOSER TO CAATEGORIES MENU   	

#clients {
	background-color:transparent;
	position:absolute;
	width:800px;
	margin:auto;
	visibility: visible;
	height:20;
	top:30px; 
	z-index:7;
	/* padding-left:60px;
	padding-right:60px; */
/*
	}    */
	
	
	
/* #clients li:first-child {padding-left="0px"} -------- Not right. didnt work for first child. Try on main page or Spry Assets for ListMenu3 -----  it worked on main page, written within the MenuBar3 main code, in the padding-left section, added in  padding-left:0px; */


	
	
	
/*            div#banner_nav ul{
	width:90px;
	padding: 0 0 0 0;
	list-style-type:none;
	margin:0 0 0 0;
	}               */
	
/*       div#banner_nav li.first-child {
	float:left;
	margin: 0;
	padding: .5em 0;
	border: none;
	}                */
	
/*       div#banner_nav li{
	float:left;                */
/*	border-left:1px solid #993333;*/
	/*           width:90px;
	margin: 0;
	padding: .5em 0;
	}            */
	
/*       div#banner_nav li.next {
	float:left;              */
	/*border-left:1px solid #993333;*/
/*	margin: 0;
	padding: .5em 0; 
	}
	*/
	
/*      ************************************************       */	
	
	
/*    ----  2009  orange site
#right {
	position:absolute;
	left:530px;
	width:240px;
	height:auto;
	background-color:none;
	z-index:7;
	top:152px;
	}  */
	
#right_original {
	position:absolute;
	left:536px;
	/* width:230px;    - - -  added in the table for numbers  */
 	width:238px;
	height:auto;
	background-color:none;
	z-index:7;
	top:152px;
	}  
	
#right_numbers  {
	position:absolute;
	left:536px;
	/* width:230px;    - - -  added in the table for numbers  */
 	width:238px;
	height:auto;
	background-color:none;
	z-index:24;
	top:420px;
	}  
	
	
#right { /* I tried this, and inserted tables for photo, text and numbers, but it was not working - bounced height */
	position:absolute;
	left:24px;
	/* width:230px;    - - -  added in the table for numbers  */
	width:760px;
	height:auto;
	background-color:none;
	z-index:7;
	top:72px;
	} 
	
#mainphoto {
	position:absolute;
	left:24px;
	/* width:230px;    - - -  added in the table for numbers  */
	width:496px;
	height:auto;
	background-color:none;
	z-index:900;
	top:72px;
	} 
	
/*  #numbers {
	position:absolute;
	left:536px;
	width:230px;
	height:36px;
	background-color:none;
	z-index:100;
	top:480px;
	} */
	
#right_can-you-help-us {
	position:absolute;
	/*  2009 Orange - - -   left:1px;   */
	left:41px;
	width:193px;
	height:auto;
	background-color:none;
	z-index:200;
	top:271px;
	}
	
#tagline {
	position:absolute;
	left:530px;
	width:240px;
	height:auto;
	z-index:8;
	top:340px;
	}
	
#right_hp {
	position:absolute;
	left:524px;
	top:177px;
	width:240px;
	height:496px;
	z-index:1;
	}
	
#navbar {
	background-color: #ACB58E;
	position: absolute;
	height: 30px;
	width: 790px;
	left: -10px;
	top: 534px;
	margin:8 0 0 0;
	padding: 0 0 0 0;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	letter-spacing: 2px;
	/* behavior:url(jan08_conferencenews-issue_1.htm); added this and the text stuff*/
	z-index: 6;
}

	
	/*    F O N T S    */
	
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	/*font-size:12px; */
	font-size:11px;

	/*letter-spacing:1px;*/
	line-height:140%;
	link:#333399;
	visited:#333399;
	hover:#000000;
	active:#333399;
	}
	
.brooklyn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing:2px;
	line-height:8px;
	color: #FFFFFF;
}
	
	
	
.projects {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-align:right;
	/*letter-spacing:1px;*/
	line-height:100%;
	link:#000000;
	visited:#000000;
	hover:#999999;
	active:#000000;
	text-decoration:none;
	}
	
a.projects:link { color: #000; text-decoration: none; }

a.projects:visited { color: #000; text-decoration: none; }

a.projects:hover { color: #999; text-decoration: none; }

a.projects:active { color: #000; text-decoration: none; }
	
	

	
.subhead
	{
	font-family:"Times New Roman", Times, serif;
	color:#000;
	font-size:11px;
	letter-spacing:2px;
	}
	
.copyright
	{
	font-family:"Times New Roman", Times, serif;
	color:#666;
	font-size:11px;
	letter-spacing:2px;
	}
	
	
.main_pages
	{font-family:"Times New Roman", Times, serif;
	/*  color:#CCCC33;   same as background color  */	
	/* color:#993366;	plum - a red purple  */
	/* color:#0033CC;    clear blue  */
	/* color:#0099CC;    a nice teal   */
	color:#993300;
	font-size:16px;
	letter-spacing:1px;
	/* line-height:160%; */
	line-height:200%;
	}
		
/*  _ _ _ _ _ _ _      H O M E   P A G E    - - - - - - - - - -  */
	
	
/* We can help you be . . .  */
.question_index
	{font-family:"Times New Roman", Times, serif;
	/*  color:#CCCC33;   same as background color  */	
	/* color:#993366;	plum - a red purple  */
	/* color:#0033CC;    clear blue  */
	/* color:#0099CC;    a nice teal   */
	color:#FFFFFF;
	font-size:17px;
	letter-spacing:1px;
	/* line-height:160%; */
	line-height:160%;
	}
	
.questions_hp
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	/*letter-spacing:1px;*/
	line-height:170%;
	link:#333399;
	visited:#333399;
	hover:#000000;
	active:#333399;
	}

.homepage_more {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* color:#CCCC33;    apple green background color. needs to be a touch lighter */
		color:#E7F969;
	/*font-size:12px; */
	font-size:11px;

	/*letter-spacing:1px;*/
	line-height:140%;
	letter-spacing:1px;
	link:#333399
 	visited:#333399;
	hover:#000000;
	active:#333399;
	}
	
	
.homepage_quotes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* color:#003300;    dark green too bright actually, need more neutral */
		/*color:#333333; LAST ONE @))(*?
	
	/*font-size:12px; */
	
	color:#FFFFFF;
	font-size:11px;

	/*letter-spacing:1px;*/
	line-height:140%;
	link:#333399;
	visited:#333399;
	hover:#000000;
	active:#333399;
	}
	
	
.question_classicspg
	{font-family:"Times New Roman", Times, serif;
	/*  color:#CCCC33;   same as background color  */	
	/* color:#993366;	plum - a red purple  */
	/* color:#0033CC;    clear blue  */
	/* color:#0099CC;    a nice teal   */
	color:#000000;
	font-size:17px;
	letter-spacing:1px;
	/* line-height:160%; */
	line-height:160%;
	}

/* . . . more xxxxx   . .  .*/	
.questions_classicspg
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	/*letter-spacing:1px;*/
	line-height:140%;
	link:#000000;
	visited:#333399;
	hover:#000000;
	active:#333399;
	}
	
	
.border1 { 
	border-width:1px;
	border-style:solid;
	border-color:#bbbbbb;
	}    
	
	
	
	

/*  ************************************    MENU BAR 1   ***************************************   */


/* MENU BAR 1 - SITE NAV:   ALL PAGES   A B O U T   P R O J E C T S    C O N T A C T  */

#MenuBar1 li {
	
	width:10em;  /* THis Width seems to work, here on this page, not css pages, which are blocked out  */
	background-color:transparent;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:3px;
	line-height:100%;  /*  N E W   */
	padding-right:24px;
	padding-top:0;
}

#MenuBar1 ul, #MenuBar1 ul li {
	width:10em;
	height:90%;   /*NEW  */
}

#MenuBar1 a:link {
	color: #ffffff;
}

#MenuBar1 a:visited {
	color: #ffffff;
}

#MenuBar1 a:hover {
	/*  color: #aaaaaa;    if on dark background this is a good gray */
	/* color:#ddd;    as light as it can go on hover */
	color:#666666;
}

#MenuBar1 a:active {
	color: #ffffff;
}

#MenuBar1 ul, #MenuBar1 ul li {
	width:10em;
}


/* current code is listed on the Spry Assets Page +/


/*  ********************************************************************************************   */




/*  ************************************    MENU BAR 2   ***************************************   */



/*    MENU BAR for CATEGORIES: print, promo, package, web, identity etc  */

#MenuBar2 li {
	width:auto;
	height:24px;
	background-color:transparent;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:11px;
	letter-spacing:2px;
	padding-right:24px;
}
#MenuBar2 ul, #MenuBar2 ul li {
	width:auto;
	/* height:30px; */
	padding-right:24px;

}

#MenuBar2 a:link {
	color: #000000;
}

#MenuBar2 a:visited {
	color: #000000;
}

#MenuBar2 a:hover {
	/*color: #999999; ------------2009 categories of projects menu bar on the orange */
	color:#aaa;
}

#MenuBar2 a:active {
	color: #000000;
}


/* current code is listed on the Spry Assets Page +/




/*  ************************************    MENU BAR 3   ***************************************   */


/*    MENU BAR for CLIENTS  */

#MenuBar3 li {
	width:auto;
	height:24px;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-align:right;
	letter-spacing:0px;
	padding-right:12px;
	padding-left:12px first-child 0px;
}


#MenuBar3 ul, #MenuBar3 ul li {
	width:auto;
	/* height:30px; */
	/*padding-right:24px;*/
}


#MenuBar3 a:link {
	color: #000000;
}

#MenuBar3 a:visited {
	color: #000000;
}

#MenuBar3 a:hover {
	color: #aaa;
}

#MenuBar3 a:active {
	color: #000000;
}

#MenuBar3 li:first-child {padding-left:1px;}

/* current code is listed on the Spry Assets Page +/


/*  ********************************************************************************************   */

/*  ************************************    MENU BAR 4   ***************************************   */


/*    MENU BAR for N U M B E R S  */

#MenuBar4 li {
	width:auto;
	height:24px;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	text-align:left;
	letter-spacing:0px;
	padding-right:2px;  /* 12px first */
	/*  padding-left:12px first-child 0px;  */
}


#MenuBar4 ul, #MenuBar3 ul li {
	width:auto;
	/* height:30px; */
	/*padding-right:24px;*/
}


#MenuBar4 a:link {
	color: #000000;
}

#MenuBar4 a:visited {
	color: #000000;
}

#MenuBar4 a:hover {
	color: #aaa;
}

#MenuBar4 a:active {
	color: #000000;
}

#MenuBar4 li:first-child {padding-left:1px;}

/* current code is listed on the Spry Assets Page +/