/* CSS Document */
html {
  text-align: center;
}
body {
  /*position:relative;*/
  background-image:url('images/page_bg.gif');
  font-family: Verdana, Tahoma, Arial, Helvetica, Verdana, san-serif;
  font-size: 11px;
  position: relative;
  text-align: left;
  color:#333333;
  width: 874px;
  margin: 0px auto 28px auto;
}
h1 {
  position: absolute;
  right: 5000px;
}
h2 {
font-size: 13px;
padding-bottom: 3px;
border-bottom: solid 1px #EDEEF3;
color: #133D6F;
margin:0px;
}
td {
 width: 100%;
}
#profile td{
 width: 0%;
}
#large_image{
  text-align: center;
}
#large_image img {
  padding: 10px;
  border: solid #bbb;
}
#left_image {
   position: absolute;
   padding-top: 0px;
   top: 15px;
   width: 50px;
   height: 539px;
   left: 0px;
   border-bottom: solid 1px #888;
   border-top: solid 1px #888;
   border-right: solid 1px #888;
}
#right_image {
   position: absolute;
   top: 15px;
   width: 25px;
   height: 539px;
   left: 850px;
   border-bottom: solid 1px #888;
   border-right: solid 1px #888;
   border-top: solid 1px #888;
}
#top_nav {
  position: absolute;
  top: 15px;
  left: 50px;
  margin-top: 0px;
  background-image:url('images/nav_bg.jpg');
  width: 800px;
  height: 120px;
  border-top: solid 1px #888;
  border-left: solid 1px #888;
}
branding {
  position: absolute;
  text-align: left;
  top: 5px;
  left: 0px;
}
#title {
  position: absolute;
  background-image:url('images/title1.png');
  width: 228px;
  height:34px;
  top:35px;
  left: 35px;
}
#sub_title {
  position: absolute;
  background-image:url('images/sub_title.png');
  left:150px;
  width: 101px;
  height:12px;
  top: 73px;
}
#navigation {
  position: absolute;
  text-align: center;
  width: 440px;
  top:25px;
  left: 311px;
}
#navigation img {
   width: 60px;
   height: 60px;
}
#navigation ul li {
  list-style: none;
  width: 80px;
  float: left; 
}
#navigation ul li a {
  display: block;
  width: 80px;
  text-decoration: none;
  height: 75px;
  color: #555;
  font-weight: bold;
  font-size: 110%;
  outline: none;
}
#navigation ul li a:hover {
color: #224E83;
}
#main_holder {
  position: absolute;
  border-bottom: solid 1px #888;
  border-left: solid 1px #888;
  height: 420px;
  width: 800px;
  background-image:url('images/main_bg.jpg');
  top: 135px;
  left: 50px;
}
#content img { 
  padding: 10px;
  border: solid 1px #eee;
}
#content {
  position: absolute;
  background-color: #fff;
  padding: 12px;
  border: solid 1px #888;
  text-align: left;
  width:560px;
  height:349px;
  top: 5px;
  left: 176px;
  overflow: auto;
}
.home_page_img {
  margin-top: 13px;
}
#whats_happening h3 {
  text-align: center;
  padding-top: 6px;
  font-size: 12px;
  padding-bottom: 6px;
  background-color: #eee;
  border: solid 1px #ddd;
}
#whats_happening {
  position: absolute;
  top: 45px;
  width: 150px;
  padding: 0px 8px 0px 8px;
  border: solid 1px #ddd;
  right: 24px;
}

#main_home {
  width: 360px;
}
#contact {
  position: absolute;
  background-color: #fff;
  padding: 12px;
  padding: 12px;
  border: solid 1px #888;
  text-align: left;
  width:560px;
  height:349px;
  top: 5px;
  left: 176px;
  overflow: auto;
}
#contact_form {
  width: 450px;
}
#work {
  position: absolute;
  text-align: left;
  background-color: #fff;
  padding: 0px;
  border: solid 1px #888;
  text-align: left;
  width:580px;
  height:372px;
  top: 5px;
  left: 176px;
  overflow: auto;
}
#work h2 {
 padding-left: 10px;
 padding-top: 10px;
 margin-bottom: 0px;
}
#work p {
 padding-left: 10px;
}
#filler{
 height: 1px;
 clear: both;
}
#pictures{
padding-left: 30px;
padding-top: 0px;
}
#work ul {
 list-style: none;
 padding: 0px;
 left: 0px;
 border-collapse: collapse;
}
#work ul li {
 float: left;
 padding-left: 2px;
 padding-bottom: 0px;
border-collapse: collapse;
 left: 0px;
}
#profile{
  position: absolute;
 background-color: #fff;
 padding: 12px;
 padding: 12px;

 border: solid 1px #888;
 text-align: left;
 width:560px;
 left:176px;
 height:349px;
 top: 5px;

 overflow: auto;
}
#footer{
  position: absolute;
 text-align: left;
 font-size: 90%;
 height: 20px;
 width: 640px;
 top: 390px;
 padding-left: 15px;
 left: 160px;
}
#left_0{
  position: absolute;
  background-image:url('images/left_4.jpg');
  left: 15px;
  width:144px;
  height:370px;
  top: 5px;
  border: solid 2px #888;
}
#left_1{
  position: absolute;
  background-image:url('images/left_3.jpg');
  width:144px;
  left: 15px;
  height:370px;
  top: 5px;
  border: solid 2px #888;
}
#left_2{
  position: absolute;
  background-image:url('images/left_1.jpg');
  width:144px;
  left: 15px;
  height:370px;
  top: 5px;
  border: solid 2px #888;
}
#left_3{
  position: absolute;
  background-image:url('images/left_2.jpg');
  width:144px;
  left: 15px;
  height:370px;
  top: 5px;
  border: solid 2px #888;
}
#catalogue {
  position: absolute;
  text-align: left;
  background-color: #fff;
  padding: 10px;
  border: solid 1px #888;
  text-align: left;
  width:560px;
  height:352px;
  top: 5px;
  left: 176px;
  overflow: auto;
}
#catalogue ul {
  padding: 0px;
  list-style: none;
}
#catalogue li {
  margin-top: 12px;
  position: relative;
  height: 115px;
  border: solid 1px #888;
}
#catalogue .price {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: bold;
}
#catalogue .title {
  position: absolute;
  top: 10px;
  left: 120px;
  font-weight: bold;
}
#catalogue .size {
  position: absolute;
  top: 90px;
  left: 120px;
  font-weight: bold;
}
#catalogue img {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 5px;
  border: solid 1px #888; 
}
#catalogue .materials {  
  position: absolute;
  top: 25px;
  left: 120px;
}
#valid img {
  border: 0px;
}
#valid {
  position: absolute;
  top: 430px;
  right: 0px;
}