@charset "UTF-8";
/*{
	behavior: url(common/iepngfix.htc);
	position: static;
}*/

img { border:0; }


/* PAGE STYLES */
body {
	background-color:#FFF;
	font: 12px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	}


#wrapper {
	
	margin:23px 0 0 18px;
	width:850px;
	
	}

/* TOP BANNER STYLES */
#topBanner {
	width:100%;
	
	}

#topBanner .index {
	background:#000; /* <<< color of words in banner */ 
	}

#topBanner .index:hover {
	background:#faaf1d; /* <<< color of words in banner on mouseover */
	}
	
	
/* BOTTOM PAGE STYLES */
.bottomPage {
	margin-top:26px;
	clear:both;
	}
	
#nav {
	width:280px;
	float:left;
	}

.metanav {
	list-style:none;
	}

.metanav li {
	margin:0 0 4px -40px;
	padding:0;
	}

/* FONT COLOR FOR NAV */
.metanav img {
	background:#000;
	}

/* FONT MOUSE OVER COLOR FOR NAV */
.metanav img:hover {
	background:#faaf1d;
	}

/* FONT COLOR FOR CURRENT PAGE NAV */
.metanav #current {
	background:#faaf1d;
	}

/* CONTENT SECTION STYLES */
.content {
	width:550px;
	float:right;
	position: relative;
	}

.content p {
	line-height:18px;
	}

/* DEFAULT LINK COLOR */
.content a:link {
	color:#faaf1d;
	text-decoration:none;
	}

.content a:visited {
	color:#faaf1d;
	text-decoration:none;
	}

/* HOVER LINK COLOR */	
.content a:hover {
	border-bottom: solid 3px;
	border-color:#faaf1d;
	}
	
	
/* <<<<<< PAGE SPECIFIC STYLES >>>>>> */	

/* VIDEO TITLE */
.content .vidTitle {
	font: italic 30px Trebuchet MS, Verdana, Arial, sans-serif;
	color:#444;
	}
	
/* LAYOUT FOR IMAGES GRID <<<on Illustrations, Sketches, Storyboards pages */

.imageGrid ul{ /* <<< layout for row of images in grid */
	list-style:none;
	margin:0px;
	padding:0px;
	}

.imageGrid ul li { /* <<< layout for image in the grid */
	display:inline;
	margin:0 40px 0 0;
	}

.imageGrid img { /* <<< style for image in the grid */
	border:solid 3px;
	color:#eee;
	}