/*--------------------------------------------------------------------------------------------------------------------------------*/
/*LAYOUT*/
*{
font-family: Helvetica, Arial, sans-serif, sans-serif;
color: #4A4A4A;
font-size: 1.1em;
}

#bground_pic{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
max-width: 100%;
min-width: 100%;
min-height: 100%;
background-image:url('../pics/background_pics/emptywall.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
position: fixed;
border:0px solid red;
}

body {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
max-width: 100%;
min-width: 100%;
padding: 0;
text-align: center;
line-height: 1.125em;
color: #282828;
border:0px solid;
}

#headerdiv {
background-color: transparent;
font-weight: bold;
vertical-align: middle;
text-align:center;
width: 100%;
position:fixed;
margin-left:auto;
margin-right:auto;
top: 0;
width: 100%;
z-index:999;
}

#headerdiv span{display:inline-block;width:15vw;vertical-align:middle;line-height:5vw;margin-left:auto;margin-right:auto;}

#h1 {
padding: 0;
margin: 0;
border:0px solid;
}

#menubar {
color: #140CAF;
padding:0;
text-align: right;
font-weight: bold;
border: 0px solid #000;
}

a.logo{
text-decoration: none;
border: none;
}

#logo_div{
position:relative;
top:10vw;
display:block;
}

#page_table{
border-collapse: collapse;
width: 100%;
position:static;
margin-top:120px;
}

#page_table td{
border:0px solid;
}

#page_table_main{vertical-align:top}

#navigation {
position: absolute;
top: 4.75em;
left: 0px;
width: 17%;
}

#related {
position: absolute;
top: 10.25em;
right: 0px;
}

#leftsidemenu{
position:fixed;
top:150px;
margin-left:auto;
margin-right:auto;
width:15%;
}
	
#leftdiv{

}

#rightdiv{

}

#gallerydiv{
margin-left:auto;
margin-right:auto;
}

#navigation ul, #related h2 {
margin-top: 0;
padding-top: 0;
}

#related ul {
margin: 0;
padding-left: 15px;
}

#related h2 {
}

#footer {
padding: 5px 5px 5px 5px;
clear: both;
color: #030;
text-align: center;
margin-left:auto;
margin-right:auto;
background:#dfe1d6;
bottom:0;
height:20px;
position:fixed;
width:100%;
z-index:1000;
}

table.footer{
text-align:center;
margin-left:auto;
margin-right:auto;
}

table.footer td{
vertical-align: bottom;
}

img.pic{
display: block;
margin-left: auto;
margin-right: auto;
width:150px;
height:150px;
}

#painting, #drawing, #illustration, #contact, #about{
cursor:pointer;
}

#gallery_table{
width:90%; 
margin-left:5%; 
margin-right:5%;
}

#gallery_table td{
padding:15px;
}

#emailform{
overflow:hidden;
width:1000px;
font-size:0.75em;
}

#messageform{
overflow:hidden;
width:1000px;
height:200px;
font-size:0.75em;
}

#send{
cursor:pointer;
text-decoration:underline;
}

.navigation:hover{cursor:pointer;}

//---------------------------------------------------------------------------------------------------------------------------------------------------------
//MOBILE CSS
@media only screen and (max-device-width: 600px) {


#headerdiv {border:4px solid red;}

#painting_show{40 vw;}


}