@charset "utf-8";
/* CSS Document */

BODY {
text-align: center;
background:  url(images/bg_main.gif) repeat-x top center;
margin: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

#header H3 {
text-align: center;
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
color: #517f19;
text-transform: uppercase;
}

#header H4 {
text-align: center;
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
color: #517f19;
text-transform: uppercase;
}

#logo {
padding: 0px;
margin: 0px 0px 10px 0px;
float: left;
}

#number {
padding: 0px;
margin: 0px;
float: right;
}

#container {
text-align: left;
width: 794px;
height: 555px;
margin: auto;
padding: 13px;
background:  url(images/bg_wrapper.gif) top center no-repeat;
}

#container_popup {
background: #fff;
width: 600px;
text-align: left;
}

#hero {
clear: both;
margin: 0px 0px 5px 0px;
border-top: 5px solid #fff;
}

#content {
margin-top: 3px;
}

#content_popup {
margin: 10px;
}

#content_popup H1 {
margin: 0px;
padding: 0px;
font-size: 19px;
color: #2d3094;
text-transform: uppercase;
}

#content_popup H2 {
margin: 0px;
padding: 0px;
font-size: 12px;
color: #2d3094;
font-style: italic;
}


#content_popup P {
font-size: 11px;
color: #2d3094;
}

#content_popup UL {
font-size: 11px;
color: #2d3094;
}

#leftpanel {
float: left;
width: 531px;
background:  url(images/bg_content.jpg) top center no-repeat;
border-right: 3px solid #fff;
margin: 0px; 
padding: 12px;
}

#leftpanel H1 {
margin: 0px;
padding: 0px;
font-size: 18px;
color: #000;
}

#leftpanel H2 {
margin: 0px;
padding: 0px;
font-size: 16px;
color: #000;
}

#leftpanel H3 {
margin: 10px 0px 0px 0px;
padding: 0px;
font-size: 14px;
color: #000;
text-transform: none;
}

#leftpanel P {
font-size: 13px;
line-height: 20px;
color: #000;
}

#leftpanel UL {
font-size: 13px;
color: #000;
}

#rightpanel {
margin: 0px;
float: right;
width: 234px;
padding: 0px;
}

.rightbox_top {
clear: both;
padding: 0px;
margin: 0px;
}

.rightbox img {
padding: 10px;
margin: 0px;
}

.rightbox {
clear: both;
margin: 0px;
padding: 0px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background:  url(images/rightbox_bg.gif) top left repeat-x #fff;
}

.rigthbox_bottom {
clear: both;
padding: 0px;
margin: 0px;
border-bottom: 5px solid #fff;
}


.rightbox H2 {
margin: 0px;
padding: 0px 10px 0px 10px;
font-size: 13px;
color: #000;
text-transform: uppercase;
}

.rightbox H3 {
text-align: center;
margin: 0px;
padding: 0px 10px 0px 10px;
font-size: 15px;
color: #000;
text-transform: uppercase;
}

.rightbox H4 {
text-align: center;
margin: 0px;
padding: 0px 10px 0px 10px;
font-size: 11px;
color: #000;
text-transform: uppercase;
}

.rightbox P {
font-size: 11px;
color: #000;
padding: 0px 10px 0px 10px;
}

.rightbox UL {
font-size: 11px;
color: #000;
}

#sectionwrap {
width: 555px;
margin: 0px;
padding: 0px;
float: left;
}

.section H1 {
margin: 0px;
padding: 0px 0px 0px 45px;
font-size: 11px;
color: #2d3094;
background:  url(images/bg_h1_section.gif) no-repeat left;
}

.section P {
margin: 5px 0px 5px 0px;
line-height: 15px;
padding: 0px;
font-size: 11px;
color: #2d3094;
}

.section {
background:  url(images/bg_section.gif) no-repeat top center;
margin: 0px;
padding: 3px;
width: 170px;
float: left;
}

.rightmargin {
margin: 0px 5px 0px 0px;
}

#footer {
clear: both;
text-align: center;
background:  url(images/bg_footer.jpg) top center no-repeat;
width: 771px;
height: 58px;
color: #666;
font-size: 11px;
font-weight: bold;
padding: 12px;
margin: 10px 0px 0px 0px;
}

#footer_left {
text-align: left;
float: left;
margin: 0px; 
padding: 0px;
width: 520px;
}

#footer_right {
text-align: right;
margin: 0px;
float: right;
padding: 0px 0px 0px 10px;
width: 213px;
border-left: 1px dotted #ccc;
}

#footer H3 {
text-align: left;
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

#footer UL {
margin: 10px;
padding: 10px;
font-size: 12px;
}

#footer LI {
line-height: 20px;
}

#footer P {
margin: 10px 0px 0px 0px;
padding: 0px;
font-weight: normal;
}

.group_list {
float: left;
width: 250px;
}


#boxad {
	background: #ccc;
	height: 60px;
}

/* LINK STYLES */
a:link, a:active, a:visited {
font-weight: bold;
text-decoration: none;
color: #000;
}

a:hover {
text-decoration: underline;
}

#footer a:link, #footer a:active, #footer a:visited {
font-weight: bold;
text-decoration: none;
color: #666;
}

#footer a:hover {
text-decoration: underline;
}

/* Image Slideshow */
#slideshow {
    position:relative;
    height:249px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Top Navigation BEGIN */

#menu {
clear: both;
width: 794px;
height: 40px;
margin: 3px 0px 0px 0px;
padding: 0px;
background: url(/images/bg_menu.jpg) top center no-repeat;
text-align: center;
}

#menu span {
font-size: 14px;
font-weight: bold;
color: #fff;
}

#menu ul {
margin: 0; 
padding: 0;
}

#menu li {
list-style: none; 
overflow: hidden; 
margin: 0px; 
padding: 12px 5px 0px 5px; 
float: left;
}

#menu li a {
display: block; 
}

/* Specifics */

#menu li a.home {width: 62px; background-position: 0px 0;}
#menu li a:hover.home, #menu li a.home.menu_active {background-position: 0px -40px;}

#menu li a.finance {width: 146px; background-position: -62px 0;}
#menu li a:hover.finance, #menu li a.finance.menu_active {background-position: -62px -40px;}

#menu li a.yellowgoods {width: 124px; background-position: -208px 0;}
#menu li a:hover.yellowgoods, #menu li a.yellowgoods.menu_active {background-position: -208px -40px;}

#menu li a.methods {width: 148px; background-position: -332px 0;}
#menu li a:hover.methods, #menu li a.methods.menu_active {background-position: -332px -40px;}

#menu li a.apply {width: 170px; background-position: -480px 0;}
#menu li a:hover.apply, #menu li a.apply.menu_active {background-position: -480px -40px;}

#menu li a.about {width: 88px; background-position: -593px 0;}
#menu li a:hover.about, #menu li a.about.menu_active {background-position: -593px -40px;}

#menu li a.contact {width: 88px; background-position: -681px 0;}
#menu li a:hover.contact, #menu li a.contact.menu_active {background-position: -681px -40px;}