BODY {
 background: url('http://magicart.com.ua/images/back.jpg');
 font-family:  Times, Arial,  Sans-Serif, tahoma, verdana, helvetica;
 font-size: 14px;
 color: #564a3a;
 margin: 0px;
 line-height: 150%;
}

#header{
 width: 980px;
 margin: 0 auto;
}

#header .logo{
 width: 300px;
 height: 50px;
 margin: 20px 0px 0px 0px;
 padding: 90px 0px 0px 190px;
 background: url('http://magicart.com.ua/images/logo.jpg') no-repeat;
 float: left;
 text-align: center;
}

#header .logo h1{
 font-size: 13px;
 font-weight: bold;
 text-transform: uppercase;
 color: #8B4513;
}

#header .menu{
 width: 400px;
 margin: 10px 0px 0px 50px;
 padding: 0px 0px 0px 0px;
 float: left;
 font-weight: bold;
 text-align: center;
}

p.lang{
 margin: 0px;
 padding: 0px;
 text-align: right;
 height: 40px;
 font-weight: normal;
 font-size: 12px;
}

#header .menu ul{
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

#header .menu ul li{
 padding: 5px;
 margin: 5px;
 float: left;
 display: block;
}

#content{
 width: 960px;
 margin: 0 auto;
 clear:both;
}

#box300{
 width: 280px;
 padding: 10px;
 margin: 0px 0px 10px 0px;
 float: left;
 text-align: left;
}

#box450{
 width: 450px;
 padding: 10px;
 margin: 0px 0px 10px 0px;
 float: left;
 text-align: left;
}

#box450 h2{
 font-size: 32px;
 font-weight: normal;
 display: block;
 padding: 0px 0px 10px 0px;
 margin: 0px;
}

#box450 li{
 padding: 0px;
 margin: 0px 0px 0px 15px;
 list-style-type: circle; 
}

#box450 input.text{
 width: 370px;
 padding: 5px;
 margin: 2px;
 border: 1px dashed #7D6F5B;
 background: url('http://magicart.com.ua/images/back.jpg');
}

#box450 textarea{
 width: 370px;
 height: 150px;
 padding: 5px;
 margin: 2px;
 border: 1px dashed #7D6F5B;
 background: url('http://magicart.com.ua/images/back.jpg');
}

#box450 button{
 padding: 5px;
 margin: 2px;
 font-weight: bold;
 border: 1px dashed #7D6F5B;
 background: url('http://magicart.com.ua/images/back.jpg');
}

#box450 button:hover{
 padding: 5px;
 margin: 2px;
 color: #D7D0C8;
 border: 1px dashed #7D6F5B;
 background: #7D6F5B;
}


#box300 h2{
 font-size: 31px;
 font-weight: normal;
 display: block;
 padding: 0px 0px 10px 0px;
 margin: 0px;
}

#box300 h1{
 font-size: 18px;
 font-weight: normal;
 display: block;
 padding: 0px 0px 10px 0px;
 margin: 0px;
}

#box300 li{
 padding: 0px;
 margin: 0px 0px 0px 15px;
 list-style-type: circle; 
}

#box960{
 width: 940px;
 padding: 10px;
 margin: 10px 0px 10px 0px;
 float: left;
 text-align: right;
 background: url('http://magicart.com.ua/images/back-full.jpg');
}


#box{
 width: 200px;
 height: 230px;
 padding: 10px;
 margin: 10px;
 float: left;
 text-align: center;
}

#line{
 width: 960px;
 height: 1px;
 padding: 0px;
 margin: 0px;
 float: left;
 border-top: 1px dashed #a69886;
 text-align: right
}

#footer{
 width: 960px;
 margin: 0 auto;
 padding: 20px 0px 50px 0px;
 clear:both;
}

span.tel{
 font-size: 32px;
 font-weight: normal;
}

.spacer{
 clear:both;
 font-size:0;
 line-height:0;
}

A {color: #564a3a; TEXT-DECORATION: underline;}
A:hover { color: #564a3a; TEXT-DECORATION: none;}

.add{
 width: 120px;
 height: 28px;
 text-align: left;
 float: right;
 padding: 3px 0px 0px 35px;
 margin: 20px 0px 0px 0px;
 background: url(http://magicart.com.ua/images/add.jpg) no-repeat;
}

.add:hover{
 background: url(http://magicart.com.ua/images/add.jpg) no-repeat 0px -30px;
 cursor: pointer;
}

h2{
 font-size: 32px;
 font-weight: normal;
 display: block;
 padding: 0px 0px 10px 0px;
 margin: 0px;
 line-height: 100%;
}

h1{
 font-size: 18px;
 font-weight: normal;
 display: block;
 padding: 0px 0px 10px 0px;
 margin: 0px;
}

class.non{ }