@font-face {
 font-family: Walkway;
 src: url("Walkway.eot") /* EOT file for IE */
}
@font-face {
 font-family: Walkway;
 src: url("Walkway.ttf") /* TTF file for CSS3 browsers */
}
#bd {
font-family: Arial, Verdana sans-serif;
font-size: 14px;
line-height: 18px;
color: #333333;
}
#ft {
font-family: Arial, Verdana sans-serif;
font-size: 12px;
line-height: 18px;
color: #888888;
margin-top: 10px;

}
#logo {
float: right;
background-image: url(../images/logo.gif);
background-position: top right;
background-repeat: no-repeat;
height: 106px;
width: 950px;
position: relative;
}
#info {
font-family: Arial, Verdana sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #888888;
text-align:right;
position: absolute;
left: 25px;
top:25px;
text-align: left;
}
#slogan {
font-family: Arial, Verdana sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #888888;
text-align:right;
position: absolute;
right: 25px;
bottom:25px;
}
#menu{
float: left;
height: 127px;
width: 950px;
text-align: center;
position: relative;

}
#menu ul {
position: relative;
vertical-align: bottom;

height: 127px;
position: absolute;
left: 147px;
}
#menu  li {

background-image: url(../images/btn_up.gif);
background-position: bottom center;
background-repeat: no-repeat;
width: 127px;
height: 127px;
float: left;
display: inline;
margin: 0 2px 0 2px;
text-align: center;

}

#menu  li.current {
background-image: url(../images/btn_down.gif);
background-position: bottom center;
background-repeat: no-repeat;
width: 127px;
height: 86px;
float: left;
display: inline;
margin: 0 2px 0 2px;
text-align: center;

}

#menu  li a {
font-family: Walkway, Arial, Verdana sans-serif;
font-size: 25px;
color: #ffffff;
text-align:right;
text-decoration: none;
font-weight: normal;
letter-spacing:2px;
margin: auto;
}
#menu  li a:hover {
color:#333333;
}

h1 {
font-family: Walkway, Arial, Verdana sans-serif;
font-size: 22pt;
color: #888888;
margin: 15px 0 5px 0;
}
h2 {
color:#ff9933;
font-size: 16px;
margin: 10px 0 5px 0;
}

.left_row {
height:200px;
width: 950px;
float: left;
clear: both;
}
.right_row {
height:200px;
width: 950px;
float: left;
clear: both;
}
.left_row img {
float: right;
margin: 5px;
}

.right_row img {
float: left;
margin: 5px;
}

a {color:#ff5400; text-decoration: none;}
a:hover {}
p.example {
background-color: #cccccc;
padding: 5px;
margin: 5px;
}
.article {
width: 750px;
text-align: justify;
}