/*##############################################################################
#                                                                              #
#                             ×¨ ÏÐÈØ¨Ë ?????                                  #
#                                                                              #
##############################################################################*/

body {
    margin:0;
    padding:0;
    background-color:#8FA0AA;
    background-image:url(images/bgbody.gif);
    font-family:"MS Sans Serif",geneva,tahoma,arial;
    font-size:11px;
    color:#415358;
}
#container {
    margin:2px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    padding:2px;
    width:750px;
}
#column_left {
    float:left;
    background-image:url(images/line-vert.gif);
    background-repeat:repeat-y;
    background-position:100% 3px;
    margin:0;
    margin-bottom:4px;
    padding:0;
    width:224px;
}
#column_right  { margin: 0; padding: 0 0 0 6px; float: left }
#column_right .line {
    background-image:url(images/line-horz.gif);
    background-repeat:repeat-x;
    background-position:4px center;
    height:10px;
    width:505px;
}
#header {
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    height:85px;
    width:746px;
}
#header .logo {
    float:left;
    background-image:url(images/kerologo.gif);
    background-repeat:no-repeat;
    background-position:29px 5px;
    height:85px;
    width:222px;
}
#header .desc {
    float:left;
    background-image:url(images/project-desc.gif);
    background-repeat:no-repeat;
    background-position:0 23px;
    height:85px;
    width:290px;
}
#header .contact {
    float:left;
    padding-top:16px;
    text-align:right;
    height:auto;
    width:220px;
}
#header p {
    margin:0;
    padding:0;
}
#header p.email {
    margin:0;
    padding:0;
    padding-bottom:2px;
    padding-left:20px;
    background-image:url(images/pic-email.gif);
    background-repeat:no-repeat;
    background-position:118px 4px;
}
#footer {
    clear:both;
	border-top:1px solid #758490;
    background-image:url(images/project-logo-min.jpg);
    background-repeat:no-repeat;
    background-position:20px 50%;
    padding:0 10px;
    padding-top:12px;
    margin:0;
    margin-top:2px;
    text-align:right;
	height:50px;
	width:730px;
}
#footer p {
    margin:0;
    padding:2px;
}
#footer a {
    color:#415358;
    text-decoration:none;
}
#footer a:hover {
    color:#415358;
    text-decoration:underline;
}
#navigation {
    background-color:#82909B;
    background-image:url(images/nav-background.gif);
    background-repeat:repeat-x;
    height:24px;
    width:100%;
}
#navigation .border {
	float:left;
    background-image:url(images/nav-border.gif);
    background-repeat:no-repeat;
    background-position:right top;
    text-align:center;
    padding-top:6px;
    color:#FFFFFF;
    height:18px;
    width:224px;
}
#navigation a.btn1 {
	float:left;
    background-image:url(images/nav-button-1.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
    height:24px;
    width:105px;
}
#navigation a.btn1:hover {
    background-image:url(images/nav-button-1h.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
}
#navigation a.btn2 {
	float:left;
    background-image:url(images/nav-button-2.gif);
    background-repeat:no-repeat;
    background-position: 100% 0%;
    height:24px;
    width:105px;
}
#navigation a.btn2:hover {
    background-image:url(images/nav-button-2h.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
}
#navigation a.btn3 {
	float:left;
    background-image:url(images/nav-button-3.gif);
    background-repeat:no-repeat;
    background-position: 100% 0%;
    height:24px;
    width:105px;
}
#navigation a.btn3:hover {
    background-image:url(images/nav-button-3h.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
}
#navigation a.btn4 {
	float:left;
    background-image:url(images/nav-button-4.gif);
    background-repeat:no-repeat;
    background-position: 100% 0%;
    height:24px;
    width:105px;
}
#navigation a.btn4:hover {
    background-image:url(images/nav-button-4h.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
}
#navigation a.btn5 {
	float:left;
    background-image:url(images/nav-button-5.gif);
    background-repeat:no-repeat;
    background-position: 100% 0%;
    height:24px;
    width:105px;
}
#navigation a.btn5:hover {
    background-image:url(images/nav-button-5h.gif);
    background-repeat:no-repeat;
    background-position:100% 0%;
}
#navigation .btn1a {
	float:left;
    background-image:url(images/nav-button-1a.gif);
    background-repeat:no-repeat;
    height:24px;
    width:105px;
}
#navigation .btn2a {
	float:left;
    background-image:url(images/nav-button-2a.gif);
    background-repeat:no-repeat;
    height:24px;
    width:105px;
}
#navigation .btn3a {
	float:left;
    background-image:url(images/nav-button-3a.gif);
    background-repeat:no-repeat;
    height:24px;
    width:105px;
}
#navigation .btn4a {
	float:left;
    background-image:url(images/nav-button-4a.gif);
    background-repeat:no-repeat;
    height:24px;
    width:105px;
}
#navigation .btn5a {
	float:left;
    background-image:url(images/nav-button-5a.gif);
    background-repeat:no-repeat;
    height:24px;
    width:105px;
}
#news {
    background-image:url(images/title-news.gif);
    background-repeat:no-repeat;
    background-position:center top;
    margin:12px;
    margin-bottom:0;
    padding-top:18px;
    width:200px;
}
#news .date {
    color:#9E371F;
    padding:4px 0;
}
#news .text {
    text-align:justify;
    padding:2px 0;
}
#news .more {
    text-align:right;
    padding:0;
}
#news .line {
    background-image:url(images/line-horz.gif);
    background-repeat:repeat-x;
    background-position:left center;
    height:30px;
}
#offer {
    background-color:#F1F2F3;
    background-image:url(images/title-offer.gif);
    background-repeat:no-repeat;
    background-position:6px 12px;
 
    margin:0 6px;
    margin-bottom:6px;
    padding:20px 6px;
    padding-top:30px;
    text-align:justify;
}
#banner {
    background-image:url(images/project-banner.jpg);
    background-repeat:no-repeat;
    margin:3px 0;
    padding:0;
    height:174px;
    width:518px;
}
#banner2 {
    background-image:url(images/project-banner2.jpg);
    background-repeat:no-repeat;
    margin:3px 0;
    padding:0;
    height:174px;
    width:518px;
}
#content_title_1 {
    background-image:url(images/title-content-1.gif);
    background-repeat:no-repeat;
    background-position:4px center;
    padding:0;
    height:24px;
    width:216px;
}
}
#content_title_1_2 {
    background-image:url(images/title-content-1-2.gif);
    background-repeat:no-repeat;
    background-position:4px center;
    padding:0;
    height:24px;
    width:400px;
}
#content_text_1 {
    background-image:url(images/pic-content-1.gif);
    background-repeat:no-repeat;
    background-position:4px center;
    padding:6px 0;
    padding-left:100px;
    text-align:justify;
    width:405px;
}
#content_text_3 {
    padding:6px 0;
    padding-left:10px;
    text-align:justify;
    width:495px;
}
#content_title_2 {
    background-image:url(images/title-content-2.gif);
    background-repeat:no-repeat;
    background-position:4px center;
    padding:0;
    height:24px;
    width:400px;
}
#content_text_2 {
    background-image:url(images/pic-content-2.gif);
    background-repeat:no-repeat;
    background-position:4px center;
    padding:6px 0;
    padding-left:100px;
    text-align:justify;
    width:405px;
}
a {
    color:#8D311C;
    text-decoration:underline;
}
a:hover {
    color:#8D311C;
    text-decoration:none;
}
