/* THIS CSS DOCUMENT PER IE 6 BUG THAT DOES NOT SUPPORT PNG ALPHA TRANSPARENCY FOR BACKGROUND IMAGES */

/* following is universal style for top-area div */
/* note: ie6 will read this before it reads <br> */ 
/* its own dedicated style sheet that will overwrite below */
#top-area-xx {
	margin-left: 120px; 
	background-image: url('./img2008-1bgs/bg04-top-bars-alpha.png');
	/* background-image: url('./img2008-1bgs/bg02-top-bars-solid.gif'); */
	}


.portfolio-box-00-basic {
	/* note ie 6 has problems w links placed over png's */
	/* background-image: url('./img2008-1bgs/alpha-white-50.png'); */
	/* background: none; */
	background-image: url('./img2008-1bgs/alpha-blue1-15.png');
	border: 1px dotted #69c;
	padding: 6px;
	position: relative;
	}
/* START HTML HACK PER IE 6 ABSOLUTE POSITIONING BUG */
* html .portfolio-box-00-basic { height: 1%; }


.portfolio-box-2 {
	/* note ie 6 has problems w links placed over png's */
	/* background-image: url('./img2008-1bgs/alpha-03-lines-1.png'); */
	/* background-image: url('./img2008-1bgs/alpha-white-40.png'); */
	/* background: none; */
	background-image: url('./img2008-1bgs/alpha-blue1-15.png');
	border: 1px dotted #69c; 
	padding: 6px; 
	padding-bottom: 1px;
	position: relative;
	}
/* START HTML HACK PER IE 6 ABSOLUTE POSITIONING BUG */
* html .portfolio-box-2 { height: 1%; }


.portfolio-box-1 {
	/* note ie 6 has problems w links placed over png's */
/*	background-image: url('./img2008-1bgs/bg00-alpha-white-30.png'); */
	background: none;
	border: 1px dotted #69c; 
	padding: 6px; 
	padding-bottom: 1px;
	position: relative;
	}
/* START HTML HACK PER IE 6 ABSOLUTE POSITIONING BUG */
* html .portfolio-box-1 { height: 1%; }


.portfolio-box-3 {
	background: none;
	border: 1px dotted #69c; 
	padding: 6px; 
	padding-bottom: 4px;
	position: relative;
	}
/* START HTML HACK PER IE 6 ABSOLUTE POSITIONING BUG */
* html .portfolio-box-3 { height: 1%; }



/* START HTML HACK PER IE 6 ABS POSITIONING BUG */
/* STAR html .web-portfolio-box-1 { height: 1%; } */

/* IE Conditional Comment Operators */
/* from http://reference.sitepoint.com/css/conditionalcomments */

/* 
IE = represents Internet Explorer; if a number value is also specified, it represents a version vector

	ex: 
	<!--[if IE ]>
		<p>Only IE 7 will see this</p>
	<![endif]-->

note on IE operator: when you use a single digit to represent the version of IE you want to target (for example, [if IE 7]) that directive will be applied to all versions of that browser including those with version vectors. for example, [if IE 5] will include all versions of IE5 including IE5.5

	<!--[if IE 5]>
		<p>This covers all versions of IE5 including IE5.5</p>
	<![endif]-->

lt = less than operator

	ex:
	<!--[if lt IE 7 ]>
		<p>Only less than IE 7 will see this</p>
	<![endif]-->

lte = less than or equal to
gt = greater than
gte = greater than or equal to
! = the NOT operator
() = subexpression operator
& = the AND operator
| = the OR operator
true = evaluates to true
false = evaluates to false

*/