/* Main CSS */
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

body {font: 100% Arial, Helvetica, Verdana, sans-serif; background: #ebf2f8; margin: 35px 0 0 91px; padding: 0; color: #000000; }

form {padding:0; margin:0;}
a {text-decoration:none;color:#233c61;background:#fbfdff;}
a:hover {color:#3b64a3;text-decoration:underline;}
img{border:0px;}
#sitecontent li {font-size:80%;}

legend{visibility:hidden;border:0;margin:0;padding;0;}
fieldset{border:0;margin:0;padding;0;}
input {margin:2px; width:250px;}
label{display:block; width:150px; float:left; padding-top:3px;font-size:80%;}
.standardFormButton {width:100px; height:20px;background-color: #3B64A3; border-width: 1px; color:#fff; font-size:75%;}
.checkbox {width:16px;}
.formtick{width:16px;float:left;margin-left:149px;}
.formwide{width:250px;}
.formbr {clear:both; }
/* general style for all pages */

#sitecontent{min-height:450px;
  height:auto !important;
  height:450px;}

#search input {width:131px; height:12px;font-size:76%;}
.right {float: right; margin-left: 8px; }
.left {float: left; margin-right: 8px; }
.clearleft {clear:left; }
.clearright {clear:right; }
.clearboth {clear:both; }
.topmenu {list-style: none;margin:0;padding: 0;}
.topmenu a {display: block;color: #000;height: 18px;width:133px;text-decoration: none;	font-size:11px; text-indent:4px;background:#f5f9fc;margin-right:7px;line-height:18px;}
.topmenu  a:hover {color:#fff; background:#3b64a3;}
.topmenu li {position:relative;	float: left;	text-align:left;margin-bottom:10px;}
.enquirebutton {display:block; height 25px; width:100px; background:#3B64A3;margin:4px 0; padding:3px;border: 2px solid #fff;text-align:center;}
.enquirebutton a {display:block; height 25px; width:100px;color:#fff; font-weight:bold; font-size:80%;background:#3B64A3;}
.enquirebutton a:hover {color:#000;}
.highlight{color:#3B64A3;}



#header {height: 34px; padding: 0; width:950px; }
#header h1 {margin: 0; padding: 10px 0; }
#leftcolcontent h3 {padding:2px 0;margin:0px;text-align:center;font-size:70%;border: solid #fff;border-width: 0 0 1px 0;background:#f5f9fc;}
#leftcolcontent h4 {padding:4px 0;margin:0; padding-top:18px;text-align:center;font-size:70%;background:#f5f9fc;}
#leftcolcontent ul {list-style: none;margin:0;padding: 0;}
#leftcolcontent ul li a {display: block;color: #000;height: 19px;width:123px;text-decoration: none;	font-size:11px; background:#f5f9fc;margin-right:7px;text-align:center;line-height:17px;}
#leftcolcontent ul li a:hover {color:#fff; background:#3b64a3;}
#footer {padding: 0; font-size:70%;}
#footer p {margin: 0; padding: 10px 0; }
#description p {font-size:70%;}
#leftcol #logo {padding:10px  0  18px 0px;}

/*3 col  art page */

.main #container {width: 819px; background: #FFFFFF; border: 9px solid #fff; }
.main #leftcol {float:left; top: 83px; left: 0; width: 123px; }
.main #leftcolcontent {width:123px;}
.main #rightcol {float:right; top: 60px; right: 0; width: 220px; background: #f5f9fc; padding: 15px 10px 15px 20px; }
.main #sitecontent {margin: 0 240px 0 123px; padding: 0 10px; }
.main #sitecontent h1 {font-size:100%; text-align:center;}
.main #sitecontent h2 {font-size:90%; text-align:center; font-style:italic; font-weight:normal;}
.main #sitecontent img {display:block;margin-left:auto;margin-right:auto;padding:9px;border: 1px solid #000; }
.main #rightcol h3 {font-size:80%; padding:0;margin:0;}
.main #rightcol p {font-size:70%;padding:5px 0;margin:0;}
.main #rightcol hr {border:0;color:#3b64a3;background-color:#3b64a3;height:2px;padding:0;margin:2px 0;}
.arttab {position:absolute; left:750px;width:168px;}

/* home */

.home #container {width: 819px; background: #FFFFFF; border: 9px solid #fff; }
.home #leftcol {float:left; top: 83px; left: 0; width: 123px; }
.home #leftcolcontent {width:123px;}
.home #rightcol {float:right; top: 60px; right: 0; width: 220px; background: #f5f9fc; padding: 15px 10px 15px 20px; }
.home #sitecontent {margin: 0 0 0 123px; padding: 0 0 0 10px; }
.home h1 {font-size:100%;}
.home h2 {font-size:80%;}
.home h3 {font-size:80%;}
.home p {font-size:80%;}
.homegrid {list-style:none;margin:0;padding: 0;}
.homegrid li {float:right;display: block; width:220px; height:230px;background:#f5f9fc;margin:4px 4px;}
.homegrid h1 {padding:0 10px;font-size:140%; text-align:center;}
.homegrid p {padding:8px 25px; font-size:90%}


/* 3 col general page */

.general #container {width: 819px; background: #FFFFFF; border: 9px solid #fff; }
.general #leftcol {float:left; top: 83px; left: 0; width: 123px; }
.general #leftcol #logo {padding:10px  0  18px 8px;}
.general #leftcolcontent {width:123px;}
.general #rightcol {float:right; top: 60px; right: 0; width: 190px; background: #f5f9fc; padding: 15px 25px 15px 35px; }
.general #sitecontent {margin: 0 300px 0 183px; padding: 0 10px; }
.general #sitecontent h1 {font-size:100%; text-align:center;}
.general #sitecontent h2 {font-size:120%;line-height:23px; text-align:center; font-style:italic; font-weight:normal;}
.general #sitecontent p {font-size:80%;}
.general #rightcol h3 {font-size:80%; padding:0;margin:0;}
.general #rightcol p {font-size:70%;padding:5px 0;margin:0;}
.general #rightcol hr {border:0;color:#3b64a3;background-color:#3b64a3;height:2px;padding:0;margin:2px 0;}

/* 2 col general page */

.generalwide #container {width: 819px; background: #FFFFFF; border: 9px solid #fff; }
.generalwide #leftcol {float:left; top: 83px; left: 0; width: 123px; }
.generalwide #leftcol #logo {padding:10px  0  18px 8px;}
.generalwide #leftcolcontent {width:123px;}
.generalwide #rightcol {float:right; top: 60px; right: 0; width: 190px; background: #f5f9fc; padding: 15px 25px 15px 35px; }
.generalwide #sitecontent {margin: 0 70px 0 183px; padding: 0 10px; }
.generalwide #sitecontent h1 {font-size:100%; text-align:center;}
.generalwide #sitecontent h2 {font-size:120%;line-height:23px; text-align:center; font-style:italic; font-weight:normal;}
.generalwide #sitecontent p {font-size:80%;}


/* 3col grid */

.grid #container {width: 819px; background: #FFFFFF; border: 9px solid #fff; }
.grid #leftcol {float:left; top: 83px; left: 0; width: 123px; }
.grid #leftcol #logo {padding:10px  0  18px 8px;}
.grid #leftcolcontent {width:123px;}
.grid #rightcol {float:right; top: 60px; right: 0; width: 190px; background: #f5f9fc; padding: 15px 25px 15px 35px; }
.grid #sitecontent {margin: 0 240px 0 123px; padding: 0 10px; }
.grid #sitecontent h1 {font-size:100%;}
.grid #rightcol h1 {font-size:128%; text-align:center;}
.grid #rightcol h3 {font-size:80%; padding:0;margin:0;}
.grid #rightcol p {font-size:70%;padding:5px 0;margin:0;}
.grid #rightcol hr {border:0;color:#3b64a3;background-color:#3b64a3;height:2px;padding:0;margin:2px 0;}
.productgrid {list-style:none;margin:0;padding: 122px 0 0 0;}
.productgrid li {float:left;display: block; width:100px; height:170px;margin:4px 4px;}
.productgrid p {padding:0px; margin:0px; font-size:77%}

.productgridwho {list-style:none;margin:0;padding: 0;}
.productgridwho li {float:left; width:100px; height:100px;margin:3px 5px 2px 0;}

.artistname {height:36px;}
li.artistsorry {display:block; width:430px; padding-top:50px;text-align:center;}

/* one off CSS */
#about-image {display:block;margin-left:auto; margin-right:auto;}
.lookingimages {display:block;margin-left:auto; margin-right:auto;width:340px;}
.businessassist {vertical-align:middle;margin-left:320px;}
.businessassistlink{background:none;}