body {background:#000000; margin:0; padding:30px 0; font-family: tahoma; color:#365973; font-size:12px}

img { border:0 none}

.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.float { float:left}
.float_r { float:right}

.main { width:634px; margin:0 auto}

#header { background: url(../img/bg_top.jpg) left top no-repeat; height:294px}
#header img { margin:40px 0 0 210px}

#content a { display:block; text-decoration:none}
#content a span { float:left}
#content a span.left { width:30px; height:68px; background:url(../img/butt_left.gif) left top no-repeat}
#content a span.right { width:30px; height:68px; background:url(../img/butt_right.gif) left top no-repeat}
#content a span.link { width: auto; line-height:68px; background:url(../img/butt.gif) left top repeat-x; text-decoration:none; text-transform:uppercase; color:#851e1e; padding:0 10px}


#content a:hover span.left { background:url(../img/butt_left_roll.gif) left top no-repeat}
#content a:hover span.right { background:url(../img/butt_right_roll.gif) left top no-repeat}
#content a:hover span.link {background:url(../img/butt_roll.gif) left top repeat-x; color:#ffffff;}

#content .clearfix { padding:40px 20px}

#footer { text-align:center; text-transform:uppercase; font-size:10px; padding:10px 0; font-size:11px}