а в styles.css пусто
вот всё что лежит у меня в template_styles.css
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height:1;
background:url(../img/fon/body.gif) top left;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a:hover {
text-decoration:none;
}
/*-- Óñòðàíåíèå float*/
.cl {
clear: both !important;
border: none !important;
overflow: hidden !important;
display: block !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.cf:after {
clear: both;
display: block;
content: ".";
height: 0px;
visibility: hidden;
font-size: 0;
line-height: 0;
}
.cf {
display: inline-block;
}
* html .cf {
height: 1%;
}
.cf {
display: block;
}
li.cf {
display: list-item;
}
/*--end Óñòðàíåíèå float*/
/* main class and id */
.left {float: left}
.right {float: right}
.noborder {border: none;}
.nobackg-d {background: none;}
#box {}
/* end main class and id */
#main {
width:1293px;
margin:0 auto;
background:url(../img/fon/main.png) repeat-y top center;
}
#ten_r{
width:1194px;
padding-right:49px;
background:url(../img/ten/main_r.png) top right repeat-y;
min-height:400px;
}
#ten_l{
width:1194px;
padding-left:50px;
background:url(../img/ten/main_l.png) top left repeat-y;
}
#top {
height:709px;
width:1193px;
background:url(../img/fon/top.jpg) top left;
}
#top_menu {
position:relative;
width:200px;
top:278px;
left:542px;
}
#top_menu a {
margin-right:28px;
}
#serch_form {
position:relative;
width:418px;
top: 322px;
left:386px;
font-family:"Times New Roman", Times, serif;
font-size:14px;
}
#serch_form .text_s {
width:400px;
height:16px;
margin-bottom:-1px;
border:1px solid #74afbf;
border-right:none;
position:relative;
}
#serch_form .submit_s {
width:17px;
height:20px;
border:none;
background:url(../img/fon/buttom_serch.gif) top left;
position:relative;
}
.text_serch {
width:401px;
float:left;
}
.text_serch_submit {
width:17px;
height:20px;
float:left;
}
#vhod {
width:430px;
position:relative;
top:337px;
left:387px;
}
#login_user input {
width:174px;
height:21px;
border:none;
padding:0;
background:url(../img/fon/line1.png) top left;
font-family:"Times New Roman", Times, serif;
color:#40acc6;
font-size:14px !important;
padding:0 14px;
}
#login_user .login {
margin-bottom:3px;
}
#login {
width:206px;
float:left;
}
#login a {
font-family:Verdana, Geneva, sans-serif;
color:#000;
font-size:10px;
}
#login .login_link {
font-size:10px;
padding:3px 0 0 87px;
}
#summ {
font-family:"Times New Roman", Times, serif;
font-size:14px;
width:206px;
float:left;
}
#summ div {
width:176px;
height:18px;
padding:3px 14px 0 14px;
background:url(../img/fon/line2.png) top left;
margin-bottom:3px;
}
#summ a {
color:#FFF;
}
#summ_rub {
color:#fff;
}
#summ_rub span, #tov {
color:#fffc00;
}
#content {
width:1059px;
margin-left:71px;
margin-top:-86px;
}
#left {float:left; width:213px;}
#center {float:left; width:578px; padding:0 25px; margin-top:-70px;min-height:200px;}
#right {float:right; width:218px;}
#main_menu {
font-size:14px;
font-family:"Times New Roman", Times, serif;
margin-left: 18px;
}
#main_menu a {
color:#fff;
padding-left:18px;
background:url(../img/fon/a_menu.png) no-repeat 0px 4px;
}
#main_menu li {
padding:2px 0 3px 10px;
margin-bottom:11px;
}
#main_menu #active {
background:url(../img/fon/li_menu.png) top left no-repeat;
}
#main_menu #active a {
text-decoration:none;
color:#fffc00;
}
#news {
font-family:"Times New Roman", Times, serif;
font-size:14px;
padding:0 0 0 21px;
margin:0 0 45px 0;
}
#news a {
font-family:"Times New Roman", Times, serif;
font-size:14px;
}
#news .news_date {
color:#FFF;
margin:0 0 4px 0;
}
#news .news_title {
text-decoration:underline;
color:#fffc00;
margin:0 0 20px 0;
width:156px;
}
#news .news_images {
margin:0 0 10px 0;
}
#news .news_next {
padding:0 0 0 15px;
background:url(../img/fon/a_news.png) no-repeat 0 5px;
}
#news .news_next a{
color:#fff;
}
/*bottom*/
#bottom {
margin-right:1px;
}
#tel {
width:338px;
height:231px;
background:url(../img/fon/left.jpg) no-repeat 0px 0px;
position:relative;
bottom:0px;
left:0px;
float:left;
}
#tel {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}
#tel div{
margin:54px 0 0 146px;
}
#tel .two {
padding:3px 0 0 35px;
}
#copy {
width:519px;
float:left;
text-align:center;
font-size:11px;
color:#c0c0c0;
font-family:Verdana, Geneva, sans-serif;
margin-top:161px;
}
#studio {
width:334px;
height:231px;
background:url(../img/fon/right.jpg);
float:right;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#c0c0c0;
}
#studio div {
margin:51px 0 0 74px;
line-height:13px;
}
#nameS1, #nameS2 {
display:none;
}
.textP {
float:left;
margin:2px 0 0 0;
}
#chek_serch1, #chek_serch2 {
float: left;
height:9px;
width:10px;
background:#7098dc url(../img/fon/buttom_serch_filtr.gif) no-repeat 10px 0px;;
margin:6px 9px 0 23px;
cursor:pointer;
}