body,html
          {
            background-color: #DCDCDC;
            font-family: "Myriad Web",Arial, Helvetica, sans-serif;
            font-size: 9px;
            font-weight: bold;
            margin: 0px;
            color: #333333;
            height: 100%;
            width: auto;
          }
a
          {
            color: #993333;
            text-decoration: none;
          }
img
          {
            border: 0px;
          }
#nav li
          {
            display:inline;
            padding:0;
            margin:0;
          }
#nav a:link,
#nav a:visited
          {
            color:#FFF;
            background:#BBBBBB;
            padding-left: 7px;
            padding-top: 10px;
            padding-bottom: 10px;
            float:right;
            width:80;
            border-right:2px solid #DCDCDC;
            text-decoration:none;
            font-family: "Myriad Web", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-transform:uppercase;
          }
#nav a:hover
          {
            background:#993333;
            color: #FFF;
            text-decoration:none;
            font-family: "Myriad Web", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-transform:uppercase;
          }
#nav a:active
          {
            background:#993333;
            color:#FFF;
            text-decoration:none;
            font-family: "Myriad Web", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-transform:uppercase;
          }
#aboutus #nav-aboutus a,
#portfolio #nav-portfolio a,
#studio #nav-studio a,
#services #nav-services a,
#clients #nav-clients a,
#recruitment #nav-recruitment a,
#news #nav-news a,
#location #nav-location a,
#contact #nav-contact a
          {
            background:#993333;
            color:#FFF;
            text-decoration:none;
            font-family: "Myriad Web", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-transform:uppercase;
          }
#inner-wrapper
          {
            float: right;
            width: 900px;
            height: 438px;
            padding-right: 0px;
            padding-top: 0px;
            color: #333333;
            background-color: #EAEAEA;
          }
#port-nav
          {
            width:183px;
            margin:0;
            padding: 0px;
            list-style-type:none
          }
#port-nav li
          {
            display:inline;
            padding:0;
            margin:0;
          }
#port-nav-text a
          {
            color: #333333;
            padding-left: 1px;
            padding-right: 0px;
            padding-top: 2px;
            padding-bottom: 2px;
            float:left;
            width:183px;
            font-family: "Myriad Web",Arial, Helvetica, sans-serif;
            text-decoration:none;
            font-weight: bold;
            font-size: 10px;
            text-transform: uppercase;
          }
#port-nav-text a:hover
          {
            background:#F7F8F9;
            color: #333333;
            padding-left: 1px;
            padding-right: 0px;
            padding-top: 2px;
            padding-bottom: 2px;
            float:left;
            width:183px;
            font-family: "Myriad Web",Arial, Helvetica, sans-serif;
            text-decoration:none;
            font-weight: bold;
            font-size: 10px;
            text-transform: uppercase;
          }
a: active
          {
            color: #BBBBBB;
          }
a: hover
          {
            color: #993333;
          }
h3
          {
            font-weight: bold;
            font-size: 13px;
            color: #333333;
            text-transform: uppercase;
          }
h4
          {
            font-weight: bold;
            font-size: 15px;
            color: #000;
          }
h5
          {
            font-weight: bold;
            font-size: 19px;
            color: #3E343A;
          }
#medium-grey-text
          {
            font-weight: bold;
            font-size: 16px;
            color: #333333;
          }
.medium-grey-text
          {
            font-weight: bold;
            font-size: 16px;
            color: #333333;
          }
#medium-black-text
          {
            font-weight: bold;
            font-size: 16px;
            color: #000;
          }
#large-black-text
          {
            font-weight: bold;
            font-size: 18px;
            color: #000;
          }
.content-text-scrolled
          {
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #333333;
          }
.content-text
          {
            width: 900px;
            height: 438px;            
            padding-top: 30px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #333333;
          }
.red-contact
          {
            font-family: "Trbuchet MS", Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 20px;
            color: #993333;
          }
.grey-contact
          {
            font-family: "Trbuchet MS", Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 20px;
            color: #666666;
          }
.light-grey
          {
            color: #CCCCCC;
            font-size: 16px;
            font-weight: bold;
          }
.red-small
          {
            font-size: 10px;
            color: #993333;
          }
.red-medium
          {
            font-size: 12px;
            font-weight: bold;
            color: #993333;
          }
.grey-medium
          {
            font-size: 12px;
            font-weight: bold;
            color: #666666;
          }
.portfolio-cell
          {
            width: 150px;
            height: 85px;
            background-color: #BBB;
            color: #FFF;
            font-size: 10px;
            font-weight: bold;
            border-right: 5px solid #EAEAEA;
            border-bottom: 5px solid #EAEAEA;  
            padding-left: 8px;
            padding-top: 10px;
          }
.news-cell
          {
            width: 150px;
            height: 85px;
            background-color: #F0F0F0;
            border-right: 5px solid #EAEAEA;
            border-bottom: 5px solid #EAEAEA;  
            padding-left: 8px;
            padding-top: 10px;
            font-size: 10px;
            color: #333333;
          }
.small-dark-bold
          {
            font-weight: bold;
            font-size: 10px;
            color: #333333;
          }
.small-dark-bold a
          {
            font-weight: bold;
            font-size: 10px;
            color: #333333;
            text-decoration: none;
          }
.medium-white
          {
            color: #FFF;
            font-size: 12px;
            font-weight: bold;
          }  
.medium-white a
          {
            color: #FFF;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
          }
.portfolio-page
          {
            padding-top: 10px;
            width: 900;
            height: 428px;
          }
.portfolio-text
          {
            padding-top: 5px;            
            overflow: auto; 
            height: 310px; 
            width: 440px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #666666;
          }
.portfolio-text-short
          {
            padding-top: 5px;            
            overflow: auto; 
            height: 250px;
            width: 440px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #666666;
          }
.black-text
          {
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #000;
          }
.studio-text
          {
            overflow: auto; 
            height: 400px;
            width: 440px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #666666;
          }
.portfolio-thumbs img
          {
            padding-right: 10px;
          }

.porfolio-back-button a
          {
            background: #CCCCCC;
            padding: 3px;
            height: 15px;            
            text-decoration: none;
            color: #FFFFFF;
          }
.porfolio-back-button a:hover
          {
            background: #993333;
            padding: 3px;
            height: 15px;
            text-decoration: none;
            color: #FFFFFF;
          }
#news-link a
          {
            font-weight: bold;
            padding-left: 1px;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-right: 3px;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #000;
            text-decoration: none;
          }
#news-link a:hover
          {
            background: #993333;
            padding-left: 1px;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-right: 3px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #FFFFFF;
            text-decoration: none;

          }
.news-links a
          {
            font-size: 12px;
            background: #EAEAEA;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 2px;
            padding-right: 50px;
            text-decoration: none;
            color: #000;
            width: 300px;
          }
.news-links a:hover
          {
            font-size: 12px;
            background: #993333;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 2px;
            padding-right: 50px;
            text-decoration: none;
            color: #FFFFFF;
            width: 300px;
          }
.comp-text
          {
            overflow: auto; 
            height: 440px;
            width: 440px;
            font-weight: bold;
            font-size: 10px;
            letter-spacing: 0.5pt;
            color: #666666;
          }
#featurehead
          {
            font-family: "Trebuchet MS", Ariel, Helvetica, Sans-serif;
            font-weight: bold;
            font-size: 24px;
          }