body{
color:#626262;
background-color:#605e67;
background-image:url(../img/design/bg-body.gif);
background-repeat:repeat-x;
}

#all{}
#main{background:#fff; border-top:6px solid #5c5957;}
#head{ border-bottom:4px solid #5c5957;}
#navi{background:#e4e8ee;}
#navi-top{background:url(../img/design/bg-menu.gif) repeat-x 0 0;}
#navi-bot{background:#f9fafb;}
#body{background:#bfbfc2 url(../img/design/bg-content.gif) repeat-x 0 0;}
#body-bot{background: url(../img/design/bg-cols.gif) repeat-y 10px 0;}
#foot{ background:#525252;}

/* html scheme */
h1{color:#3776bb;}
h2{color:#626262;}
h3{color:#3776bb;}
h4, h5, h6 {color:#626262;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  HEAD FOOT CONTENT BOXAREA specials ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* special html design in content */
#content h3{}
#content .lighter{}


/* special html design in boxarea */
#boxarea {}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~  OBJECTS and common classes  ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.txt_blue{color:#05a4df;}
.txt_red{color: #CC0000;}


/* BACKGROUNDS -> this is usefull */

.bg_0{background-color:#fff;}
.bg_1{background-color:#f6f6f6;}
.bg_2{background-color:#dede42;}
.bg_3{background-color:#cdcdcd;}
.bg_4{background-color:#e5e5e5;}
.bg_5{background-color:#f3f3f3;}
.bg_6{background-color:#efefef;}
.bg_7{background-color:#e57516;}

/* END OF BACKGROUNDS */



/* status msgs */
.status_msg1{color:#90232b;} /* BAD */
.status_msg2{color:#000;} /* OK */


/* form validation */
.f_state1{background-color:#cd6068;} /* required */
.f_state2{background-color:#efeeb4;} /* not uniq */
.f_state3{background-color:#efefef;} /* min-length */
.f_state4{background-color:#fad675;} /* same values */
.f_state5{background-color:#fad675;} /* bad format */



/* common A states + dark + light */
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#461215; text-decoration:none;}
a:visited:hover {color:#461215; text-decoration:none;}
a:active {color:#461215; text-decoration:none;}
a:focus {color:#461215; text-decoration:none;}
a:focus:hover {color:#461215; text-decoration:none;}

a.dark:link {color:#000; text-decoration:underline;}
a.dark:visited {color:#000; text-decoration:underline;}
a.dark:hover {color:#000; text-decoration:none;}
a.dark:active {color:#000; text-decoration:none;}
a.dark:focus {color:#000; text-decoration:none;}
a.dark:focus:hover {color:#000; text-decoration:none;}

a.light:link {color:#333; text-decoration:underline;}
a.light:visited {color:#333; text-decoration:underline;}
a.light:hover {color:#461215; text-decoration:none;}
a.light:active {color:#461215; text-decoration:none;}
a.light:focus {color:#461215; text-decoration:none;}
a.light:focus:hover {color:#461215; text-decoration:none;}

span.graytxt{color:#999;}

/* IMG HEADERS */

/* BOXY */


/* END OF BOXY */


/* DEVELOP CSS */
.br_{border:1px solid red;}
.bb_{border:1px solid blue;}
.bg_{border:1px solid green;}
.by_{border:1px solid yellow;}
.bp_{border:1px solid purple;}
.bv_{border:1px solid violet;}