/* Screen cascading style sheet for Heritage Technology Ltd Website */

body {
  background: #808080;
  font-family: Arial, Verdana;
  font-size: 0.9em;
  text-align: center;
}

a {color: #FCD14C; text-decoration: none}
a:hover {color: #fffc9d; text-decoration: none}

b.gold {color: #FCD14C}

h1.portfolio {color: #FCD14C; font-size: 1.6em; margin: 15px 0px; padding-bottom: 3px}
h1.serv_left {border-bottom: 1px solid #000000; color: #FCD14C; font-size: 1.6em; margin: 30px 0 0 0; padding-bottom: 3px}
h1.serv_right {border-bottom: 1px solid #000000; color: #FCD14C; font-size: 1.6em; margin: 30px 0 0 0; padding-bottom: 3px; text-align: right}
h2.portfolio {font-size: 1.2em; margin: 20px 0px 5px 0px; padding-bottom: 3px; text-align: right}
h2.pricing {color: #FCD14C; font-size: 1.2em; margin: 20px 0 0 0; text-align: right}
h2.staff {border-bottom: 1px solid #FCD14C; color: #FCD14C; display: block; font-size: 1.2em; margin: 20px 0 0 0; text-align: right}
h3.portfolio {border-bottom: 1px solid #DADADA; color: #FCD14C; font-size: 1em; margin-bottom: 3px; width: 100%}

hr.contacts {background: #90AAB7; border: 0px; color: #90AAB7; height: 1px; margin: 0 0 0 auto; text-align: right; width: 50%}

img {border: 1px solid #000000}

input, textarea {border: 1px solid #000000; border-style: solid}

li {padding: 5px 0}

p {margin-top: 0px}
p.staff {text-align: justify}

span.gold {color: #FCD14C}
span.news_head {border-bottom: 1px solid #DADADA; display: block; font-size: 0.8em; font-weight: bold; margin: 20px 0px 5px 0px; text-align: right;}
span.news_body {display: block; font-size: 0.8em; text-align: left;}
span.portfolio {display: block; font-size: 0.8em; height: 90px; text-align: left;}
span.projects {display: block; font-size: 0.8em; height: 90px; text-align: left;}

table.pricing {border: 0px solid #000000; }
td.pricing_body {font-size: 0.8em; text-align: left; width: 80%}
td.pricing_cost {color: #FCD14C; font-size: 0.8em; text-align: center; width: 20%}
td.pricing_head {background: #193117; color: #FCD14C; font-size: 0.8em; font-weight: bold; text-align: center}


ul {list-style-type: square; padding-right: 20px; text-align: left}
ul.links {color: #FCD14C; margin-top: -10px}


/* DIV tag definitions */

#col {
  float: left;
  padding: 40px 20px;
}

#col2_1 {
  float: left;
  border-right: 1px solid #C0C0C0;
  margin-bottom: 20px;
  padding: 0px 20px;
  width: 459px;
}

#col2_2 {
  float: left;
  margin-bottom: 20px;
  padding: 0px 20px;
  width: 460px;
}

#col3_1 {
  float: left;
  padding: 0px 20px;
  width: 286px;
}

#col3_2 {
  float: left;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  padding: 0px 20px;
  width: 286px;
}

#col3_3 {
  float: left;
  padding: 0 0 0 10px;
  width: 316px;
}

#container {
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 20px auto;
  width: 1000px;
}

#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8 {
  float: left;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #000000;
  color: #DADADA;
  margin-bottom: 10px;
  padding-top: 40px;
  text-align: left;
}

#content1 {
  background: #8B1817;
  padding: 10px 10px 10px 10px;
}

#content2 {
  background: url(images/2_logo.gif) top right no-repeat #333E32;
  text-align: justify;
}

#content3 {
  background: url(images/3_logo.gif) top right no-repeat #333E32;
  text-align: justify;
}

#content4 {
  background: url(images/4_logo.gif) top right no-repeat #333E32;
  text-align: justify;
}

#content5 {
  background: url(images/5_logo.gif) top right no-repeat #333E32;
  text-align: justify;
}

#content6 {
  background: url(images/6_logo.gif) top right no-repeat #333E32;
  text-align: justify;
}

#content7 {
  background: url(images/7_logo.gif) top right no-repeat #323F5C;
}

#content8 {
  background: url(images/8_logo.gif) top right no-repeat #826E3C;
}

#content8 a:link {color: #BCC6CF; font-weight: bold; text-decoration: none}
#content8 a:visited {color: #BCC6CF; font-weight: bold; text-decoration: none}
#content8 a:hover {color: #FCD14C; font-weight: bold; text-decoration: none}
#content8 a:active {color: #FCD14C; font-weight: bold; text-decoration: none}

#footer {
  background: #FFFFFF;
  color: #90AAB7;
  font-size: 0.75em;
  padding: 20px 0px 10px 0px;
  text-align: center;
  width: 998px;
}

#footer a:link {color: #90AAB7; font-weight: normal; text-decoration: none}
#footer a:visited {color: #90AAB7; font-weight: normal; text-decoration: none}
#footer a:hover {color: #323F5C; font-weight: normal; text-decoration: none}
#footer a:active {color: #323F5C; font-weight: normal; text-decoration: none}

#footer hr {
  background: #90AAB7;
  border: 0px;
  color: #90AAB7;
  height: 1px;
  margin-top: 5px;
}

#header {
  background: url(images/logo.gif) top right no-repeat;
  height: 200px;
  margin-bottom: 10px;
}

#nav1 {
  background: url(images/1_home3.gif) center top no-repeat;
  height: 200px;
}

#nav2 {
  background: url(images/2_3d1.gif) center top no-repeat;
  height: 200px;
}

#nav3 {
  background: url(images/3_commvis.gif) center top no-repeat;
  height: 200px;
}

#nav4 {
  background: url(images/4_webdes.gif) center top no-repeat;
  height: 200px;
}

#nav5 {
  background: url(images/5_archserv.gif) center top no-repeat;
  height: 200px;
}

#nav6 {
  background: url(images/6_musserv.gif) center top no-repeat;
  height: 200px;
}

#nav7 {
  background: url(images/7_casestud.gif) center top no-repeat;
  height: 200px;
}

#nav8 {
  background: url(images/8_contact.gif) center top no-repeat;
  height: 200px;
}

#nav9 {
  background: url(images/temp_head.jpg) center top no-repeat;
  height: 200px;
}

#nav11 {
  background: url(images/web_head.jpg) center top no-repeat;
  height: 200px;
}
#nav_spacer {
  float: left;
  text-align: center;
  height: 44px;
  width: 32px;
}

#nav_main {
  float: left;
  margin-right: 1px;
  text-align: center;
  height: 44px;
  width: 141px;  
}

#nav_main_2line {
  float: left;
  margin-right: 1px;
  text-align: center;
  height: 44px;
  width: 141px;  
}

#nav_main a {color: #FFFFFF; display: block; font-weight: bold; height: 32px; padding-top: 15px}
#nav_main a:hover {color: #BCC6CF}

#nav_main_2line a {color: #FFFFFF; display: block; font-weight: bold; height: 32px; padding-top: 3px}
#nav_main_2line a:hover {color: #BCC6CF}

#nav_sub {
  float: left;
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 0.9;
  margin: 16px 1px 0px 0px;
  text-align: center;
  height: 28px;
  width: 100px;
}

#nav_sub a {color: #FFFFFF; display: block; font-weight: bold; height: 23px; padding-top: 5px}
#nav_sub a:hover {color: #BCC6CF}

#nav_sub_single {
  float: left;
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 0.9;
  margin: 16px 1px 0px 0px;
  text-align: center;
  height: 28px;
  width: 100px;
}

#nav_sub_single a {color: #FFFFFF; display: block; font-weight: bold; height: 18px; padding-top: 10px}
#nav_sub_single a:hover {color: #BCC6CF}

#postfooter {
  background: url(images/postfooter.gif) no-repeat;
  height: 30px;
  width: 1000px;
}

.plugin {
  float: right;
  font-size: 0.8em;
  margin-bottom: 20px;
  text-align: right;
  width: 100%;
}

.plugin img {margin-right: 5px; vertical-align: middle}


#preheader {
  background: url(images/preheader.gif) no-repeat;
  height: 30px;
  width: 1000px;
}

.servicesExample {
  float: left;
  height: 90px;
  width: 113px;
}

.textbox1_body {
  background: url(images/1_textbox_body.gif) repeat-y;
  font-size: 0.8em;
  font-weight: bold;
  margin-left: -10px;
  padding: 0px 25px 0px 10px;
  width: 275px;
}

.textbox1_foot {
  background: url(images/1_textbox_foot.gif) no-repeat;
  margin-left: -10px;
  height: 30px;
  width: 310px;
}

.textbox1_head {
  background: url(images/1_textbox_head.gif) no-repeat;
  margin: 10px 0 0 -10px;
  height: 40px;
  width: 310px;
}

.textbox2_body {
  background: url(images/2_textbox_body.gif) repeat-y;
  color: #FCD14C;
  margin-left: 10px;
  padding-left: 40px;
  width: 460px;
}

.textbox2_body li {padding: 8px 0px}
.textbox2_body ul {direction: rtl; font-size: 1.1em; font-weight: bold; margin: 0px; margin-right: 80px; text-align: right;}

.textbox2_foot {
  background: url(images/2_textbox_foot.gif) no-repeat;
  margin-left: 10px;
  height: 40px;
  width: 460px;
}

.textbox2_head {
  background: url(images/2_textbox_head.gif) no-repeat;
  margin-left: 10px;
  height: 40px;
  width: 460px;
}

.textbox8_body {
  background: url(images/8_textbox_body.gif) repeat-y;
  font-size: 0.8em;
  font-weight: bold; 
  padding-left: 40px;
  width: 475px;
}

.textbox8_foot {
  background: url(images/8_textbox_foot.gif) no-repeat;
  height: 50px;
  width: 475px;
}

.textbox8_head {
  background: url(images/8_textbox_head.gif) no-repeat;
  height: 40px;
  width: 475px;
}

.textbox h1 {color: #DADADA; font-size: 1.4em; margin: 15px 10px 0px 0px;}
.textbox li {margin: 8px 0px}
.textbox ul {direction: rtl; font-size: 1.1em; text-align: right}


/* Current, Portfolio and Services rollover items */

.currentItem a {color: #DADADA; display: block; font-weight: normal; min-height: 77px; padding: 5px}


.currentItem, .portfolioItem, .servicesItem {
  border-top: 1px solid #000000;
  font-size: 0.9em;
}

.portfolioItem a, .servicesItem a {display: block; color: #FFFFFF; min-height: 102px; padding: 5px;}
.currentItem a:hover {background: #610100; color: #FCD14C}
.portfolioItem a:hover {background: #142241; color: #FCD14C}
.servicesItem a:hover {background: #192A18; color: #FCD14C}

.portfolioItem a {display: block; color: #FFF; min-height: 102px; padding: 5px}
.portfolioItem img {border: 1px solid #000000}
.portfolioItem img.left {float: left; margin-right: 10px}
.currentItem img.right, .portfolioItem img.right {float: right; margin-left: 10px}