/**
 * site specific CSS file
 *
 * The site sepcific CSS handles all the site specific styling
 *
 * @copyright Copyright Datasouth UK Ltd, 2008
 * @author Moz Morris <david.morris@dsuk.co.uk>
 * @since 2009-07-14
 * @filesource
 */
 
/* generals */
html {
  font-family: arial, helvetica, verdana, sans-serif;
}

p {
  font-size: 12px;
  line-height: 16px;
}

strong {
  font-weight: bold;
}

a {
  outline: 0;
}

.rounded {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.rounded-top {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
}

.orange {
  color: #ea7715;
}

.clear {
  clear: both;
}

.green {
  color: #049784;
}

.no-border {
  border: 0;
}

/* structure */
body {
  background: transparent url(/img/body_bg.jpg) no-repeat top center;
  padding: 0px;
  margin: 0px;
}

div.header-container {
  width: 920px;
  height: 106px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
}

div.top-container {
  width: 920px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
}

div.middle-container {
  width: 920px;
  padding: 27px 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
}

div#container {
  background: url(/img/footer_bg.gif) no-repeat bottom center;
  overflow: hidden;
  padding: 0 0 450px 0;
}

div#main {
  width: 920px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
}

div.content {
  overflow: hidden;
  background: url(/img/line.gif) no-repeat top center;
  margin: 1px 0 0 0;
}

/* div.clear {
  clear: both;
  height: 80px;
  overflow: hidden;
} */

/* b careful not to interfere with sticky footer */
div#footer {
  background-color: #61aea2;
  height: 43px;
}

div.header {
  overflow: hidden;
  height: 104px;
  background: #e9e9e9;
}

div.logo {
  float: left;
  display: inline;
  margin: 15px 0 0 0;
}

div.call_us {
  float: right;
  display: inline;
  margin: 15px 0 20px 0;
  background: url(/img/callus.gif) no-repeat;
  width: 227px;
  height: 48px;
}

div.header-text {
  width: 750px;
  overflow: hidden;
}

a.logo {
  display: block;
  width: 237px;
  height: 0;
  font-size: 1em;
  padding-top: 89px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/logo.gif) no-repeat;
}

div.top {
  background: #ffffff url(/img/line.gif) no-repeat bottom center;
  margin: 20px 0 1px 0;
}

div.top div.left {
  float: left;
}

div.top div.left h1.modern_museums {
  clear: left;
  float: left;
  margin: 5px 0 0 0;
  background: url(/img/modern_museums.gif) no-repeat;
  text-indent: -2000px;
  width: 442px;
  height: 110px;
}

div.top div.left h2.musea_is_a_leading {
  clear: left;
  float: left;
  margin: 20px 0 0 0;
  background: url(/img/musea_is_a_leading.gif) no-repeat;
  text-indent: -2000px;
  width: 440px;
  height: 44px;
}

div.top div.left p.musea_brings_todays {
  clear: left;
  float: left;
  margin: 20px 0 0 0;
  padding: 0;
  background: url(/img/musea_brings_todays.gif) no-repeat;
  text-indent: -2000px;
  width: 460px;
  height: 96px;
}

div.top div.left a.see_features {
  clear: left;
  float: left;
  margin: 5px 0 20px 0;
  background: transparent url(/img/see_features.gif) 0px -56px no-repeat;
  text-indent: -2000px;
  width: 429px;
  height: 56px;
}

div.top div.left a.see_features:hover {
  background: transparent url(/img/see_features.gif) 0px 0px no-repeat;
}

div.top div.right {
  float: right;
}

div.top div.right div.vid {
  margin: 10px 0 0 0;
  padding: 5px;
  background-color: #f1eeed;
  border: 1px #d8d8d8 solid;
}

div.top div.right div.vid div.desc {
  padding: 6px 0 6px 15px;
  margin: 3px 0 0 0;
  background-color: #f9f8f8;
}

div.top div.right div.vid div.desc p {
  padding: 0;
  margin: 0;
  color: #4d4e4d;
  font-weight: bold;
}

div.top div.right div.vid div.desc p span {
  color: #049784;
}

div.middle {
  background: url(/img/mid.gif) repeat-x top left;
}

div.middle div.left {
  float: left;
  overflow: hidden;
}

div.features div.middle div.left {
  float: left;
  overflow: hidden;
/*   height: 385px; */
  width: 435px;
}

div.middle div.left div.grey_left {
  background: #f4f4f4 url(/img/grey_left.gif) no-repeat;
  height: 433px;
  width: 16px;
  float: left;
  overflow: hidden;
}

div.middle div.left div.grey_mid {
  background-color: transparent;
  float: left;
  overflow: hidden;
  background: #f4f4f4 url(/img/grey_bg.gif) no-repeat;
  height: 432px;
  width: 427px;
}

div.middle div.left div.grey_mid p {
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  color: #4d4e4d;
/*   clear: left; */
  margin: 5px 0 10px 0;
  width: 325px;
}

img.left-icon {
  float: left;
  overflow: hidden;
  margin: 10px 20px 0 0;
}

h1.make_money {
  background: url(/img/make_money_with_musea.gif) no-repeat;
  text-indent: -2000px;
/*   width: 325px; */
  height: 33px;
}

h2.online_donations {
  background: url(/img/online_donations.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 325px;
  height: 26px;
  margin: 15px 150px 15px 0;
}

h2.online_shop {
  background: url(/img/online_shop.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 325px;
  height: 26px;
  margin: 15px 150px 15px 0;
}

h2.pay_and_display {
  background: url(/img/pay_and_display.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 325px;
  height: 26px;
}

h2.membership_subscriptions {
  background: url(/img/membership_subscriptions.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 325px;
  height: 26px;
}

div.grey_mid h2 {
  margin: 0 0 5px 0;
}

div.grey_mid div {
  margin: 25px 0 25px 78px;
}

a.see_other_great_features {
  background: transparent url(/img/see_other_great_features.gif) 0px -42px no-repeat;
  text-indent: -2000px;
  width: 454px;
  height: 43px;
  display: block;
  float: left;
  clear: left;
  margin: 0 0 0 2px;
}

a.see_other_great_features:hover {
  background: transparent url(/img/see_other_great_features.gif) 0px 0px no-repeat;
}

div.middle div.left div.grey_right {
  background: #f4f4f4 url(/img/grey_right.gif) no-repeat;
  height: 433px;
  width: 16px;
  float: left;
  overflow: hidden;
}

div.middle div.right {
  float: right;
  overflow: hidden;
  width: 422px;
}

div.middle div.right p {
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  color: #4d4e4d;
/*   clear: left; */
  margin: 5px 0 10px 0;
  width: 411px;
  padding: 0 0 0 2px;
}

div.middle div.right p span {
  font-size: 16px;
  color: #049784;
}

div.middle div.right h2 {
  margin: 10px 0 10px 0;
}

h2.musea_is_web {
  background: url(/img/musea_is_web_based.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 411px;
  height: 26px;
}

h2.extras_and_addons {
  background: url(/img/extra_and_add_ons.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 411px;
  height: 26px;
}

h2.dedicated_support {
  background: url(/img/dedicated_support.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 411px;
  height: 26px;
}

h2.contact_us_today {
  background: url(/img/free_demo.gif) no-repeat;
  text-indent: -2000px;
  float: left;
  width: 411px;
  height: 28px;
}

/* ebrochure form */
div.bottom div.left {
  margin: 30px 0 0 0;
  background: #f8f7f6;
  padding: 0 10px 0 0;
  width: 444px;
  clear: left;
  float: left;
  height: 320px;
}

div.bottom div.left p.get_the_brochure {
  float: right;
  width: 150px;
}

h2.want_to_find {
  background: url(/img/want_to_find_out_more.gif) no-repeat;
  width: 322px;
  height: 36px;
  text-indent: -2000px;
  margin: 20px 0 20px 10px;
}

p.leave_your_details {
  background: url(/img/leave_your_details.gif) no-repeat;
  width: 420px;
  height: 23px;
  text-indent: -2000px;
  margin: 0 0 20px 10px;
}

a.ebrochure-submit {
  background: url(/img/send_ebrochure.gif) no-repeat;
  text-indent: -2000px;
  width: 454px;
  height: 43px;
  display: block;
  float: left;
}

div.bottom div.right {
  margin: 30px 0 0 0;
  background: #f8f7f6;
  padding: 0 10px 0 0;
  width: 444px;
  height: 320px;
  float: right;
}

div.bottom div.right h1.help_museums {
  background: url(/img/help_museums.gif) no-repeat;
  text-indent: -2000px;
  width: 306px;
  height: 50px;
  margin: 20px 0 20px 10px;
}

div.bottom div.right h2.share_ideas_discuss {
  background: url(/img/share_ideas.gif) no-repeat;
  text-indent: -2000px;
  width: 408px;
  height: 49px;
  margin: 20px 0 20px 10px;
}

div.bottom div.right p.museum_connect {
  background: url(/img/museum_connect.gif) no-repeat;
  text-indent: -2000px;
  width: 379px;
  height: 43px;
  margin: 20px 0 20px 10px;
}

div.bottom div.right p.help_others_like_you {
  background: url(/img/help_others_like_you.gif) no-repeat;
  text-indent: -2000px;
  width: 297px;
  height: 22px;
  margin: 20px 0 20px 10px;
}

div.bottom div.right a.sign_up_to_musea_connect {
  background: url(/img/sign_up_to_musea_connect.gif) no-repeat;
  text-indent: -2000px;
  width: 454px;
  height: 43px;
  display: block;
  float: left;
  margin: 11px 0 0 0;
}


/* Features page */
div.features div.top {
  background: url(/img/grey_up.gif) bottom repeat-x;
  padding: 10px 0 1px;
  margin: 0;
  height: 70px;
}

div.features div.top div.right {
  background: none;
}

h1.features_and_services {
  background: url(/img/features_and_services.gif) no-repeat;
  text-indent: -2000px;
  width: 454px;
  height: 43px;
  display: block;
  float: left;
  margin: 25px 0 0 0;
}

div.features a.back_to_musea {
  background: url(/img/back.gif) 0px -38px no-repeat;
  text-indent: -2000px;
  width: 238px;
  height: 38px;
  display: block;
  float: right;
  margin: 0;
}

div.features a.back_to_musea:hover {
  background-position: 0px 0px;
}

div.features h1.what_can_musea_do {
  background: url(/img/what_can_musea_do.gif) no-repeat;
  text-indent: -2000px;
  width: 414px;
  height: 27px;
  display: block;
  padding: 0 0 10px 0;
  margin: 0px;
}

div.features img.hor-dots {
  float: left;
  clear: left;
  margin: 5px 0 5px 0;
}

div.features img.left-icon {
  clear: left;
  margin: 5px 20px 0 0;
}

div.features h2.online_donations {
  background: url(/img/online_donations_small.gif) no-repeat;
  text-indent: -2000px;
  width: 144px;
  height: 16px;
  display: inline;
  margin: 15px 150px 15px 0;
  float: left;
}

div.features h2.search_the_collections {
  background: url(/img/search_the_collections.gif) no-repeat;
  text-indent: -2000px;
  width: 182px;
  height: 15px;
  display: block;
  margin: 15px 150px 15px 0;
  float: left;
}

div.features h2.shop_online {
  background: url(/img/shop_online.gif) no-repeat;
  text-indent: -2000px;
  width: 101px;
  height: 18px;
  display: block;
  margin: 15px 0 15px 0;
  float: left;
}

div.features p.bullet_left, div.features div.right p.bullet_left {
  float: left;
  clear: left;
  background: url(/img/plus.gif) left center no-repeat;
  padding: 0 0 0 15px;
  width: 200px;
  margin: 0 0 0 5px;
  color: #4d4e4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

div.features p.bullet_right, div.features div.right p.bullet_right {
  float: left;
  background: url(/img/plus.gif) left center no-repeat;
  padding: 0 0 0 15px;
  margin: 0;
  color: #4d4e4d;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  width: 150px;
}

div.features div.right {
  background: url(/img/dots_vert.gif) left top no-repeat;
  padding: 0 0 0 27px;
  width: 431px;
}

div.features h1.what_can_musea_do_for_your_museum {
  background: url(/img/what_can_musea_do_for_your_museum.gif) no-repeat;
  text-indent: -2000px;
  width: 425px;
  height: 27px;
  display: block;
  margin: 0 0 10px 0;
}

div.features div.right h2.customise_your_musea {
  background: url(/img/customise_your_musea.gif) no-repeat;
  text-indent: -2000px;
  width: 185px;
  height: 19px;
  display: block;
  margin: 15px 0 11px 0;
  float: left;
}

div.features div.right h2.import_your_database_collection {
  background: url(/img/import_your_database_collection.gif) no-repeat;
  text-indent: -2000px;
  width: 269px;
  height: 22px;
  display: block;
  margin: 15px 0 11px 0;
  float: left;
}

div.features div.right h2.wysiwyg_content_management {
  background: url(/img/wysiwyg_content_management.gif) no-repeat;
  text-indent: -2000px;
  width: 332px;
  height: 20px;
  display: block;
  margin: 15px 0 10px 0;
  float: left;
}

div.features div.right a.contact_us_for_more_information {
  background: url(/img/contact_us_for_more_info.gif) 0px -38px no-repeat;
  text-indent: -2000px;
  width: 431px;
  height: 38px;
  display: block;
  margin: 15px 0 10px 0;
  float: left;
}

div.features div.right a.contact_us_for_more_information:hover {
  background-position: 0px 0px;
}

div.features div.middle {
  background: url(/img/line.gif) center top no-repeat;
  overflow: hidden;
}


div.features div.pricing_div {
  background: url(/img/grey_up.gif) top repeat-x;
  clear: both;
  overflow: hidden;
  margin: 20px 0 0 0;
}

div.features div.pricing_container {
  width: 920px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
  background: url(/img/line.gif) 0 41px no-repeat;
  overflow: hidden;
}

div.features h1.pricing {
  background: url(/img/pricing.gif) no-repeat;
  text-indent: -2000px;
  width: 431px;
  height: 28px;
  display: block;
  margin: 10px 0;
}

p.pricing-text {
  font-size: 14px;
  font-family: arial;
  font-weight: bold;
  color: #4d4e4d;
}

div.features p.you_will_get_all {
  background: url(/img/you_will_get_all.gif) no-repeat;
  text-indent: -2000px;
  width: 569px;
  height: 42px;
  display: block;
  margin: 20px 0 10px 0;
  float: left;
}

div.features div.musea_could_be_div {
  background: url(/img/grey_fade_small.gif) top repeat-x;
  border: 1px #cdcdcd solid;
  float: right;
  margin: -43px 0 0 0;
}

div.features p.musea_could_be {
  background: url(/img/musea_could_be.gif) no-repeat;
  text-indent: -2000px;
  width: 177px;
  height: 126px;
  display: block;
  margin: 15px 30px 10px 30px;
}

div.features div.contact_us_div {
  background: url(/img/grey_up.gif) top repeat-x;
  clear: both;
  overflow: hidden;
  margin: 20px 0 0 0;
}

div.features div.contact_us_container {
  width: 920px;
  padding: 0 20px 0 20px;
  margin: 0 auto;
  background-color: transparent;
  overflow: hidden;
  background: url(/img/line.gif) 0 41px no-repeat;
  overflow: hidden;
}

div.features h1.contact_us {
  background: url(/img/contact_us.gif) no-repeat;
  text-indent: -2000px;
  width: 431px;
  height: 38px;
  display: block;
  margin: 0 0 10px 0;
}

div.features h1.request_document {
  background: url(/img/request_document.gif) no-repeat;
  text-indent: -2000px;
  width: 431px;
  height: 38px;
  display: block;
  margin: 0 0 10px 0;
}

div.features p.feel_free_to_contact {
  background: url(/img/feel_free_to_contact.gif) no-repeat;
  text-indent: -2000px;
  width: 553px;
  height: 37px;
  display: block;
  margin: 15px 0 10px 0;
  float: left;
}

div.features div.contact_us_form {
  float: left;
/*   clear: left; */
  overflow: hidden;
  width: 500px;
}

div.features h2.send_us_a_message {
  background: url(/img/send_us_a_message.gif) no-repeat;
  text-indent: -2000px;
  width: 364px;
  height: 32px;
  display: block;
  margin: 15px 0 10px 0;
  float: left;
  clear: left;
}

div.features h2.monetising {
  background: url(/img/monetising.gif) no-repeat;
  text-indent: -2000px;
  width: 430px;
  height: 56px;
  display: block;
  margin: 15px 0 10px 0;
  float: left;
  clear: left;
}

a.contact-submit, a.download-submit, a.download_pdf {
  background: transparent url(/img/send_message.gif) 0px -42px no-repeat;
  text-indent: -2000px;
  width: 236px;
  height: 43px;
  display: inline;
  float: left;
  clear: left;
  margin: 5px 0 0 250px;
}

a.download-submit, a.download_pdf {
  background: transparent url(/img/download_pdf.gif) 0px -42px no-repeat;
}

a.contact-submit:hover {
  background: transparent url(/img/send_message.gif) 0px 0px no-repeat;
}

a.download-submit:hover {
  background: transparent url(/img/download_pdf.gif) 0px 0px no-repeat;
}


div.features p.or_call_us_on {
  background: url(/img/or_call_us_on.gif) no-repeat;
  text-indent: -2000px;
  width: 119px;
  height: 182px;
  display: block;
  margin: 3px 0 10px 10px;
  float: left;
}

div.features div.what_other_users_think_div {
  background: url(/img/grey_fade_small.gif) top repeat-x;
  border: 1px #cdcdcd solid;
  float: right;
  margin: -43px 0 0 0;
  padding: 15px;
  width: 207px;
}

div.features h2.what_other_users_think {
  background: url(/img/what_other_users_think.gif) no-repeat;
  text-indent: -2000px;
  width: 159px;
  height: 43px;
  display: block;
  margin: 0 auto;
}

div.features p.testimonial {
  font-style: italic;
  color: #4d4e4d;
}

div.features p.testimonial span {
  font-style: normal;
  font-weight: bold;
  color: #049683;
}


/* footer */
div.contact-container {
  background-color: #1c120b;
}

div.contact {
  padding-top: 10px;
  width: 920px;
  margin: 0 auto;
  overflow: hidden;
}

form.contact {
  width: 240px;
  float: left;
  margin: 20px 0 0 10px;
  overflow: hidden;
}

div.features form.contact {
  width: 500px;
  float: left;
  clear: left;
  margin: 0;
}

h2.contact-datasouth {
  width: 354px;
  height: 0;
  font-size: 1em;
  padding-top: 27px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/contact_datasouth.gif) no-repeat;
  margin-bottom: 35px;
}

p.get-in-touch {
  width: 194px;
  height: 0;
  font-size: 1em;
  padding-top: 161px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/want_to_get_in_touch.gif) no-repeat;
  float: left;
  display: inline;
  margin-bottom: 132px;
}

/* p.ebrochure-submit { */
/*   width: 454px; */
/*   height: 43px; */
/* } */

div.contact-form {
  padding-left: 26px;
  width: 696px;
  overflow: hidden;
  margin-bottom: 35px;
  height: 255px;
  min-height: 255px;
}

div.contact-form div.left {
  float: left;
  padding-right: 35px;
  display: inline;
  overflow: hidden;
}

div.contact-form div.right {
  float: right;
  overflow: hidden;
}

form.contact input {
  border: 0;
  width: 218px;
  height: 17px;
  background-color: #b4b3b2;
  color: #4d4e4d;
  padding: 3px 3px 3px 10px;
  margin: 5px 0 5px 0;
  outline-color: #b4b3b2;
  clear: left;
  float: left;
  font-weight: bold;
}

form.contact div.error input {
  background-color: #4c372c;
}

form.contact label.error {
  font-size: 14px;
  color: #049784;
  display: block;
  clear: left;
  float: left;
  text-decoration: underline;
  font-weight: bold;
}

form.contact label.textarea_error {
  font-size: 14px;
  color: #049784;
  clear: none;
  float: none;
  text-decoration: underline;
  margin: 0 0 0 20px;
  font-weight: bold;
}

form.contact input.error, form.contact textarea.error {
  background-color: #049784;
  color: #fff;
}

div.features form.contact input.error, div.features form.contact textarea.error {
  background-color: #b4b3b2;
  color: #049683;
}

form.error {
  margin: 0px 0 0 10px;
}

form.contact textarea {
  border: 0;
  width: 230px;
  height: 116px;
  background-color: #b4b3b2;
  color: #4d4e4d;
  padding: 3px 3px 3px 10px;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 12px;
  overflow: hidden;
  line-height: 16px;
  outline-color: #b4b3b2;
  max-width: 230px;
  margin: 5px 0 0 20px;
  font-weight: bold;
}

div.contact div.error textarea {
  background-color: #4c372c;
}

form.contact div {
  overflow: hidden;
  margin-bottom: 12px;
}

form.contact div.left div {
  width: 310px;
  padding: 5px;
}

form.contact div.right div {
  width: 324px;
  padding: 5px;
}

a.submit {
  display: inline;
  width: 152px;
  height: 0;
  font-size: 1em;
  padding-top: 32px;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/img/buttons_sprite.gif) no-repeat 0 -704px;
  float: right;
}

div.address {
  padding-top: 3px;
  width: 920px;
  margin: 0 auto;
  overflow: hidden;
  height: 40px;
}

div.address p {
  color: #ffffff;
  font-weight: bold;
  float: left;
}

p.owner {
  width: 230px;
  margin: 12px 0 12px 0;
}

p.owner a {
  color: #fff;
  text-decoration: none;
}

p.copy {
  width: 136px;
  margin: 12px 0 12px 0;
}

p.reg {
  width: 125px;
  margin: 12px 0 12px 0;
}

p.tel {
  width: 150px;
  margin: 12px 0 12px 0;
}

p.thanks {
  color: #4D4E4D;
  font-size: 14px;
  padding: 18px 0 0 15px;
  overflow: hidden;
  float: left;
  display: inline;
}

div.features p.thanks {
  width: 500px;
}