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

* {	
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000;
	width: 1024px; 
	margin: 0 auto;	
	height: 100%; 	
}

.clearFloats {
	clear: both;
} 

#pageWrapper {
	width: 916px;
	height: 768px;
	margin-left: 54px; 
}  

/* Navigation */

a { color: black;
	outline: 0; /* get rid of FF dotted outline */
}

/*  Menu Structure  */

#navBar {
	width: 100%; 
	height: 30px; 
	padding-top: 10px; 
	padding-bottom: 5px;
	position: relative;
}

#navMenu, #navMenu ul  {
	list-style: none;	
	text-transform: uppercase;
} 

#navMenu {    
	float: right; 
	position: relative;
	font-size: 1.2em;
	letter-spacing: 1px;
} 

#navMenu > li {    
	float: left; 
	padding: 5px 0px 5px 52px;
}

#navMenu li a {    
	display: block;
	height: 2.2em;
	line-height: 2.2em;
	text-decoration: none; 
}

#navMenu ul {
	position: absolute;
	z-index: 999;  
}

#navMenu ul li a {
	width: 150px;
}

#navMenu li:hover ul {
	display: block;
	white-space: nowrap;	
}

#navMenu li:hover ul.noJS {
	display: block;
}

/*  Main Menu   */

#navMenu > li:hover > a {  
	color: red; 
}

/*   Submenu    */

#navMenu ul li {
	white-space: nowrap;
	font-size: 0.9em;
}

#navMenu ul li:hover a {
	color: #CC00FF;
}

#navMenu li:hover ul {
	display: block;
	white-space: nowrap;	
}

/* end Navigation */	

#pagePainting {
	padding-top: 30px;
	padding-bottom: 1px; 
	height: 20px;
	width: 916px;
}	

#pageName {
	font-size: 1.4em; 
	color: red;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#contactText {
	font-size: 1.4em;
	color: red;
	text-transform: uppercase; 
	letter-spacing: 1px;
	float: right;
}
	
#paintingInfo {
	margin-top: 30px;
	padding-bottom: 1px; 
	height: 20px;
}

#title {
	font-size: 1.3em;
	font-weight: 600;
}

p#description, #description {
	font-size: 1.3em;
 	color: gray; 
	font-weight: lighter;
	height: 20px;
}

#abstGallery, #portGallery, #stilGallery {
	padding-top: 8px;
}

/* Home Page */

.type1Page {
	position: absolute;
	margin-top: 8px;
	height: 449px;
	width: 916px;
	z-index: 1; 
}

.exhBoxText {
	position: absolute;
	top: 60px;
	left: 613px;
	width: 280px;
}

h1 {
	font-size: 3.5em;
	color: #9900FF;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: 100;
} 

h2 {
	font-size: 1.8em;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: 200;
	color: #FFF;
	text-transform: uppercase;
}

/* Artist's Statement page  */

.type1Page {
	position: relative;
	width: 916px;
}

.type1Page img {
	position: absolute;
	z-index: 0;
}

.boxType {
	position: absolute;
	margin-left: 370px;
	top: 0px;
	z-index: 1;
} 

.para1BodyCopy {
	padding-top: 49px;
	font-size: 1.5em;
	width: 505px;
	padding-bottom: 14px;
	line-height: 154%;
}
	
.bodyCopy {
	font-size: 1.5em;
	width: 505px;
	padding-bottom: 14px;
	line-height: 154%;
}

/* Resume page  */

.resumeTextCol1 {
	position: absolute;  
	width: 250px;
	margin-left: 30px;
	z-index: 1; 
}

.resumeTextCol2 {
	position: absolute; 
	width: 185px;
	margin-left: 311px; 
	z-index: 1; 
}

.resumeTextCol3 {
	position: absolute;
	width: 185px;
	padding-top: 42px;
	margin-left: 516px;
	z-index: 1; 
}

.resumeTextCol4 {
	position: absolute;
	width: 185px;
	padding-top: 42px;
	margin-left: 717px;
	z-index: 1; 
}

h4 {
	font-size: 1.4em;
	color: #000;
	padding-top: 25px;
}

.type1 {
	font-size: 1.35em;
	color: #000;
	padding-top: 12px;
}

.type2 {
	font-size: 1.35em;
	color: #828282;
}

.type3 {
	font-size: 1.35em;
	color: #828282;
	font-style: italic;
}

/* Contact and Thank You page  */

#contactFormWrapper {
	position: absolute;
	margin-left: 327px;
	top: 45px;
	z-index: 1;
}

.bodyCopy2 {
	font-size: 1.7em;
	color: #FFF;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 110px;
	z-index: 1;
}

.bodyCopy3 {
	padding-top: 10px;
	font-size: 0.8em;
	color: #FFF;
	letter-spacing: 1px;
	width: 200px;
	line-height: 110%;
	text-transform: lowercase;
	z-index: 1;
}

label {
	font-size: 1.1em; 
	color: #FFF; 
	text-transform: uppercase;
	width: 260px; 
	padding-bottom: 5px;
	letter-spacing: 1px;
	display: block;
}

#contactName, #contactEmail { 
	width: 260px; 
	border-style: none;
	font-size:1.2em;
	color: #000;
	margin-top: 5px;
	margin-bottom: 12px;
	padding: 3px;
}

textarea#contactMessage {
	width:260px;
	height: 140px;
	background-color: #FFF;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style: none;
	font-family: Verdana, Tahoma, sans-serif;
	font-size:1.2em;
	color: #000;
	padding: 3px;
} 

#contactSend {
	width: 64px; 
	height: 23px; 
	background: url(../images/cfcButtonSendUp.png) no-repeat top left;
	border: none; 
	margin-top: 10px; 
}
	
#contactSend:hover, active {
 	background: url(../images/cfcButtonSendDown.png) no-repeat top left;
}
						 
/* Footer  */

.copyR {
	font-size: 0.9em; 
	margin-top: 20px;
	float: right; 
}