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



.container {
	left:50%;
	width:1000px;
	position:absolute;
	margin-left:-500px;
	top:0px;
	z-index:1;
}
.wordmark {
	height:63px;
	text-align:right;
}
.banner {
	width:1000px;
	height:375px;
	background-color:#999;
	z-index:2;
}
.navigation {
	height: 35px;
	background-color:#000000;
	margin-top:-35px;
	/* for IE */

  	filter:alpha(opacity=25);
	/* CSS3 standard */

  	opacity:0.25;
	position:relative;
	z-index:3;
}
.navigation_text {
	height:35px;
	font-weight:bold;
	color:#ffffff;
	margin-top:-35px;
	margin-left:236px;
	z-index:4;
	position:relative;
}
.photo {
	height:291px;
	width:200px;
	background-color:#333;
	margin-top:-150px;
	margin-left:36px;
	position:relative;
	z-index:5;
	background-image: url(images/ivaan_camera_cropped.jpg);
	background-repeat: no-repeat;
}
.sidebar {
	position:relative;
	height:270px;
	width: 200px;
	margin-left:36px;
	margin-top: 20px;
	z-index:5;
	float:left;/*border: 1px solid #cccccc;*/

}
.content {
	position:relative;
	/*float:left;*/

	margin-left:275px;
	margin-top:-130px;
	width:720px;
	color:#333;
	font-family:Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size:16px;
	line-height:22px;
	z-index:5;
}
h1 {
	margin-top:0px;
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}
.clear {
	clear:both;
	margin-bottom:10px;
}
.footer {
	position:relative;
	clear:both;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	font-size:10px;
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
A:link {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
A:visited {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
}
A:hover {
	color:#666;
	text-decoration:none;
	font-weight: normal;
}
/*|||||||||||||||||MAIN NAVIGATION||||||||||||||||*/



a.home {
	display:inline-block;
	width: 123px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/home.png");
}
a.home:hover {
	background-position: -123px 0;
}
a.bio {
	display:inline-block;
	width: 88px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/bio.png");
}
a.bio:hover {
	background-position: -88px 0;
}
a.gallery {
	display:inline-block;
	width: 161px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/gallery.png");
}
a.gallery:hover {
	background-position: -161px 0;
}
a.lovestories {
	display:inline-block;
	width: 233px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/lovestories.png");
}
a.lovestories:hover {
	background-position: -233px 0;
}
a.contact {
	display:inline-block;
	width: 159px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/contact.png");
}
a.contact:hover {
	background-position: -159px 0;
}
/*|||||||||||||||GALLERY NAVIGATION|||||||||||||||||*/


a.rings {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/rings.gif");
}
a.rings:hover {
	background-position: -200px 0;
}
a.broches {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/broches.gif");
}
a.broches:hover {
	background-position: -200px 0;
}
a.bracelets {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/bracelets.gif");
}
a.bracelets:hover {
	background-position: -200px 0;
}
a.beltbuckles {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/beltbuckles.gif");
}
a.beltbuckles:hover {
	background-position: -200px 0;
}
a.pendants {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/pendants.gif");
}
a.pendants:hover {
	background-position: -200px 0;
}
a.earrings {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/earrings.gif");
}
a.earrings:hover {
	background-position: -200px 0;
}
a.wedding_rings {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/wedding_rings.gif");
}
a.wedding_rings:hover {
	background-position: -200px 0;
}
a.necklaces {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/necklaces.gif");
}
a.necklaces:hover {
	background-position: -200px 0;
}
a.misc {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/misc.gif");
}
a.misc:hover {
	background-position: -200px 0;
}
a.now_available {
	display:block;
	width: 200px;
	height: 35px;
	text-decoration: none;
	background: url("buttons/now_available.gif");
}
a.now_available:hover {
	background-position: -200px 0;
}



/* Caching CSS created with the help of;

	Klaus Hartl <klaus.hartl@stilbuero.de> */

@media projection, screen {
div.imgCache {
	position: absolute;
	left: -8000px;
	top: -8000px;
}
div.imgCache img {
	display:block;
}
}
 @media print {
div.imgCache {
	display: none;
}
}