/********************************************************************************/
/* General Format */
/********************************************************************************/
html
{
}
body, div, pre, form, fieldset, input, textarea, blockquote, th, td
{
    color: #000;
    font-family: Arial;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
body
{
    background-color: #f0f0f0;
    margin-bottom: 30px;
    overflow: auto;
}
table
{
    border-collapse: collapse;
    border-spacing: 0px;
}
fieldset, img
{
    border: 0px;
}
img
{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var
{
    font-style: normal;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0px;
}
a, a:link, a:visited, a:hover, a:active
{
    outline: 0px;
}
.clear-all
{
    border: 0px;
    clear: both;
    display: block;
    float: none;
    font-size: 0px;
    height: 0px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    visibility: hidden;
    width: 0px;
}
.block-space
{
    border: 0px;
    clear: both;
    display: block;
    float: none;
    font-size: 10px;
    height: 10px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    width: 0px;
}
.block-space-dbl
{
    border: 0px;
    clear: both;
    display: block;
    float: none;
    font-size: 20px;
    height: 20px;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    width: 0px;
}
noscript div
{
    background-color: #ffd800;
    color: #000;
    font-size: 16px;
}
#bottom
{
    background: #4d4c49;
    bottom: 0px;
    _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
    height: 30px;
    left: 0px;
    position: fixed;
    _position: absolute;
    width: 100%;
    z-index: 999;
}
#wrapper
{
    height: 100%;
}
@media print
{
    /**
    	{
    		display: none;
    	}*/
}
/********************************************************************************/

/********************************************************************************/
/* Alignment */
/********************************************************************************/
.align-top
{
    vertical-align: top;
}
.align-bottom
{
    vertical-align: bottom;
}
.align-center
{
    text-align: center;
}
.float-center
{
    margin: auto;
}
.dir-left
{
    direction: ltr;
    text-align: left;
}
.dir-right
{
    direction: rtl;
    text-align: right;
}
/********************************************************************************/

/********************************************************************************/
/* Header */
/********************************************************************************/
#header
{
    background-color: #3b5998;
    border-bottom: solid 5px #d8dfea;
    clear: both;
    display: block;
    height: 68px;
    margin: 0px auto 53px;
    padding: 10px 0px;
    width: 100%;
}
#header .logo
{
    display: block;
    float: left;
    margin-left: 10px;
    padding: 0px;
    text-align: left;
}
/********************************************************************************/

/********************************************************************************/
/* Main Menu */
/********************************************************************************/
#navigation
{
    display: block;
    margin-right: 10px;
    padding: 0px;
    float: right;
}
#navigation ul
{
    height: 68px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#navigation ul li
{
    height: 30px;
    float: right;
    line-height: 25px;
    margin-left: 5px;
    margin-top: 20px;
}
#navigation ul li a
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: solid 1px #fff;
    border-radius: 8px;
    display: block;
    color: #fff;
    padding: 0px 10px;
    text-decoration: none;
}
#navigation ul li a:hover
{
    background-color: #fff;
    color: #000;
}
#navigation ul li.last
{
}
/********************************************************************************/

/********************************************************************************/
/* Breadcrumb */
/********************************************************************************/
#breadcrumb
{
    background-color: #fdfdfd;
    border-bottom: solid 5px #d8dfea;
    display: none;
    height: 33px;
    margin: -58px auto 20px;
    padding: 0px;
    width: 100%;
}
.breadcrumb
{
    display: block;
    height: 33px;
    line-height: 33px;
    margin: 0px auto;
    width: 960px;
}
.breadcrumb span
{
    background: url(../images/delim-left.gif) no-repeat 0px 50%;
    float: right;
    font-weight: bold;
    padding-left: 20px;
}
.breadcrumb ul
{
    display: block;
    height: 42px;
    list-style-type: none;
    margin-right: 110px;
    padding: 0px;
}
.breadcrumb ul li
{
    display: block;
    float: right;
    padding-right: 10px;
}
.breadcrumb ul li.home
{
    padding-right: 0px;
}
.breadcrumb ul li a
{
    background: url(../images/delim-left.gif) no-repeat 0px 50%;
    color: #000;
    display: block;
    padding-left: 20px;
    text-decoration: none;
}
.breadcrumb ul li a:hover
{
}
.breadcrumb ul li.home
{
}
.breadcrumb ul li.home a
{
}
.breadcrumb ul li.current
{
}
.breadcrumb ul li.last
{
}
/********************************************************************************/

/********************************************************************************/
/* Footer */
/********************************************************************************/
#footer
{
    background-color: #9c9c9c;
    border-top: solid 1px #000;
    clear: both;
    display: none;
    margin: 0px auto;
}
.footer
{
    height: 30px;
    margin: 0px auto;
    padding-top: 15px;
    width: 960px;
}
.footer ul
{
}
.footer ul li
{
}
.footer ul li a
{
}
.footer ul li a:hover
{
}
/********************************************************************************/

/********************************************************************************/
/* Rights */
/********************************************************************************/
#rights
{
}
.rights
{
}
/********************************************************************************/

/********************************************************************************/
/* Content */
/********************************************************************************/
#content
{
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
}
.content
{
    display: block;
    margin: 0px auto;
    width: 960px;
}
.content a
{
    color: #000;
    text-decoration: underline;
}
.content a:hover
{
    text-decoration: none;
}
.content h1
{
    background: url(../images/slogen.gif) no-repeat center;
    height: 69px;
    text-indent: -9999em;
}
#abstract, #contact, #content #case
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 8px;
    line-height: 1.5em;
    padding: 10px;
    display: block;
    float: right;
    margin: 0px 10px 10px;
}
#content h2
{
    background-color: #3b5998;
    -moz-border-radius: 4px 4px 0px 0px;
    border-bottom: solid 1px #000;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
    margin: -10px -10px 10px;
    padding: 5px;
}
#content kbd
{
    font-family: Arial;
}
#abstract
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 8px;
    padding: 10px;
    width: 358px;
}
#contact
{
    width: 518px;
}
#contact form
{
}
#contact form fieldset
{
}
#contact form fieldset div.form-text
{
    float: right;
    margin-left: 5px;
}
#contact form fieldset div.form-textarea
{
    clear: both;
}
#contact form fieldset div.form-text label, #contact form fieldset div.form-textarea label
{
    float: right;
}
#contact form fieldset div.form-text div, #contact form fieldset div.form-textarea div
{
    margin-right: 80px;
    margin-left: 10px;
    margin-bottom: 10px;
}
#contact form fieldset div.form-text div span
{
}
#contact .input-text
{
    -moz-border-radius: 2px;
    background-color: #dfdfdf;
    border-color: #aaa #ddd #ddd #aaa;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    line-height: 19px;
    width: 160px;
}
#contact .input-textarea
{
    -moz-border-radius: 2px;
    background-color: #dfdfdf;
    border-color: #aaa #ddd #ddd #aaa;
    border-style: solid;
    border-width: 1px;
    height: 80px;
    overflow: auto;
    width: 420px;
}
#contact .input-submit
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    background-color: #3b5998;
    border: solid 1px #fff;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    margin-right: 80px;
    padding: 5px 10px;
}
#contact .input-text:focus, #contact .input-textarea:focus
{
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border: solid 1px #ccc;
}
#case
{
    clear: both;
    width: 918px;
}
#case .case-wrapper
{
    height: 150px;
    margin: 0px auto;
    overflow: hidden;
    width: 918px;
}
#case .case-wrapper div
{
    float: right;
    overflow: hidden;
    width: 858px;
}
#case .case-wrapper div ul
{
    height: 150px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 2000em;
}
#case .case-wrapper div ul li
{
    float: right;
    margin: 0px 11px;
}
#case .case-wrapper div ul li img
{
    background-color: #ddd;
    border: solid 1px #ccc;
    height: 138px;
    padding: 5px;
    opacity: 0.5;
    width: 138px;
}
#case .case-wrapper div ul li:hover img
{
    border: solid 1px #3b5998;
    opacity: 1;
}
.case-right,
.case-left
{
    cursor: pointer;
    float: right;
    height: 24px;
    line-height: 23px;
    margin-top: 63px;
    text-align: center;
    width: 30px;
}
.case-right
{
    background: url(../images/arrow-right.gif) no-repeat center;
}
.case-left
{
    background: url(../images/arrow-left.gif) no-repeat center;
}
.explain
{
    border-bottom: dashed 1px #000;
    cursor: pointer;
}
/********************************************************************************/
#overlay
{
    display: none;
}
#overlay.show
{
    background: #000;
    display: block;
    /*height: 100%;*/
    left: 0px;
    opacity: 0.65;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9998;
}
#contentWrap
{
    display: none;
}
#contentWrap.show
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #3b5998;
    border: solid 1px #fff;
    display: block;
    height: 500px;
    left: 25%;
    position: absolute;
    top: 25%;
    width: 600px;
    z-index: 9999;
}
#contentWrap.show #close
{
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
    border: solid 1px #fff;
    background: #000;
    color: #fff;
    cursor: pointer;
    height: 30px;
    line-height: 29px;
    position: absolute;
    right: -15px;
    top: -15px;
    text-align: center;
    width: 30px;
}
.contentWrap
{
    padding: 30px;
}
.contentWrap h1
{
    border-bottom: dashed 1px #fff;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0px 10px;
    padding-bottom: 10px;
}
.contentWrap h1 span
{
    color: #fff;
    display: block;
    font-size: 14px;
    float: left;
    margin-top: 6px;
}
.contentWrap h1 span a
{
    background: url(../images/arrow.gif) no-repeat 0px 4px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
    text-decoration: none;
}
.contentWrap img
{
    width: 540px;
}
.contentWrap div
{
    background: #000;
    bottom: 16px;
    color: #fff;
    display: table !important;
    font-size: 14px;
    min-height: 80px;
    line-height: 1.2em;
    position: absolute;
    opacity: 0.85;
    margin: 0px;
    padding: 10px;
    width: 520px;
}