/* CSS Document */#topbar {	height:61px; 	width:100%;	background: url("images/homepageimages/indextry2_04.gif"); 	background-repeat: repeat;	}	/* -------------------------------- nav bar based off listamatic  Alteration to Rollover Horizontal List Navbar */#tabcontainerlines {float: left;margin: 0px;	padding: 3px 0px 3px 0px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;width: 100%;}/* the float and width make the bar go across the screen, width must be declared on floated elements without intrinsic widths, ie div and span, or things will get hinky esp in IE */	#tabcontainer {		width: 100%;	}/* removing list indentation and getting li on 1 line */#tabcontainer ul { padding: 0px; }#tabcontainer ul li { display: inline; }/* ul 2x due to ie5 */#tabcontainer ul {	margin: 0px;		padding: 0px;			color: #999999;		font-family: verdana,arial,helvetica, sans-serif;		font-size: 0.8em;		}/* setting up the links style */#tabcontainer ul li a {		padding: 0.05em 12px;		/* background-color: #ffffff; */		color: #999999;		text-decoration: none;		float: left;		/* border-right: 1px solid #666666; */	}#tabcontainer ul li a:hover {	color: #000000;	}	#tablist li a:hover, #navlist li a:active{	color: #000000;		text-decoration: none;	text-align: left;		font: 100% verdana,arial,helvetica, sans-serif; 	}/* a class within an id for the "you are here" tab */#tabcontainer ul li a.currentpagetab {	color:#000000;	margin:0px;} /*--------------------------------everything under nav bars */	/* -------------------------------- indexpage stuff (besides the nav bars) */#aboutmebox {	padding: 10px 0px 0px 20px; 	width: 560px;	clear: both;	}	/* if an element has a z-index, it's supposed to create new local stacking contexts for its children,ie bug: even if z-index not applied, if you wrap an absolute position in a relative, it creates new stacking contexts, if there are mult rel pos elements, ie creates a new stacking context for each one, basically it acts like z-index:1 for z-index: auto (or none applied) whenever you wrap an abs in a rel    */		/* rel pos so z-index on page takes effect, also needs border or creates margins for some reason */	.recentworkbox {  	position: relative;	padding: 10px 0px 0px 20px; 	width: 560px;	border: 0px solid #fff;	}/* rel position so I can use absolute pos on things inside, ie this is the parent wrapper div, z-index for IE bugalso needs border or creates margins for some reason *//* this is also so I don't need to worry about IE padding */.paddingrecentworkbox {  	position: relative;	padding: 0px 0px 0px 0px; 	border: 0px solid #fff;	display: inline;	}.recentthumb {  	margin: 0px 10px 0px 0px;	float:left; 	border: 0px;	}/*--------------------------------rollovers *//* rollovers MUST attached to the A tag see below */	/* remove the rollover images, text from sight */span.rollover {	visibility: hidden;	left:-1000px;	position: absolute;    }	span.rollover img {	border: 0;	padding: 0px;	margin: 0px;	float: left;    }span.rollover p {	position: relative;    }/* styling the :hover span to make the larger images appear on rollover */ .paddingrecentworkbox a:hover span {  	visibility: visible;	position: absolute;    width:580px;     height:250px;     top:90px;     left:-457px; 	padding: 10px 0px 0px 10px;	margin: 0px;    background:#fff;	border: 1px dashed #000;	text-decoration: none;	z-index: 200;	}		/*--------------------------------end rollovers *//*--------------------------------everything under nav bars */#container {	width:800px;		margin: 50px 0px 0px 0px;		clear: left; /*to keep it under the floating topbars*/	position: relative;  	/* this is here to allow the absolutely positioned elements inside to take this as a container element, if there was no position or it was position:static, they'd have to go up for a container element to position against, which would be the browser window */		left: 20px;	top: 0px;}		#thumbcontainer {	width:80px;	position: absolute;	top:5px;	left: 0px;			border-right: 1px solid #cccccc;	}			#iframecontainer { 	width:601px;		position: absolute;		top:5px;		left:100px;	}	.thumbnails { margin: 0px 0px 10px 0px; }#framey {/* the container in html pages that load inside iframe*/	width: 580px; /* 20px narrower than iframe tag width=600 */	border: 1px solid white; /* this will flush image to top */	}.imagevert { float: left;margin:0px 7px 0px 0px; }.imagehorz { display: block;margin:0px 0px 7px 0px; }p {	font-family: verdana,arial,helvetica, sans-serif;	font-size: 0.8em;	color: #000000;	line-height: 140%;	}.indextitles {	font-family: futura,verdana,arial,helvetica, sans-serif;	color: #000000;	text-transform: uppercase;		/* letter-spacing: .1em; */	}.titles {	font-family: verdana,arial,helvetica, sans-serif;	font-weight: bold;	color: #000000;	}.info {	font-family: verdana,arial,helvetica, sans-serif;	font-size: 0.7em;	color: #000000;	line-height: 180%;	}	a:link, a:visited {	text-decoration: none;	color: #669900;	}a:hover {	text-decoration:underline;	color: #99ff33;	}a:active {	text-decoration: none;	color: #99ff33;	}