html, body
{
height:100%;
}

body
{
margin:0;
padding:0;
background:#f5f5f5;
text-align:center;
line-height:140%;
border:0;
}

.page_content
{
margin:0 auto 0 auto;
padding:0 0 48px 0;
width:550px;
text-align:justify;
border:0;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:0;
line-height:130%;
}

div.space
{
height:300px;
}

p.text, p.textbreak, p.contact
{
margin:0;
padding:0 0 12px 0;
text-align:justify;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
letter-spacing:0;
line-height:130%;
}

p.textbreak
{
padding:12px 0 12px 0;
}

p.contact
{
padding:36px 0 12px 0;
text-align:center;
}

p a, div.work_box a
{
padding:0;
border-bottom:1px dotted #3c5e8d;
color:#3c5e8d;
text-decoration:none;
}

p a:hover, div.work_box a:hover
{
color:#016dff;
}

p a:active, div.work_box a:active
{
color:#ffc438;
}

a.no_underline
{
padding:0;
border-bottom:0;
color:#3c5e8d;
text-decoration:none;
}

a.no_underline:hover
{
padding:0;
border-bottom:0;
color:red;
text-decoration:none;
}

span.smallcaps
{
text-transform:uppercase;
font-size:10px;
letter-spacing:0.1em;
font-weight:bold;
}

span.publication_note
{
font-size:9px;
}

span.track
{
letter-spacing:0.1em;
}

#nav
{
margin:8px auto 20px auto;
padding:2px 0 2px 0;
width:550px;
text-align:center;
border-top:1px dotted #adadad;
border-bottom:1px dotted #adadad;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#2b2b2b;
letter-spacing:0.2em;
}

a.nav:link, a.nav:hover, a.nav:visited, a.nav:active
{
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:11px;
font-weight:normal;
color:#3c5e8d;
letter-spacing:0.2em;
text-decoration:none;
}

a.nav:hover
{
color:#016dff;
}

a.nav:active
{
color:#ffc438;
}

#footer
{
margin:0 auto 0 auto;
padding:12px 0 36px 0;
border-top:1px dotted #adadad;
text-align:center;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:10px;
font-weight:normal;
color:#999999;
letter-spacing:0;
line-height:130%;
width:550px;
background:#ffffff;
}

a.footer:link, a.footer:visited, a.footer:hover
{
color:#999999;
text-decoration:none;
}

a.footer:hover
{
color:#3c5e8d;
text-decoration:underline;
}

a.footer:active
{
color:#ffc438;
}

img.floatleft
{
border:0;
padding:2px 18px 6px 0;
float:left;
}




h1
{
margin:0 auto 0 auto;
padding:0 0 8px 0;
width:550px;
text-align:left;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#2b2b2b;
letter-spacing:0.3em;
}

.work_box
{
margin:0 auto;
padding:8px 0 12px 0;
width:550px;
text-align:left;
/*border:1px solid cyan;*/
border-bottom:1px dotted #adadad;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
letter-spacing:0;

line-height:150%;
}

.category, .works
{
margin:0 auto;
padding:12px 0 12px 0;
width:550px;
text-align:left;
border-bottom:1px dotted #adadad;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#2b2b2b;
letter-spacing:0.3em;
}

.works
{
padding:60px 0 12px 0;
}

.work_link
{
margin:0;
padding:0;
float:right;
/*border:1px solid red;	*/
top:0;
width:200px;
text-align:right;
font-family:Georgia, Verdana, Arial, sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
letter-spacing:0.1em;
}

.gbp
{
font-size:10px;
letter-spacing:0.1em;
}

.buy:link, .buy:visited, .buy:hover
{
color:#2f4874;
background:#dae5f9;
margin:0;
padding:1px 3px 1px 3px;
font-size:11px;
letter-spacing:0;
text-decoration:none;
border:1px solid #2f4874;
}

.buy:hover
{
color:red;
background:#ffe3e3;
border:1px solid red;
}

.subtitle
{
font-style:italic;
color:#7f7f7f;
}

.italic
{
font-style:italic;
}


a span
{
display:none;
}

a:hover span
{
display:block;
position:absolute;
top:20%;
left:50%;
width:200px;
padding:10px;
margin:10px;
z-index:100;
color:#2f4874;
background:#dae5f9;
border:2px solid #2f4874;
font:12px Georgia;
text-align:left;
}





#logoouterleft
{
margin:24px auto 0 auto;
padding:0 0 0 24px;
color:#ffffff;
background-color:none;
background-image: url(images/left_shadow.jpg);
background-repeat:no-repeat;
background-position:top left;
width:673px;
}

#logoouterright
{
padding:0 24px 0 0;
color:#ffffff;
background-color:none;
background-image: url(images/right_shadow.jpg);
background-repeat:no-repeat;
background-position:top right;
margin:0;
width:674px;
}

#logocontent
{
color:#000000;
background:#ffffff;
margin:0 auto 0 auto;
padding:12px 0 0 0;
border:2px solid #ffffff;
}





#outerleft
{
margin:0 auto 0 auto;
padding:0 0 0 24px;
color: #000;
background-color:none;
background-image: url(images/content_left_shadow.jpg);
background-repeat:repeat-y;
background-position:top left;
width:673px;
}

#outerright
{
padding:0 24px 0 0;
color: #000;
background-color:none;
background-image:url(images/content_right_shadow.jpg);
background-repeat:repeat-y;
background-position:top right;
margin: 0;
width:674px;
}

#content
{
color:#000000;
background:#ffffff;
margin:0 auto 0 auto;
padding:0;
border:2px solid #ffffff;
background-image:url(images/background.jpg);
background-repeat:no-repeat;
background-position:50% 50%;
}





#footerouterleft
{
margin:0 auto 0 auto;
padding:0 0 0 24px;
color:#ffffff;
background-color:#ffffff;
background-image: url(images/footer_left_shadow.jpg);
background-repeat:no-repeat;
background-position:bottom left;
width:673px;
border:0;
}

#footerouterright
{
padding:0 24px 0 0;
color:#ffffff;
background-color:#ffffff;
background-image: url(images/footer_right_shadow.jpg);
background-repeat:no-repeat;
background-position:bottom right;
margin:0;
width:674px;
}

#footercontent
{
color:#ffffff;
background:#ffffff;
margin:0 auto 0 auto;
padding:0;
border:2px solid #ffffff;
}