﻿*{ margin:0; padding:0; }
html{ margin:0; padding:0; }
body{ margin:0; padding:0; font-size:62.5%; font-family:"Verdana", "sans-serif"; background:#230d0e url('images/body-bg.jpg') no-repeat top center; }

p{ font-size:1.2em; color:#f3a05f; line-height:1.6em; }
h1{ color:#FFF; }
h2{ font-size:1.6em; color:#FFF; }
h3{ font-size:1.4em; color:#FFF; }
a{ color:#f3a05f; }
ul{ margin:10px; }
li{ font-size:1.2em; color:#FFF; line-height:1.6em; }

a img{ border:none; }

.clr{ clear:both; }

#header{ width:900px; height:520px; margin:20px auto 0; position:relative; background:url('images/logo.jpg') top center no-repeat; }
#home-link{ position:absolute; top:60px; left:20px; }
#mail-link{ position:absolute; bottom:30px; right:20px; width:380px; height:40px; }
#welcome-text{ position:absolute; top:60px; right:20px; width:460px; }

ul#menu{ width:800px; height:70px; margin:0 auto; padding:5px 50px; background:url('images/menu-bg.jpg') top center no-repeat; list-style:none; }
ul#menu li{ display:iblock; float:left; margin:0 10px; }
ul#menu li a{ display:iblock; float:left; padding:6px; font-size:1.5em; }

div#footer{ width:900px; margin:0 auto; }

#content{ width:800px; margin:0 auto; padding:0 50px 20px; }

.product{ width:389px; height:309px; float:left; padding:10px 0; margin:5px; border-bottom:#73201a solid 1px; border-right:#73201a solid 1px; }
.product img.thumb{ padding:5px; background:#73201a; border:#000 solid 1px; border-bottom:3px; float:left; margin-right:20px; }
.product .details{ width:160px; float:left; }
