/*  general styles for Studio Modera Feb 2010 */

*	{margin: 0; padding: 0;}	/* resets */

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: #737373;
	color: #FFF;
	}

a {color: #000; text-decoration: underline;}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: .95em;
	color: #000;
	}

/* main page styles  */
#pageWrapper {
	width: 80%;
	max-width: 1024px;
	min-width: 976px;
	margin: 0 auto;
	padding: 0;
	}
	
#pageWrapper p {
	font-size: .85em;
	line-height: 1.5;
	}

/* drop menu styles  */
	
#navbar {
	padding-top: 2.5em;
	padding-bottom: 5px;
	min-height: 1.5em;
	margin: 0;
	}
	
#navbar li {
	list-style: none;
	float: left;
	font: .9em "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}
		
#navbar li a {					/* styling for main menu  */
	display: block;
	padding: 0 2em 0 0;		/*adjusts baseline for nav menu */
	color: #ECECEC;
	text-decoration: none; 
	}
	
#navbar li a:hover {color: #000;}
#navbar li a:active {color: #CC0000;}

	
#navbar li ul {
	display: none; 
	width: 15em; 				/* Width to help Opera out */
	}
	
#navbar li:hover ul, #navbar li.hover ul {		/* creates hover for subcategories */
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 999;
	}
	
#navbar li:hover li, #navbar li.hover li {		/*so submenus do not float left */
	float: none; 
	}
	
#navbar li:hover li a, #navbar li.hover li a {	/* submenu link styling */
	color: #FFF;
	background-color: #737373;
	padding: 8px 0 8px 8px;
	font-style: italic;
	font-size: .85em;
	}
	
#navbar li li a:hover {color: #000;}	
#navbar li li a:active {color: #CC0000;}
 
	
/* content area styles */
#content {
	margin: 0 0 0 768px;
	padding: 0;
	}

#innercontent {
	float: left;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0 0 1em 0;			/* pushes footer down */
	}

#content_image {
	float: left;			/* fixed column width */
	width: 768px;
	margin: 0 0 0 -768px;
	padding: 0;
	position: relative;		/* for IE when using negative margin */
	z-index: 0;
	}

#content_text {
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 2em;
	}

#centered_container {
	margin: 0;
	padding: 0;
	width: 100%
	}

#centered_inner {
	float: left;
	width: 90%;
	padding: 0;
	margin: 0 0 1em 0;
	}

#centered_content {
	margin: 0;
	padding: 0;
	width: 100%
	}
	
#centered_content li {
	list-style: none;
	float: left;
	font: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	}
		
#centered_content li a {					/* styling for main menu  */
	display: block;
	padding: 0 2em 0 0;		/*adjusts baseline for nav menu */
	color: #000; 
	}
	
#centered_content li a:hover {color: #000;}
#centered_content li a:active {color: #CC0000;}

	
#projects_container {
	margin:0;
	padding:0
	text-align:left;
	width:100%;
	height: 35em;
	position: relative;
	}
	
#projects_container H3, #projects_container p {
	padding-left: 760px;
	}
	
	
#projects_big {					/*container for enlarged images */
	width: 672px;
	float: left;
	padding-left: 4.75em;
	}	

#projects_thumb {				/*container for thumbnails */
	position: absolute;
	top: 0;
	left: 0;
	width: 5em;
	}	

#projects_thumb ul {float: left;}
#projects_thumb li {
	display: inline;
	float: left;
	padding: 0 2em .5em 0;
	}
	
#footer {
	clear: both;
	height: 40px;
	text-align: center;
	}
	
#footer p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: .65em;
	padding: .25em 1em 0 0;
	color: #959595;
	}

/* misc classes */

.floatleft {float: left; padding-right: 1em;}
.floatright {float: right; padding: 1em;}
.center {display: block; margin: 0 auto; text-align: center;}
.justify {text-align: justify;}
.shortColumnText {width: 75%;}
.smallText {font-size: small;}