/*

--------------------  Notes --------------------

- red too intense (alert, page-not-found, etc...)
- validate html
- new image for "who we are"

*/

/* ------------------------------------ Center-scaled BG ------------------------------------ */

@import url('yui-reset.css');
* { margin:0; padding:0; }
html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden; }
#bg { position: fixed; }
#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; background:url('../images/ic/dec-wait.gif') no-repeat center center;}
#bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; min-height:50%; min-width:50%; }


/* ------------------------------------ Main Stuff ------------------------------------ */

body {
	font-family: verdana, sans-serif;
	color:#edeff2;
	background:#6d6e71 url('../images/ic/bg-void.gif');
}

img { vertical-align:top; border: 0px;}

a { text-decoration:none; color:#b6b6ba; cursor:pointer;}
a:hover { color:#fff; }

h1 { position:absolute; top:50%; left:50%; width:500px; font-size:22px; background:red; margin-left:-300px; margin-top:-50px; text-align:center; padding:50px; }
h1 img { margin-right:6px; vertical-align:middle; }

div.clear { clear:both; } 
.hidden { display:none; } 

#debug {z-index:100; position:fixed; bottom:0px; left:25%; color:yellow; background:black; padding:2px; font-family:verdana; font-size:9px; font-weight:bold;  }


/* ------------------------------------ Top Stuff ------------------------------------ */

#top, #topSolid { opacity:0.92; filter:alpha(opacity=92); min-width:608px; font-size:0; position:absolute; top:0; margin-bottom:10px; left:0; height:72px; width:100%; background:#edeff2; border-bottom:1px solid #b6b6b8; }
#topSolid { opacity:1.0; filter:alpha(opacity=100);}
#topLogo { position:absolute; top:12px; left:12px; }
#topMenu { position:absolute; top:16px; right:16px; }
#topMenu a { display:inline-block; background:url('../images/ic/menu-dot.gif') no-repeat -6px 23px;}
#topMenu a:hover, #topMenu a.selected { background-position:6px 23px;}

#topHide { position:absolute; bottom:7px; left:50%; margin-left:-4px; display:none;}


/* ------------------------------------ Bottom Stuff ------------------------------------ */

#welcome, #projMenu { font-size:0; position:absolute; min-width:850px; bottom:0; text-align:center; left:0px; height:80px; width:100%; background:#1c1c1d; border-top:1px solid #525255; opacity:0.75; filter:alpha(opacity=75); }
#welcome { height:136px; }
#welcome a { position:relative; top:32px; }


/* ------------------------------------ Project Menu ------------------------------------ */

#projMenu { white-space:nowrap;}
#projMenu a { display:inline-block; vertical-align:middle; padding:10px; }

#projMenu a.up { background:transparent url('../images/ic/icon-up.gif')  no-repeat center -10px; padding-top:10px; }
#projMenu a.up:hover { background:transparent url('../images/ic/icon-up.gif')  no-repeat center 3px; }

#projNext { position:absolute; top:10px; right:6px; }
#projPrev { position:absolute; top:10px; left:6px; }

#projNext a { background:transparent url('../images/ic/icon-right.gif')  no-repeat right -10px; padding-right:12px; }
#projNext a:hover { background-position:right 14px; }
#projPrev a { background:transparent url('../images/ic/icon-left.gif')  no-repeat left -10px; padding-left:12px; }
#projPrev a:hover { background-position:left 14px; }

#projMain { position:relative; top:12px; }
#projMain span { display:inline-block; margin-left:2px; margin-right:10px; color:#99999b; line-height:11px; text-align:left; font-size:10px; vertical-align:middle; }


/* ------------------------------------ Project Content ------------------------------------ */

#projImage { position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; }
#projImage img { display:none; position:relative; top:-10000px; border:1px solid #b6b6b8; background:#edeff2 ; padding:3px; background:#2b2c2d; border:1px solid #4e4e51;}
#projImageWait {
	text-transform:uppercase; color:#b6b6b8; font-size:11px;
	position:absolute; width:100px; height:80px; top:50%; left:50%; margin-top:-40px; margin-left:-50px;
	background:#2b2c2d url('../images/ic/dec-loading.gif') no-repeat center center;
	border:1px solid #4e4e51; line-height:80px; text-align:center;
}

#projImageBrowser {
	font-size:11px; text-transform:uppercase;
	position: absolute; bottom:83px; left:0; width:100%;
	overflow:hidden; white-space:nowrap; text-align:center;
}

#projImageBrowser a {
	color:#525255;
	display:inline-block;padding:6px; background:#edeff2; border:1px solid #b6b6b8; border-left:0; border-right:0;
	padding-top:2px; padding-bottom:2px; margin-right:0px; margin-top:0; margin-bottom:0;
}

#projImageBrowser a.prev { border-left:1px solid #b6b6b8; }
#projImageBrowser a.next { border-right:1px solid #b6b6b8; }
#projImageBrowser a.prev span {	background:transparent url('../images/ic/icon-imagePrev.gif')  no-repeat left center; padding-left:7px; }
#projImageBrowser a.next span {	background:transparent url('../images/ic/icon-imageNext.gif')  no-repeat right center; padding-right:7px; }
#projImageBrowser a:hover, #projImageBrowser a.selected { border-top:2px solid #edeff2; }


#projInfoWrap { position:absolute; top:0; left:0; width:100%; height:100%;}
#projInfoWrap table { width:100%; height:100%; }

#projInfoCont { background:#edeff2; border:1px solid #b6b6b8; color:#525255; font-size:12px; position:relative; left:50%; padding:24px; width:864px; margin-left:-457px; top:-28px; }
#projInfoCont p { padding-bottom:16px; }

#projInfoCont h3 { position:relative; left:-3px;}

#projInfoLeft { float:left; width:320px; display:inline; }
#projInfoLeft p { line-height:14px; margin-top:4px;}
#projInfoLeft ul { margin-top:4px; }
#projInfoLeft li { line-height:14px; margin-bottom:6px; }
#projInfoLeft li i { font-size:11px; }

#projInfoRight p { line-height:19px; margin-top:2px; padding-bottom:6px;}
#projInfoRight h3.scope { padding-top:12px;}
#projInfoRight { position:relative; margin-left:320px; padding-left:16px; }


#projVideoWrap { left:50%; margin-left:-256px; top:50%; margin-top:-240px; position:absolute; }
#videoContainer { width:512px; text-align:center; line-height:19px; padding:5px; padding-bottom:1px; background:#2b2c2d; border:1px solid #4e4e51; }
#videoContainer a {color:#fff; font-weight:normal; border-bottom:1px dotted #999;}
#videoContainer a:hover { border-bottom:1px solid #ccc;}

#projPress { height:380px; overflow:auto; padding-left:14px; padding-right:24px; line-height:18px;}
#projPress h2, h3 { font-size:16px; font-weight:bold; }
#projPress h3 { font-size:12px; left:0; }
#projPress a { color:#5e5e61; border-bottom: 1px dotted;}
#projPress hr { height:0; size:0; border:0; border-bottom: #b6b6b8 1px solid; margin-bottom:16px;}
#projPress ul, #projPress li { /* border:1px red solid; */ margin:10px; margin-left:0; margin-right:0; }
#projPress li { padding-left:24px; background:url('../images/ic/dec-dot.gif') no-repeat 8px 6px; }

/* ------------------------------------ "Main" Pages ------------------------------------ */

#mainScroll { position:absolute; left:0; top:73px; text-align:center; bottom:0px; min-width:850px; width:100%; z-index:40; overflow:auto; }


#mainWrap {
	overflow:hidden;
	background:#2a2b2c url('../images/ic/bg-atrium1.jpg') fixed center center;
	margin-bottom:16px;  border-bottom:1px solid #6d6e71;
}

#mainWrapWork {
	background:#2a2b2c url('../images/ic/bg.gif')/*  fixed center center */;
	padding:16px; margin-bottom:16px; border-bottom:1px solid #6d6e71;
}

#mainContainer {
	width:960px;  background:#2a2b2c url('../images/ic/bg.gif');
	margin-left:auto; margin-right:auto; padding-top:16px;  padding-bottom:32px;
	border:1px solid #363738; border-top:0; border-bottom:0;
}

#toc { line-height:18px; font-size:11px; margin-top:8px; letter-spacing:1px; text-transform:uppercase; }
#toc a { border:0px solid red; display:inline-block; vertical-align:middle; padding:8px; }
#toc img { vertical-align:middle; }


h2 { margin:16px; margin-left:0; margin-right:0; }
h2 img { vertical-align:middle; margin:8px; margin-top:0; margin-bottom:0; }

.group {
	margin-top:10px; margin-bottom:32px; width:800px; margin-left:auto;
	margin-right:auto; text-align:left; padding:16px; padding-bottom:8px;
	background:#343738; border:1px solid #2b2c2d; 
}

p.center { text-align:center; }
.group p { font-size:12px; line-height:20px; margin-bottom:12px; }
.group p a { border-bottom:1px dotted #6d6e71; }
.group p a:hover { border-bottom:1px solid #6d6e71; color:#fff; }
.group i { font-size:15px; font-variant:small-caps; letter-spacing:2px;}

.group ul {	list-style-type: none; font-size:15px; }
.group li { padding-top:4px; padding-bottom:4px; line-height:17px; background:url('../images/ic/dec-dot.gif') no-repeat 1px 9px; padding-left:14px; }
.group ul.left { float:left; margin-left:24px; text-align:center; width:380px; }
.group ul.left li, .group ul.right li, .group ul.center li { background:0; padding-left:0px; padding-right:0px; letter-spacing:1px; }
.group ul.right { margin-left:390px; text-align:center; margin-bottom:8px; }
.group ul.center { text-align:center;}
.group ul.staff { font-size:14px; padding-bottom:18px; }
.group h3 { font-size:17px; margin-bottom:2px; }
.group h3 sup { font-size:9px; }
.group p sup { font-size:9px; }

.group img { padding:3px; background:#353637; border:1px solid #4e4e51; position:relative; top:4px;}
.group img.left {float:left; margin:26px; margin-top:0; margin-left:4px; }
.group img.right {float:right; margin:26px; margin-top:0; margin-right:4px; display:inline-block;}

.group h2 {margin:0;padding:0; margin-bottom:16px;}
.group h2 img { bordeR:0; margin:0; top:0; left:-3px;}
.group hr { height:0; size:0; border:0; margin-top:16px; margin-bottom:48px;}



.thumbs { margin-top:6px; margin-bottom:32px; }
.thumbs .thumb { display:inline-block; text-align:left; margin:10px; width:264px; padding:2px; overflow:visible; white-space:nowrap; }
.thumbs a img { padding:3px; width:256px; height:168px; background:#353637; border:1px solid #4e4e51; }
.thumbs a:hover img { background:#525255; border:1px solid #6d6e71; }
.thumbs .projName { padding:4px; padding-bottom:0px; color:#edeff2;  font-size:13px; text-transform:uppercase; }
.thumbs .projLoc { padding:4px; padding-top:0px; color:#96979b; font-size:10px;  }
.thumbs .vid { padding-top:2px; display:inline-block; float:right;}
.thumbs .vid img {  border:0; background:0; width:23px; height:19px;}
.thumbs .vid a {width:23px;height:19px;}
.thumbs .vid a:hover img { background:#434445; border:0; }


/* ------------------------------------ Misc Stuff ------------------------------------ */

#bottomLegal { position:absolute; bottom:4px; left:0; width:100%; }
#bottomLegal, #legal { text-align:left; font-size:9px; text-transform:uppercase; }
#bottomLegal a, #legal a { padding:6px; padding-bottom:4px; }
#legal { text-align:center; padding-bottom:16px;}

#resizeAlert { display:none; font-size:11px; text-transform:uppercase; letter-spacing:1px; position:absolute; bottom:-1px; height:22px; z-index:100; right:-1px; border:0px solid #fff; background:#f00; color:#fff; padding:4px; font-weight:bold; }
#resizeAlert img { margin-top:0; margin-bottom:0; vertical-align:text-top; }
#resizeAlert span { position:relative; top:3px; padding:8px; padding-top:0; padding-bottom:0; }




/* ---- Temp ------- */

/* 
#mainWrap {

	background:#2a2b2c url('../images/ic/bg-atrium1.jpg') fixed center center;
	border-bottom:1px solid #6d6e71;
}

#mainWrapWork {
	background:#2a2b2c url('../images/ic/bg.gif') fixed center center ;
	padding:16px; margin-bottom:16px; border-bottom:1px solid #6d6e71;
}

#mainContainer {
	width:960px;  background:#1c1c1d url('../images/ic/bg.gif') ;
	margin-left:auto; margin-right:auto; padding-top:16px;  padding-bottom:32px;
	border:1px solid #363738; border-top:0; border-bottom:0;
}

#toc { line-height:18px; font-size:11px; margin-top:8px; letter-spacing:1px; text-transform:uppercase; }
#toc a { border:0px solid red; display:inline-block; vertical-align:middle; padding:8px; }
#toc img { vertical-align:middle; }


h2 { margin:16px; margin-left:0; margin-right:0; }
h2 img { vertical-align:middle; margin:8px; margin-top:0; margin-bottom:0; }

.group {
	margin-top:10px; margin-bottom:32px; width:800px; margin-left:auto;
	margin-right:auto; text-align:left; padding:16px; padding-bottom:8px;
	background:#343738; border:1px solid #2b2c2d; background:#2a2b2c url('../images/ic/bg.gif') fixed;
} */