/* Universal Selector margin/padding Reset */
@font-face {
    font-family: "Myriad Pro";
    src: url(myriadpro.ttf);
}

* { margin:0; padding:0; }
html, body{
   font: normal 13px/20px Verdana, Geneva, sans-serif;
}
body {
  background:#ccc url(images/body-bg.jpg) repeat-x 0 0;
}
a:active,
a:visited,
a:link,
a{
   color:#333;
}
a:hover{
   color: #616161;
}
p {
  font:normal 13px/20px Verdana, Geneva, sans-serif;
  color:#333;
  padding:0;
  margin:10px 0 10px 0px;
  font-size: 14px;
}
a,
h2{
   font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
}
#container {
  width:950px;
  margin:0 auto;
}
#masthead h1 {
  display:block;
  float:left;
  width:269px;
  height:121px;
  text-indent:-9999px;
}
#masthead h1 a {
   behavior: url(/jp10f/PIE.htc);
   display:block;
   width:100%;
   height:100%;
   /*background:url(images/logo.jpg) no-repeat 0 0;*/
   outline:none;
   text-decoration: none;
   font-size: 45px;
   line-height: 38px;
   color: #333;
   text-shadow: 0px 2px 3px #666, -1px -1px #CCC;
   padding-top: 20px;
   text-indent: 0;
   text-transform:uppercase;
   letter-spacing: 2px; 
}
#masthead ul {
  display:block;
  float:left;
  height:121px;
  list-style:none;
  background:url(images/nav-sprite.jpg) no-repeat 0 0;
  text-align: center;
}
#masthead ul li {
  display:block;
  height:121px;
  float:left;
}
#sub-head {
   font-size: 18px;
   line-height: 20px;
}
#home {
  width:115px;
}
#portfolio {
  width:110px;
}
#about {
  width:114px;
}
#media{
   width: 112px;
}
#contact {
  width:116px;
}
#masthead ul li a {
  display:block;
  width:100%;
  height:100%;
  line-height: 135px;
 font-size: 22px;
 text-shadow: 0px 2px 3px #666, -1px -1px #CCC;
 text-decoration: none;
  outline:none;
  text-transform:uppercase; 
}
.capital{
   text-transform:uppercase;   
}
li#home a:hover {
  background:url(images/nav-sprite.jpg) no-repeat 0 -121px;
}
li#portfolio a:hover {
  background:url(images/nav-sprite.jpg) no-repeat -115px -121px;
}
li#about a:hover {
  background:url(images/nav-sprite.jpg) no-repeat -227px -121px;
}
li#media a:hover {
  background:url(images/nav-sprite.jpg) no-repeat -342px -121px;
}
li#contact a:hover {
  background:url(images/nav-sprite.jpg) no-repeat -452px -121px;
}
#featured-area {
  clear:both;
  height:304px;
  background:url(images/bg-featured.jpg) no-repeat 0 0;
}
#description {
  width:455px;
  margin:55px 0 55px 20px;
  float:left;
}
#description p {
  font:bold 30px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#fff;
}
#preview {
  width:445px;
  margin:55px 20px 55px 0;
  float:right;
}
#main-content {
  width:100%;
  float:left;
}
#main-column{
   margin-left: 20px;
}
#left-column {
  width:430px;
  margin-left:20px;
  float:left;
}
#right-column {
  width:475px;
  float:right;
}
h2#about-us {
  display:block;
  width:100%;
  height:45px;
  text-indent:-9999px;
  background:url(images/text-about.jpg) no-repeat 0 0;
}
h2#featured-work {
  display:block;
  width:100%;
  height:45px;
  text-indent:-9999px;
  background: url(images/text-featured.jpg) no-repeat 0 0;
  clear:both;
}
div.featured-contact,
div.featured {
  width:100%;
  height:166px;
  padding:10px 0 0 10px;
  background: url(images/featured-work-bg.jpg) no-repeat 0 0;
}

div.featured-contact{
   background: url(images/contact-feature-bg.jpg) no-repeat 0 0;
   height: 245px;
}
div.featured-contact div.content{
   width:455px;
   height:210px;
   overflow:hidden;
}
div.featured div.content {
  width:455px;
  height:146px;
}
#footer {
  clear:both;
  background-color:#333;
}
#footer p {
  margin:0 auto;
  padding:0;
  width:950px;
  color:#ccc;
  height:50px;
  line-height:50px;
}

#sub-menu ul a{
   text-decoration: none;
   color: #FFF;
   font-weight: bold;
   font-size: 16px;
}
#sub-menu ul a:hover{
   text-decoration: underline;
}
#sub-menu ul {
   margin: 20px 10px 10px 35px;
   color: white;
}

#sub-menu {
    font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
   float: right;
   background: transparent url(images/featured-work-bg.jpg) no-repeat 0 0;
   height: 166px;
   width: 475px;
   margin-left: 20px;
}
#container #featured-area #description p br {
	text-align: center;
}