/* BasicStuff
================================== */

/* Zero down margin and paddin on all elements */
* {
 	margin: 0;
  	padding: 0;
}

body {
	font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	background-color:#000;
	background-image:url(images/bkgrnd.gif);
}

h1 {
  	font-size: 2.4em;
  	font-weight: normal;
	color:#000066;
}

h2 {
  	font-size: 2.0em;
  	font-weight: normal;
	color:#333;
}

p, li {
	font-size: 1.4em;
	color:#ccc;
}


p {
	margin: 1em 0;
}


/* Projects - Exhibits - Graphics (Left Navigation)
================================= */

#leftsidebar-projects2 {
	width:190px;
	height:870px;
	display: inline;
	margin:0px 0px 0px 14px;
	background-image:url(images/nav-background-white.gif);
	background-repeat:no-repeat;
	float:left;
}

#leftsidebar-graphics2 {
	width:190px;
	height:1190px;
	display: inline;
	margin:0px 0px 0px 14px;
	background-image:url(images/nav-background-orange.gif);
	background-repeat:no-repeat;
	float:left;
}

#leftsidebar-exhibits2 {
	width:190px;
	height:814px;
	display: inline;
	margin:0px 0px 0px 14px;
	background-image:url(images/nav-background-blue.gif);
	background-repeat:no-repeat;
	float:left;
}

#leftsidebar-projects2 h2 {
	font-size: 1.6em;
	font-weight:bold;
	color:#fff;
	margin: 60px 0 5px 12px;	
}

#leftsidebar-graphics2 h2 {
	font-size: 1.6em;
	font-weight:bold;
	color:#e7932f;
	margin: 60px 0 5px 12px;	
}

#leftsidebar-exhibits2 h2 {
	font-size: 1.6em;
	font-weight:bold;
	color:#009bc9;	
	margin: 60px 0 5px 12px;	
}


/* Header - Left Col
================================= */
		
#brandingProjects {
  	height: 130px;
	width:950px;
	background-image:url(images/header-projects.jpg);
	background-repeat:no-repeat;
}

#brandingExhibits {
  	height: 130px;
	width:950px;
	background-image:url(images/header-exhibits.jpg);
	background-repeat:no-repeat;
}

#brandingGraphics {
  	height: 130px;
	width:950px;
	background-image:url(images/header-graphics.jpg);
	background-repeat:no-repeat;
}

img {  
	border-style: none;
}

	

/* The Core Technique
================================= */

body {
	 text-align: center; 
	 min-width: 950px;
}

#wrapper {
	 width: 950px;
	 height:767px; 
	 margin: 30px auto;
	 background-image:url(images/contentBkgrnd.gif); 
	 text-align: left;
}

#wrapperProfile {
	 width: 950px;
	 height:1950px; 
	 margin: 30px auto;
	 background-image:url(images/contentBkgrndProfile1.gif); 
	 text-align: left;
}

#wrapper2 {
	 width: 950px;
	 margin: 30px auto;
	 text-align: left;	
}

#header {
	 width:912px;
	 padding:19px 0 0 19px;	
}

#leftContent5 {
	display:inline;
	width:652px;
	margin:19px 0 0 19px;	
	float:left;
}


#companyinfo {
	width:652px;
	height:177px;
	background-image:url(images/companyinfoBox.jpg);
	background-repeat:no-repeat;
	float:left;
}

#companyinfo p {
	font-size:1.5em;
	padding:10px 10px 0 20px;
}

#bottomNav {
	width:652px;
	display:inline;
	margin:19px 0 0 0;
	color:#000;
	float:left;

}

/* Content Area
================================= */

#contentProjects { 
  	height: 890px;
	background-color:#141313;
}

#contentGraphics { 
  	height: 1200px;
	background-color:#141313;
}

#contentExhibits { 
  	height: 820px;
	background-color:#141313;
}


/* Profile Page
================================= */

#profileHeader {
	 display:inline;
	 width:912px;
	 height:334px;
	 margin:19px 0 0 19px;	
	 background-image:url(images/profile.jpg);
	 background-repeat:no-repeat;
	 float:left;
}

#profileinfo {
	width:652px;
	height:1350px;
	background-image:url(images/profileBox.jpg);
	background-repeat:no-repeat;
	float:left;
}

#profileinfo h2 {
	font-size:1.9em;
	font-weight:bold;
	color:#e7932f;
	padding:20px 0 0 20px;
}

#profileinfo h3 {
	font-size:1.6em;
	color:#000;
	padding:0px 0 0 20px;
}

#profileinfo p {
	font-size:1.4em;
	color:#000;
	padding:0px 20px 0 20px;
}

/* contact Info  (index - profile page)
================================= */

#contact {
	width:239px;
	height:365px;
	background-image:url(images/contactBox.jpg);
	margin:19px 0 0 19px;
	background-repeat:no-repeat;
	float:left;
}

#contactinfo1 h2 {
	font-size:1.8em;
	color:#e7932f;
	padding:10px 0 0 20px;
}

#contactinfo2 h2 {
	font-size:1.8em;
	color:#e7932f;
	padding:20px 0 0 20px;
}

#contactinfo1 li, #contactinfo2 li {
	font-size:1.3em;
	color:#000;
	padding:0 0 3px 20px;
}

/* Project-Exhibits-Graphics Nav  (index - profile page)
================================= */

#projectsNav {
	width:197px;
	float:left;
	margin-right:28px;
}


#graphicsNav {
	width:197px;
	float:left;
	margin-right:28px;	
}

#exhibitsNav {
	width:197px;
	float:left;
}

#rollover1 {
	outline:none;
	height: 163px;
	width: 197px;
	overflow: hidden;
	background: url(images/projects1.jpg) top left no-repeat;
	display: block;
}

#rollover2	{
	outline:none;
	height: 163px;
	width: 197px;
	overflow: hidden;
	background: url(images/graphics1.jpg) top left no-repeat;
	display: block;
}

#rollover3 {
	outline:none;
	height: 163px;
	width: 197px;
	overflow: hidden;
	background: url(images/exhibits1.jpg) top left no-repeat;
	display: block;
}
 
#rollover1:hover, #rollover2:hover, #rollover3:hover {
	background-position: bottom left;
}


/* Projects - Exhibits - Graphics (Description Area)
================================= */

#contentProjects2 { 
	display: inline;
  	width: 724px;
	margin: 10px 0 10px 8px ;
	float:left; 
}

#contentProjects2Title { 
	display: inline;
  	width: 724px;
	margin: 10px 0 0px 8px ;
	float:left; 
}

#ProjectsLeftCol {
	width:300px;
	margin:0 20px 0 8px;
	float:left;
	}
	
#ProjectsLeftCol p  {
	font-size:1.2em;
	font-style:italic;
	color:#fff;
	text-align:left;
		
}	

#ProjectsRightCol p  {
	font-size:1.2em;
	color:#fff;
	text-align:left;
	margin-right:15px;
		
}

#ProjectsRightCol {
	width:400px;
	height:220px;
	margin:0px 0px 0px 0;
	float:left;
	overflow: auto;
}

#contentProjects2 h2, #contentProjects2Title h2  {
	font-size: 1.6em;
	font-weight:normal;
	color:#e7932f;
	text-align:center;
	margin-bottom:0px;
}


#AdditionalExamples {
	float:left;
	width:724px;
	margin:20px 0 0 0;
}

#contentProjects2 h3, #AdditionalExamples h3  {
	font-size: 1.1em;
	font-weight:normal;
	text-align:center;
	color:#ddd;
	margin:10px 0 0 0;
}


#contentProjects2 p, #AdditionalExamples p {
	font-size: 1.3em;
	font-weight:normal;
	text-align:center;
	color:#ddd;
	margin:10px 0 0 0;
}

#AdditionalExamples a {
	text-decoration:none;	
}

#AdditionalExamples a:link {color: #e7932f}
#AdditionalExamples a:visited {color: #e7932f}
#AdditionalExamples a:hover {color: #e7932f}
#AdditionalExamples a:active {color: #e7932f}


/* footer
================================= */

#wrapperBtm {
	width:950px;
	height:17px;
}

#footer-wrap {
	clear: both; 
}


#footer {
	color: #111; 
	text-align: center; 
	font-size: 8px;
}

#footer a {
	text-decoration:none;
}

#footer a:link {color: #444}
#footer a:visited {color: #444}
#footer a:hover {color: #897966}
#footer a:active {color: #444}
	

/* Profile pages
================================= */
#profile1 {
	width:170px;
	height:75px;
	margin:7px 0 0 0px;
	
}
	
#profile2 {
	width:170px;
	height:75px;
	margin:0px 0 0 0px;
	
}

li.boldheadline {
	font-weight:bold; 
	margin-top:0px; 
	line-height:110%;	
}

li.secondpara { 
	margin-top:0px; 
	line-height:100%;
}
			
li span.displaynone { display:none; }	

.secondpara a:link {color: #000;}
.secondpara a:visited {color: #000;}
.secondpara a:hover {color: #e7932f;}
.secondpara a:active {color: #000;}		


/* Home Button
================================= */
ul {
	list-style-type: none;
}

#nav-home {
	height:34px;
	width:168px;
	margin:96px 20px 0 10px;
	background-image:url(images/home-btn.gif);
	float:right;
}

#nav-home-profile {
	height:34px;
	width:220px;
	margin:300px 10px 0 0px;
	background-image:url(images/home-btn-profile.gif);
	float:right;
}


#nav-home a {
    outline:none;
margin:0;
padding:0px 0 0 56px;
	font-size:20px;
	text-align: center;
	text-decoration:none;
}

#nav-home-profile a{
    outline:none;
	margin:0;
	padding:0px 0 0 82px;
		font-size:20px;
		text-align: center;
		text-decoration:none;
}

#nav-home a:link {color: #fff}
#nav-home a:visited {color: #fff}
#nav-home a:hover {color: #e7932f}
#nav-home a:active {color: #fff}

#nav-home-profile a:link {color: #e7932f}
#nav-home-profile a:visited {color: #e7932f}
#nav-home-profile a:hover {color: #fff}
#nav-home-profile a:active {color: #e7932f}




/* Navigation - project/exhibit/graphics lists
================================= */


#menuProjects, #menuGraphics, #menuExhibits {
	background: #514538;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 190px;
	line-height:165%;
}

#menuProjects li, #menuGraphics li, #menuExhibits li {
	font-size:1.2em;
	margin: 0;
	padding: 0;
	height:100%;
}
#menuProjects a, #menuGraphics a, #menuExhibits a {
	background: #514538;
	border-bottom: 1px solid #000;
	color: #000;
	display: block;
	margin: 0;
	padding: 6px 12px;
	text-decoration: none;
}
#menuProjects a:hover {
	background: #6e645a url("images/hover.gif") left center no-repeat;
	color: #000;
	padding-bottom: 6px;
}

#menuGraphics a:hover {
	background: #bd8b52 url("images/hover.gif") left center no-repeat;
	color: #000;
	padding-bottom: 6px;
}

#menuExhibits a:hover {
	background: #2992a5 url("images/hover.gif") left center no-repeat;
	color: #000;
	padding-bottom: 6px;
}