/**
 * Main CSS styles
 *
 * @project     Media Channel
 */

*{margin:0;padding:0;}

@media screen {
    body{font:1em/1.4em Verdana, Arial, Sans-Serif;text-align:center;}

    a,a:visited{color:#FFF;text-decoration:underline;}
    a:hover{}

    ul{list-style-type:none;}
    h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0px;line-height:1em;}
    h1{font-size:1.75em;margin-bottom:0.3em;}
    h2{font-size:1.3em;margin-bottom:0.5em;padding-top:0.2em;clear:both;clear:both;}
    h3{font-size:1.1em;margin-bottom:0.7em;padding-top:0.3em;clear:both;}
    h4{font-size:1.1em;font-weight:bold;margin-bottom:0.6em;}
    h5,h6{font-size:1em;font-weight:bold;margin-bottom:0.5em;}

    #wrapper{background:url(/img/bg1.png) no-repeat scroll right top;font-size:0.8em;margin:0 auto;min-height:865px;position:relative;text-align:left;width:990px;}

    #wrapper.about{background-image:url('/img/bg1.png');}
    #wrapper.products{background-image:url('/img/bg2.png');}
    #wrapper.client{background-image:url('/img/bg3.png');}
    #wrapper.portfolio{background-image:url('/img/bg4.png');}
    #wrapper.contact{background-image:url('/img/bg5.png');}
    #wrapper.magazine{background-image:url('/img/bg6.png');}


    #left{color:#999;float:left;padding-right:5px;width:430px;}
    #right{color:#FFF;float:right;padding-top:265px;width:525px;padding-right:30px;}

    #logo{background: url('/img/mediachannel.png') no-repeat scroll center;display:block;height:115px;margin-top:65px;text-indent:-9999px;width:280px;}

    form.login{float:left;}
    #login{position:relative;left:-55px;float:left;}
    #login dt{clear:both;display:block;height:16px;float:left;font-size:11px;margin-bottom:1px;font-weight:bold;text-align:right;width:55px;}
    #login dd{float:left;height:16px;margin-bottom:1px;width:150px;}
    #login #frm-username, #login #frm-password{background-color:#CCC;border:0;color:#222;height:16px;margin-left:3px;padding:0 2px;}
    #login .submit{background:#FFF;border:0;color:#999;cursor:pointer;font-size:11px;font-weight:bold;letter-spacing:0.3pt;padding:0;}

    #menu{list-style-type: none;margin:84px 0 0;}
    #menu li a{color:#999;font-size:35px;font-family:Arial;font-weight:bold;line-height:1;text-decoration:none;text-transform:uppercase;}
    #menu li.about a:hover, #wrapper.about #menu li.about a{color:#4ac6e2;}
    #menu li.products a:hover, #wrapper.products #menu li.products a{color:#ee62a1;}
    #menu li.client a:hover, #wrapper.client #menu li.client a{color:#6b3692;}
    #menu li.portfolio a:hover, #wrapper.portfolio #menu li.portfolio a{color:#a9d037;}
    #menu li.contact a:hover, #wrapper.contact #menu li.contact a{color:#f1671f;}
    #menu li.magazine a:hover, #wrapper.magazine #menu li.magazine a{color:#62829b;}


    #special{height:162px;margin:8px 0 3px;}
    .new-boards{position:relative;left:-20px;}

    #adress{background:url('/img/adress-bg.png') no-repeat scroll left 18px;font-size:11px;line-height:13px;font-weight:bold;min-height:100px;}
    .company-name{display:block;padding-bottom:10px;}

    p{line-height:2.5ex;}

    .line{clear:both;height:1px;position:absolute;width:990px;}
    .line.menu-top{background:url('/img/line-menu-top.png') no-repeat scroll left top;top:257px;}
    .line.menu-bottom{background:url('/img/line-menu-bottom.png') no-repeat scroll left top;}
    
    .misclinks {clear:both;padding-top:20px;list-style-type:none;}
    .misclinks li {float:left;margin-right:10px;}
    .printLink {width:50px;background:url('/img/printer.gif') top left no-repeat;padding-left:34px;padding-top:5px;display:none;}
    .pdfLink {width:50px;background:url('/img/pdf.gif') top left no-repeat;padding-left:32px;padding-top:5px;}
    .pereximg{float:left;margin:45px 10px 0px 0;border:1px #996 solid;padding:1px;}
    .maxlist .pereximg{margin-top:10px !important;}
    .pereximg img{float:left;display:inline;}
    .articlemeta{text-align:right;color:#fefefe;}
    .photos{clear:both;}
    .photos li{float:left;margin:5px;}
    .photos img{border:1px #BB8 solid;padding:1px;}
    .fleft {float:left;margin:10px 10px 10px 0;border:1px #996 solid;padding:1px;}
    .fright {float:right;margin:10px 0px 10px 10px;border:1px #996 solid;padding:1px;}


    .boardinfo{padding:10px 0 0 20px;font-size:1.1em;}

}

@media print {

    *{color:#000;}

    #logo,#loginform,#menu,#special,#adress{display:none;}

    #wrapper{background:transparent url();width:auto;}
    a{text-decoration:none;}
    a:after{color:#CCC;content:' ['attr(href)']';font-size:0.9em;}

}