﻿/* standard settings */
body {
    font-family: Verdana;
    font-size: 95.97%;
    margin: 0;
    padding: 0;
    color:#848786;
}

img {
    margin:0;
    padding:0;
    border:none;
}

div, p, ul, fieldset, dl, dd, dt {
    margin:0;
    padding:0;
    border:none;
    font-size:1em;
}

a   {
    text-decoration:none;
    color:#848786;
}

a:hover {
    color: #FF9900;
}

h1
{
    font-size: 1.2em;
    font-weight: normal;
    color: #333333;
}

h2  {
    font-size:1.1em;
    font-weight:normal;
}

h2.bold-title   {
    font-weight:bold;
}

h3  {
    font-size:1em;
}

h4  {
    font-size:.9em;
}

/* page */
#SitePage   {
    width:775px;
    margin:0 auto;
}

/* header */
h2#SiteBranding {
    margin:0;
    padding:0;
    background-image: url('../images/headerlogo.gif');
    background-repeat: no-repeat;
    background-position: 0;
    padding-left:200px;
    padding-top:10px;
    height:60px;
    font-family: 'Helvetica';
    font-size: 2.7em;
    font-weight: normal;
    color: #B4B6BA;
    margin-bottom:5px;
    margin-top:10px;
    border-bottom:1px solid #000;
}

span.orange-colour, p.orange-colour  {
    color:#fa9900;
}

/* left hand side content */
div#SecondaryContent    {
    float:left;
    width:175px;
    margin-right:25px;
}

div#SecondaryContent h2 {
    font-size:.85em;
    font-weight:bold;
}

div#SecondaryContent p#InfoParagraph, div#SecondaryContent p.info-paragraph {
    font-size:.75em;
    padding-top:5px;
    margin-bottom:15px;
}

div#SecondaryContent p#InfoParagraph a, div#SecondaryContent p.info-paragraph a {
    text-decoration: underline;
}

fieldset#SearchOptions  {
    border:none;
}

fieldset#SearchOptions input, fieldset#SearchOptions select  {
    width:100%;
    margin-bottom:10px;
    color:#848786;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #CCCCCC;
}

fieldset#SearchOptions input    {
    width:97%;
}

fieldset#SearchOptions input.searchbutton  {
    border:none;
    font-weight:bold;
    background-color:#fff;
    background-image: url('../images/searchicon.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right:20px;
    padding-left:0;
    width:auto;
    cursor:pointer;
    font-size:.85em;
    font-weight:bold;
}

/* main content area */
div#PrimaryContent  {
    float:left;
    width:575px;
}

/* primary navigation */
ul#PrimaryNav {
    margin:0;
    padding:0;
    float:left;
    padding-top:2px;
    list-style-type:none;
    margin-bottom:10px;
}

ul#PrimaryNav li {
    float:left;
    list-style-type:none;
}

ul#PrimaryNav li  a   {
    display:block;
    padding: 0 20px 10px 0;
    font-size:.9em;
}

ul#PrimaryNav li  a:hover   {
    color: #FF9900;
    text-decoration:underline;
}

div#MainContentArea {

}

div#MainContentArea h1  {
    clear:both;
}

div#MainContentArea h2  {
}

div#MainContentArea p  {
    margin-bottom:10px;
    color:#000;
    font-size:.75em;
}

div#thumbnails  {
    margin-top:5px;
}

div#thumbnails  img {
    margin-right:.16em;
}

div.artworkimage    {
    width:275px;
    float:left;
    font-size:.9em;
}

div.artworkimage img    {
    width:525px;
}

div.artworkimage a  {
    font-size:.85em;
    display:block;
    margin-bottom:3px;
}

dl.ArtWork    {
    clear:both;
    float:left;
    width:285px;
    margin-top:10px;
}

dl.artist-list   {
    clear:none;
}

dl.maxwidth    {
    width:90%;
}

h2.dl-header    {
    clear:both;
}

h2.dl-header a:hover    {
    text-decoration:underline;
}

dl.ArtWork dt   {
    font-size:.85em;
}

dl.ArtWork dd    {
    font-size:.75em;
}

dl.ArtWork dd a {
    font-size:1em;
}

dl.ArtWork dt
{
    margin: 0;
    padding: 0;
    width: 40%;
    float: left;
    clear: both;
    color: #009999;
    margin-bottom: 10px;
    font-weight: bold;
}

dl.ArtWork dt.description, dl.ArtWork dd.description  {
    float:none;
    width:100%;
}

dl.ArtWork dd  {
    margin:0;
    padding:0;
    float:left;
    width:50%;
    margin-bottom:10px;
    color:#000;
}

dl.ArtWork dd a    {
    color: #009999;
    text-decoration:underline;
}

div#MainContentArea h2.description    {
    clear:both;
    padding-top:10px;
    color: #009999;
    font-weight:bold;
    font-size:.85em;
}

#artlistmenu    {
    margin:0;
    padding:0;
    list-style-type:none;
}

#artlistmenu li {
    float:left;
    list-style-type:none;
    margin-right:5px;
    font-size:.75em;
}

#artlistmenu li a
{
    background-position: left;
    background-image: url('../images/seperator.jpg');
    background-repeat: no-repeat;
    padding-left:10px;
}

#artlistmenu li a:hover {
    text-decoration:underline;
}

div.artworklist-item    {
    clear:both;
    padding-top:20px;
}

div.artworklist-item img    {
    float:left;
    margin:0;
    padding:0;
    margin-right:20px;
}

div.artworklist-item h2 {
    margin:0;
    padding:0;
    margin-bottom:8px;
    font-weight:normal;
    font-size:1em;
}

div.artworklist-item a   {
    color:#009999;
}

a.artwork-image-link    {
    margin:0;
    padding:0;
}

a.newrow    {
    /*clear:both;*/
}

div.artist-item    {
    clear:both;
    float:left;
    width:100%;
    padding-top:10px;
    border-bottom:1px dotted #000;
}

div.artist-item img    {
    float:left;
    margin:0;
    padding:0;
    margin-right:20px;
    margin-bottom:5px;
}

div.artist-item h3 {
    margin:0;
    padding:0;
    font-weight:normal;
}

div.artist-item a   {
    color:#009999;
}

h2.dl-header    {
    clear:both;
}

h2.dl-header a:hover    {
    text-decoration:underline;
}

div.artist-item-info dl.ArtWork  {
    padding:0;
    margin:0;
    margin-top:5px;
}

div#gallery {
    clear:both;
    margin:0;
    padding:0;
}

div#gallery img    {
    margin:0;
    padding:0;
    margin-right:39px;
}

a.images-return-link    {
    display:block;
    width:100%;
    text-align:center;
    font-size:.9em;
    margin-top:5px;
}

p.gallery-footer    {
    clear:both;
    float:right;
}

#map    {
    clear:both;
    padding-top:30px;
    height:370px;
}

div.gmap-popup  {
    width:250px;
}

div.gmap-popup h3   {
    padding:0;
    margin:0;
    font-size:1.2em;
    font-weight:normal;
}

div.gmap-popup h4   {
    padding:0;
    margin:0;
    font-size:1em;
    font-weight:normal;
}

div.gmap-popup  p   {
    float:left;
    width:135px;
    margin:0;
    padding:0;
    margin-left:8px;
    margin-top:2px;
}

div.gmap-popup  p a {
    color: #009999;
}

div.gmap-popup img  {
    clear:both;
    float:left;
    margin:0;
    padding:0;
    margin-top:5px;
}

div#Footer
{
    float:left;
    clear: both;
    height:200px;
    margin:20px 0 0 0;
    border-top:1px solid #34C0BE;
    font-size:.75em;
}    

div#Footer a   {
    color:#5B5B5B;
    text-decoration:underline;
}

div#Footer div#footer-content-left    {
    float:left;
    width:50%;
    padding:1%;
}   

div#Footer div#footer-content-left p    {
    clear:both;
    margin:0;
}

div#Footer ul#secondary-navigation {
    margin:0;
    padding:0;
    list-style-type:none;
}   

div#Footer ul#secondary-navigation li {
    list-style-type:none;
    float:left;
    margin-right:5px;
}   

div#Footer div#footer-content-right    {
    float:right;
    width:35%;
    text-align:right;
    padding:1%;
}

ul.location-list    {
    margin-left:20px;
}

ul.location-list li {
    font-size:.85em;
    list-style-type:none;
    clear:both;
}

dl.location-list    {
    margin-top:5px;
    margin-bottom:10px;
    border-bottom:1px dotted #000;
}

dl.location-list dt, dl.location-list dd    {
    margin:0;
}

ul.featured-media, ul.featured-media li, ul.media-list, ul.media-list li   {
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.featured-media li, ul.media-list li   {
    margin-bottom:10px;
    padding-bottom:5px;
    font-size:.8em;
}

ul.featured-media li.Video
{
    background-position: left top;
    background-image: url('../images/video.gif');
    background-repeat: no-repeat;
    padding-left: 25px;
}

ul.featured-media li.Audio  {
    background-position: left top;
    background-image: url('../images/audio.gif');
    background-repeat: no-repeat;
    padding-left: 25px;
}

ul.featured-media li.Text  {
    background-position: left top;
    background-image: url('../images/text.gif');
    background-repeat: no-repeat;
    padding-left: 25px;
}

ul.featured-media li a
{
    color: #009999;
    padding:3px;
}

ul.media-list   {
    float:left;
    width:200px;
    margin-top:10px;
}

ul.media-list li    {
    margin-bottom:20px;
    background-position: left top;
    padding-left: 30px;
    background-repeat: no-repeat;
}

ul.media-list li.Video, h2.Video
{
    background-image: url('../images/video.gif');
}

ul.media-list li.Audio, h2.Audio  {
    background-image: url('../images/audio.gif');
}

ul.media-list li.Text, h2.Text  {
    background-image: url('../images/text.gif');
}

ul.media-list li.Photo  {
    background-image: url('../images/photo.gif');
}

h2.Video, h2.Audio, h2.Text
{
    background-position: left top;
    padding-left: 30px;
    background-repeat: no-repeat;
    color: #333333;
    padding-bottom:5px;
    clear:both;
    margin-bottom:0;
}

ul.media-list-browse
{
    float: left;
    clear: both;
    list-style-type: none;
    margin-bottom: 10px;
    background-color: #EEEEEE;
    padding:3px;
    width:100%;
}

ul.media-list-browse li    {
    float:left;
    list-style-type:none;
    width: 30%;
    font-size:.8em;
    padding:5px;
}

ul.media-list-browse li.new-line    {
    clear:both;
}

ul.media-list-browse li a
{
    color: #009999;
}

img#ctl00_secondarycontent1_ArtTraxLogo {
    margin-left: 35px;
}