body {
  background-color: #000;
  margin: 0;
  padding: 0;
  font-family: "trebuchet ms", "arial", "helvetica";
  font-size: 8pt;
  color: #fff;
}
img { margin: 0; padding: 0; border: 0; }

h1 { 
  font-family: "Times New Roman";
  font-weight: normal;
  font-size: 18pt;
  line-height: 28pt;
  color: #0a3a3e;
  margin: 0;
  padding: 0;
}
h2 { 
  font-family: "Times New Roman";
  font-weight: normal;
  font-size: 14pt;
  line-height: 28pt;
  color: #0a3a3e;
  margin: 15px 0 0 0;
  padding: 0;
}

a.minilink, a:visited.minilink { text-decoration: none; color: #ea0471; font-size: 10px; }
a:hover.minilink { color: #16e3f4; }

a, a:visited {  color: #16e3f4; }
a:hover { color: #ea0471;  }

p { margin: 0; padding: 0; }

#container {
  position: relative;
  margin: 0 auto;
  width: 713px;
  background-image: url('bg.jpg');
  background-repeat: no-repeat;
  background-position: 38px 0px;  
}
#header {
  position: relative;
  margin: 0 auto;
  width: 638px;
  height: 200px;
}

#homecontent {
  position: relative;
  margin: 0 auto;
  width: 638px;
}

#logo {
  position: absolute;
  top: 83px;
  left: 0;
}

#feature {
  position: absolute;
  top: -32px;
  left: -38px;
  width: 713px;
  height: 361px;
}

#homepaper {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('paper_bg.gif');
  background-repeat: no-repeat;
  width: 295px;
  height: 250px;
  padding: 45px 35px 0 38px;
}
#homepaper p {
  line-height: 18pt;
  color: #4f4d44;  
  font-size: 9pt;
  padding-top: 5px;
}
#photos {
  position: absolute;
  top: 0;
  right: 12px;
  background-image: url('frame.gif');
  background-repeat: no-repeat;
  width: 367px;
  height: 295px;
}
#photos #video {
  position: absolute;
  top: 29px;
  left: 26px;
}
#photos img {
  position: absolute;
  top: 29px;
  left: 26px;
}
#clickmes {
  position: absolute;
  top: 261px;
  right: 29px;
  background-image: url('clickmes_bg.gif');
  background-repeat: no-repeat;  
  width: 317px;
  height: 111px;
}

#clickmes a, #clickmes_on a, #clickmes a:visited, #clickmes_on a:visited {
  font-size: 10px;
  color: #76052f;
  text-decoration: none;
}

#clickmes #creative {
  position: absolute;
  top: 37px;
  left: 14px;
  display: block;
  width: 130px;
  height: 46px;
}

#clickmes #business {
  position: absolute;
  top: 29px;
  left: 176px;
  display: block;
  width: 132px;
  height: 50px;
}
#clickmes #business span {
  display: block;
  padding-top: 4px;
}

img.title {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
}

#news {
  position: relative;
  float: left;
  font-size: 10px;
  padding-top: 280px;
  padding-bottom: 20px;
  z-index: 150;
}
#news p {
  padding-bottom: 12px;
}

#recentwork div.items {
  margin: 0;
  padding: 0;
}
#recentwork div.items a {
  display: block;
  float: left;
  margin-right: 10px;
}

* html #recentwork div.items a {
  display: block;
  float: left;
  margin-right: 9px;
}

#recentwork div.items a.last {
  margin-right: 0;
}
#recentwork p {
  display: block;
  clear: both;
  padding-top: 15px;
}

* html #recentwork p {
  display: block;
  clear: both;
  padding-top: 0px;
}

.clear { clear: both; }

#tag {
  position: absolute;
  top: 141px;
  left: 76px;
}

#contact {
/*  color: #ea0471; */
  position: absolute;
  top: 11px;
  left: 487px;
  font-size: 10px;
}
#contact a {
  text-decoration: none; 
  color: #ea0471; 
  font-size: 10px;
}
#contact a:hover {
  text-decoration: none; 
  color: #16e3f4;
  font-size: 10px;
}

#nav {
  position: absolute;
/*  top: 31px; */
  top: 64px;
  left: 487px;
}
#nav a {
  display: block;
  margin-bottom: 19px;
}

#clientlist {
  position: absolute;
  top: 352px;
  right: 0;
  float: left;
  height: 128px;
  width: 314px;
  padding: 0;
  margin: 0;
}
#clientlist p {
  display: block;
  float: left;
  width: 70px;
  font-size: 10px;  
  padding: 0;
  margin-left: 11px;
}
#clientlist p.first {
  margin-left: 0;
}

img.preload {
  display: none;
}

#subcontent {
  position: relative;
  background-image: url('subpage_bg.jpg');
  background-repeat: repeat-y;
  margin-top: 45px;
  background-color: transparent;
  padding: 40px 230px 40px 40px;
  color: #68655a;
}
#subcontent h1 {
  margin: 0 0 10px 0; 
  padding: 0;
}
#subcontent p.subtitle {
  color: #fc1c78;
  font-style: italic;
  font-weight: bold;
  font-size: 11pt;
  margin: 0 0 20px 0;  
  line-height: 18pt;
}
#subcontent p {
  line-height: 18pt;
  font-size: 10pt;
}

/* new styles for blog content */

#blogcontent {
  position: relative;
  background-image: url('blogpage_bg.jpg');
  background-repeat: repeat-y;
  margin-top: 25px;
       margin-bottom: 25px;
  background-color: transparent;
  padding: 25px 230px 25px 40px;
  color: #33322e;
}
#blogcontent a:hover {
  background-color: #ea0471;
  color: #fff;
  text-decoration: none;
}
#blogcontent h1 {
  margin: 0 0 10px 0; 
  padding: 0;
  font-size: 24pt;  
}
#blogcontent h2 {
  margin: 0; 
  padding: 0;
}
#blogcontent p.subtitle {
  color: #fc1c78;
  font-style: italic;
  font-weight: bold;
  font-size: 11pt;
  line-height: 18pt;
}
#blogcontent p {
  line-height: 18pt;
  font-size: 10pt;
  padding: 7px 0 7px 0;
}

#blogcontent a, #blogcontent a:visited {
  color: #fc1c78;
}
#blogcontent a:hover {
color: #16e3f4;
}

/* END blog styles */

#portnav a {
  text-decoration: none;
}
#portnav {
  position: absolute;
  top: -41px;
  right: 35px;
  display: block;
  width: 341px;
  height: 70px;
  z-index: 100;
}
#portnav a.favorite {
  position: absolute;
  top: 9px;
  right: 183px;
  width: 149px;
  height: 41px;
  display: block;
  text-decoration: none;
  z-index: 98;
}
#portnav a.full {
  position: absolute;
  top: 5px;
  right: 7px;
  width: 150px;
  height: 39px;
  display: block;
  text-decoration: none;
  z-index: 99;
}


#subnav {
  position: absolute;
  top: -46px;
  left: 26px;
  display: block;
  width: 341px;
  height: 70px;
}
#subnav a.business {
  position: absolute;
  top: 4px;
  left: 177px;
  width: 149px;
  height: 41px;
  display: block;
  text-decoration: none;
}
#subnav a.creative {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  height: 39px;
  display: block;
  text-decoration: none;
}


#recentagencywork {
  position: absolute;
  top: 10px; 
  right: 27px;
  width: 152px;
  height: 473px;
  background-image: url('recent_bg.jpg');
  background-repeat: no-repeat;
  padding: 10px;
}
#recentagencywork a.thumb {
  display: block;
  margin-bottom: 10px;
}
#recentagencywork img.title {
  margin-top: 15px;
}
#recentagencywork a.minilink {
  display: block;
  padding-top: 5px;
  text-decoration: underline;
  color: #16e3f4;
}
#recentagencywork a.minilink:hover {
  display: block;
  padding-top: 5px;
  text-decoration: underline;
  color: #ea0471;
}
#recentagencywork p {
  color: #fff;
  font-size: 8pt;
  padding: 0 0 10px 0;
  margin: 0;
}



#blogcolumn {
  position: absolute;
  top: 245px; 
  right: 27px;
  width: 172px;
  padding: 140px 0 0 0;
  line-height: 16pt;
  color: #68655a;
}
#blogcolumn img.pic {
  position: absolute;
  top: 0;
  left: -6px;
}
#blogcolumn h2 {
  font-size: 12pt;
  font-weight: bold;
}
#blogcolumn p {
  font-size: 8pt;
}
#blogcolumn div.indent {
  border-left: 3px solid #e4e0d1;
  padding: 0 0 10px 18px;
  margin: 15px 0 0 0;
}
#blogcolumn div.indent a.active {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #fc1c78;
}




#foot {
  position: relative;
  margin: 0 auto;
  width: 638px;
}

#foot #copy {
  padding-top: 50px;
  line-height: 18pt;
  padding-bottom: 50px;
}
#foot #copy p {
  display: block;
  padding: 14px 0 0 161px;
  font-size: 10px;
}

#portcontent {
  position: relative;
  background-color: transparent;
  color: #68655a;
  padding: 0 0 0 33px;
  margin: 25px 0 0 0;
}

div.portclients {
  position: absolute;
  top: 17px;
  left: 40px;
  width: 125px;
  color: #fff;
  line-height: 18pt;
  z-index: 101;
}

div.portclients a, div.portclients a:visited {
  color: #fff;
  text-decoration: none;
}
div.portclients a:hover {
  color: #ea0471;
}
div.portclients a.active {
  color: #16e3f4;
}


div.port_frame {
  position: relative;
  background-image: url('port_frame.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 666px;
  height: 638px;
  clear: both;
}
div.port_frame img {
  margin-left: 22px;
  margin-top: 24px;
  width: 613px;
  height: 447px;
}

div.port_frame_full {
  position: relative;
  background-image: url('portframe_full.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 666px;
  height: 570px;
}
div.port_frame_full img {
  margin-left: 143px;
  margin-top: 23px;
  width: 505px;
  height: 368px;
}
div.port_frame_full div.description {
  width: 336px;
  float: left;
  line-height: 16pt;
  margin-left: 143px;
  padding-top: 35px;
  padding-right: 15px;
}

div.details div.imgs {
  height: 26px;
}
div.details div.imgs img {
  width: 6px;
  height: 6px;
  float: left;
  margin: 0;
  padding: 10px 15px 10px 0;
}
div.details div.imgs a {
}
div.details table {
  line-height: 16pt;
  font-size: 9pt;
  border-collapse: collapse;
}
div.details table th, div.port_frame table td {
  font-weight: normal;
  text-align: left;
  padding: 0;
  margin: 0;
}
div.details table th {
  font-size: 8pt;
  color: #fff;
  padding-right: 10px;
}
div.description {
  width: 450px;
  float: left;
  line-height: 16pt;
  margin-left: 20px;
  padding-top: 35px;
  padding-right: 15px;
}
div.details {
  padding-top: 27px;
  width: 152px;
  float: left;
}
div.description strong {
  font-weight: bold;
  color: #fff;
}

div.feed_component ul,
div.feed_component li {
list-style-type: none;
margin: 0;
padding: 0;
}
div.feed_component li div {
display: none;
}
#location_1 a, #location_1 a:visited {  color: #ea0471; }
#location_1 a:hover { color: #16e3f4;  }




/* Viviti Styles */

h1#site_heading {
  position: absolute;
  display: none;
}
h2#site_subheading {
  position: absolute;
  display: none;
}
div.blog_component h2 {
  position: absolute;
  display: none;
}
#blogcontent div.blog_post h3 {
  margin: 0;
  padding: 0;
}
#blogcontent div.blog_post h3.title a,
#blogcontent div.blog_post h3.title a:visited {
  display: block;
  font-family: "Times New Roman";
  font-weight: normal;
  line-height: 28pt;
  color: #0a3a3e;
  margin: 0 0 10px 0; 
  padding: 0;
  font-size: 24pt;  
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
#blogcontent div.blog_post h3.title a:hover { text-decoration: underline; cursor: pointer; }

#blogcontent div.blog_post div.date {
  color: #fc1c78;
  font-style: italic;
  font-weight: bold;
  font-size: 11pt;
  margin: 0 0 10px 0;  
  line-height: 18pt;
}
#blogcontent div.blog_post div.comments {
  margin: 10px 0 20px 0;
}
#blogcontent div.blog_post div.comments a {
  font-size: 10pt;
}
#primary_navigation {
  position: absolute;
  display: none;
}
#blogcontent div.blog_post {
  margin-bottom: 20px;
}
div.blog_post ul li,
div.blog_post ul li {
font-size:10pt;
line-height: 14pt;
}

#powered_by {
  font-size: 7pt;
  margin: 20px 0 0 0;
  padding: 0 0 0 161px;
  position: absolute;
  top: 75px;
  left: 0;
}
#powered_by img.vcon {
  position: relative;
  top: 4px;
}
#footer {

}

#comments {

}
#comment_count {

}

div.comment {
  background-color: #f8f4e6;
  padding: 15px;
  margin: 10px 0 10px 0;
  border: 1px solid #eecabd;
}
span.comment_number {
  display: none;
}
span.comment_name {
  font-weight: bold;
  font-size: 9pt;
}
#blogcontent span.comment_name a,
#blogcontent span.comment_name a:hover {
  text-decoration: underline;
}
span.date {
  font-weight: bold;
  font-size: 9pt;  
}

div.category { display: none; }
div.tags { display: none; }

#comments div.content p {
  font-size: 9pt;
  line-height: 14pt;
}
div.post_wrapper div.content p {
  display: block;
}
#blogcontent div.blog_post div.post_wrapper div.content h3 {
  font-family: "Times New Roman";
  font-weight: normal;
  font-size: 16pt;
  line-height: 20pt;
  color: #0a3a3e;
  margin: 0;
  padding: 20px 0 0 0;
}
#blogcontent div.blog_post div.content ul,
#blogcontent div.blog_post div.content ol {
line-height: 18pt;
}
#blogcontent div.blog_post div.content ul li,
#blogcontent div.blog_post div.content ol li {
margin-bottom: 10px;
line-height: 18pt;
}
div.post_wrapper div.content img {
border: 2px solid #e4e0d1;
}
div.feed_component div.component_content h3 {
  display: none;
}

#location_1 ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#location_1 ul li {
margin-bottom: 8px;
list-style-type: none;
margin-left: 0;
padding: 0;
line-height: 13pt;
margin-bottom: 8px;
}

#comment_form_area label {
  font-weight: bold;
}
#comment_form_area input, 
#comment_form_area textarea {
  padding: 3px;
}


#sharing a, #sharing a:visited {
color: #68655A;
text-decoration: none;
}

div.file {
  position: relative;
  background-color: #dbf0e8;
  padding: 15px;
  border: 1px solid #c6e2d7;
  margin: 10px 0 20px 0;
}
div.file span {
  position: absolute;
  top: 17px;
  left: 80px;
  display: block;
  width: 340px;
}
div.file span strong {
  color: #000;
}
#blogcontent div.file img { border: 0; }

ul.tweets a.tweet_date_posted {
  display: block;
  font-style: italic;
  text-decoration: none;
  color: #808080;
}
blockquote {
  font-size: 9pt;
  font-style: italic;
  line-height: 18pt;
}
/* END Viviti Styles */


table#hst {
border-collapse: collapse;
  border-top: 1px solid #999999;
}
table#hst tr td,
table#hst tr th {
padding: 5px;
  font-size: 10pt;
}
table#hst tr.taxheading td {
font-weight: bold;
  font-size: 11pt;
  padding-top: 20px;
}
table#hst tr {
border-bottom: 1px solid #999999;  
}