body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Verdana, Arial, Georgia, sans-serif, "Lucida Grande";
  font-size: small;
  background: #888 url('../img/background_850px.gif') repeat-y 50% 0;
  }

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
  }

#wrap {margin: 0 auto; padding: 0; width: 850px;}



#container {
  margin: 0;
  padding: 0;
  font-size: 100%;
  }




#header {
 float: left;
 width: 850px;
 background: #ffffff url('../img/head_grad3.gif') repeat-x bottom left;
 
 }

#header1 {
  float: left;
  width: 315px;
   }

#header1 img {
  display: block;
  margin: 0;
  padding: 10px 30px 10px 20px;
  }

#header2 {
 float: right;
 width: 485px;
background: #ffffff url('../img/delivery_badge.jpg') no-repeat top right;
 margin: 0px 0 0 0;
  }

#header2 p {
 margin: 40px 0 0px 0;
 padding: 0px 100px 0px 30px;
 font-size: 130%;
 line-height: 1.3em;
 color: #5e7893;
}

#header2 p.right {
 margin: 0;
 padding: 0px 100px 0px 30px;
 font-size: 130%;
 text-align: right;
 line-height: 1.3em;
 color: #5e7893;
}


#header2 p.oneline {
 margin: 40px 0 30px 0;
 padding: 0px 100px 0px 40px;
 font-size: 130%;
 line-height: 1.3em;
 color: #5e7893;
}

#header2 p.offer {
 margin: 20px 0 5px 0;
 padding: 0px 100px 0px 40px;
 font-size: 150%;
 line-height: 1.3em;
 color: #f00;
}

#header2 p.offer2 {
 margin: 0px 0 10px 80px;
 padding: 0px 100px 0px 40px;
 font-size: 150%;
 line-height: 1.3em;
 color: #f00;
}





#header2 img {
  display: block;
  margin: 0;
  padding: 10px 30px 10px 20px;
  }







#nav {
 float: left;
 width: 835px;
 background: #e8e5ee url('../img/nav_grad4.gif') repeat-x bottom left;; list-style-type:none; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:2px; padding-right:13px; padding-top:10px; padding-bottom:0
 }

#nav li {
 float: right;
 margin: 0;
 padding: 0;
 font-family: "Lucida Grande", sans-serif;
 font-size: 100%;
 }

#nav a {
 border-left:1px solid #727377; border-right:1px solid #727377; border-top:1px solid #727377; 
 display: block;
 color: #fff;
 text-decoration: none;
 border-bottom: medium none;
 background: #b7b7b8 url('../img/off_bg3_c.gif') repeat-x top left;; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:4px
 }



#nav a:hover, body#intro #t-intro a, body#artstyles #t-artstyles a, body#price #t-price a, body#order #t-order a, body#FAQ #t-FAQ a, body#basket #t-basket a, body#contact #t-contact a,  body#materials #t-materials a, body#testimonials #t-testimonials a, body#vouchers #t-vouchers a {
  color: #333;
  padding-bottom: 5px;
  border-color: #727377;
  background: #ebebec url('../img/on_bg.gif') repeat-x top left;
  }





#main-body {
 float: left;
 width: 850px;
 background: #fff url('../img/page_grad.gif') repeat-x top left;
 }






#sidebar_voucher_r {
 float: right;
 width: 550px;
 margin: 10px 0px 0px 0px;
 }


#sidebar_voucher_r h2.text, #sidebar_425px_r h2.text, #sidebar_500px_l h2.text, #sidebar_350px_r h2.text, #sidebar_470px_l h2.text, #sidebar_550px_l h2.text {
 margin: 0;
 padding: 20px 20px 5px 20px;
 font-size: 150%;
 color: #333;
 }
 
#sidebar_voucher_r h3.text, #sidebar_425px_r h3.text, #sidebar_500px_l h3.text, #sidebar_550px_l h3.text {
 margin: 0;
 padding: 20px 20px 2px 20px;
 font-size: 140%;
 color: #333;
 }

#sidebar_voucher_r h4.text {
 margin: 0;
 padding: 20px 20px 2px 20px;
 font-size: 120%;
 color: #333;
 }



#sidebar_voucher_r h3.text2 {
 margin: 0;
 padding: 1px 20px 2px 20px;
 font-size: 140%;
 color: #333;
 }

#sidebar_voucher_r p.large {
 margin: 0;
 padding: 5px 20px 10px 20px;
 font-size: 110%;
 line-height: 1.3em;
 color: #333;
}

#sidebar_voucher_r p.last {
 margin: 0;
 padding: 5px 20px 0px 20px;
 font-size: 110%;
 line-height: 1.3em;
 color: #333;
}



#sidebar_voucher_r p.large strong {
 color: #5e7893;
 font-size: 110%;
 }


#sidebar_voucher_r a.link {
 color: #5e7893;
 font-size: 110%;
 text-decoration: none;
 }








#sidebar6 {
 float: right;
 width: 550px;
 }



#sidebar6 h2{
 margin: 0;
 padding: 20px 10px 2px 20px;
 font-size: 150%;
 color: #444;
 }
 
#sidebar6 h3{
 margin: 0;
 padding: 20px 10px 2px 20px;
 font-size: 130%;
 color: #444;
 }

#sidebar6 h4{
 margin: 0;
 padding: 20px 10px 2px 20px;
 font-size: 100%;
 color: #444;
 }


#sidebar6 p {
 margin: 0;
 padding: 10px 20px 10px 20px;
 font-size: 100%;
 line-height: 1.3em;
 color: #222;
}


#sidebar6 p.close {
 margin: 0;
 padding: 0;
 font-size: 100%;
 line-height: 1.3em;
 color: #222;
}

#sidebar6 a.link {
 color: #5e7893;
 font-size: 110%;
 text-decoration: none;
 }


#sidebar7 {
 float: left;
 width: 300px;
  }



fieldset { 
float: left;  
clear: both; 
width: 530px;  
padding: 0;  
border: 1px solid #BFBAB0;  
background-color: #F2EFE9;  
background-image: url('../img/form-background.gif');  
background-repeat: repeat-x; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.5em 
}

fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 10em;  
background-color: transparent;  
background-image: url('none'); 
}


legend {  
margin-left: 1em;  
padding: 0px;  
color: #444;  
font-size: 115%;
font-weight: bold;
}

label {  
float: left;  
width: 150px;  
margin-right: 15px;
text-align: left;
font-size: 100%; 
color: #444; 
}




fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 

fieldset li {  
float: left;  
clear: left;  
width: 100%;  
padding-bottom: 1em; 
}


.margins {
 margin: 30px 0 10px 0;
 }


.costexp { 
  margin: 15px 0 0 0;
 }

.costexp .caption { 
  font-size: 100%;
  text-align: center;
  color: #333;
  padding: 5px 0 5px 0; 
 }

.costexp img.centering {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;  
  border: 1px solid #d9e0e6;
  border-bottom-color: #c8cdd2;
  border-right-color: #c8cdd2;
  background: #fff;
 }

.costexp a {
   text-style: none;
   text-decoration: none;
   color: #222;
 }











.costexp2 { 
  margin: 15px 0 0 0;
 }

.costexp2 .caption { 
  font-size: 100%;
  text-align: center;
  color: #333;
  padding: 5px 0 5px 0; 
 }

.costexp2 img.centering {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;  
  border: 0px solid #d9e0e6;
  border-bottom-color: #c8cdd2;
  border-right-color: #c8cdd2;
  background: #fff;
 }

.costexp2 a {
   text-style: none;
   text-decoration: none;
   color: #222;
 }







.costexp3 { 
  margin: 50px 0 0 0;
 }

.costexp3 .caption { 
  font-size: 100%;
  text-align: center;
  color: #333;
  padding: 5px 0 5px 0; 
 }

.costexp3 img.centering {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;  
  border: 0px solid #d9e0e6;
  border-bottom-color: #c8cdd2;
  border-right-color: #c8cdd2;
  background: #fff;
 }

.costexp3 a {
   text-style: none;
   text-decoration: none;
   color: #222;
 }










.voucherord {
 padding: 10px;
 margin: 5px 20px 10px 20px;
 width: 400px;
 background: #e8e5ee;
 border: 1px solid #333;
 }





#footer {
  clear: both; 
  background: #e8e5ee url('../img/foot_grad.gif') repeat-x bottom left;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  }


/* footer */

#footer p {
  margin: 0;
  padding: 2px;
  text-align: center;
  font-size: 85%;
  color: #222;
  }
  
#footer a {
  margin: 0;
  padding: 0 5px 0 5px;
  text-style: none;
  text-align: center;
  font-size: 85%;
  color: #222;
  } 

/* Hides from IE5/Mac \*/
#footer { height: 1%; }
/* End hide from IE5/Mac */