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

body {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff url(images/back_panel.jpg) repeat-x;
	font: 67.5% Arial, Helvetica, sans-serif;
	color: #ccc;
}
	
p,h1,h2,h3,h4,h5,h5,ol,ul,li,img {
		margin: 0px;
		padding: 0px;
}

img {
	text-decoration: none;
	border: none;
}

a, a:hover, a:active, a:focus {
	text-decoration: none;
	color: #ff3399;
	
}

a:hover {
	color: #00b1ae;
}

#Panel {
	width: 820px;
	margin: 0 auto;
	background: url(images/wrapper_shadow.jpg) top right repeat-y;
}

#Wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(images/top_shadow.jpg) top left no-repeat;
}

/* ==========sIFR========== */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #fullContState h1 {
	visibility: hidden;
	font-size: 40px;
}

.sIFR-hasFlash .titleContainer h1 {
	visibility: hidden;
	font-size: 30px;
	text-align: center;
}

.sIFR-hasFlash #fullContState h4 {
	visibility: hidden;
	font-size: 42px;
}

.sIFR-hasFlash .titleContainer h4 {
	visibility: hidden;
	font-size: 42px;
	text-align: center;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

*/

/* Splash */

#splashImgCont  img {
	padding-bottom: 17px;
	background: url(css_images/image_shadow.gif) bottom left repeat-x;	

}

#Main {
	border-bottom: #eee 1px solid;
	background: #fff;
	width: 800px;
	min-height: 800px;
}

#splashContainer {
	margin: 0px auto;
}

.imageContainer {

}

#splashContainer .imageContainer img {
	padding-bottom: 19px;
	background: url(images/image_shadow.jpg) bottom left repeat-x;
	margin-top: 20px;
}

.titleContainer {
	padding-top: 60px;
}

.titleContainer h4 {
	font-size: 2.4em;
}

.center {
	margin: 0px auto;
	width: 359px;
}

/* Main */

#header {
	margin: 0px;
	height: 66px;
	width: 800px;
	background: #ff3399 url(images/header3.gif) top right no-repeat;
}

.center h1 {
	text-align: center;
}

/* Nav */
#nav {
	width: 800px;
}

#nav ul {
	padding-bottom: 28px;
	border-bottom: #00b1ae 2px solid;
}

#nav ul li {
	list-style: none;
	float: left;
	width: 133px;
	background-color: #ff3399; 
	text-align: center;
}

#nav ul li#contact {
	width: 135px;
}

#nav ul li.current {
	background-color: #00b1ae;
}

#nav ul li.currentContact {
	width: 135px;
}
	
#nav ul li a {
	padding: 3px 0;
	font-size: 1.2em;
	color: #fff;
	display: block;
}

#nav ul li a:hover {
	background-color: #00b1ae;
}

/* SubNav  Painting */
#subNav {
	margin-bottom: 37px;
}

#subNav ul li {
	list-style: none;
	float: left;
	width: 66.5px;
	background-color: #ff3399; 
	text-align: center;
	margin-top: 8px;
}

#subNav ul li.current {
	background-color: #00b1ae;
}

#subNav ul li a {
	padding: 3px 0;
	font-size: 1em;
	color: #fff;
	display: block;
}

#subNav ul li a:hover {
	background-color: #00b1ae;
}

/* SubNav  Prints */

#subNavPrints {
	margin-left: 133px;
	margin-bottom: 37px;
}

#subNavPrints ul li {
	list-style: none;
	float: left;
	width: 66.5px;
	background-color: #ff3399; 
	text-align: center;
	margin-top: 8px;
}

#subNavPrints ul li.current {
	background-color: #00b1ae;
}

#subNavPrints ul li a {
	padding: 3px 0;
	font-size: 1em;
	color: #fff;
	display: block;
}

#subNav ul li a:hover {
	background-color: #00b1ae;
}

#subNavPrints ul li a:hover {
	background-color: #00b1ae;
}



/* Content */

#content {
	clear: both;
}


#thumbContainer {
	background: #CCCCCC;
	margin: 0px 15px 40px 15px;
	float: left;
	height: 600px;
	width: 230px;
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	display: inline; 
}

#greyHolderPaint {
	background: #fff;
	margin: 20px 15px 40px 15px;
	float: left;
	background: url(images/paintGreyHolder.jpg) top left no-repeat;
	height: 580px;
	width: 230px;
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	display: inline; 
}

#greyHolderCollage {
	background: #fff;
	margin: 20px 15px 40px 15px;
	float: left;
	background: url(images/collageGreyHolder.jpg) top left no-repeat;
	height: 580px;
	width: 230px;
	padding-top: 15px;
	padding-bottom: 10px;
	overflow: auto;
	overflow-x: hidden;
	display: inline; 
}

#imageContainer {
	background: #FFFFFF;
	margin: 0px auto;
	margin-right: 15px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: right;		
	min-height: 500px;
	height: auto;
	width: 515px;
	border: 2px solid #ff3399;
	overflow: hidden;
}

* html #imageContainer {
	height: 500px;
}

#fullCont {
	padding-bottom: 19px;
	background: url(images/image_shadow.jpg) bottom left repeat-x;
	margin-top: 20px;
	width: 480px;
	margin: 15px auto;
}

#description {
	width: 490px;
	margin: 0 auto;
}		

#description p {
	color: #666;
	font-size: 1.2em;
}

.thumbImage {
	width: 150px;
	margin: 0px auto 15px auto;
	
}


/* Statement */

#fullContState {
	margin-top: 20px;
	width: 480px;
	margin: 15px auto;
	
}

#fullContState h1 {
	color: #666;
	font-size: 2em;
	margin-bottom: 10px;
}

#fullContState p { 
	text-indent: 2em;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666; 
}

/* Links */

.col {	float: left;
		margin-right: 10px;
}

ul.links {
	list-style: none;
}

ul.links li {
	width: 18.5em;
	padding-bottom: 5px;
}

ul.links li a {
	display: block;
	font-size: 1.4em;
}

#fullContState h2 {
	font-size: 1.8em;
	margin-bottom: 5px;
}

/* Com */
#contentCom {
	margin-top: 37px;
	clear: both;
}

/* Resume */

.resSection {
	margin: 0;
}



ul.resInfo {
	list-style: none;
}

ul.resinfo li.year {
	display: block;
	padding: 10px 0;
	padding-left: 20px;
	width: 4em;
	float: left;
	
}

.resSection h2.resCat {
	margin: 0;
	clear: both;
	text-transform: uppercase;
	color: #777;
	font-style: italic;
	font-size: 1.1em;
}

.year {

	
}

.year p {
	font-size: .8em;
	font-weight: bold;
	font-style: italic;
	color: #777;
}

.left {
	margin: 0;
	float: left;
	width: 100%;
	padding: 0;
}

h3.resCat {
	margin: 10px 0 5px 0 ;
	clear: both;
	text-transform: uppercase;
	color: #ff3399;
	font-style: italic;
	font-size: 1.4em;
}

.resWrap {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	
}

.resInfoWrap {
	padding: 0;
}

.resYear {
	float: left;
	font-size: 1.05em;
	width: 6em;
	padding-right: 10px;
	color: #777;
}

.resText {
	width: 370px;
	font-size: 1.05em;
	line-height: 1.1;
	color: #777;
	float: left;
	text-indent: -2em;
	padding-left: 2em;
}

.resTextNoYear {
	width: 100%;
	font-size: 1.05em;
	line-height: 1.1;
	color: #777;
	float: left;
	text-indent: -2em;
	padding-left: 2em;
}

.resTitle {
	font-weight: bold;
	font-style: italic;
}

/* Footer */

#footer {
	overflow: hidden;
	clear: both;
	width: 800px;
	margin-top: 10px;
	padding-bottom: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-color: #ff3399;
}

#footer p {
	padding: 5px;
	font-size: 1.1em;
	text-align: center;
	color: #777;
}