/* Import other stylesheets
-----------------------------------------------------------------------------*/
	@import url('/css/reset.css');

/* Containers
-----------------------------------------------------------------------------*/

body {
	font: 90%/1.5  Arial, Verdana, sans-serif;
	color: #666666;	
	text-align:left;
	background-color:#ffffff;
    background-image: url('/images/siteDesign/neff-BG3.gif'); 
    background-repeat: repeat;
    background-position: center;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: auto;
    color: #333333;
}

p {
	margin-bottom: 10px;
}

a:link, a:visited   {color: #333333;}
a:active, a:hover   {color: #cc6666;}

#uberContainer { 
	width: 950px;
	text-align:left;  
	margin: 0 auto; 
	border: 0px solid #00ff00;
}

#innerContainer {
	position: relative;
	left:0px;
	top:0px;
	width:950px;
	height:550px;
	border: 0px solid #ff0000;
}

/* HEADER --------------------------------------------------------------------------- */

.HOME #HEIDI-NEFF h1 {
	position: absolute;
	left: 20px;
	top: 21px;
	width: 308px;
	height: 77px;
    text-indent: -1000em;
    background-image: url('/images/siteDesign/heidi-neff.gif');
    background-repeat: no-repeat;
}

#HEIDI-NEFF h1 a {
	position: absolute;
	left: 20px;
	top: 21px;
	width: 308px;
	height: 75px;
	font-size: 1px;
	text-indent: -1000em;
	color:#666666;
	background-image: url('/images/siteDesign/heidi-neff.gif');
}

#HEIDI-NEFF h1 a:hover 	{ background-position: 0px -79px; }

/* NAVIGATION ----------------------------------------------------------------------- */

#mainNav {
	position: absolute;
	left: 49px;
	top: 117px;
	width: 154px;
	height: 187px;
}

#mainNav ul.links li a.main {
	display: block;
	position: absolute;
	width: 154px;
	height: 36px;
	left: 0px; 
	font-size: 1px;
	text-indent: -1000em;
	color: #666666;
	background-image: url('/images/siteDesign/homeLinks.gif');
}

#mainNav ul.links li.about a.main 		{ top: 0px;  	background-position: 0px 0px;		}
#mainNav ul.links li.portfolios a.main 	{ top: 36px; 	background-position: 0px -36px;		}
#mainNav ul.links li.exhibitions a.main { top: 72px; 	background-position: 0px -72px;		}
#mainNav ul.links li.blog a.main 		{ top: 108px; 	background-position: 0px -108px;	}
#mainNav ul.links li.contact a.main 	{ top: 144px; 	background-position: 0px -144px;	}

.ABOUT 			#mainNav ul.links li.about a.main 		{ background-position: -154px 0px;		}
.PORTFOLIOS 	#mainNav ul.links li.portfolios a.main 	{ background-position: -154px -36px;	}
.EXHIBITIONS 	#mainNav ul.links li.exhibitions a.main { background-position: -154px -72px;	}
.BLOG 			#mainNav ul.links li.blog a.main 		{ background-position: -154px -108px;	}
.CONTACT 		#mainNav ul.links li.contact a.main 	{ background-position: -154px -144px;	}

#mainNav ul.links li.about a.main:hover 			{ background-position: -154px 0px;		}
#mainNav ul.links li.portfolios a.main:hover 		{ background-position: -154px -36px;	}
#mainNav ul.links li.exhibitions a.main:hover 		{ background-position: -154px -72px;	}
#mainNav ul.links li.blog a.main:hover 				{ background-position: -154px -108px;   }
#mainNav ul.links li.contact a.main:hover 			{ background-position: -154px -144px;   }

/* SCROLLING ------------------------------------------------------------------------ */

a.jScrollArrowUp {
	height: 16px;
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_up.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

a.jScrollArrowDown {
	height: 16px;
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_down.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#mainContent a.jScrollArrowUp,
#mainContent a.jScrollArrowDown {
	height: 22px;
}

a.jScrollArrowUp:hover {
	background-color: white;
	background-position: bottom right;
}

a.jScrollArrowDown:hover {
	background-color: white;
	background-position: top right;
}

#sideContent .jScrollPaneTrack {
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_track1.gif');
	background-repeat: no-repeat;
}

#mainContent .jScrollPaneTrack {
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_track2.gif');
	background-repeat: no-repeat;
}

.jScrollPaneDrag {
	background: none;
	background-image: url('/images/siteDesign/scroll/scroll_slider.png');
}

/* ---------------------------------------------------------------------------------- */

#mainContent {
	position: absolute;
	left: 250px;
	top: 120px;
	width: 600px;
	background-color: #ffffff;
	font-family: arial, verdana, sans-serif;
	border: 1px dashed #aaaaaa;
}

#mainContent .scrollpane {
	height: 455px;
	overflow: auto;
}

#mainContent .pad {
	margin: 13px;
}

#mainContent .article .image {
	margin-top: 4px;
	margin-bottom: 10px;
}

#mainContent .article .image img { 
	padding: 1px;
	border: solid 1px #CCC;
}

#mainContent .article .left {
	float: left;
	margin-right: 10px;
}

#mainContent .article .right {
	float: right;
	margin-left: 10px;
}

#mainContent ul {
	list-style-type: disc;
	margin-bottom: 8px;
}

#mainContent ol {
	list-style-type: decimal;
	margin: auto;
	padding: auto;
}

#mainContent li {
	margin: auto;
	padding: auto;
	margin-left: 20px;
}


/* ---------------------------------------------------------------------------------- */

#sideContent {
	display: none;
	position: absolute;
	left: 20px;
	top: 322px;
	width: 387px;
	height: 240px;
    background-image: url('/images/siteDesign/textPatch.gif');
    z-index: 1;
}

/* HOME ----------------------------------------------------------------------------- */

.HOME #sideContent .pad {
	padding: 0;
	margin: 22px 14px 20px 30px;
	font-size: 12px;
	color: #888;
	letter-spacing: 1px;
	line-height: 18px;
}

.HOME #sideContent .scrollpane {
	height: 180px;
	overflow: auto;
	border: 0px dotted green;
}

#sideContent .image {
	margin-top: 4px;
	margin-bottom: 10px;
}

#sideContent .image img { 
	padding: 1px;
	border: solid 1px #CCC;
}

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

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

/* HELP ---------------------------------------------------------------------------- */

.HELP #sideContent {
	display: block;
	background-image: none;
	font-size: 11px;
	border: 0px dotted red;
	width: 200px;
	height: auto;
}

.HELP #sideContent h4 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
}

.HELP #sideContent ul {
	list-style-image: url('/images/siteDesign/sketchy-arrow.gif');
	margin-top: 5px;
}

.HELP #sideContent ul li {
	margin-bottom: 6px;
	line-height: 12px;
}

/* ABOUT ---------------------------------------------------------------------------- */

/* EXHIBITIONS ---------------------------------------------------------------------- */

.EXHIBITIONS #mainContent .article a {
	text-decoration: underline;
}

.EXHIBITIONS #mainContent .article .description {
	clear: both;
	font-size: 11px;
}

/* BLOG ----------------------------------------------------------------------------- */

.BLOG #mainContent .article {
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 1px dashed #aaaaaa;
}

.BLOG #mainContent .article-1 {
	padding-top: 0;
	border: 0;
}

.BLOG #sideContent {
	display: block;
	background: none;
	border: 0px dotted red;
	width: 200px;
	height: auto;
}

.BLOG #sideContent ul {
	margin-bottom: 10px;
}

.BLOG #sideContent ul li {
	display: inline;
	margin-right: 5px;
	border: 0px solid #ff0000;
}

.BLOG #sideContent ul li a {
	font-size: 11px;
	background-image: url('/images/siteDesign/sketchy-arrow.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	line-height: 20px;
}

.BLOG #sideContent ul li.first {
	background-image: url('/images/siteDesign/sketchy-arrow.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.BLOG #sideContent ul li.first {
	padding-left: 12px;
}

.BLOG #sideContent ul li.first a {
	white-space: nowrap;
}

.BLOG #sideContent ul li.last a {
	background: none;
}

.BLOG #sideContent a.newer,
.BLOG #sideContent a.older {
	font-size: 11px;
	text-transform: uppercase;
}

.BLOG #sideContent a.newer {
	float: left;
}

.BLOG #sideContent a.older {
	float: right;
}

.BLOG #sideContent h4 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
}

.BLOG #sideContent a.archive {
	font-size: 11px;
	text-transform: uppercase;
}

.BLOG-ARCHIVE #mainContent .article {
	padding-top: 10px;
	padding-bottom: 0px;
	border-top: 1px dashed #aaaaaa;
}

.BLOG-ARCHIVE #mainContent .article-1 {
	padding-top: 0;
	border: 0;
}

.BLOG-ARCHIVE #mainContent .article p {
	font-size: 12px;
}

.BLOG #mainContent .article p.posted {
	font-size: 9px;
	margin-bottom: 10px;
}

/* CONTACT -------------------------------------------------------------------------- */

.CONTACT #mainContent h4 {
	margin-bottom: 10px;
}

.CONTACT #mainContent form input {
	width: 300px;
}

.CONTACT #mainContent form textarea {
	width: 303px;
}

.CONTACT #mainContent form input.button {
	width: 80px;
}

.CONTACT #mainContent table {
	margin-left: 20px;
}

.CONTACT #mainContent table tr td {
	padding: 4px;
	vertical-align: top;
}

.CONTACT #mainContent table tr td.title {
	font-size: 12px;
}

.CONTACT #mainContent table tr td.address {
	padding-top: 15px;
	font-size: 12px;
}

.CONTACT #mainContent table tr.error td {
	color: red;
	font-size: 12px;
	padding-top: 0px;
}


/* PORTFOLIOS  ---------------------------------------------------------------------- */

.HOME #mainContent,
.PORTFOLIOS #mainContent {
	left: 433px;
	top: 36px;
	width: auto;
	height: auto;
	font-size: 10px;
	border: 1px dashed #999999;
}

#mainContent .mainImage {
	position: relative;
}

#mainContent .mainImage .caption {
	position: relative;
	display: block;
	margin-top: 17px;
	font-size: 10px;
	border: 0px dotted red;
	height: 20px;
}

html>body #mainContent .mainImage .caption {
	height: auto;
	min-height: 20px;
}

#mainContent .mainImage .caption a.magnify {
	display: block;
	position: absolute;
	right: -26px;
	top: -2px;
	width: 15px;
	height: 14px;
	background-image: url('/images/siteDesign/magnifying-glass-icon.gif');
	background-repeat: no-repeat;
	text-indent: -1000em;
	outline: none;
}

#mainContent .nav {
	margin-bottom: -40px;
	height: 25px;
	border: 0px dotted red;
}

#mainContent .nav a {
	font-size: 11px;
	text-transform: lowercase;
}

#mainContent .nav a.prev {
	float: left;
	background-image: url('/images/siteDesign/sketchy-arrow_left.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: -13px;
}

#mainContent .nav a.next {
	float: right;
	background-image: url('/images/siteDesign/sketchy-arrow_right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	margin-right: -13px;
}

#mainContent .nav a.prev-0 {
	display: none;
}

#mainContent .nav a.next- {
	display: none;
}

/* -------------------------------------------------------------- */

.PORTFOLIOS #mainNav ul.links li ul {
	position: absolute;
	left: 165px;
	top: 9px;
	width: 200px;
	height: 165px;
	border: 0px solid #ff0000;
}

.PORTFOLIOS #mainNav ul.links li ul li {
	display: inline;
	margin-right: 5px;
	border: 0px solid #ff0000;
}

.PORTFOLIOS #mainNav ul.links li ul li a {
	font-size: 11px;
	background-image: url('/images/siteDesign/sketchy-arrow.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	line-height: 20px;
}

.PORTFOLIOS #mainNav ul.links li ul li.first {
	background-image: url('/images/siteDesign/sketchy-arrow.gif');
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.PORTFOLIOS #mainNav ul.links li ul li.first {
	padding-left: 12px;
}

.PORTFOLIOS #mainNav ul.links li ul li.first a {
	white-space: nowrap;
}

.PORTFOLIOS #mainNav ul.links li ul li.last a {
	background: none;
}

.PORTFOLIOS #mainNav ul.links li ul li.selected a {
	color: #cc3333;
}

/* -------------------------------------------------------------- */

.HOME #sideContent, 
.PORTFOLIOS #sideContent {
	display: block;
}

.PORTFOLIOS #sideContent .pad {
	padding: 0;
	margin: 20px 14px 5px 30px;
	border: 0px dotted red;
}

.PORTFOLIOS #sideContent .scrollpane {
	height: 180px;
	overflow: auto;
	border: 0px dotted green;
}

.PORTFOLIOS #sideContent .scrollpane img {
	margin: 0 6px 6px 0;
	padding: 1px;
	border: solid 1px #999999;
}

.PORTFOLIOS #sideContent .scrollpane a:hover img {
	border: solid 1px #cc6666;
}

.PORTFOLIOS #sideContent a.about {
	margin-left: 30px;
	font-size: 11px;
}

/* -------------------------------------------------------------- */

.HOME #mainContent img,
.PORTFOLIOS #mainContent img {
	padding: 1px;
	border: solid 1px #CCC;
}

/* -------------------------------------------------------------- */

.PORTFOLIOS-LARGE {
	background: none;
}

/* -------------------------------------------------------------- */

.PORTFOLIOS-ABOUT #mainContent {
	left: 433px;
	top: 100px;
	width: 500px;
	height: 455px;
	background-color: #ffffff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	overflow: auto;
}
	
/* ---------------------------------------------------------------------------------- */

#blogLinksPatch {
	position:absolute;
	left:20px;
	top:322px;
	width:200px;
	height:240px;
	/*background-image: url('/images/siteDesign/blogLinksPatch.gif');*/
	z-index:1;
}

#blogLinks {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 190px;
	width: 170px;
	padding:10px;
}

.blogLink {
	display: inline;
	font-size: 11px;
	margin-right:5px;
}

/* ---------------------------------------------------------------------------------- */
#credit	{
	position: absolute;
	left: 0px;
	top: 435px;
	width: 585px;
	text-align: right;
	font-size: 10px;
	z-index:100;
}