/* CSS Document */

html { margin:0; padding:0; }

body {
background-image:url(_material/_image/bcgr.jpg);
background-repeat:repeat;
text-align:center;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
color: #000099;
margin:0;
padding:0;
line-height:1.3em; }

p { margin:0;padding:0; }

a:link { color: #000099; text-decoration:none; }
a:visited { color: #000099; text-decoration:none; }
a:hover { color: #FFFFFF; background-color:#233fa3;}
a:active { color:#0000FF; }

img { text-decoration:none; margin:0px 0 20px 0; border:0; }
a img { display:block; }

span { font-weight:bold; }

/* ----------------------------------------- OUTER W R A P E R  ---------------------------------------------------------------------- */

#box {
width: 600px;
margin:0 auto;
padding:0;
background-image:url(_material/_image/bcgrimage.jpg);
background-position:left bottom;
background-repeat:no-repeat;
border:0px solid #999999;
}


#menu {
width:120px;
margin:30px auto;
padding:0;
float:left;
white-space:nowrap;
border:0px solid black;

}

#main {
width:470px;
min-height:450px;
  height:auto !important;
  height:450px;
margin:30px auto;
padding:0;
float:right;
border:0px solid #999999;
}


/* -------------------------- H E A D E R  ------------------------------------------------------------------------------ */
#header {
background-image:url(_material/_image/logo.jpg);
background-position:center top;
background-repeat:no-repeat;
width:600px;
height:190px;
margin-top:0;
margin:0 auto;
padding:0;
border:0px solid  #999999;
}


#header h1 {
color:#000000;
margin:0;
padding:0;
border:1px solid  #999999;
visibility:hidden;
}

/* -------------------------- MENU ------------------------------------------------------------------------------ */
.menu {
text-align:right;
border:0px solid  #999999;
}
.menu ul {
margin:0 auto;
padding:0;
list-style:none;
border:0px solid  red;
}
.menu li {
width:100%;
display:block;
border:0px solid  red;
}

.menu .active {
font-weight:bold;
}

.menu a:hover {
color: #FFFFFF;
}

/* -------------------------- MAINCONTENT ------------------------------------------------------------------------------ */
.maincontent {
width:400px;
margin:0 auto;
padding:0;
text-align:justify;
border:0px solid  #999999;
}

.maincontent p{
margin-bottom:10px;
}

.maincontent  ul.clients {
list-style-image:url(_material/_image/bullet.jpg);
color:#233fa3;
padding:0;
line-height:1em;
margin:15px 0 25px 20px;
border:0px solid  #999999;
}

.maincontent  ul.clients1 {
float:left;
list-style-image:url(_material/_image/bullet.jpg);
color:#233fa3;
padding:0;
line-height:1em;
margin:15px 0 25px 20px;
border:0px solid  #999999;
}

.maincontent  ul.clients2 {
float:right;
list-style-image:url(_material/_image/bullet.jpg);
color:#233fa3;
padding:0;
line-height:1em;
margin:15px 0 25px 20px;
border:0px solid  #999999;
}


/* --------------------------------------------------------F O O T E R ----------------------------------------------------- */
#footer {
margin:0;
padding:15px 30px 15px 0;
text-align: right;
font-size:10px;
clear:both;
border-top:0px solid #000099;
}