176 lines
4.5 KiB
CSS
176 lines
4.5 KiB
CSS
|
body {
|
||
|
|
background: url(../images/bg_bottom.jpg) center 0 repeat #faf3ed;
|
||
|
|
font: 14px Georgia, "Times New Roman", Times, serif;
|
||
|
|
color: #fff;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #a80002;
|
||
|
|
text-decoration:none;
|
||
|
|
outline:none
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
text-decoration:underline
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.aToolTip {
|
||
|
|
background: none repeat scroll 0 0 #A80002;
|
||
|
|
color: #FFFFFF;
|
||
|
|
font-size: 11px;
|
||
|
|
line-height: 17px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 2px 10px 3px;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
background: url(../images/bg_top_img.jpg) top center repeat-x #4f0101;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
header .layout {
|
||
|
|
margin:0 auto;
|
||
|
|
width:960px;
|
||
|
|
padding-top:31px;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
header h1 {
|
||
|
|
background: url(../images/logo.png) top right no-repeat;
|
||
|
|
text-indent: -1000px;
|
||
|
|
width: 259px;
|
||
|
|
height: 95px;
|
||
|
|
overflow: hidden;
|
||
|
|
float: left;
|
||
|
|
padding: 0 0 0 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
header article {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
article {
|
||
|
|
background:#fff url(../images/box_top2.png) center -11px no-repeat;
|
||
|
|
color: #200;
|
||
|
|
}
|
||
|
|
|
||
|
|
article .layout {
|
||
|
|
width: 960px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-bottom: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
section {
|
||
|
|
padding-left:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
figure {
|
||
|
|
padding-bottom: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
footer {
|
||
|
|
height:138px;
|
||
|
|
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||
|
|
color:#696969;
|
||
|
|
line-height:18px;
|
||
|
|
background: url("../images/bg_bot_img.jpg") no-repeat scroll center top transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer section {
|
||
|
|
width: 960px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-bottom: 45px;
|
||
|
|
padding-left: 55px;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer a {
|
||
|
|
color: #C53005;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
float:left;
|
||
|
|
padding:0px 0 0 36px
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-family: 'Forum', cursive;
|
||
|
|
font-size:41px;
|
||
|
|
line-height:1.2em;
|
||
|
|
color:#200000;
|
||
|
|
padding:16px 0 12px 0;
|
||
|
|
letter-spacing:-2px
|
||
|
|
}
|
||
|
|
|
||
|
|
h2.letter_spacing {
|
||
|
|
letter-spacing:-3px
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-family: 'Forum', cursive;
|
||
|
|
font-size: 27px;
|
||
|
|
color:#230000;
|
||
|
|
line-height:1.2em;
|
||
|
|
padding:20px 0 9px 0;
|
||
|
|
letter-spacing:-1px
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 span {
|
||
|
|
color:#a80002
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
text-align:left;
|
||
|
|
padding-bottom: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clear {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** COLS */
|
||
|
|
.col1, .col2, .col3, .cols {float:left}
|
||
|
|
.cols {width:300px; margin-right: 30px; background:url(../images/line_vert1.gif) 285px 0 repeat-y; }
|
||
|
|
.col1 {width:630px}
|
||
|
|
.col2 {width:240px}
|
||
|
|
.col3 {
|
||
|
|
width:285px
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/** NAV **/
|
||
|
|
#top_nav {float:right;padding:4px 0 16px 43px;}
|
||
|
|
#top_nav li {float:left; padding:3px 0 5px 26px; margin-left:25px}
|
||
|
|
#top_nav li a {font-family: 'Forum', cursive; display:block; font-size:18px;color:#faf3ed;line-height:30px;padding:0 20px;height:34px;letter-spacing:-1px}
|
||
|
|
#top_nav li a:hover {text-decoration:none;background:url(../images/menu_bg.png) repeat}
|
||
|
|
#top_nav .end {background:none;padding-right:0;margin-right:0}
|
||
|
|
|
||
|
|
#menu {width:633px;float:right;padding:0; margin-bottom: 25px;}
|
||
|
|
#menu li {float:left;padding-left:3px}
|
||
|
|
#menu li a {font-family: 'Forum', cursive; display:block;font-size:24px;color:#faf3ed;line-height:40px;padding:0 20px;height:44px;letter-spacing:-1px}
|
||
|
|
#menu li a:hover, #menu .active a {text-decoration:none;background:url(../images/menu_bg.png) repeat}
|
||
|
|
|
||
|
|
/** SLIDER **/
|
||
|
|
.slider_bg {width:100%;height:404px;background:url(../images/bg_slider.jpg) 0 0 no-repeat;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:35px}
|
||
|
|
.slider {top:10px;right:10px;position:absolute;z-index:1;width:920px}
|
||
|
|
.slider .items {display:none}
|
||
|
|
.slider .pic {float:right;position:relative}
|
||
|
|
.banner {left:0px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
|
||
|
|
.banner strong {font-size:52px;color:#bf0f0a;display:block;line-height:1.2em;text-transform:uppercase;padding:55px 0 0 0;letter-spacing:-2px}
|
||
|
|
.banner strong span {display:block;margin-top:-16px}
|
||
|
|
.banner b {display:block;font-size:27px;color:#312826;text-transform:uppercase;padding:0 0 23px 0;line-height:1.2em;letter-spacing:-1px}
|
||
|
|
.banner p {background:url(../images/quot1.png) 0 0 no-repeat}
|
||
|
|
.banner p span {text-align:center;display:block;background:url(../images/quot2.png) right bottom no-repeat;padding:0 0 0 0;color:#6c5f5b;padding-bottom:2px}
|
||
|
|
.slider .pagination {position:absolute;z-index:2;bottom:10px;left:107px}
|
||
|
|
.slider .pagination li {float:left;padding-right:3px}
|
||
|
|
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
|
||
|
|
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
|
||
|
|
|
||
|
|
|