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

/*

Red:#a51140
DarkTan:#7b7258

TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  Clear
  Footer

*/


/* ---------------------------HTML--------------------------- */

body {
	font:90% Arial, Helvetica, sans-serif; /* 100% Times, etc. */
	background:url(images/blackglobeRGB.jpg) 81px 44px no-repeat;
	background-color:#000;
	margin:0;
	padding:0;
	color:#000;
	}

img {border-style:none;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}

a:link, a:visited {color:#000;}

a:active, a:focus {outline:none;border:none;}

h2 {color:#a51140;font-size:16px; font-weight:lighter;padding:5px 0 0 0; margin:0;}



/* ---------------------------PAGE STRUCTURE--------------------------- */

/* div for FLASH intro */
#flash {                        
	margin:0;
	padding:0;
	text-align:left;
	width:980px;
	z-index:5;
	}

/* Skip button on splash */
#skip {
	position:absolute;
	font-size:1em;
	left:460px;
	top:40px;
	z-index:10;
	cursor:pointer;
}

#skip a {color:#666;}

/* glow hint */
#hint {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:145px;
	height:143px;
	}

#box2 {
	margin:42px 0 0 47px;
	text-align:left;
	width:955px;
	background:url(images/tanglobe.jpg) no-repeat;
	background-color:#e3d1a9;
	padding:0;
	}

#box2 ul {
	font-size:.9em;
	line-height:1.8em;
	}

.oneColFixCtr #mainContent {
	padding:0 0 0 25px;
	margin:0;
	height:1%;
	}

#mainright {float:right;}

/* profile paragraph holder */
.item {
	display:block;
	margin-bottom:0;
	min-height:200px;
	height:auto !important;
	height:200px;
	}

.item + .item {min-height:0;height:0;}

.clearfloat + .item {margin-top:0;}

/* profile ques holder */
.item2 {width:57%;}

.item3 {width:52%;float:right;text-align:right;}


/* left side of mainContent containing menu for people, etc. */
/* dustindiaz.com IE hack-height */
#menu {
	margin:0;
	padding:76px 0 0;
	min-height:608px;
	height:auto !important;
	height:608px;
	}	

/*
.menusub {
	width:45.5%;
	padding:0 4% 10% 0;
	float:right;
	}
*/

.menuinside {padding:0;}

	

/* ---------------------------NAVIGATION--------------------------- */

.loader, .loader2, .loader3 {margin-left:-1000px;}

.loader {background:url(images/buttons/buttonsprite.gif) no-repeat;}
.loader2 {background:url(images/boxside.gif) no-repeat;}
.loader3 {background:url(images/box.gif) no-repeat;}

.button a, .button2 a, .button3 a, .button4 a, .last a {
	display:block;
	background:url(images/buttons/buttonsprite.gif);
	width:135px;
	height:35px;
	margin-left:5px;
	}

.button a, .button2 a, .button3 a, .last a {background:url(images/buttons/buttonsprite.gif);}
.button4 a {background:url(images/buttons/button4sprite.gif);}

.button a {background-position:-18px -18px;}
.button2 a {background-position:-18px -88px;}
.button3 a {background-position:-18px -158px;}
.button4 a {background-position:-18px -18px;}
.last a {background-position:-18px -228px;}

.button a:hover {background-position:-18px -298px;}
.button2 a:hover {background-position:-18px -368px;}
.button3 a:hover {background-position:-18px -438px;}
.button4 a:hover {background-position:-18px -88px;}
.last a:hover {background-position:-18px -508px;}


/* ---------------------------------------------------------------- */


#nav9, #nav9 ul {
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:7px;
	top:6px;
	z-index:50;
}

#nav9 a {display:block;}

#nav9 li ul li a { /* added li ul li to focus on drop down and not button */
	width: 145px; /* IE measurement of 140px in ie.css */
	}

#nav9 li ul li { /* dropped the a for bkgrd image */
	width: 145px;
	background:url(images/boxside.gif);
	}

#nav9 li ul li.first {
	width:145px;
	height:32px;
	background:url(images/box.gif);
	background-position:top;
	}

#nav9 li ul li.last {
	width:145px;
	background:url(images/box.gif);
	background-position:bottom;
	}

#nav9 li { /* drop down items */
	float:left;
	width:145px; /* width needed or else Opera goes nuts, was 10em */
	height:40px;
}

#nav9 li ul { /* second-level lists */
	position: absolute;
	width: 145px;
	top:103px;
	left:-999em;
}

#nav9 li:hover ul {left:40px;}

#nav9 li:hover ul, #nav9 li.sfhover ul {left:40px;} /* lists nested under hovered list items */

#nav9 li:hover, #nav9 li.hover {
    position: static;
}


/* -------------------------------------------------------------------------------- */



/* gallery buttons */
#picbuttons {
	width:180px;
	height:30px;
	position:absolute;
	top:584px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	background:url(images/gallery/tab.gif) 100% 100% no-repeat;
	z-index:200;
	}


.btn2, .btn3, .btn4, .btn5, .btn6, .btn7, .btn8 {
	display:inline;
	height:19px;
	width:19px;
	position:absolute;
	top:5px;
	cursor:pointer;
	}

.btn2 {background:url(images/gallery/circle2.gif) no-repeat -10px -10px;}
.btn3 {background:url(images/gallery/circle3.gif) no-repeat -10px -10px;}
.btn4 {background:url(images/gallery/circle4.gif) no-repeat -10px -10px;}
.btn5 {background:url(images/gallery/circle5.gif) no-repeat -10px -10px;}
.btn6 {background:url(images/gallery/circle6.gif) no-repeat -10px -10px;}
.btn7 {background:url(images/gallery/circle7.gif) no-repeat -10px -10px;}
.btn8 {background:url(images/gallery/circle8.gif) no-repeat -10px -10px;}



.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover, .btn6:hover, .btn7:hover, .btn8:hover {background-position:-10px -48px;}

.btn1, .btndown {
	display:inline;
	height:19px;
	width:19px;
	background:url(images/gallery/circle.gif) no-repeat -10px -48px;
	position:absolute;
	top:5px;
	cursor:pointer;
	}





/* ---------------------------HEADINGS--------------------------- */

/* emp name */
h1 {color:#000;font-size:1.6em;font-weight:normal;margin:0;} /*  font:1.6em normal  */

/* emp position */
h3 {color:#a51140;font-size:1em;font-weight:lighter;}  /*  font:1em lighter  */

/* resume ques/titles */
h4 {color:#7b7258;font-size:.9em;font-weight:normal;} /*  font:.9em normal  */

/* footer links */
h5 {
	color:#666;
	font-size:.8em;
	font-weight:normal;
	margin-top:0;
	word-spacing:15px;
	}

/* resume ques/titles */
.item2 h4, .item3 h4 {margin:4px 0 -15px;}

/* emp name */
.item h1 {margin-bottom:-18px;}

.item p:last-child {margin-bottom:40px;} /*makes only the last p in .item2 have the margin*/

/* emp menu headings */
#mainContent .menuinside h1 {  
	color:#7b7258;
	font-size:0.9em;
	margin-bottom:5px;
	}

/* emp menu names,project names */
#mainContent .menuinside a {   
	font-size:.9em;
	line-height:1.3em;
	margin:0;
	}



/* ---------------------------CONTENT AREA--------------------------- */

#blcorner, #brcorner, #trcorner {
	position:absolute;
	height:17px;
	width:17px;
	z-index:40;
}

#blcorner {
	background-image:url(images/blcorner.gif);
	margin:-17px 0 0;
	}

#brcorner {
	left:985px;
	background-image:url(images/brcorner.gif);
	margin:-17px 0 0;
	}

#trcorner {
	left:985px;
	background-image:url(images/trcorner.gif);
	margin:0 0 -17px;
	}

/* right side for profile/resume info */
.profile {
	padding:50px 37px 10px 25px;
	margin:0;
	width:626px;
	}

/* right side for gallery photos */
.gallery {
	margin:0;
	padding:0;
	width:688px;
	position: relative; /* added to test description div */
	}

/* project description - remains on all slides */	
.description {
	position:absolute;
	height:60px;
	width:678px;
	top:614px;
	left:0;
	margin:0;
	padding:5px;
	background:#FFF;
	z-index:30;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	}	
	
.descriptionleft {width:180px;margin:0;float:left;}
.descriptionright {width:495px;margin:0;float:left;}

#mainContent .descriptionleft p {
	font-size:.7em;
	font-weight:900;
	margin:0;
	}

#mainContent .descriptionright p {
	font-size:.7em;
	font-weight:400;
	line-height:1.1em;
	margin:0;
	}

#mainContent .descriptionright a {text-decoration:underline;}


/* text in main body area, e.g. resume paragraphs */
#mainContent p {font-size:.9em;line-height:1.2em;}

.hiddentext p {
	margin:0;
	padding:0;
	visibility:hidden;
	height:672px;
	}

/*
.edgers {width:239px;}

.goodstan {width:239px;}

.menusub p {margin:0;}  - removed when nav went to tables */

.menuinside a:hover {color:#a51140;font-weight:900;}

/* edgers/the goods text on menu side */
#menu img {margin:0 0 5px 83px;width:150px;height:40px;}



/* --------------------------- NEWS PAGES -------------------- */

#news, #news2 {
	font-size: 14px;
	line-height:15px;
	margin:0;
	padding:0;
	width: 250px;
	text-align: left;
	border-collapse: collapse;
	}

#news a:hover, #news2 a:hover {color:#a51140;font-weight:normal;}

#news td, #news2 td {padding:0;background:none;}

#news tr.two td, #news tr:hover.two td, #news2 tr.two td, #news2 tr:hover.two td {font-size:9px;}

/*
#news tfoot tr td {}

#news tbody tr:hover td {}

#news th, #news tr.two td, #news tr:hover.two td {}
*/

#news td.red a, #news2 td.red a {color:#a51140;}

.newsright {
	margin:0;
	padding:0 20px 0 0;
	width:360px;
	position: relative;
	border-left:2px solid #000;
	}

#newstext {
	padding:121px 0 0 20px; /* padding from mainright + height of recent news gif + img margin of 5px on bottom = 121px */
	height:684px;
	}

#newstext p {line-height:1.8em;}

#projectlisttext p, #projectlisttext ul, #projectlisttext2 p, #projectlisttext2 ul {font-size:11px;line-height:10px;}



#select, #select2, #selectfull {
	font-size: 11px;
	line-height:13px;
	margin:0;
	padding:0;
	text-align: left;
	border-collapse: collapse;
	}

#select, #select2 {width: 187px;}
#selectfull {width: 383px;}


#select a:hover, #select2 a:hover {color:#a51140;font-weight:normal;}

#select td, #select2 td {padding:0;background:none;}

/* #select tr.two td, #select tr:hover.two td, #select2 tr.two td, #select2 tr:hover.two td {font-size:11px;} */

#select td.red a, #select2 td.red a {color:#a51140;}




/* ---------------------------CLEAR--------------------------- */

/* class should be placed on div or break element and should be final element before close of container that should fully contain float */
.clearfloat { 
	clear:both;
    height:0;
    line-height:0;
	background:none;
	margin:0;
	visibility:hidden;
	}



/* ---------------------------FOOTER--------------------------- */

#footer {
	display:block;
	margin:10px 0 30px 47px;
	padding:0 16px 0 0;
	width:939px;
	}

#footer a:link,#footer a:visited {color:#000;}

.style1 {color:#000}





#eddie2 {
	width:300px;
	height:684px;
	position:absolute;
	top:42px;
	left:747px;
	background:url(images/indexslides/eddie.png) 100% 100% no-repeat;
	z-index:200;
	}