@charset "UTF-8";
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
    +wrapper-content
        =content-main
            =crumb
    +footer
        =copyright
-----------------------------------------------------------------------------*/
/* +common
*----------------------------------------------------------------------------*/
body {
    font: 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	behavior: url(c/csshover.htc);
}
html {
    font: 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	behavior: url(c/csshover.htc);
}
/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */
/* +wrapper-content
*----------------------------------------------------------------------------*/
/* +content-main
*----------------------------------------------------------------------------*/
/**
*
* =crumb 
*
**/
.crumb {
    height: 30px;
    color:#808080;
	background:url(../i/bg_crumb.gif);
	font: 13px/30px Verdana;
    color:#808080;
	margin:0 0 7px 0;
}
.crumb p {
    float: left;
    height: 23px;
    margin: 3px 0 0 0;
    background: url(../i/m2_02.gif) repeat-x;
}
.crumb span {
    float: left;
    display: block;
    width: 12px;
    height: 23px;
    margin: 3px 0 0 0;
    background: url(../i/m2_03.gif) no-repeat;
}
.crumb a:hover {
    color:#808080;
    text-decoration: none;
}
.crumb a {
    color:#808080;
    text-decoration: none;
}
/* +footer
*----------------------------------------------------------------------------*/
/**
 *
 * =copyright
 *
 **/
#footer .copyright {    
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    padding: 20px 0;
    display: block;
    clear: both;
    overflow: hidden;
}
#footer .copyright .logo {
    float: left;
    width: 200px;
	margin:0 0 0 10px;
	display: inline;
}
#footer .copyright .content {
    float: right;
    width: 760px;
    padding: 0 0 0 30px;
    text-align: left;
    display: inline;
}
#footer .copyright .content p {
    font: 11px/16px Verdana;
    color: #999999;
}
#footer .copyright .content p a {
    font: 11px/22px Verdana;
    color: #627b99;
    text-decoration: none;
}
#footer .copyright .content p a:hover {
    font: 11px/22px Verdana;
    color: #0099ff;
    text-decoration: none;
}