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

body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-image:url(../bg.jpg);
	background-repeat:repeat;
	font-family:Tahoma, Geneva, sans-serif;
}

div, a{
	outline:none;
	-moz-outline-style: none;
}

#mainContents{
	position:absolute;
	height:400px;
	width:100%;
	bottom:50%;
	margin-bottom:-200px;
	background-color:#FFF;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	overflow:hidden;
}

#footer{
	position:absolute;
	width:100%;
	bottom:0px;
	height:21px;
	background-color:#FFF;
	border-top:solid 1px #BBB;
}

#logoIMG{
	position:absolute;
	bottom:0px;
	right:75px;
	z-index:3;
}

#logoIMG a img{
	border:none;
	outline:none;
}

#nav{
	background-image:url(../src/nav.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:75px;
	height:400px;
}

#images{
	height:400px;
	width:700px;
	left:50%;
	margin-left:-350px;
	position:absolute;
	top:0px;
	outline:none;
	-moz-outline-style: none;
	border:none;
}

#index-page{
	width:438px;
	height:145px;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-219px;
}

#textContents{
	height:400px;
	width:600px;
	left:50%;
	position:absolute;
	margin-left:-300px;
	margin-top:10px;
	top:0px;
	font-size:11px;
	color:#666;
}

.centered{
	text-align:center;
}
#i-logo{
	width:438px;
	height:145px;
}
#i-image{
	margin:15px 20px 5px 5px;
	float:left;
	width:300px;
	height:200px;
}
#about-ext{display:none; width:70px; height:41px; position:absolute; left:56px; top:109px; background-image:url(../src/about-ext.gif); z-index:5;}
#about-artist{display:block; width:70px; height:20px;}
#about-info{display:block; height:21px;}
#gallery-ext{display:none; width:150px; height:108px; position:absolute; left:56px; top:34px; z-index:5; overflow:hidden;}
#gallery-dogs{display:block; width:300px; height:27px; background-image:url(../src/dogs.gif)}
#gallery-cats{display:block; width:300px; height:27px; background-image:url(../src/cats.gif)}
#gallery-horses{display:block; width:300px; height:27px; background-image:url(../src/horses.gif)}
#gallery-45{display:block; width:300px; height:27px; background-image:url(../src/4-5-Million.gif)}
#about{width:56px; height:84px; display:block;}
#gallery{width:58px; height:74px; display:block;}
#nav-privGalleries{width:123px; height:85px; display:block;}
#blog{width:47px; height:77px; display:block;}
#contact{width:66px; height:80px; display:block;}

#privGalleries{
	position:absolute;
	left:50%;
	width:600px;
	height:400px;
	margin-left:-300px;
	top:0px;
}

.privTile{
	display:inline-block;
	border:1px solid #BBB;
	text-align:center;
	margin:20px 20px 0px 0px;
}