body
{
margin:0px;
padding:0px;
font-size:62.5%;
font-family:verdana, arial;
background-color:#372312;
}


/*** Page Containers ***/

#page
{
position:absolute;
top:0px;
left:0px;
display:block;
float:left;
width:100%;
min-height:684px;
height:100%;
text-align:center;
margin:0px;
padding:0px 0px 0px 0px;
background:#372312 url('/gfx/grdBackground.gif') no-repeat right bottom;
}

#mainbody
{
position:absolute;
top:0px;
left:50%;
display:block;
float:left;
width:1002px;
height:604px;
text-align:left;
margin: 40px 0px 40px -501px;
font-size:1.5em;
background: #886237 url('/gfx/paper_bg.jpg') no-repeat center center;
}

#header
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:1002px;
height:225px;
}

#maincontent
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:1002px;
height:302px;
background: transparent url('/gfx/sketch_book.png') no-repeat left top;
font-size:0.8em;
}

#leftcontent
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:451px;
height:257px;
margin:0px;
padding:20px 20px 25px 30px;
overflow:hidden;
}

#rightcontent
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:441px;
height:257px;
margin:0px;
padding:20px 30px 25px 30px;
overflow:hidden;
}

#maincontent h1
{
display:block;
float:left;
width:450px;
margin:0px 0px 6px 0px;
font-size:1.7em;
}

#footer
{
position:relative;
top:0px;
left:0px;
display:block;
float:left;
width:1002px;
height:77px;
color:#ffffff;
font-size:0.8em;
}

#footer #footmenu
{
position:absolute;
bottom:15px;
left:20px;
display:block;
float:left;
width:490px;
height:auto;
color:#ffffff;
text-align:left;
margin:0px;
}

#footer #copyright
{
position:absolute;
bottom:15px;
right:20px;
display:block;
float:left;
width:490px;
height:auto;
color:#ffffff;
text-align:right;
margin:0px;
}



/*** Inner Containers ***/

#topmenu
{
position:absolute;
bottom:15px;
left:0px;
display:block;
float:left;
width:987px;
height:47px;
margin:0px 0px 0px 12px;
padding:0px;
list-style-type:none;
list-style-image:none;
z-index:6;
}

#topmenu li
{
display:inline;
float:left;
margin:0px;
padding:0px;
}

#topmenu li img
{
padding:0px 10px 0px 0px;
}

#logo
{
position:absolute;
top:0px;
left:0px;
}

#hdrawing
{
position:absolute;
top:15px;
left:452px;
}

#hfdrawing
{
position:absolute;
top:5px;
left:797px;
}

#hpainting
{
position:absolute;
top:45px;
left:655px;
}

#hfmofb
{
position:absolute;
top:178px;
left:957px;
z-index:7;
}


#hLabel
{
position:absolute;
top:123px;
left:90px;
display:block;
float:left;
width:149px;
height:32px;
}

#hLabel img
{
display:none;
position:absolute;
bottom:0px;
left:0px;
}

.artwork
{
position:relative;
top:0px;
left:0px;
display:inline;
float:left;
width:208px;
height:100px;
margin: 0px 12px 20px 0px;
padding:0px;
overflow:hidden;
}

.artThumb
{
display:inline;
float:left;
margin:0px 10px 11px 0px;
}

#largeart
{
position:absolute;
top:0px;
left:0px;
display:block;
float:left;
width:1002px;
height:604px;
text-align:left;
margin: 0px;
font-size:1.5em;
background: transparent url('/gfx/bigBackground.png') repeat left top;
z-index:7;
}

#largeart img
{
position:absolute;
top:0px;
left:0px;
}

#largeart #closeBig
{
position:absolute;
top:0px;
left:0px;
background-repeat: no-repeat;
background-position: right top;
z-index:6;
}

form
{
margin: 15px 0px 0px 0px;
}

form label
{
display:inline;
float:left;
clear:left;
width:70px;
height:19px;
margin: 5px 10px 5px 0px;
background-repeat: no-repeat;
background-position: left center;
text-indent:-3000px;
}

form .fInput
{
display:inline;
float:left;
margin: 0px 0px 7px 0px;
}

form textarea
{
height:81px;
}

form .fSubmit
{
position:absolute;
bottom:20px;
right:20px;
display:block;
float:left;
width:85px;
height:42px;
margin:0px;
padding:0px;
text-indent:-3000px;
font-size:0px;
background: url('/gfx/submit.png') no-repeat center center;
border:0px;
cursor:pointer;
}

/*** Text & Link Styling ***/

.headingSml
{
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:16px;
width:53px;
margin:4px 0px 0px 0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.headingSmlD
{
position:absolute;
bottom:16px;
left:105px;
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:16px;
width:53px;
margin:4px 0px 0px 0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.headingMed
{
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:16px;
width:103px;
margin:4px 0px 0px 0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.headingMedL
{
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:16px;
width:420px;
margin:4px 0px 0px 0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.headingLrg
{
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:30px;
width:160px;
margin:0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.headingLrgM
{
display:inline;
float:left;
background-repeat:no-repeat;
text-indent:-3000px;
height:30px;
width:300px;
margin:0px;
padding:0px;
color:#ffffff;
font: normal 17pt verdana;
}

.exhibitions em
{
font-weight:bold;
font-size:1.1em;
}

.exhibitions img
{
float:left;
margin: 0px 10px 10px 0px;
}

img
{
border:none;
}

.imgleft
{
float:left;
margin: 0px 10px 0px 0px;
}

.clearall
{
width:100%;
clear:both;
}

p
{
font-size:0.8em;
line-height:1.5em;
margin:0px 0px 8px 0px;
}

.morelink
{
position:absolute;
bottom:10px;
right:20px;
font-size:0.8em;
}

.fctext
{
position:absolute;
bottom:13px;
left:20px;
font-size:0.7em;
}

.backLink
{
position:absolute;
bottom:18px;
left:20px;
font-size:0.8em;
}

.lrgtxt
{
font-size:1.4em;
}

.smltxt
{
font-size:0.8em;
}

.htopup
{
margin-top:-6px;
}

.hbtdown
{
margin-top:7px;
}

#briPhoto
{
margin-top:35px;
font-size:0.8em;
line-height:2.6em;
}

#briPhoto img
{
margin: 10px 10px 90px 0px;
}

#xtcolourpencil
{
position:absolute;
top:30px;
left:215px;
}

#xtpaintpalette
{
position:absolute;
top:50px;
left:20px;
}

#xtpaintbrushes
{
position:absolute;
top:60px;
left:215px;
}

#xtbrionyatwork
{
position:absolute;
top:40px;
left:30px;
}

#artnav
{
position:absolute;
bottom:12px;
left:120px;
width:200px;
text-align:center;
}

#artnav span
{
padding: 0px 7px 0px 7px;
}

#artbig
{
z-index:5;
}

#bigartloading
{
position:fixed !important;
top:50% !important;
left:50% !important;
margin:-25px 0px 0px -25px;
z-index:4;
}


a.blueLink:link		{color:#14577e;font-size:1em;font-weight:bold;text-decoration:underline;}
a.blueLink:visited	{color:#14577e;font-size:1em;font-weight:bold;text-decoration:underline;}
a.blueLink:hover	{color:#14577e;font-size:1em;font-weight:bold;text-decoration:none;}
a.blueLink:active	{color:#14577e;font-size:1em;font-weight:bold;text-decoration:none;}

a.blkLink:link		{color:#000000;font-size:1em;font-weight:normal;text-decoration:underline;}
a.blkLink:visited	{color:#000000;font-size:1em;font-weight:normal;text-decoration:underline;}
a.blkLink:hover		{color:#000000;font-size:1em;font-weight:normal;text-decoration:none;}
a.blkLink:active	{color:#000000;font-size:1em;font-weight:normal;text-decoration:none;}

a.wLink:link	{color:#ffffff;font-size:1em;font-weight:normal;text-decoration:underline;}
a.wLink:visited	{color:#ffffff;font-size:1em;font-weight:normal;text-decoration:underline;}
a.wLink:hover	{color:#ffffff;font-size:1em;font-weight:normal;text-decoration:none;}
a.wLink:active	{color:#ffffff;font-size:1em;font-weight:normal;text-decoration:none;}

a.wLinkn:link	 {color:#ffffff;font-size:1em;font-weight:normal;text-decoration:none;}
a.wLinkn:visited {color:#ffffff;font-size:1em;font-weight:normal;text-decoration:none;}
a.wLinkn:hover	 {color:#ffffff;font-size:1em;font-weight:normal;text-decoration:underline;}
a.wLinkn:active	 {color:#ffffff;font-size:1em;font-weight:normal;text-decoration:underline;}


a.artLink:link	  {position:absolute;top:0px;left:0px;display:inline;float:left;width:103px;height:35px;padding:65px 0px 0px 105px;color:#000000;text-decoration:none;font-size:0.9em;background-image:none;}
a.artLink:visited {position:absolute;top:0px;left:0px;display:inline;float:left;width:103px;height:35px;padding:65px 0px 0px 105px;color:#000000;text-decoration:none;font-size:0.9em;background-image:none;}
a.artLink:hover	  {position:absolute;top:0px;left:0px;display:inline;float:left;width:103px;height:35px;padding:65px 0px 0px 105px;color:#000000;text-decoration:none;font-size:0.9em;background:transparent url('/gfx/arrow.png') no-repeat right 3px;}
a.artLink:active  {position:absolute;top:0px;left:0px;display:inline;float:left;width:103px;height:35px;padding:65px 0px 0px 105px;color:#000000;text-decoration:none;font-size:0.9em;background:transparent url('/gfx/arrow.png') no-repeat right 3px;}
.artLink img	  {margin: -60px 0px 0px -105px;}