/****************** main styles */
/*****site colors*****
html: #99958f;
navlinks: #10010f;
border color: #10010f;
navlinks color: #716f6c;
h3:color:#203409;

*********************/
* {
	margin: 0;
	padding: 0;
}

html
    {
    margin: 0;
    padding: 0;
    background: #99958f url(/images/bgr.gif) repeat-x top left;;
    }
body
    {
	margin: 0;
    padding: 0;
    width: auto;
    height: auto;

    }
a:focus {
outline: 0;
}

/*********************** header */

#topcontainer {
	display: block;
	position: relative;
	margin: 50px auto 10px;
	width: 800px;
	background: #dcdad3 url(../images/body_bgr.jpg ) repeat-y center center;
}
#masthead
    {
    width: 800px;
    height: 21px;
    background: url(../images/masthead.jpg) no-repeat center center;
    }
#header
    {
		position:relative;
    width: 800px;
    height: 60px;
    background: url(../images/header.jpg) no-repeat center center;
    }
#header h1
    {
    position: absolute;
    font-size: 1em;
    margin-top: 20px;
    margin-left: 165px;
    letter-spacing: 0.2em;
    display: block;
    text-indent: -9999px;
    }
ul#navbar_top
    {                      /**********************************navbar_top****/
    margin:0;
    padding:0;
    }
ul#navbar_top li
    {
    font-family:arial,verdana,sans-serif;
    position:absolute;
    left:350px;
    top: 65px;
    font-size:0.71em;
    display:inline;
    }
ul#navbar_top li#home_top
    {
    left:445px;
    top: 65px;
    width:35px;
    text-align:right;
    /*background-color:white;  */
    }
ul#navbar_top li#paintings_top
    {
    left:489px;
    top: 65px;
    width:52px;
    text-align:right;
	}
ul#navbar_top li#photos_top
    {
    left:550px;
    top: 65px;
    width:42px;
    text-align:right;
	}
ul#navbar_top li#contact_top
    {
    left:601px;
    top: 65px;
    width:45px;
    text-align:right;
	}
ul#navbar_top li a
    {
    display:block;
    text-decoration: none;
    color:#000000;
    }
ul#navbar_top li a:hover
    {
    color:#990000;
    background: url(../images/arrow.gif) no-repeat center left;
    }
/*********************** mainframe */
/****************************************************paintings position start*/
ul  {
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
li  {
    margin:0px;
    padding:0px;
    }
#thumbs
    {
    width:450px;
    margin:8px 0px 25px 175px;
    }
#thumbs h3
    {
    font-family: Georgia,arial,sans-serif;
    font-size:1.3em;
    color:#172b0c;
    text-indent:25px;
    border-bottom:1px solid black;
    margin:0px;
    padding:0px;
   /* background: url(/images/deco.gif) no-repeat 0 0;*/
    }

.name
    {
    margin-left:10px;
    color: #0d1c05;
    }
h3 img
    {
    width:80px;
    height:80px;
    padding:8px;
    background-color:white;
    border:1px solid black;
    margin-bottom:-15px;
    margin-top:20px;
    }
h3 a:hover img
    {
    background-color:#fcfcfc;
    border:1px solid #ccc;
    }
ul.about_paint
    {
    font-family:verdana,arial,sans-serif;
    font-size:0.7em;
    position:relative;
    top:35px;
    margin-left:300px;
    width:200px;
    margin-bottom: -45px;
    /*background:gray; */
    }
ul.about_paint li
    {
    padding:2px 0px 2px 0px;
    letter-spacing:1px;
    font-style: oblique;
    text-align:center;
    }
#thumbs h3.last_item
    {
    border-bottom:1px solid black;
    margin-bottom: 13px;
    }
/******************************************************paintings position end*/
.home_img
    {
    margin-left:160px;
    margin-top:8px;
    }
#about
    {
    font-family: verdana,arial,sans-serif;
    font-size: 0.7em;
    position: absolute;
    left: 450px;
    top: 120px;
    width: 180px;
    line-height: 1.4em;
	background-color: #DDDAD5;
    }
#about p
    {
    padding-bottom: 12px;
    font-style: italic;
    }
#contact_info
    {
    font-family:verdana,arial,sans-serif;
    font-size:0.6em;
    position:absolute;
    left:460px;
    top:105px;
    width:180px;
    line-height:1.6em;
    }
#contact_info a
    {
    color: #1b3869;
    }
#contact_info p
    {
    padding:0px;
    margin:0px;
    }
#contact_info h4
    {
    font-size: 1em;
    text-decoration:underline;
    color:maroon;
    margin:5px 0px 5px 0px;
    padding:0px;
    }
img#octopus {
   position: absolute;
	right:57px;
	top:254px;
   }
#validator
    {
    position:absolute;
    left:500px;
    top:20px;
    }
#validator img.validator
    {
    margin-left:5px;
    border:none;
    }
/********************** navlinks */
#navlinks
    {
    position:relative;
    border-top: 1px solid #888383;
    width:500px;
    margin-left:150px;
    margin-top:36px;

    }
#navlinks ul
    {
    margin:0;
    padding:0;
    margin-left:150px;
    }
#navlinks li
    {
    margin:0;
    padding:0;
    display:inline;
    list-style: none;
    }
li#home{position:absolute;margin-left:-138px;}
li#photos{margin-left:100px;}
li#contact{margin-left:100px;}
#navlinks a
    {
    font-family: verdana,arial,sans-serif;
    font-size:0.7em;
    text-decoration: none;
    color: #716f6c;
    }
#navlinks a:hover
    {
    border-top:4px solid #888383;
    color:#10010f;
    }
/********************** footer */
#footer
    {
    background: url(../images/footer.jpg) no-repeat center center;
    width:800px;
    height:22px;
    }

a#gallery {
	position: absolute;
	left:448px;
	top:45px;
	font-size:0.7em;
	color: #333;
	font-family: Trebuchet MS, Verdana, Arial; 
}
a#gallery:hover {
	color: maroon;
	font-family: Trebuchet MS, Verdana, Arial; 
}
img#click {
	position: absolute;
	display: block;
	width: 55px;
	height: 42px;
	left:388px;
	top:51px;
}