/*all*/
/*****/

body {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #626262;
	}

a {
	color: #646464;
	text-decoration: none;
	}
a:hover {
	color: #a8bfce;
	}








/*******/
/*index*/

.matte {
	background-image: url(bg_matte.gif);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1040px;
	height: 651px;
	margin: auto;
	z-index: 1;
	}

.logo {
	position: absolute;
	top: 296px;
	left: 100px;
	width: 200px;
	height: 50px;
	z-index: 2;
	}
	
.links {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 317px;
/*	left: 575px;*/ /*left position WITH 'events' link*/
/*	left: 638px;*/ /*left position WITHOUT 'events' link*/
/*	left: 620px;*/ /*left position for "portraits love commercial cori  |buy [prints]" (pre 2007.04.02)*/
	left: 640px; /*left poistion for "portraits love places cori  |buy [+ see prints]" (2007.04.02)*/

/*	right: 100px;*/
	width: auto;
	height: auto;
	float: none;
	
	z-index: 2;
	}

.links li {
	margin-right: 1.7em;
	list-style: none;
	float: left;
}




.links .buy {
	color: #888888;
	font-size: 14px;
}

.links .buy a {
	color: #649cc0;
	font-size: 11px;
	font-style: italic;
	padding-left:3px;
}

.links .buy a:hover,
.links .buy a:hover .buyprints {
	color: #08629a;
}

.links .buy a .buyprints {
	color: white;
}


/*
(ar note: 2007.04.02)

since :after can't be used because of IE, I used the trick above. This .blocker style was an attempt to recreate the :after behavior by not allowing the hidden part of the link to change color when the passed over it (when hidden). It doesn't work exactly right.

links .buy .blocker {
	display: block;
	position: absolute;
	right: 0;
	width: 3.8em;
	height: 1.5em;
	z-index: 666;
	background-color: red;
}
*/

/*
(ar note: 2007.04.02)

Doesn't work in IE. And when the :after part of the link became too important to *not* be seen in IE, I had to switch to the method above. 

.links .buy a:hover:after {
	content:" prints";
}
*/







/*joke*/

.links .buyMONEY {
	position: relative;
	left: -10px;
	color: #888888;
	font-size: 14px;
}

.links .buyMONEY a {
	position: relative;
	left: -2px;
	color: #649cc0;
	font-size: 11px;
	font-style: italic;
}

.links .buyMONEY a:hover {
	color: #08629a;
}

.links .buyMONEY a:hover:after {
	content:" NOW!";
}

/*joke*/










.contactinfo {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #626262;
	text-align: right;
	z-index: 0;
	visibility: hidden;
}



/***********/
/*cori page*/

.masthead {
	text-align: center;
	position: absolute;
/*	top: 100px;*/
	top: 160px;
	right: 100px;
	width: 300px;
	height: auto;
	z-index: 2;
	}
.about {
	position: absolute;
/*	top: 210px;*/
	top: 260px;
	right: 100px;
	width: 300px;
	height: auto;
	color: #9b9b9b;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	z-index: 2;
	}
.dropcap {
	float: left;
	width: 20px;
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	color:#444444;
	}
.phoneaddress {
	position: absolute;
	top: 600px;
	right: 100px;
	width: 300px;
	height: auto;
	color: #b4b4b4;
	font-size: 11px;
	text-align: center;
	z-index: 2;
	}