* {
  margin:0;
  padding:0;
}

body {
  font-family:verdana,arial,helvetica,serif;
  font-size:9pt;
  color:#4C4C4C;
  background-color:#F0F0F0;
}

a {
  color:#03F;
  text-decoration:underline;
}

a:hover {
  color:red;
  text-decoration:none;
}

img {
       border:none;
}

h3 {
  font-size:13.5pt;
  color:#666666;
}


      /* --------------------------------
               Container - main
      -------------------------------- */

      #container_home, #container {
        margin:15px auto 0 auto;
        padding:38px;
        width:730px;
        background-color:#FFF;
        background-image:url(../images/br_trademark.jpg);
        background-position:bottom right;
        background-repeat:no-repeat;
        border:5px solid #CCC;
      }

      #container_home p{
        margin:0 0 1em 0;
        line-height:1.3em;
        width:438px;
      }

      #container_home p a{
        font-family:Lucida,verdana,arial,helvetica;
        color:#C60;
        font-weight:normal;
        text-decoration:none;
      }

      #container_home p a:hover{
        font-family:Lucida,verdana,arial,helvetica;
        color:#F90;
        font-weight:normal;
        text-decoration:none;
      }


      #container p{
        margin:0 0 1em 0;
        line-height:1.3em;
        width:100%;
      }

      #container_home #photo {
        float:right;

      }

               /* --------------------------------
                             Header
              -------------------------------- */

              #header {
                margin:0 0 20px 0;
                width:100%;
                border-bottom:5px solid #F0F0F0;
                /*border:5px solid #CCC;*/
              }

              img#logo {
                margin:0 0 20px 0;
                width:279px;
                height:40px;
              }

                            /* --------------------------------
                                        Portfolio page
                            -------------------------------- */

                            ul.portfolio{
                              margin:0 0 0 20px;
                              padding:0;
                            }

                            ul.portfolio li a img{
                              /*margin:0 0 20px 0;*/
                              margin:0 2px 3px 0;
                              padding:7px;
                              display:inline;
                              background-color:#F0F0F0;
                            }

                            ul.portfolio li a:hover img{
                              margin:0 2px 3px 0;
                              padding:7px;
                              background-color:#CCC;
                            }


                            /* --------------------------------
                                        Contact page
                            -------------------------------- */

                            #contactform {
                              margin:0;
                              padding:0;
                            }

                            #contactform div{

                              margin:0;
                              padding:0;
                            }

                            #contactform label{
                              float:left;
                              clear:both;
                              margin:0;
                              padding:0;
                            }

                            #contactform input{
                              float:left;
                              margin:0;
                              padding:0;
                              width:200px;
                              clear:both;
                            }

                            #contactform textarea{
                              float:left;
                              clear:both;
                              overflow:auto;
                              margin:0;
                              padding:0;
                              width:400px;
                              height:150px;
                            }

                            #contactform #submitbutton{
                              margin:0;
                              padding:0;
                              width:100px;
                            }




              /* --------------------------------
                      Navigation - inside
              -------------------------------- */

              #container ul, #container_home ul {
                /*margin:2em 0 2em -10px;*/
                margin:2em 0 2em 0;
              }

              #container li, #container_home li {
                display:inline;
                color:#CCC;
                list-style-type:none;
              }

              #container li a, #container_home li a{
                /*margin:0 10px 0 10px;*/
                margin:0;
              }


     /* --------------------------------
             Navigation - footer
     -------------------------------- */

     ul#footernav {
       margin:5px auto 30px auto;
       width:750px;
     }

     ul#footernav li{
       float:right;
       display:inline;
       color:#CCC;
       list-style-type:none;
     }

     ul#footernav li a{
       margin: 0 10px 0 10px;
       color:#999;
       text-decoration:none;
       border-bottom:1px dotted #999;
     }

     ul#footernav li a:hover{
       margin: 0 10px 0 10px;
       color:#666666;
       text-decoration:none;
       border:none;
     }

     ul#footernav li a img{
       margin:0 5px 0 0;
     }


/* --------------------------------
              Extras
-------------------------------- */

.notes {
  padding:2px;
  font-size:8pt;color:#999;
  background-color:#FFE;
  border:1px dashed #F0F0F0;
}