@charset "utf-8";
@media print {
#twocols,#maincol {
width:100%;
float:none
}

#leftcol,#rightcol {
display:none
}
}

.clear {
clear:both
}

#wrapper {
width:950px;
padding-bottom:60px;
margin-bottom:0;
margin-left:auto;
margin-right:auto
}

#full {
}



/* RESET */
h1,h2,h3,h4,h5,p,ul,li,blockquote,strong {
font-family: Arial, Helvetica, "MS Trebuchet", sans-serif;
color:#666;
margin:0;
padding:0
}

h1 {
font: bold 25px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
letter-spacing:-1px;
	color: #161616;
}

h1#recentwork {
	float: left;
	font-size: 28px;
	color: #57286d;
	padding-bottom: 10px;
}


blockquote {
	font: italic 21px Georgia, Times, "Times New Roman", serif;
	letter-spacing: 0;
	color: #343434;
	text-transform: capitalize;
	background-color: #f1f1f1;
	padding-left: 27px;
	padding-top: 20px;
	padding-bottom: 20px;
}

h3 {
color: #2f84fd;
font-size: 27px;
text-align: left;
	letter-spacing: -1px;
}

ul {
list-style:none;
font-size:12px;
margin-bottom:15px
}

h4 {
color:#3d3d3d;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

h5 {
font-size: 21px;
	padding-bottom: 19px;
}

h6 {
	color: #1c71fb;
	float: left;
	font: bold 41px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-right: 12px;
	letter-spacing: -1px;
	margin: 0 auto auto;
	text-shadow: #101010 1px 1px 3px;
}

a {
color: #737875;
text-decoration:none;
border-style:none
}

a.lightview {
}

#video-content div.projectTextBlock h2 a {
	font-size: 18px;
}

a:hover {
color:#000;
text-decoration:none
}

/* Page ELEMENTS */
p {
	color: #2c2c2c;
	text-align: left;
	font: 16px "Franklin Gothic Medium", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.index {
	border: none;
	font: bold 35px/39px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	text-align: left;
	color: #1b1b1a;
	letter-spacing: 0;
	margin-left: 0;
	margin-right: 0;
	float: none;
	padding: 0 3px 40px;
}

#video-content p {
	margin-left: 20px;
	font: 18px/25px Georgia, "Times New Roman", Times, serif;
}

img.head_img {
		border: 1px solid silver;
}

p#headline.index {
	padding-left: 147px;
	width: 392px;
	font-size: 15px;
}

div.bottom_cam {
padding-bottom:50px
}

body {
	background: url(images/main/bg_body.gif) repeat-x 0 -25px;
}



div#wrap {
text-align:left;
margin: auto;
padding:0;
	width: 960px;
}


div#header {
background:transparent no-repeat
}

#capabilitiesinfo {
	width: 43%;
	float: right;
	padding-right: 1px;
	padding-left: 13px;
}

#capabilitiesinfo ul li {
	font: 15px/19px "Century Gothic";
	color: #333337;
}

/* HEADER - LOGO ***************************************************/
div#header h1 {
position:absolute;
width:209px;
top:20px;
margin:0;
padding:0
}

div#header h1 a {
display:block;
width:209px;
height:122px;
background:transparent url(images/header.png) no-repeat;
margin:0;
padding:0
}

#two_col {
display:block;
padding-top:0;
width:951px;
margin-right:auto;
position:relative;
	margin-top: -219px;
}

#contactForm {
height:281px;
width:148px
}

.leftcol {
text-align: left;
	clear: both;
	float: left;
	padding-bottom: 15px;
}

#recentwork div.leftcol p {
	padding-top: 10px;
	font-style: italic;
	font-size: 21px;
	line-height: 22px;
}



.rightcol {
text-align:center;
	clear: both;
	margin: 0 auto;
}

.medium
{
	width:512px;
}
.rightabout {
	height: 145px;
	position: relative;
	width: 500px;
	right: 46px;
	float: right;
	top: 0;
}

#rightcol h2 {
font-size:18px;
	text-align: left;
	color: black;
}

p#excellence {
	width: 370px;
	margin-bottom: 231px;
}



#contact_index double hover h3 {
}

/* About */


/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.clearfix {
display:inline-block
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%
}

#headline {
margin:0
}

/* Triangle */
#triangle {
float:left;
clear:none;
width:29px;
margin-top:-2px
}

/* Index */

#index-headline {
height:100px;
background-image:url(images/transparency-w.png)
}

h1 span {
position:absolute;
left:-9999px
}

#container {
width:1140px;
min-width:800px;
background-color:#0b0b0b;
height:107px;
margin:auto;
padding:24px 65px 60px
}

#slideshow1 {
	display: block;
	height: 396px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
	width: 544px;
}

div#recentwork {
	padding-top: 15px;
	height: 380px;
	padding-bottom: 25px;
}


#digital-left-index {
float:none;
font:13px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#000;
text-transform:none;
text-align:center;
position:relative;
border-bottom: 1px solid #cecece;
	margin-top: -18px;
}

div.capabilities.secondary {
margin-top:-140px;
height:398px;
padding-bottom:50px
}

#digital-index {
font:bold 15px/24px Helvetica, Arial, sans-serif;
color:#0f0f0f;
float:none;
margin-left:auto;
margin-right:auto;
width:940px;
padding-top:10px
}

#capabilitiesImage {
	padding-bottom: 52px;
	float: left;
}

#index-header {
color:#FFF;
font:bold 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing:2px;
text-transform:uppercase;
text-align:center;
background:none no-repeat 0;
float:left;
margin-left:0
}

img.home {
	position: absolute;
	z-index: 0;
}

#index-body {
height:253px;
background:none 1px -26px;
margin-bottom:0;
margin-right:0
}

#index-body p {
display:none;
font-family:Georgia, serif;
font-size:20px;
font-style:italic;
font-weight:400;
letter-spacing:normal;
line-height:1.4em;
color:#000;
float:left;
text-align:left;
background-image:url(images/transparency-w.png);
width:462px;
margin-top:34px;
margin-left:20px;
padding:10px
}

/* Footer */

#post-footer {
	padding-top: 8px;
}
div#footerwrap {
border-top:1px solid #dee2e2;
border-bottom:1px solid #dee2e2;
padding-right:0;
padding-left:0;
margin-bottom:0;
margin-left:auto;
margin-right:0
}

div#footer {
width:960px;
display:block;
margin:0 auto;
padding:0
}

#footerNav {
right:0;
list-style-type:none;
z-index:99;
margin:0;
padding: 21px 0 20px;
	text-align: left;
}

#footerNav li.jhp {
padding-right:10px
}

div#footer div.container {
position:relative;
float:left;
border-right:1px solid #c9cfcf;
height:20px
}

div#footer div.container p {
width:190px;
margin:0;
padding:0
}

div#footer div.whoisthis.container {
height:0
}

div#footer div.whoisthis {
width:217px;
padding-right:0
}

div#footer div.whoisthis p {
width:119px
}

div#footer div.whoisthis span {
display:block
}

/* nav */
div#header ul#nav {
position:absolute;
top:0;
right:0;
list-style-type:none;
z-index:99;
margin:0;
padding:0
}

div#header ul#nav li a {
float:left;
cursor:pointer;
z-index:99;
border-bottom:none;
margin:0 0 0 6px;
padding:0
}

div#header ul#nav li.home a {
width:69px;
height:111px;
background:transparent url(images/nav/nav_home.png) no-repeat 0 0
}

div#header ul#nav li.home a:hover {
width:69px;
height:111px;
background:transparent url(images/nav/nav_home.png) no-repeat 0 -108px
}

div#header ul#nav li.home a.active {
width:69px;
height:114px;
background:transparent url(images/nav/nav_home.png) no-repeat 0 -221px
}

div#header ul#nav li.services a {
width:96px;
height:111px;
background:transparent url(images/nav/nav_services.png) no-repeat 0 0
}

div#header ul#nav li.services a:hover {
width:96px;
height:111px;
background:url(images/nav/nav_services.png) no-repeat 0 -108px
}

div#header ul#nav li.services a.active {
width:96px;
height:137px;
background:transparent url(images/nav/nav_services.png) no-repeat 0 -219px
}

div#header ul#nav li.capabilities a {
width:125px;
height:111px;
background:transparent url(images/nav/nav_capabilities.png) no-repeat 0 0
}

div#header ul#nav li.capabilities a:hover {
width:125px;
height:111px;
background:url(images/nav/nav_capabilities.png) no-repeat 0 -108px
}

div#header ul#nav li.capabilities a.active {
width:125px;
height:108px;
background:transparent url(images/nav/nav_capabilities.png) no-repeat 0 -221px;
margin-top:3px
}

div#header ul#nav li.about a {
width:69px;
height:111px;
background:transparent url(images/nav/nav_about.png) no-repeat 0 0;
text-transform:none
}

div#header ul#nav li.about a:hover {
width:69px;
height:111px;
background:url(images/nav/nav_about.png) no-repeat 0 -108px
}

div#header ul#nav li.about a.active {
height:111px;
background:transparent url(images/nav/nav_about.png) no-repeat 0 -222px;
width:69px
}

div#header ul#nav li.contact a {
width:96px;
height:111px;
background:transparent url(images/nav/nav_contact.png) no-repeat 0 0
}

div#header ul#nav li.contact a:hover {
width:96px;
height:111px;
background:url(images/nav/nav_contact.png) no-repeat 0 -108px
}

div#header ul#nav li.contact a.active {
width:96px;
height:111px;
background:transparent url(images/nav/nav_contact.png) no-repeat 0 -222px
}

/* VIDEO SERVICES */
.barLeft {
float:left
}

.barRight {
float:right
}

.projectTextBlock {
padding-left:20px;
margin-left:511px;
margin-bottom:50px
}

.projectTextBody {
padding-bottom:12px
}

.infoText {
line-height:18px
}

.hdButton a {
text-indent:-9999px;
float:left;
width:35px;
height:58px;
overflow:hidden;
background:url("images/hd.gif") no-repeat;
margin-bottom:58px
}

.sdButton a {
text-indent:-9999px;
float:left;
width:35px;
height:58px;
overflow:hidden;
background:url("images/sd.gif") no-repeat;
margin-bottom:58px
}

.topButton a {
text-indent:-9999px;
float:left;
width:57px;
height:58px;
overflow:hidden;
background:url("images/top_icon.gif") no-repeat;
margin-left:-60px;
margin-top: -30px}

#video-content {
width: 947px;
	margin-top: -36px;
	padding-bottom: 23px;
}

.video-ul ul {
	width: 731px;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin: auto;
}

.video-ul li {
list-style: none;
letter-spacing:0;
word-spacing:0;
	float: none;
	font: bold 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 17px;
	display: inline;
}

.divider {
clear:both;
border-top:1px dotted #ccc;
top:38px;
width:100%;
padding-right:10px;
margin-bottom:9px;
padding-top: 3px;
margin-top: 5px;
}

.video_headline {
color:#000;
font:16px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
letter-spacing:0;
padding:0
}

#project {
padding-left:35px;
margin-top:15px
}

#projects .project {
float:left;
position:relative;
width:270px;
overflow:hidden;
padding-right:10px
}

.project_thumbnail {
width:270px;
height:130px
}

.project_info {
width:270px;
height:53px;
background-color:#000;
border:none;
margin-top:22px
}

.project_info a {
color:#fff;
text-decoration:none;
float:left;
font:italic normal 26px/20px Georgia, serif;
border:0;
padding-top:5%;
width:270px;
text-align:center
}

.project_info visited {
letter-spacing:normal;
color:#fff;
text-decoration:none;
padding-left:31px;
float:left;
margin-top:18px;
font:italic normal 20px/20px Georgia, serif;
border:none
}

/* Capabilities */
#capabilities {
height:450px
}



div#header h1 a span,div#header ul#nav li a span {
display:none
}

#footerNav li,div#header ul#nav li {
display:inline;
margin:0;
padding:0;
	font-size: 17px;
}

p.name {
	border: none;
	font: bold 35px/39px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	text-align: left;
	color: #1760d6;
	letter-spacing: 0;
	margin-left: 0;
	margin-right: 0;
	text-shadow: #cecece 2px 1px 2px;
	float: left;
	padding-right: 8px;
}
.hdButton a:hover,.sdButton a:hover,.topButton a:hover {
background-position:0 -55px;
}

#div.rightcol img {
	width: 665px;
}