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


/********************************************
 *  GLOBAL STYLES
 ********************************************/
 
body
{
	font-family: 			Times, "Times New Roman", serif;
	font-size: 				14px;
	margin: 				0;
	color:					#858585;			/* The Works Grey */
	/*
	background-image: 		url(../images/bkg.gif);
	background-position: 	bottom;
	background-repeat: 		repeat-x;
	background-attachment: 	fixed;
	*/
	background-color: 		#d9d9d9;			/* Another varient of grey */
}

/**
 *  Standard section header with gray divider line below it
 */
h1
{
	font-family:			Helvetica, Arial, sans-serif;
	font-size: 				14px;
	font-style:				italic;
	width: 					100%;
	border-bottom: 			solid 1px #b2b2b2;	/* Border Grey */
	font-weight:			normal;
	margin:					0 0 10px 0;
	padding:				0;
}

a
{
	color: 					#ef3b32				/* Arnold Red */
}

#wrapper
{
	width:					100%;
	background-color:		#FFFFFF;			/* White */
	border-bottom: 			#919191 solid 1px;	/* Grey'ish */
	margin-bottom: 			30px;
}

#content_wrapper
{
	width:					1000px;
	margin: 				0 auto;
	margin-bottom:			0;
	padding-top: 			30px;
}

/*
#wrapper
{
	width:					1000px;
	margin: 				0 auto;
}
*/

#headerMedia
{
	margin-bottom:			25px;	
	
}

#pageTitle
{	
	background-color: 		#ffffff;
	width: 100%;
}
#pageTitle h2
{	
	font-size:				28px;
	font-weight:			normal;
	letter-spacing: 		-.02em;
	width:					100%;
	margin:					0 0 10px 0;
	padding:				0;
	float: 					left;
}

#headerMediaFlash
{
	width: 					1000px;
	
	background-image:		url( ../images/media_bkg.jpg );	
	display
}

/********************************************
 *  MAIN COLUMN
 ********************************************/

#mainCol
{
	width:					690px;
	padding:				0 35px 0 0; 
	float: 					left;
	
}

#header
{
	margin-bottom:			25px;
	
	width:					300px;
	float:					left;
}


#contact_us
{
	float: 					right;
	margin-top:				5px;
}

#contact_us a
{
	text-decoration: 		none;
	font-size:				12px;
}

/********************************************
 *  SIDE COLUMN
 ********************************************/
 
#sideCol
{
	width: 					240px;
	padding: 				0 0 0 34px;
	float:					left;
	border-left: 			solid 1px #b2b2b2;	/* Border Grey */
	font-size:				11px;
	font-family: 			Helvetica, Arial, sans-serif;
}

#sideCol a
{
	color:					#858585;			/* The Works Grey */
}


#sideCol div
{
	margin: 				0 0 35px 0;
}

#sideCol ul
{
	list-style-image: 		url( ../images/list-bullet.gif );
	margin: 				0;
	padding: 				0 0 0 20px;
}

#sideCol li
{
	margin:					10px 0;	
}

#awards
{}

#people
{}

#honorableMentions
{}

#theNews
{}



#theWork a
{
	color:					#858585;			/* The Works Grey */
}


/********************************************
 *  ARTICLE STYLES
 ********************************************/

/**
 *  Class to define the container to hold each article entry.
 */
.workEntry
{
	margin: 				20px 0 20px 20px;
	border-bottom: 			solid 1px #b2b2b2;	/* Border Grey */
}

/**
 *  Title header of each article
 */
h2
{	
	font-size:				28px;
	font-weight:			normal;
	letter-spacing: 		-.02em;
	width:					590px;
	margin:					0 0 10px 0;
	padding:				0;
	float: 					left;
}

/**
 *  Removes the default link formatting for the h2 headers
 */
h2 a
{
	color:					#858585;			/* The Works Grey */
	text-decoration: 		none;
}

/**
 *  "View More" link at the bottom of every entry
 */
.viewMore
{
	float: 					right;
	padding:				10px 0;
}

/**
 *  Date next to the individual work entry title/header
 */
h3
{
	font-family:			Helvetica, Arial, sans-serif;
	font-size: 				12px;
	font-weight:			normal;
	font-style:				italic;
	float:					right;
	margin:					10px 0 0 0;
	padding:				0;
	display:				none;
	visibility:				hidden;
}

/********************************************
 *  FOOTER
 ********************************************/
 
/**
 *  Holds all the page navigation elements - currently
 *  hidden, because we have only one page.
 */
#btmNavigation
{
	display:				none;
	visibility:				hidden;
	font-family:			Helvetica, Arial, sans-serif;
	font-style:				italic;
	float:					right;
	margin-top: 			-30px;
}

/**
 * Right Navigation Arrow
 */
#btmNavigation #arrow_r
{
	margin: 				0 0 0 10px;
	border:					none;
}

/** 
 *  Left Navigation Arrow
 */
#btmNavigation #arrow_l
{
	margin: 				0 10px 0 0;
	border:					none;
}


/********************************************
 *  FOOTER
 ********************************************/
#footer
{
	height:					30px;
	margin-bottom:			20px;
}


/********************************************
 *  MISC STYLES
 ********************************************/

.clear
{
	clear: 					both;
}

.arnRed
{
	color:					#ef3b32;		/* Arnold Red */	
}