/* basics ----------------------------------------------------------------------------- */

body {
    background: #ffffff url(bg__body.gif) repeat-x top;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-family: "tahoma", arial, sans-serif;
    margin: 0;
    padding: 0;
}

* html .toLeft {
    margin-right:0px;
}

.toLeft {
    display:inline;
    float:left;
    position:relative;
}

.toRight {
    display:inline;
    float:right;
    position:relative;
}

* html .clear {
    margin-top:-2px;
}

.clear {
    border:medium none;
    clear:both;
    font-size:1px;
    height:1px;
    margin:-1px 0pt 0pt;
    padding:0pt;
    visibility:hidden;
}

a img {
    border:medium none;
}

a {
    color: #ff3333;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.errors {
    color: white;
    background: red;
    border: 1px solid white;
    padding: 8px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.notice {
    color: white;
    background: rgb(51,153,0);
    border: 1px solid white;
    padding: 8px;
    margin: 0 0 10px 0;
    font-weight: bold;    
}

.unvisible {
    display: none;
}

h1 {
    font-size: 26px;
    font-weight: normal;
    padding: 0 0 21px 21px;
    margin: 0;
}




/* paging */

div.paging {
    text-align: center;
    color: #7C8AAB;
    padding-bottom: 10px;
}

div.paging a {
    font-weight: bold;
    color: #283F77;
}

div.paging span.selected {
    color: #DE0021;
    font-weight: bold;
    font-size: 150%
}




/* main architecture ------------------------------------------------------------------ */

div#premain {
    margin: 0 auto;
    text-align: left;
    width: 982px;
    background: white;
}

div#main {
    margin: 0 5px;
    background: url(bg__main.jpg) no-repeat left top;
    position: relative;
}

div#header {
    height: 125px;
    position: relative;
}

div#header a.wayHome {
    position: absolute;
    left: 21px;
    top: 71px;
}

/* menu */

div#menu {
    background: url(bg__menu_ie6.gif);
    height: 39px;
    position: relative;
}

html[xmlns] div#menu {
    height: 37px;
    background: url(bg__menu.png) repeat-x top;
}

div#menu ul {
    margin: 0 0 0 11px;
    padding: 0;
}

div#menu ul li {
    margin: 0 10px 0 0;
    padding: 0;
}

div#menu ul li a {
    display: block;
    padding: 9px;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

div#menu ul li a:hover {
    text-decoration: none;
    color: black;
}

/* data_container */

div#data_container {
    background: url(bg__data_container.gif) no-repeat left top;
}

div#leftFlow {
    width: 693px;
    margin: 37px 0 0 0;
    padding: 0 0 0 21px;
}

div#rightFlow {
    width: 216px;
    margin: 37px 21px 0 0;
}

/* footer */

div#footer {
    background: url(bg__footer.gif) no-repeat left top;
    padding: 58px 0 21px 0;
}

div#footer .fujifilm_banner {
    height: 104px;
    background: #93c36d url(bg__fujifilm_banner.jpg) no-repeat right top;
    position: relative;
}

div#footer .fujifilm_banner a, #footer .fujifilm_banner a:hover {
    position: absolute;
    display: block;
    left: 21px;
    top: 52px;
    width: 119px;
    height: 35px;
    color: black;
    text-decoration: none;
    font-size: 11px;
    background: url(fg__fujifilm_banner_a.jpg) no-repeat left bottom;
}

div#footer .copyright {
    margin: 8px 0 0 0;
    padding: 0 144px 0 0;
    background: url(bg__copyright.gif) no-repeat 850px 3px;
    text-align: right;
    font-size: 10px;
    color: #656565;
}

div#footer .copyright a {
    color: black;
    text-decoration: none;
}

div#footer .copyright a:hover {
    text-decoration: underline;
}




/* HP ----------------------------------------------------------------------- */

div#hp {
    background: url(bg__hp.jpg) no-repeat left top;
    padding: 0 0 0 0;
}

div#hp h1 {
    visibility: hidden;
}

div#hp div.article_preview {
    width: 336px;
    background: url(bg__alpha_50.png);
    margin: 170px 20px 0 0;
}

div#hp div.article_preview.last {
    margin-right: 0;
}

div#hp div.article_preview h2 {
    display: block;
    padding: 17px;
    background: url(bg__alpha_50.png);
    font-size: 18px;
    font-weight: normal;
    border-bottom: 2px solid #7f7f7f;
}

div#hp div.article_preview h2 a {
    color: #ff0000;
    text-decoration: none;
}

div#hp div.article_preview h2 a:hover {
    text-decoration: underline;
}

div#hp div.article_preview p {
    padding: 17px;
    line-height: 18px;
}

div#hp div.article_preview div.img_box {
    margin: 21px 21px 10px 10px;
}

div#hp div.article_preview div.img_box img {
    border: 1px solid black;
}

div#hp div.article_preview div.more {
    padding: 0 17px 17px 17px;
}

div#hp div.article_preview div.more a {
    font-weight: bold;
    color: ff0000;
}

/* right boxes -------------------------------------------------------------- */

/* latest news */

div#latest_news {
    margin: 0 0 10px 0;
}

div#latest_news h2 {
    text-transform: lowercase;
    color: #597f12;
    font-size: 16px;
    font-weight: bold;
    padding: 0 16px 10px 16px;
}

div#latest_news a {
    color: #597f12;
    font-weight: bold;
}

div#latest_news div.article_preview {
    background: #efefef;
    padding: 10px 16px;
    margin: 0 0 16px 0;
    border-top: 2px solid #597f12;
}

div#latest_news div.article_preview h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0;
}

div#latest_news div.article_preview h3 a {
    color: black;
    text-decoration: none;
}

div#latest_news div.article_preview h3 a:hover {
    text-decoration: underline;
}

div#latest_news div.article_preview p {
    line-height: 18px;
}

/* conatct article preview */

div#contact_preview {
    margin: 0 0 10px 0;
}

div#contact_preview h2 {
    text-transform: lowercase;
    color: #608881;
    font-size: 16px;
    font-weight: bold;
    padding: 0 16px 10px 16px;
}

div#contact_preview a {
    color: #608881;
    font-weight: bold;
}

div#contact_preview div.article_preview {
    background: #dfe7e6;
    padding: 10px 16px;
    margin: 0 0 16px 0;
    border-top: 2px solid #608881;
}

div#contact_preview div.article_preview h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0;
}

div#contact_preview div.article_preview h3 a {
    color: black;
    text-decoration: none;
}

div#contact_preview div.article_preview h3 a:hover {
    text-decoration: underline;
}

div#contact_preview div.article_preview p {
    line-height: 18px;
}




/* article_detail ----------------------------------------------------------- */

div#article_detail {
    background: url(bg__alpha_50.png);
    line-height: 18px;
    padding: 21px;
}

div#article_detail p.perex {
    font-weight: bold;
    margin: 0 0 35px 0;
    font-size: 120%;
    border-top: 2px solid #7f7f7f;
    padding: 21px 0 0 0;
    line-height: 20px;
}

div#article_detail div.related_items {
    margin: 42px 0 0 0;
    padding: 0;
    color: #646464;
}

div#article_detail div.related_items h2 {
    font-weight: normal;
    font-size: 20px;
    margin: 0;
    padding: 0 0 21px 0;
}

div#article_detail div.related_items h3 a {
    text-decoration: none;
}

div#article_detail div.related_items h3 a:hover {
    text-decoration: underline;
}

div#article_detail div.related_items div.article_previews .preview {
    background: #EFEFEF;
    padding: 21px;
    border-top: 2px solid #7F7F7F;
    margin: 0 0 10px 0;
}




/* article_index ------------------------------------------------------------ */

div#article_index {
    background: url(bg__alpha_50.png);
    padding: 21px;
}

div#article_index div.article_preview {
    width: 305px;
    margin: 0 20px 20px 0;
    line-height: 18px;
    border-top: 2px solid #7F7F7F;
    padding: 21px 0 0 0;
}

div#article_index div.last {
    margin-right: 0;
}

div#article_index h2 {
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: normal;
    font-size: 20px;
}

div#article_index h2 a {
    text-decoration: none;
}

div#article_index h2 a:hover {
    text-decoration: underline;
}

div#article_index div.img_box img {
    border: 1px solid black;
    margin: 0 0 10px 10px;
}




/* medium_envelope ---------------------------------------------------------- */

div.medium_envelope {
    margin: 0 0 21px 21px;
    padding: 21px;
    background: #EFEFEF;
    border-top: 2px solid #7f7f7f;
}

div.medium_envelope div.large_img_box {
    padding: 0 0 21px 0;
}

div.medium_envelope div.large_img_box img {
    border: 1px solid black;
}

div.medium_envelope strong {
    display: none;
}

div.medium_envelope div.thumb {
    margin: 0 10px 10px 0;
}

div.medium_envelope div.thumb img {
    border: 1px solid #7f7f7f;
}




/* enquiry ------------------------------------------------------------------ */

div#enquiry {
    background: url(bg__alpha_50.png);
    padding: 11px 21px 21px 21px;
}

div#enquiry td {
    padding: 2px;
}

div#enquiry h2 {
    font-weight: normal;
    font-size: 18px;
    padding: 10px 0 0 0; 
}

div#enquiry input {
    border: 1px solid #608881;
    padding: 2px;
    width: 144px;
}

div#enquiry textarea {
    border: 1px solid #608881;
    padding: 2px;
    width: 220px;
    height: 100px;
    font-family: "tahoma", arial, sans-serif;
    font-size: 12px;    
}

div#enquiry input.submit {
    margin: 10px 0 0 0;
    border: none;
    font-weight: bold;
    color: white;
    background: #608881;
}




/* newsletter_box ----------------------------------------------------------- */

div#newsletter_box {
    margin: 0 0 10px 0;
}

div#newsletter_box h2 {
    text-transform: lowercase;
    color: #608881;
    font-size: 16px;
    font-weight: bold;
    padding: 0 16px 10px 16px;
}

div#newsletter_box a {
    color: #608881;
    font-weight: bold;
}

div#newsletter_box label {
    padding: 0 0 0 21px;
}

div#newsletter_box input {
    width: 170px;
    border: 1px solid #608881;
}

div#newsletter_box input.submit {
    width: auto;
    margin: 0 0 0 5px;
    border: none;
    font-weight: bold;
    color: white;
    background: #608881;
}
