* {
  margin:0;
  padding:0;
}

body {
  font-family:arial,helvetica,serif;
  font-size:13px;
  color:#444;
  background-color:#F0F0F0;
}

a {
  color:#F90;
  text-decoration:underline;
}

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

img {
       border:none;
}

h3 {
  font-size:20px;
  color:#777;
}


      /* --------------------------------
               Container - main
      -------------------------------- */
      
      .topmost {
        margin:0 auto;
        padding:10px 0 5px 0;
        width:761px
      }

      .topmost h1 {
        text-align:right;
        font-size:11px;
        font-weight:normal;
        color:#999;
      }
      
      #container_home, #container {
        margin:0 auto 0 auto;
        padding:30px 38px 90px 38px;
        width:687px;
        background-color:#FFF;
        background-image:url(../images/br_trademark.jpg);
        background-position:bottom right;
        background-repeat:no-repeat;

      }

      #container_home p{
        margin:0 0 1em 0;
        line-height:1.5em;
        width:450px;
        font-size:14px;
        font-family:Arial, sans-serif;
      }
      
      #container_home h3{
        letter-spacing:1px;
        font-family:arial, trebuchet MS,sans-serif;
      }

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

      #container_home p a:hover{
        font-family:verdana,arial,helvetica;
        background:#FF9;
        text-decoration:none;
        border-bottom:1px dashed #F0F0F0;
      }


      #container p{
        margin:0 0 1em 0;
        line-height:1.3em;
        width:100%;
      }
      
      #container h3{ 
        margin:35px 0 3px 0;
        padding:0 0 2px 0;
        letter-spacing:0px;
        font-family:arial, trebuchet MS,sans-serif;
        border-bottom:1px solid #F0F0F0;
      }

      #container_home #photo {
        float:right;
      }

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

              #header {
                margin:0 0 20px 0;
                padding:0 0 5px 0;
                width:100%;
                height:65px;
                border-bottom:1px solid #F0F0F0;
              }
              
              img#logo {
                float:left;
                margin:0 0 20px 0;
                width:281px;
                height:49px;
              }
              
                            /* --------------------------------
                                        Portfolio page
                            -------------------------------- */
                            
                            ul.portfolio{
                              margin:0;
                              padding:0;
                            }

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

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


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

                            #contactform {
                              margin:0;
                              padding:0;
                            }
                            
                            #contactform label span {
                              color:red;
                              font-style:italic;
                            }
                            
                            #contactform .field {
                              margin:0 0 .5em 0;
                              padding:5px 10px;
                              font-weight:bold;
                              width:300px;
                              border:1px solid #DDD;
                              border-top:2px solid #DDD;
                              background-color:#EFEFEF;
                            }

                            #contactform div{

                              margin:0;
                              padding:0;
                            }

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

                            #contactform input{
                              float:left;
                              margin:0;
                              padding:0;
                              width:200px;
                              clear:both;
                            }
                                                       
                            #contactform textarea.field{
                              float:left;
                              clear:both;
                              overflow:auto;
                              width:550px;
                              height:180px;
                            }
                            
                            #contactform #submitbutton{
                              margin:10px 0 0 0;
                              padding:0;
                              width:100px;
                            }


      

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

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

              #container li, #container_home li {
                display:inline;
                font-weight:normal;
                font-size:13px;
                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 {
  float:left;
  margin:0 0 10px 0;
  padding:5px 10px;
  font-size:11px;
  color:#777;
  width:667px;
  background-color:#f7f5ec;
  border-top:1px dashed #c7b7a9;
  border-bottom:1px dashed #c7b7a9;
}

#container_porfolio {
  margin:15px auto 0 auto;
  width:100%;
}

#mainNav {
  float:right;
  padding:12px 0 0 0;
}

#mainNav li{
  float:left;
  color:#86674c;
  font-size:13px;
  margin:0 5px;
  padding:3px 5px;
}

#mainNav li a{
  float:left;
  color:#86674c;
  text-decoration:none;
}

#mainNav li a:hover{
  color:#FF9400;
}

#mainNav #active {
  border-bottom:3px solid #FF9400;
}

#introStatement {
  font-size:23px;
  font-weight:normal;
  font-family:georgia;
  color:#9a8a7c;
}

#introStatement span {
 font-size:17px;
}

.shortintro {
  float:left;
  width:620px;
}

#credits {
  margin:0 auto;
  font-size:9px;
  color:#999;
  width:770px;
}

#credits a{
  color:#999;
}

#credits a:hover{
  color:#F60;
  text-decoration:underline;
}

#credits label{
  float:left;
  margin:0 0 5px 0;
  font-size:12px;
  font-weight:bold;
  width:100%;
}

.blocker {
  clear:both;
}

#twitter_div {
  float:right;
  padding:5px 9px 0 9px;
  width:200px;
  background-image:url(../images/icon-twitter.gif);
  background-repeat:no-repeat;
  background-position:18px 5px
}

#twitter_div h4 {
  padding:15px 0 5px 63px;
  font-family:Georgia, Arial, Sans-serif;
  color:#9A8A7C;
  font-size:18px;
  font-weight:normal;
  font-style:italic;
}

#rightCol {
  float:right;
  width:209px
}

#twitter_update_list li {
  float:right;
  padding:7px 0 7px 0;
  width:190px;
  color:#9A8A7C;
  font-size:11px;
  border-bottom:1px dashed #CCC
}

#twitter_div a:hover {
  color:#C60;
  text-decoration:underline;
}


#twitter-link {
  float:right;
  padding:10px 0 0 16px;
  font-family:Georgia, Arial, Sans-serif;
  font-size:12px;
  font-style:italic;
  color:#9A8A7C;
  text-decoration:none;
  display:block;
  text-align:right;
  background-image:url(../images/arrow.jpg);
  background-position:0 14px;
  background-repeat:no-repeat
}

#rightCol #twitter-link:hover {
  color:#b3a83a;
  padding:10px 0 0 12px;
  text-decoration:none;

}

.tagLine {
  float:right;
  margin:-17px 0 0 0;
  padding:0 10px 0 0;
  font-size:11px;
  font-weight:normal;
  font-family: georgia, arial, sans-serif;
  color:#999;
  border:1px solid red;
}

.middleHeading {
  padding:0 0 5px 0;
  font-size:12px;
}

#footernav .tagLineBottom {
  padding:0 10px 0 0;
  font-size:12px;
  color:#999
}

.right {
  float:right;
}

.drupal-banner {
  float:left;
  margin:0 25px 0 0
}