/* tag redefinition  */
body 
{
  background: white;
  color: rgb(50%,50%,50%);
  overflow-y: scroll;
  font-size: 10px; 
  text-align: justify;
  text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 
{
  font-size: 12px;
  text-transform: uppercase;
  margin: 0;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset
{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

pre, code
{
  font-family: monospace;
}

p {
  margin: 0 0 1em 0;
}

img {
  border: 0;
}

a
{
  color: rgb(50%,50%,50%);
  outline: none;
  -moz-outline-style: none;
  text-decoration: none;
  text-transform: uppercase;
}

a:hover, a:active 
{
  color: black;
}

/* named items */
#page 
{
  margin: 24px 0 0 24px;
}

#site-name
{
  font-size: 14.8px !important;
  font-weight: bold;
  display: inline;
}
#site-name a
{
  color: rgb(50%,50%,50%);
}
#site-name a.active
{
  color: black;
}

#site-nav,
#site-nav ul,
#site-nav li
{
  display: inline;
  font-size: 14.8px !important;
  padding: 0;
  margin: 0;
}

#header
{
  height: 22px;
}

#footer {
  text-align: right;
  width:528px;
  margin-top: 8px;
}

#subheader {
  clear:both;
  text-transform: uppercase;
}
#subheader #subheader-count,
#subheader #subheader-controls {
  display: none;
}

#container
{
  margin-top: 16px;
}

#content {
  min-height: 534px; /* 528 + 16 */
}

.messages 
{
  background: #666;
  border: 1px solid #ccc;
  color: #eee;
  padding:0.5em;
  margin:0.5em;
}

/*.field-field-column .field-item,*/
.page-columns .narrow-column, 
.page-column 
{
  width: 256px;
  margin: 0 16px 16px 0;
  float: left;
}

.page-columns .wide-column 
{
    width: 528px;
    margin: 0 16px 16px 0;
    float: left;
}

.page-columns .wide-column .wide-col-img
{
    margin: 2px 16px 16px 0;
    float: left;
}
/*
.portfolio-teaser,
.video-teaser
{
  clear: both;
}

.portfolio-teaser .portfolio-thumb, 
.video-teaser .video-thumb 
{
  width: 120px;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
}
*/
.view-nodequeue-1 .view-content,
.view-nodequeue-2 .view-content 
{
    width: 544px;
}

.portfolio-teaser,
.video-teaser 
{
  width: 120px;
  height: 140px;
  margin-right: 16px;
  margin-bottom: 16px;
  float: left;
  position: relative;
}

.portfolio-teaser .portfolio-links 
{
  display: none;
}
.portfolio-teaser:hover .portfolio-links 
{
  display: block;
  background: white;
  opacity: 0.7;
  position: absolute;
  top:0;
  left:0;
}
.portfolio-links ul.links.inline,
.portfolio-links ul.links li 
{
  display:block !important;
}

.portfolio-teaser .portfolio-title,
.video-teaser .video-title, 
#portfolio-info .portfolio-title, 
#video-panel .video-title
{
  line-height: 1em;
  margin-bottom:3px;
  vertical-align:top;
}
#portfolio-info .portfolio-caption {
  width: 528px;
}


.portfolio-teaser .portfolio-title,
.video-teaser .video-title 
{
  text-transform: uppercase;
}
.portfolio-teaser .portfolio-title a,
.video-teaser .video-title a
{
  font-weight: bold;
}

.video-teaser .video-caption,
.video-teaser .video-subheading
{
  display:none;
}


.node-photo .node-photo-photo, 
.node-video .node-video-video 
{
  margin-bottom: 16px;
}

.node-photo .node-photo-caption, 
.node-video .node-video-caption 
{
  text-transform: uppercase;
}

/*  portfolio */
#portfolio-info {
  text-transform: uppercase;
  float: left;
  margin-top:-1px;
}

#portfolio-panel #portfolio-thumbs {
	margin: 0;
	padding: 0;
	width: 544px;
	min-width: 544px;
	float:left;	
}
#portfolio-panel dl.thumbs  {
  margin:0;
  padding:0;
}
#portfolio-panel dl.thumbs dd {
  display:none;
}
#portfolio-panel dl.thumbs dt {
	float: left;
	padding: 0;
	width:136px;
	height:136px;
	margin: 0;
	list-style: none;
}
#portfolio-panel a.thumb {
	display: block;
}

#portfolio-panel a.thumb:focus {
	outline: none;
}
#portfolio-panel dl.thumbs img {
	border: none;
	display: block;
}

#photo-panel, #video-panel {
  display: none;
}

#video-video-caption, #portfolio-photo-caption {
  width:528px;
  text-transform: uppercase;
  clear:both;
}

#video-video {
  margin-bottom: 16px;
	width: 528px;
	display: inline-block;
}

#portfolio-photo {
    max-width: 528px;
	margin: 0 16px 16px 0;
	display: inline-block;
}



#portfolio-count,
#video-count {
  color:black;
}

#client-login {

width: 548px;
margin:  0;
padding: 0;
}
#client-login input.userfield {
width: 250px;
height: 16px;
margin: 0 16px 15px 0;
padding: 3px 2px 1px 2px;
border: 1px solid rgb(80%,80%,80%);
color: rgb(80%,80%,80%);
display: inline-block;
font-size: 10px;
}
#client-login input.button {
display:block;
margin: 0 15px 0 auto;
border: 0;
padding:0;
background: none;
text-transform: uppercase;
font-weight:bold;
color: rgb(50%,50%,50%);
font-size: 10px;
cursor: pointer;
}

#header-nav {
  height: 12px;
  background: url('header_nav_gray.gif') left top no-repeat;
}

#header-nav .nav-section {
  height: 12px;
  float:left;
}
#header-nav #nav-home {
  width: 263px;
}
#header-nav #nav-home.active,
#header-nav #nav-home:hover {
  background: url('header_nav_black.gif') left top no-repeat;
}
#header-nav #nav-still {
  width: 43px;
}
#header-nav #nav-still.active,
#header-nav #nav-still:hover {
  background: url('header_nav_black.gif') -263px top no-repeat;
}
#header-nav #nav-motion {
  width: 63px;
}
#header-nav #nav-motion.active,
#header-nav #nav-motion:hover {
  background: url('header_nav_black.gif') -306px top no-repeat;
}
#header-nav #nav-info {
  width: 38px;
}
#header-nav #nav-info.active,
#header-nav #nav-info:hover {
  background: url('header_nav_black.gif') -369px top no-repeat;
}
#header-nav #nav-contact {
  width: 74px;
}
#header-nav #nav-contact.active,
#header-nav #nav-contact:hover {
  background: url('header_nav_black.gif') -407px top no-repeat;
}
#header-nav #nav-login {
  width: 47px;
}
#header-nav #nav-login.active,
#header-nav #nav-login:hover {
  background: url('header_nav_black.gif') -481px top no-repeat;
}
#header-nav .nav-section a {
  display:block;
  height: 100%;
  width: 100%;
  margin: 0; 
  padding: 0;
  opacity: 0;
  text-indent: -9999px;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}