/*www.androstaste.gr CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr 
036 52708F 7797A3 442403 987551*/

*{margin:0;padding:0;}

/* ---------- basic links ---------- */
a{color:#52708F;text-decoration:none;}
a:hover{color:#036;}
a img  {border:none;}

/* ---------- basic elements ---------- */
body{background:url(../buttons/bg.gif);color:#442403;font:normal 70% "Lucida Sans Unicode",sans-serif;margin:0;}
p,ul{margin-bottom:1.2em;line-height:1.5em;}
h1{font:italic 200% "Times New Roman", Times, serif;margin-bottom:0.5em;}
h2{color:#987551;font:italic 170%/130% "Times New Roman", Times, serif;margin-bottom:0.5em;}
h3{color:#987551;font:italic 140%/130% "Times New Roman", Times, serif;margin-bottom:1.0em;}
h4{color:#987551;font:italic 150%/130% "Times New Roman", Times, serif;margin-bottom:0.5em;text-align:center;}/*slogan*/
ul{margin-left:1.2em;}
ul li{margin-bottom:0.2em;}

/* ---------- basic and layout divs ---------- */
.clr{clear:both;height:1px;}
.spacer{height:20px;clear:both;}
.divide{clear:both;height:25px;margin:15px 0;background:url(../buttons/divide.gif) no-repeat 50% 50%}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.back{font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;text-align:right;}
img.left{margin:0 18px 6px 0;}
img.right{margin:6px 18px 0 0;}
#container{background:url(../buttons/contbg.gif) repeat-y center top;margin:0 auto;width:736px;}
#content{clear:both;font-size:1.2em;margin:0 52px;padding:0 38px 12px 38px;}
#banner{background:url(../buttons/banbg.gif);padding:15px;text-align:center;width:80%;margin:0 auto;}
#banner h5{color:#036;font:italic 140%/130% "Times New Roman", Times, serif;margin-bottom:0.3em;}
#banner p{margin:0.3em 0; font:italic 105%/130% "Lucida Sans Unicode",sans-serif;}
#products{}
#products .pr{text-align:center;width:25%;float:left;margin:10px 0;}
#products .pr img{padding-bottom:5px;}

/* ---------- header ---------- */
#top{background:url(../buttons/footerbg.gif) no-repeat 0 15px;float:left;text-align:center;width:632px;margin:0 52px;}
#top h1{letter-spacing:8px;color:#987551;font:normal 1.5em serif;line-height:23px;background:url(../buttons/topbg.gif) no-repeat 0 0;padding:15px 38px 5px 38px;}
#top h2{font:normal 3.5em Georgia, "Times New Roman", Times, serif;padding:65px 20px 20px 20px;}
#top h2 a{color:#003366;text-decoration:none;}
#top h3{color:#987551;display:block;background:url(../buttons/slogbg.gif) no-repeat 0 0;font:normal 150% "Lucida Sans Unicode",sans-serif;padding:15px 38px 4px 38px;}
#header{background:url(../buttons/header.gif) no-repeat;color:#036;height:220px;padding-right:250px;}

/* ---------- nav ---------- */
.navigation{margin:0 18px;}
.navigation a{color:#7797A3;font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;background:url(../buttons/navbg.gif) no-repeat 50% 30%;line-height:50px;padding:10px 10px;text-decoration:none;}
.navigation a:hover,.navigation .selected{color:#52708F;background:url(../buttons/navbg_h.gif) no-repeat 50% 30%;}

/* ---------- footer ---------- */ 
#footer{background:url(../buttons/footerbg.gif) no-repeat 0 100%;margin:20px auto 0 auto;text-align:center;width:632px;}
#footer p{padding-bottom:1.5em;margin-bottom:0;font-size:1.1em;line-height:20px;color:#036;}
#footer p.zefxis{margin-top:5px;font-size:1.0em;color:#987551;}
#footer p.zefxis a{color:#987551;}
#footer p.note{margin-top:5px;font-size:0.7em;line-height:12px;color:#987551;}
#footer p.note img{margin:2px 10px 8px 10px; vertical-align:middle;}

/* ---------- form elements ---------- */
#contact{float:left;}
form.contact{width:350px;}
form.contact label{color:#442403;float:left;width:130px;margin:2px 5px 2px 0;padding:2px 0;font:normal 11px/26px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}
form.contact input, form.contact textarea{background-color:#eeddb5;color:#442403;border:none;width:200px;padding:3px 2px 5px 3px;margin:5px 0 5px 5px;font:normal 13px/20px "Lucida Sans Unicode",sans-serif;}
form.contact textarea{height:100px;}
form.contact input.submit, form.contact input.reset{color:#987551;font:bold 11px Verdana, Arial, Helvetica, sans-serif;background:url(../buttons/navbg.gif) no-repeat 50% 50%;border:none;cursor:pointer;width:100px;float:right;padding:4px 3px 5px 3px;margin:5px;}
form.contact input.submit:hover, form.contact input.reset:hover{color:#442403;background:url(../buttons/navbg_h.gif) no-repeat 50% 50%;}
form.contact p{font:11px/15px Verdana, Arial, Helvetica, sans-serif;margin:5px 0;}
form.contact .clr{font-size:0;line-height:0;clear:both;}