/* @override http://red/css/screen.css */

@import url(reset.css);

#posterous_required_header {
	display: none;
}

/* @group Generic */

/* @group Font Sizes and Margins */

html, body {
	height: 100%;
}

body {
	background: #fbfbf7 url('/images/layout/black-bar.png') repeat-y right top;
	color: #000000;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

body.home {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url('/images/layout/bg-1.jpg');
}

::-moz-selection{ 
	background: #103961; 
	color: #000; 
	text-shadow: none; 
}

::selection { 
	background :#103961; 
	color: #000; 
	text-shadow: none; 
} 

/*  j.mp/webkit-tap-highlight-color */
a:link { 
	-webkit-tap-highlight-color: #103861; 
} 

p,
td,
li,
th,
dt,
dd {
	font-size: 1.2em;
	line-height: 1.5;
}

li li,
li p,
td li {
	font-size: 1.0em;
}

p {
	margin: 0.5em 0 1.3em;
	font-size: 11px;
	line-height: 14px;
}

/* @end */

/* @group Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 0;
	line-height: 1.5;
}

h1,
h2,
h3,
ul.nav li a,
ul.footer li,
.owner li,
span.project,
ul.social li {
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
	font-weight: bold;
}

h1 {
	background: transparent url('/images/layout/h1-bg.png') no-repeat right center;
	font-size: 11px;
	color: #fff;
	display: inline;
	padding-right: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: -6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

h1 span {
	background-color: #000;
	display: inline-block;
	padding: 5px 19px 4px;
}

h2 {
	font-size: 17px;
	color: #cc0000;
	text-transform: uppercase;
	line-height: 1em;
}

h3 {
	font-size: 2.1em;
}

h4 {
	font-size: 1.8em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.2em;
}

/* @end */

/* @group Blockquotes */

blockquote {
	margin: 1em 0;
}

blockquote p {
	margin: 1em;
}

blockquote p cite {
	display: block;
	text-align: right;
}

blockquote p cite:before {
	content: "— ";
}

/* @end */

/* @group Lists */

ul,
ol {
	margin: 0.5em 0;
}

li {
	margin: 0.25em 0;
}

ul li {
	list-style: disc;
	margin-left: 1.6em;
}

ul.square li {
	list-style-type: square;
}

ol li {
	list-style: decimal;
	margin-left: 1.6em;
}

ul.horizontal li {
	border-right: 1px solid #999999;
	display: inline;
	float: left;
	margin: 0 0.8em 0 0;
	padding: 0 0.8em 0 0;
}
	
ul.horizontal li.last {
	border-right: 0 none;
	padding-right: 0;
	margin-right: 0;
}

hr {
	background: transparent url('/images/layout/dots.gif') repeat-x left top;
	border: 0 none;
	margin-bottom: 16px;
	margin-top: 16px;
	height: 1px;
}

/* @end */

/* @group Tables */

table {
	margin: 1em 0;
	width: 100%;
}

table td,
table th {
	padding: 9px 11px;
	text-align: left;
}

/* @end */

/* @group Links */

a:link {
	color: #cc0000;
}

a:visited{ 
	color: #cc0000;
}

a:hover {
	color: #cc0000;
}

a:active {
	color: #cc0000;
}

/* @end */

/* @group Images, Pullquotes and Callouts */

a img {
	border-width: 0;
}

img {
	margin: 0;
	padding: 0px;
}

img.border {
	border: 1px solid #b3b3b3;
	margin-left: 30px;
	float: right;
}

.image-left,
div.callout-left,
div.pullquote-left {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

.image-right,
div.callout-right,
div.pullquote-right {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

div.image-left,
div.image-right {
 	width: 100px;
}

img.image-left,
img.image-right,
.image-left img,
.image-right img {
	border: 1px solid #1f1d1d;
	display: block;
}

.image-left p,
.image-right p {
	color: #797979;
	color: rgba(102, 102, 102, 0.99);
	font-size: 1.1em;
}

div.pullquote-left,
div.pullquote-right {
	background-color: #000;
	border-width: 3px 0;
	color: rgba(255, 255, 255, 0.99);
	font-size: 160%;
	line-height: 1.5;
}

div.callout-left,
div.callout-right {
	background-color: #666;
}

/* @end */

/* @group Clear */

.clear {
	height: 0px;
	line-height: 0px;
	clear: both;
}

.clear span {
	position: absolute;
	left: -9999em;
}

.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

/* @end */

/* @group Grid */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	float: left;
	display: inline;
}

.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* @end */

/* @group Forms */

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  
	width: auto; overflow: visible; 
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { 
	vertical-align: text-bottom; 
}

input[type="checkbox"] { 
	vertical-align: bottom; 
	*vertical-align: baseline; 
}

.ie6 input { 
	vertical-align: text-bottom; 
}


/* @end */

/* @end */

/* @group Layout */

#content-main,
#content-sub {
	float: right;
}

#content-main {
	width: 780px;
	padding-top: 33px;
}

#content {
	background: transparent url('/images/layout/black-bar.png') repeat-y right top;
}

#content-sub {
	background: transparent url('/images/layout/sidebar-splatter.png') no-repeat right top;
	width: 198px;
	padding-left: 157px;
}

/* @end */

/* @group Footer */

.home ul.footer {
	position: absolute;
	bottom: 0;
	margin-top: 0;
}

ul.footer {
	margin-top: 40px;
	padding-bottom: 100px;
}

ul.footer li {
	float: left;
	list-style: none;
	margin: 0;
	border-right: 1px solid #bbb;
	padding-right: 19px;
	margin-right: 19px;
}

ul.footer li.last {
	border: none;
}

ul.footer li,
ul.footer li a {
	color: #bbb;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 9px;
}

ul.footer li a:hover {
	color: #000;
}

/* @end */

/* @group Content Sub */

a#logo {
	background: transparent url('/images/layout/logo.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	height: 208px;
	margin-left: -92px;
}

ul.nav {
	background-color: #cc0000;
	width: 155px;
	margin: -59px 0 40px 22px;
	padding: 4px 0;
}

ul.nav li {
	list-style: none;
	margin: 0;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.nav li a:link,
ul.nav li a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	display: block;
	padding: 3px 0 4px 28px;
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

ul.nav li.active {
	background: transparent url('/images/layout/nav-active-arrow.png') no-repeat left top;
	margin-left: -10px;
	padding-left: 10px;
}

ul.nav li.active a,
ul.nav li a:hover {
	color: #fff;
}

ul.nav li.active a {
	background-color: #9c0000;
}

ul.nav li.home a {
	background-image: url('/images/layout/nav-home-off.png');
}

ul.nav li.home.active a,
ul.nav li.home a:hover {
	background-image: url('/images/layout/nav-home-on.png');
}

ul.nav li.news a {
	background-image: url('/images/layout/nav-news-off.png');
}

ul.nav li.news.active a,
ul.nav li.news a:hover {
	background-image: url('/images/layout/nav-news-on.png');
}

ul.nav li.work a {
	background-image: url('/images/layout/nav-work-off.png');
}

ul.nav li.work.active a,
ul.nav li.work a:hover {
	background-image: url('/images/layout/nav-work-on.png');
}

ul.nav li.services a {
	background-image: url('/images/layout/nav-services-off.png');
}

ul.nav li.services.active a,
ul.nav li.services a:hover {
	background-image: url('/images/layout/nav-services-on.png');
}

/* @end */

/* @group Home */

.home #content-main {
	width: 780px;
	padding-top: 210px;
	margin-right: -157px;
	display: inline;
	position: relative;
	height: 753px;
}

.home #content {
	width: 979px;
	float: right;
	height: 100%;
}

.home #content-sub {
	height: 100%;
}

ul.featured {
	background: transparent url('/images/layout/home-content-main-bg.png') no-repeat left top;
	float: right;
	padding: 110px 13px 141px 131px;
}

ul.featured li {
	list-style: none;
	margin: 0 0 0 13px;
	float: left;
	display: inline;
	width: 146px;
	height: auto;
}

ul.featured li a,
ul.featured li img {
	height: 72px;
	width: 146px;
	display: block;
	background-position: center center;
}

ul.featured li a {
	text-decoration: none;
}

ul.featured div.extra,
div.video-meta {
	background: transparent url('/images/layout/arrow-white-up.gif') no-repeat 8px top;
	padding-top: 7px;
	display: none;
}

ul.featured div.extra div,
div.video-meta div {
	background-color: #fff;
	padding: 11px 10px;
}

ul.featured h2,
div.video-meta h2 {
	margin: 0;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	line-height: 13px;
}

ul.featured p,
div.video-meta p {
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin: 0.2em 0 0.8em;
}

/* @end */

/* @group Services */

.services #content-sub,
.work #content-sub,
.blog #content-sub {
	height: 900px;
}

.services #content-main,
.work #content-main,
.blog #content-main {
	width: 636px;
	margin-right: -16px;
}

.services #content-main hr {
	margin-right: -22px;
}

.our-services {
	float: left;
	width: 395px;
}

.owner {
	background: transparent url('/images/layout/dots.gif') repeat-y right top;
	float: left;
	width: 190px;
	padding-right: 31px;
	margin-right: 20px;
	margin-top: 7px;
}

.owner h2 {
	margin-top: 16px;
}

.owner h3 {
	color: #717171;
	font-size: 11px;
	margin: -8px 0 8px;
	text-transform: uppercase;
}

.owner li,
ul.social li {
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8px;
	float: left;
	letter-spacing: 2px;
	margin: 0;
}

.owner li.connect,
ul.social li.connect {
	padding-top: 7px;
	padding-right: 8px;
}

.owner li a,
ul.social li a {
	background: transparent url('/images/layout/social.png') no-repeat left top;
	display: block;
	text-indent: -9999px;
	width: 29px;
	height: 27px;
}

.owner li.twitter a,
ul.social li.twitter a {
	background-position: -29px;
}

#content-main .our-services ul {
	margin: 10px 0 20px;
}

#content-main .our-services li {
	font-size: 11px;
	list-style: none;
	background: transparent url('/images/layout/bullet-square-red.gif') no-repeat left center;
	margin: 0 0 0 4px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 14px;
}

.demo-reel {
	background: transparent url('/images/layout/dots.gif') repeat-y left top;
	float: right;
	padding-left: 14px;
	padding-right: 16px;
}

/* @end */

/* @group Work */

span.project {
	background: transparent url('/images/layout/project-title-bg.png') no-repeat left top;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 7px 7px 6px 43px;
	letter-spacing: 2px;
	margin-left: -20px;
	width: 350px;
	display: inline-block;
	position: relative;;
	height: 41px;
	z-index: 100;
}

#video {
	background-color: #000;
	padding: 20px 0;
	margin-top: -17px;
	display: block;
	position: relative;
	z-index: 50;
	margin-right: -16px;
}

div.video-meta {
	display: block;
	float: right;
	width: 156px;
	margin-top: -20px;
	position: relative;
	z-index: 100;
	margin-right: -72px;
	font-family: "Gill Sans", Arial;
}

div.video-meta div {
	padding-top: 18px;
	background: #fff url('/images/layout/dots.gif') repeat-y left top;
	padding-left: 14px;
	padding-bottom: 0;
}

div.video-meta h2 {
	margin-bottom: 7px;
}

div.video-meta ul {
	margin: -13px 0 0;
}

div.video-meta li {
	list-style: none;
	margin: 0;
	background: transparent url('/images/layout/bullet-arrow-black.gif') no-repeat left 5px;
	font-size: 11px;
	padding-left: 12px;
}

div.video-meta li a {
	text-decoration: none;
}

div.video-meta li a:hover {
	text-decoration: underline;
}

div.video-meta p {
	font-weight: normal;
	margin-bottom: 14px;
	font-size: 11px;
}

ul.video-list {
	margin: 14px 0 52px;
}

ul.video-list li {
	list-style: none;
	margin: 0 18px 10px 0;
	float: left;
	display: inline;
}

ul.video-list li a {
	text-decoration: none;
}

ul.video-list li a,
ul.video-list img {
	border: 1px solid #bcbcbc;
	width: 164px;
	height: 80px;
	display: block;
	background-position: center center;
}

/* @end */

/* @group Blog */

.blog-entry {
	background: transparent url('/images/layout/dots.gif') repeat-x left top;
	padding-top: 5px;
	margin-top: 10px;
}

.blog-entry p a:link,
.blog-entry p a:visited {
	text-decoration: none;
}

.blog-entry p a:hover {
	text-decoration: underline;
}

.blog-entry h2 {
	color: #717171;
	line-height: 21px;
	margin-bottom: 10px;
}

.blog-entry .date {
	background: transparent url('/images/layout/dots.gif') repeat-y right top;
	float: left;
	width: 102px;
	margin-right: 18px;
	position: relative;
	top: -2px;
}

.blog-entry img {
	margin-bottom: 5px;
}

.blog-text {
	float: left;
	width: 498px;
	font-size: 11px;
	line-height: 14px;
}

.day,
.month,
.year {
	background-repeat: no-repeat;
	height: 26px;
	width: 79px;
}

.day {
	background-position: left top;
	margin-top: 16px;
	margin-bottom: 9px;
}

.month {
	background-position: right top;
}

.year {
	background-position: right bottom;
}

.blog hr {
	margin-bottom: 25px;
}

ul.social {
	margin-top: 0;
}

ul.social li.facebook a {
	width: 26px;
}

ul.social li.delicious a {
	background-image: url('/images/layout/social-delicious.png');
}

a.paging:link,
a.paging:visited {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	text-indent: -9999px;
	width: 181px;
	height: 25px;
	margin-right: 1px;
	margin-top: 10px;
}

a.paging.older {
	background-image: url('/images/layout/older-posts.png');
}

a.paging.newer {
	background-image: url('/images/layout/newer-posts.png');
}

/* @end */