@charset "UTF-8";
/* CSS Document */

body {
background-color:#e8e8e8;
margin:0px;
}

#contents {
	width:1121px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	
}
#left {
float:left;
left:0;
top:0px;
background-image:url(../images/left.jpg);
background-position:top;
background-repeat:no-repeat;
width:109px;
height:593px;
}

#right {
z-index:0;
float:right;
top:13px;
background-image:url(../images/right.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:131px;
height:593px;
}

#middle {
background-image:url(../images/middle.jpg);
background-position:top;
background-repeat:no-repeat;
left:109px;
position:absolute;
top:451px;
width:881px;
height:142px;
}
#wall {
	left:629px;
	position:absolute;
	width:17px;
	height:450px;
}

#logo {
	height: 201px;
	width: 306px;
	position:absolute;
	top: 0px;
	left:109px;
	background-image:url(../images/logo1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	
}


/* Right Side Gallery */
#gallery {
	right:131px;
	position:absolute;
	width: 343px;
	height: 451px;
	z-index:1;
	top: 0px;
	overflow: visible;
	background-image:url(../images/galley_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
	
#gallery_home  {background-image:url(../images/framed_home.png); width: 331px;height: 439px; }
#gallery_about  { background-image:url(../images/framed_about.png); width: 331px;height: 439px; }
#gallery_oil  { background-image:url(../images/framed_portrait.png); width: 331px;height: 439px; }
#gallery_other  { background-image:url(../images/framed_special.png); width: 331px;height: 439px;}
#gallery_sketches  { background-image:url(../images/framed_sketch.png); width: 331px;height: 439px; }
#gallery_order { background-image:url(../images/framed_quotes.png); width: 331px;height: 439px; }
#gallery_contact  { background-image:url(../images/framed_contact.png); width: 331px;height: 439px;}
	
/* Navigation Top */
#top_nav {
	left:416px;
	position:absolute;
	top: 0px;
	float:left;
	width:212px;
	height:199px;

	background-image:url(../images/nav_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#top_nav ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
list-style-type:none;
}	

/* Navigation bottom */
#bottom_nav{
left:0%;
position:absolute;
top:593px;
background-image:url(../images/bottom_bg.jpg);
background-position:top;
background-repeat:no-repeat;
letter-spacing:.03em;
text-decoration:none;
line-height:20px;
width:100%;
font-size:10px;
}

.bnav {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-transform:lowercase;
text-decoration:none;
}

.bnav a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-transform:lowercase;
text-decoration:none;
}

.bnav a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-transform:lowercase;
text-decoration:none;
}

.bnav a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-transform:lowercase;
text-decoration:underline;
}
.bnav a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-transform:lowercase;
text-decoration:none;
}


/* Text Container */
#text {
	z-index:3;
	left:109px;
	top:202px;
	position:absolute;
	float:left;
	width: 519px;
	background-color:#e6e6e6;
	
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
margin-right:35px;
}


