body { font-family: arial, Times, serif, sans-serif;
background-color: #3a2c23;
background-image: url(images/bg.gif);
background-repeat:   repeat-x;
background-position: top;
background-attachment: scroll;
margin: 0px auto;
text-align: center;
}

ul{
list-style-type:none;
margin:0; 
padding:0; 
font-size:0;
line-height:0;
}

hr {color: #fff; 
background-color: #483b33; 
border: 1px dotted #ffffff; 
border-style: none none dotted;
margin-top: 40px;
top:0px;
}

#wrapper{
width:760px; 
margin:0 auto;
font:12px, arial, serif, sans-serif;
}

#top1{
width:695px; 
height:117px; 
position:relative; 
top:0px; 
margin:0 auto;
font:12px, arial, serif, sans-serif;
} 

#top1 img.logo{
width:176px; 
height:114px; 
position:absolute; 
top:-8px; 
left:-10px; 
z-index: 200;
}

#top1 img.heading{
width:195px; 
height:65px; 
position:absolute; 
top:68px; 
left:355px; 
z-index: 200;
}

#gallery{
background:url(images/gallery.png) 0 0 no-repeat; 
float:left;
width:238px;
height:271px;
margin-left: 70px;
top:0px; 
margin-top:200px;
}

#gallerybg {
float:left;
width:140px;
height:41px;
background-color: #5b4f48;
top:0px;
margin-top: -178px;
margin-left: 600px;
margin-bottom: 20px;
}

#gallerynav {
float:left;
width:140px;
height:102px;
background-color: #4e4239;
left:0px;
margin-top: -8px;
margin-left: 568px;
margin-bottom: 20px;
padding-top:4px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
color: #ffffff;
}

#gallerynav ul li{
float:left; 
text-align: left;
font:12px, arial, serif, sans-serif; 
font-weight:bold;
padding-top:6px; 
padding-bottom:6px; 
padding-left:4px; 
padding-right:0px; 
color: #ffffff;
}

#gallerynav ul li a{
padding:10px; 
text-decoration: none;
color: #ffffff;
}

#gallerynav ul li a:hover{
color:#2e1e18; 
width:110px;
height:102px;
}

#gallerynav a:link {
text-decoration:none;
color: #ffffff;
}

#gallerynav a:visited {
color: #ffffff;
text-decoration:none;
}

h1 { 
color: #5fa8e4;
font-size: 110%;
line-height: 18px;
text-align: center;
}

h2 { color: #83c0eb;
font-size: 100%;
}

h3 { color: #63f98e3;
font-size: 70%;
}

h4 { 
text-align: left;
color:#ffffff;
font:11px arial, Times, serif, sans-serif;
line-height:18px;
}

h5 { 
color: #5fa8e4;
font-size: 95%;
line-height: 14px;
text-align: left;
}

a:link {
color: #3a2c23;
text-decoration: underline;
}

a:visited {
color: #3a2c23;
text-decoration: underline;
clear: left;
}

#buttons {
font:13px, arial, serif, sans-serif; 
width:510px;
line-height: 17px;
left:0px;
float:left;
padding-top:8px;
padding-right: 0px;
padding-bottom: 0px;
margin-left: 250px;
margin-top: -52px;
color: #ffffff;
}

#buttons ul li{
float:left; 
font:13px, arial, serif, sans-serif; 
padding:10px;
font-weight:bold;
padding-left: 20px;
color: #ffffff;
}

#buttons ul li a{
padding:0px; 
text-decoration: none;
color: #ffffff;
}

#buttons ul li a:hover{
color:#2e1e18; 
text-decoration:none;
}

#buttons img {
margin: 0px auto;
}

#buttons a:link {
color: #ffffff;
}

#buttons a:visited {
color: #ffffff;
}

#content{
width:760px; 
position:relative; 
margin:0 auto;
align: left;
}

#leftcol{
width:200px; 
float:left;
top:0px; 
text-align: left;
color:#ffffff;
font:10px arial, Times, serif, sans-serif;
line-height:15px;
margin-left: 90px;
margin-bottom: 30px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

#leftcol a:link {
color: #3a2c23;
}

#oilbutton{
width:90px; 
float:left;
top:0px; 
text-align: left;
font:10px arial, Times, serif, sans-serif;
margin-left:5px;
margin-bottom: 30px;
padding-top:0px;
padding-right: 0px;
padding-bottom: 10px;
}

#oilbutton2{
width:90px; 
float:left;
top:0px; 
text-align: left;
font:10px arial, Times, serif, sans-serif;
margin-left: -5px;
margin-bottom: 30px;
padding-top:28px;
padding-right: 5px;
padding-bottom: 10px;
}

#pastelbutton{
width:90px; 
float:left;
top:0px; 
text-align: left;
font:10px arial, Times, serif, sans-serif;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#pastelbutton img.cora{
width:97px; 
height:90px; 
position:absolute; 
top:255px; 
left:180px; 
}

#pastelbutton2{
width:90px; 
float:left;
top:0px; 
text-align: left;
font:10px arial, Times, serif, sans-serif;
margin-left: -5px;
margin-bottom: 30px;
padding-top:28px;
padding-right: 10px;
padding-bottom: 10px;
}

#leftbutton a:link {
color: #3a2c23;
}

#rightcol{
float:right;
top:0px; 
width:280px; 
text-align: left;
color:#ffffff;
font:11px arial, Times, serif, sans-serif;
line-height:15px;
margin-top: 20px;
margin-left: 10px;
margin-right: 90px;
margin-bottom: 30px;
}

#illurightimage{
float:left;
top:0px; 
width:360px; 
text-align: center;
color:#ffffff;
margin-top: 10px;
margin-left: 40px;
margin-right: 36px;
margin-bottom: 30px;
font:11px arial, Times, serif, sans-serif;
line-height:20px;
}

#maskrightimage{
float:right;
top:0px; 
width:320px; 
text-align: center;
color:#ffffff;
margin-top: 10px;
margin-left: 110px;
margin-right: 160px;
margin-bottom: 30px;
font:11px arial, Times, serif, sans-serif;
line-height:20px;
}

#rightimage{
float:right;
top:0px; 
width:400px; 
text-align: center;
color:#ffffff;
margin-top: 10px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 30px;
font:11px arial, Times, serif, sans-serif;
line-height:20px;
}

#paintingimage{
float:right;
top:0px; 
width:620px; 
text-align: center;
color:#ffffff;
margin-top: 30px;
margin-left: 10px;
margin-right:0px;
margin-bottom: 30px;
font:11px arial, Times, serif, sans-serif;
line-height:20px;
}

#centercol{
float:left;
top:0px; 
width:645px; 
text-align: left;
color:#ffffff;
font:11px arial, Times, serif, sans-serif;
line-height:18px;
margin-top: 8px;
margin-left: 100px;
margin-right: 200px;
margin-bottom: 30px;
}

#illucol{
float:left;
top:0px; 
width:550px; 
text-align: left;
color:#ffffff;
font:11px arial, Times, serif, sans-serif;
line-height:18px;
margin-top:-200px;
margin-left: 280px;
margin-right: 0px;
margin-bottom: 30px;
}

#development{
width:760px; 
float:left; 
align: center;
margin-left: 0px;
}

#developmentpaint{
width:560px; 
float:left; 
align: center;
margin-left: -120px;
margin-top: 50px;
text-align: center;
}

#maskdevelopment{
width:322px; 
top:0px;
float:right; 
align: center;
margin-left: 10px;
margin-top: 8px;
font:11px arial, Times, serif, sans-serif;
}

#textimage{
width:760px; 
float: left;
margin-top: 10px;
margin-left: 10px;
align: center;
margin-bottom:30px;
}

#contact{
width:760px; 
margin-top: 25px;
align: left;
}

#textcontent{
width:360px; 
color: #3a2c23;
font-size: 14px;
line-height: 22px;
text-align: left;
margin-top:30px;
margin-left:30px;
} 

.button img{
margin:5px;
display: block;
padding:4px;
border:solid;
background-color:#3a2c23;
}

.button:hover img{
display: block;
padding:4px;
border:solid;
background-color:#d6cdc8;
}

/* notes */


img.border {
display: block;
padding:6px;
border:solid;
background-color:#d6cdc8;
}

#image a:link {
background-color:#3a2c23;
}

#image a:visited {
}

#footer {
POSITION: absolute; 
top: 530px;
WIDTH: 100%; 
TEXT-ALIGN: center; 
font:13px arial, Times, serif, sans-serif;
color: #e7e1dc;
height: 40px;
line-height: 10px;
text-align: center;
margin: 0px auto;
font-size: 70%;
padding-top: 15px;
padding-bottom: 7px;
}

#footer a:link {
color: #61564f;
text-decoration:none;
}

#footer a:visited {
color: #61564f;
text-decoration:none;
}

#footer a:hover{
color:#bbaea1; 
text-decoration:none;
}

#webdesign {
POSITION: absolute; 
WIDTH: 100%; 
TEXT-ALIGN: center; 
font:13px arial, Times, serif, sans-serif;
color: #e7e1dc;
line-height: 10px;
text-align: center;
margin: 0px auto;
font-size:60%;
padding-bottom:10px;
top:588px;
}

#webdesign a:link {
color: #61564f;
}