/* body
=================================*/
html {
  background-color: #eee;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 80%; 
  background-color: #000;
}
body {
  position: relative;
  width: 940px;
  height: 658px;
  margin: 35px auto;
  text-align: left;
  background-image: url(userimgs/1197910610.47483721.php0txPpG.jpg); 
}
body a {
  color: #E9A248;
  color: #9E0621;
  outline: none;
  text-decoration: none;
}
body a:hover {
  color: #9E0621;
  text-decoration: underline;
}
/* hide accessibility titles
=================================*/
body h1 {
  position: absolute; 
  text-indent: -9999px;
  top: 0px;  left: 0px;
}
#navigation h2 {
  position: absolute; top: 0px; left: 0px; text-indent: -9999px;
}
h2#area_title {
  position: absolute; 
  text-indent: -9999px;
}
/* branding 
================================*/
#branding {
  position: absolute;
 /* background-image: url(userimgs/1197910622.47483721.phplT3hqn.gif);*/
  background-repeat: no-repeat;
  height: 135px;
  left: 40px;
  top: 20px;
  min-height: 135px;
  width: 97px;
  z-index: 2000;
}
/* navigation
================================*/
#navigation {
  position: absolute;
  top: 212px;
  left: 28px;
  min-height: 16px;
  min-height: 228px;
  width: 180px;
}
* html #navigation {
  height: 16px;
  height: 228px;
}
#navigation ul {  
  margin: 0px;
  padding: 0px;
}
#navigation li {
  border: 0px;
  margin: 0px;
  padding: 0px;
  min-height: 38px;
}
* html #navigation li a {
    height: 35px;
}
#navigation li a {
  margin: 0px;
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 15px 0px 4px 0px;
  text-decoration: none;
  color: #333;
  border-bottom: solid 3px #E9A248;
  overflow: hidden;
  outline: none;
}
* html #navigation li a {
  height: auto;
}
#navigation li a:hover {
  color: #E9A248;
}
#navigation li.navSelected a {
  color: #E9A248;
}
/* content
========================================*/
div#content {
  position: absolute;
  width: 364px;
  top: 90px;
  left: 280px;
  height: 363px;
  height: 373px;
  height: 383px;
  height: 393px;
  overflow: auto;
  padding: 0px 18px 12px 8px;
}
div.enquiry #content {
  width: 460px;
  height: 408px;
  left: 260px;
}
div.samples #content {
  width: 392px;
  height: 490px;
  left: 250px;
  top: 80px; 
  background-color: #fff;
  display: none;
}

/* normal tag behaviour in content
=========================================*/
#content h2 {
  position: relative; 
  text-indent: 0px;
  top: 0px;  left: 0px;
  color: #fff;
  font-size: 190%;
  padding-bottom: 5px;
  border-bottom: solid 3px #E9A248;
  margin-bottom: 14px;
}
#content h3 {
  position: relative; 
  text-indent: 0px;
  top: 0px;  left: 0px;
  color: #9E0621;
  font-size: 130%;
  padding-bottom: 5px;
}
#description h4  {
  font-size: 160%;
  padding: 16px 0px 8px 0px;
}
#content ul, #description ul {
  list-style: disc;
  padding: 0.5em 1.5em;
}
#content p, #description p {
  padding: 0.5em 0em;
}
.samples #description {
  position: absolute;
  width: 655px;
  top: 80px;
  left: 250px;  
  font-size: 90%;
}
.samples #description h2 {
  font-size: 210%;
  color: #D81535;
  padding-bottom: 20px;
}
 td.samples_img {
  padding 10px;
  width: 364px;
}
 td.samples_text {
  valign: top;
  text-align: top;
  padding: 10px 15px 10px 35px;
  width: 564px;
}
 td.samples_text p {
  height: 183px;
  padding-right: 5px;
  overflow: auto;
}
div.service_detail {
  display: none;
}
div.service_detail {
  border: solid 1px #333;
  padding: 10px;
  background-color: white;
  margin: 5px;
  width: 250px;
}

/* forms
====================================*/
input.inputTextBox, textarea.inputTextBox {
  border: solid 1px; black;
  margin-bottom: 3px;
  width: 316px;
}
div.enquiryIntro {
  padding-bottom: 0px;
}
div.inputFormDisplayLabel {
  width: 115px;
  padding-right: 5px;
}
div.enquiry_fields_msg {
    padding: 0px;
}
div.enquiryForm table {
  width: 320px;
}
textarea.inputTextBox {
  height: 50px; 
}
input.inputSubmit {
  margin-top: 5px;
  margin-right: 0px;
}
div.enquiryForm ul {
  display: none;
}
#security_Input {
  position: relative;
  width: 327px;
  height: 34px;
}
#security_Input img {
  position: absolute;
  top: 0px;
  left: 262px;
  height: 30px;
  padding-bottom: 4px;
}
#security_Input .inputTextBox {
  position: absolute;
  width: 120px;
  top: 1px;
  left: 130px;
}
#security_Text {
  position; absolute;
}
#no_script_recaptcha iframe {
  width: 323px;
  height: 260px;
}
/* footer
=====================================*/
#footer {
  position: absolute;
  top: 615px;
  left: 20px;
  color: #fff; 
  font-size: 85%;
  line-height: 13pt;
}
#footer a {
  color: #000;
  text-decoration: none;   
}
#footer a:hover {
  text-decoration: underline;
}
#footer span {
  color: #000;
}
div.samples #footer {
  color: #000;
}
div.samples #footer a {
  color: #888;
}
div.samples #footer span {
  color: #888;
}
#credit {
  position: absolute;
  color: #808080;
  top: 672px;
  right: 10px;
  font-size: 70%; 
}
#credit a {
  color: #808080;
  text-decoration: none;
}
#credit a:hover {
  text-decoration: underline; 
}
#samples_small {
  position: absolute;
  top: 254px;
  left: 697px;
  width: 216px;
}
.samples #samples_small {
  display: none;
}
#samples_small_head {
  text-align: center;
  height: 37px;
  width: 209px;
  color: #fff;
  font-size: 140%;
  padding-top: 8px;
  /*border: solid 1px #000;*/
}
#samples_small_head a {
  color: #fff;
  text-decoration: none;
}
#samples_small_head a:hover {
  color: #fff;
  text-decoration: underline;
}
#samples_text_link {
  text-align: center;
  font-size: 80%;
  margin-top: 10px;
}
#samples_small_body {
  position: relative;
  top: 9px;
  background-image: url(userimgs/1198076084.47483721.phpRNwMw1.jpg);
  background-repeat: no-repeat;
  text-align: center;
  height: 231px;
  width: 216px;
  color: #fff;
  font-size: 140%;
  padding-top: 17px;
  padding-left: 0px;
}
#samples_large {
  width: 940px;
  height: 658px;
  /*margin: 22px auto;*/
  text-align: left;
  background-color: #fff;
  display: none;
}
.samples #samples_large {
  /*position: absolute;*/
  display: block;
}
#prev_next {
  position: absolute;
  top: 440px;
  left: 420px;
  font-weight: bold;
  font-size: 110%;
}
#showhidemenu {
  margin-top: 14px;
  padding-left: 20px;
}
#services_links {
  margin-bottom: 12px;
}
#services_links a {
 /* color: #9E0621;*/
  font-weight: bold;
}
span.design a,
span.clients a {
  color: black;
  text-decoration: underline; 
}
img.img_2,
img.img_3,
img.img_4,
img.img_5,
img.img_6 {
  display: none;
}
#showhidemenu {
  display: none;
}
#flicky_img_holder {
  height: 473px;
  min-height: 473px;
}
#product_list li,
#samples_list li,
#clients li {
  font-size: 120%;
  padding-bottom: 3px;
}
div.testimonial_style {
  font-family: Georgia, Times Roman, Serif;
  padding-bottom: 4px;
  font-weight: bold;
  padding-top: 12px
}
#map_small,
#map_large {
  display: none;
}
#map_large {
  position: absolute;
  width: 364px;
  background-color: white;
  height: 331px;
  top: 40px;
  z-index: 5000;
}
#map_small {
  padding-top: 20px;
  text-align: right;
}
#map_close {
  position: absolute;
  right: 7px;
  top: 43px;
}
@media print {
  html {
    background-color: #fff;
  }
  body {
    background-image: none;
    background-color: #fff;
    width: 100%;
  }

  div#map_small,
  div#samples_small,
  div#credit,
  div#navigation {
    display: none;
  }
#content h2 {
  color: #000;
  }
  div#content {
    height: auto;
    overflow: visible;
  }
  div#branding,
  div#clients,
  div#testimonials,
  div#client_testim_holder,
  div#footer,
  div#content,
  div.samples #content,
  div.enquiry #content {
    margin: 0px;
    width: 90%;
    position: relative;
    top: 0px;
    left: 0px;
    color: #000;
    height: auto;
  }
}