@charset "UTF-8";

body {
	display:block;
	background-color:#FFF; 
	color:#222; 
	font-size:14px;
	font-family:'Arimo', Arial, Helvetica, Verdana; 
	margin-left:auto;
   margin-right:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:2;
	height:100%;
}

a:link, a:visited {
	color:#990000; 
	text-decoration:none;
}

a:hover, a:active {
	color:#CC0000;
	text-decoration:none;
}


/* MENUS =================== */

.navLogoleft {
	display:block;
	float:left;
	margin-left:-5px;
	padding-right:25px;
	margin-top:-2px;
}
.endLogo {
	display:block;
	float:right;
	padding-left:5px;
	margin-top:-1px;
	z-index:-1;
}

nav, .nav {
	display:block;
	position:relative;
	width:650px;
	height:25px;
	float:left;
	font-family:Verdana, Arial, Helvetica;
	text-transform:uppercase;
	margin-bottom:0px;
	color:#000;
}
.navSub {
	display:block;
	margin-top:-3px;
	border-top:solid 1px #ccc;
}

.navItem { 
	display:block;
	float:left;
	font-size:14px;
	height:20px; 
	padding-right:35px;
}
.navSubItem {
	display:block;
	float:left;
	font-size:12px;
	padding-right:25px;
}

.navItem a, .navSubItem a {
	color:#000000;
	text-decoration:none;
}
.navItem a:hover, .navSubItem a:hover {
	color:#CC0000;
}
.navItemSelected, .navSubItemSelected, .navItemSelected a, .navSubItemSelected a { 
	font-weight:bold;
	color:#000 
}

.logoFont { 
	font-weight:bold;
	
}

/* PAGE =================== */

.pageBG { /* all menu and content items; everything outside this div is empty browser bg */
	background-color:#FFF;
	width:900px;
	margin:0 auto;
	padding-top:15px; /* give the nav some vspace */
	/*min-height:80%;*/
}

.pageContent { /* specific-page related content, below menu & header */
	width:100%; 
	padding-bottom:20px;   /* Height of the footer */
}


.news {
	color:#333;
	font-size:12px;
	text-align:left;
	margin-top:10px;
	padding:0px;
	margin-bottom:-10px;
}


.header {
	display:block;
	margin-top:20px;
	width:100%;	
}
.headerImage {
	display:block; 
	width:900px;
	height:250px;
	overflow:hidden;
	z-index:-1;
	padding-top:0px; /* use for border */
}
.pullQuote {
	position:relative;
	display:block;
	font-size:20px; 
	color:#FFF; 
	background:#332926; 
	padding-left:10px;
	margin-top:-40px;
	height:40px;
	opacity:0.75;
}
.pullQuoteTop {
	margin-top:-250px;
}

.columns {
	display:block; 
	position:relative;
	margin-top:15px;
	width:910px;

}


.column3 { 
	display:block;
	float:right;
	width:280px;
	padding-left:10px; 
	height:100%;
}

.column12 { 
	float:left;
	display:block;
	width:590px;
	padding-right:10px;
	height:100%;
}

.column123 { 
	display:block;
	width:900px;
	float:left;
	height:100%;
}

.columnThirds {
	display:block;
	float:left;
	width:290px;
	padding-right:10px;
}
.columnThirdsR {
	padding-right:0px;
}

.columnHalf1, .columnHalf2 {
	width:420px;
	text-align:justify;
	float:left;
}
.columnHalf2 {
	margin-left:25px;
	padding-left:25px;
	border-left:dotted 1px #999; 
}

.footer {
	display:block;
	color:#999;
	font-size:7px;
	text-transform:uppercase;
	text-align:center;	
	/* position:relative;	
	padding-top:10px;	
	position: absolute;*/
	position:fixed;
	bottom: 0px;
	width:900px;
	background-color:#FFF;
	z-index:991;
	opacity:0.75;
	padding:0px;
}

.brown {
	background-color:#776A66; 
	color:#FFF;
}

/* SECTIONS =================== */

.listBox {
	float:left;
	width:290px;
	margin-left:-20px;
	font-size:12px;
}
.listItem {
	color:#fff; 
	background-color:#776A66; 
	font-size:12px;
	text-align:left;
	font-style:bold;
	line-height:1;
	padding:10px; 
	margin-bottom:1px;
}
.listItem a:hover {
	background-color:#EEE;
}

.brandList {
	color:#FFF;
	background-color:#776A66;
	font-size:12px;
	text-align:left;
	line-height:1.5;
	padding:20px; 
	margin-top:10px;
	margin-right:6px;
	width:180px;
	height:70px;
	float:left;
}
.brandListRight {
	margin-right:0px;
}

/* case study */

.caseStudyGroup {
	display:block;
	position:relative;
	width:900px;
	margin-top:20px;
	height:450px;
	float:left;
}
.caseStudy {
	display:block;
	position:relative;
	float:left;
	background:#ddd; 
	color:#FFF;
	width:290px; 
	height:100%;
	padding:0px; 
	margin-right:10px;
	border:1px solid #776A66;
}
.caseStudyR {
	margin-right:0px;
}
.caseStudyImage { 
	padding-left:25px;
	padding-top:5px;
	text-align:center;
	margin:0 auto;
}
.caseStudyText {
	background:#776A66;
	font-size:13px;
	text-align:left;
	line-height:1.25;
	padding:15px;
	width:260px; 
	height:256px;
	
}
.caseStudyText ul {
	margin-left:15px; 
	list-style-type:disc; 
	line-height:1.5;
}
.caseStudyTitle {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase; 
}


/* CONTACT */

.textLA, .textNY { 
	font-size:16px; 
	font-weight:bold;	
	line-height:1.25;
}
.contact {
	font-size:16px; 
	line-height:1.5;
}
.contactSmally {
	font-size:12px;
	color:#000; 
	line-height:1.5;
	text-align:justify;
	padding:5px; 
	padding-right:15px;
}
.contactCol, .contactColR {
	float:left;
	width:210px;
	height:165px;
	padding:5px;
	background:#eee;
	color:#000;
	margin-top:-10px;
	margin-left:-1px;
	margin-right:5px;
	border:1px solid #eee;
}

.contactColAddress {
	text-align:left;
	padding-left:5px;
	border:1px solid #CCC;
	cursor:pointer;
	background-image:url('images/contact-map-bg.jpg');
}

.contactColR {
	margin-right:0px;
	width:206px;
}

.contactPic {
	background:#776A66;
}
.mapDiv {
	margin-top:5px;	
}
.contactHead {
	color:#666;
	font-size:10px;
	line-height:1;
	font-weight:bold;
}
.contactSelected {
	color:#FFF;
	background:#776A66;
	background-image:url('images/contact-map-bg-hi.jpg');
}

/* ABOUT SERVICE */

.serviceBoxes {
	position:relative;
	display:block;
	width: 900px;
}

.serviceBox { 
	position:relative;
	display:block;
	float:left;
	width: 245px;
	height: 45px;
	padding: 25px;
	margin: 1px;
	text-align:center;
	font-size:14px;
	line-height:1.5;
	color: #FFF;
	background:#776A66;
}


/* WHO */

.whoHeader {
	display:block;
	float:left;
	text-align:left;
	width:900px;
	height:115px;
	margin-top:-5px; 
}

.bioThumbStripMask {
	position:relative;
	display:block;	
	width:900px;
	height:125px;
	overflow:hidden;
}
.bioThumbStrip {
	position:relative;
	display:block;	
	white-space:nowrap;
	left:0;
	width:2500px;	
	padding-bottom:15px;
	vertical-align:top;
	z-index:1;
}
.bioThumbStripBG {
	position:relative;
	left:0;
	background:#FFF; 
	width:900px;
	height:105px;
	top:-120px;
	z-index:0;
	opacity:0.75;
}
.bioImage, .bioImageHilite {
	margin-right:2px;
	margin-top:8px;
	width:100px;
	height:100px;
	cursor:pointer;
}
.bioImage {
	border:1px #776A66 solid;
	z-index:0;
}
.bioImageHilite {
	border:1px #CC0000 solid;
	z-index:2;
}

.bioArrowL, .bioArrowR {
	cursor:pointer;
}

.bioTitleOver {
	position:absolute;
	color:#FFF;
	padding-left:5px;
	font-size:12px;
	width:895px;
	background:#776A66; 
	margin-top:-19px;
	opacity:0.75;
}

/* bio text */

.bioTextArea {
	position:relative;
	top:0px;
	width:875px;
	height:800px;
	padding-left:10px;
	overflow:hidden;
}

.bioImageDetail {
	float:left;
	margin-left:-10px;	
	margin-top:0px;
	padding-right:15px;
	padding-bottom:0px;
}

.bioText {
	position:relative;
	color:#333;
	top:-10px;
	padding-top:5px; 
}
.bioTitle {
	color:#453d35; 
	font-weight:bold;
	font-size:16px;
	line-height:1;
}
.bioSubtitle {
	color:#453d35; 
	font-weight:normal;
	font-size:10px;
	line-height:1;
}


/* CLIENTS */

.clientsTitle {
	display:block;
	background-color:#776A66; 
	color:#FFF;
	padding-left:5px;
	font-weight:bold; 
} 

.clientsCol {
	display:block;
	float:left;
	width:200px; 
	padding-right:9px;
	border-right:dotted 1px #AAA; 
	height:100%;
}
.clientsColMid {
	padding-left:15px;
}
.clientsColRight {
	padding-left:15px;
	border-right:0px #FFF;
	width:210px;
}


/* VIDEO */

.videoPage {
	display:block;
	width:900px;
	margin-top:20px;
}

.videoPlayers {
	display:block;
	width:900px; 
	height:360px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;

}
.videoPlayer {
	display:block;
	background-color:#000;
	float:left;
}

.videoInfo {
	display:block;
	float:left;
	width:248px;
	height:360px;
	font-size:14px;
	color:#FFF;
 	text-align:left;
	line-height:1.25;
	padding-left:10px;
	background-color:#aaa;
}

.vidTitle {
	font-size:18px;
	padding-top:10px; 
}
.vidDescription { 
	font-size:12px;
	line-height:1.5;
	margin-top:15px; 
}

/* video thumbs */

.thumbGrid { /* the entire grid area */
	display:block;
	width:910px;
	margin-top:20px;
	padding-bottom:50px;
	min-height:400px;
}
.thumbCell { /* a stacked thumb (hi & lo) */
	float:left;
	margin-right:7px;
	margin-bottom:2px;
} 

.thumbImage { /* the image */
	border:1px #999999;
	border-style:solid;  
	overflow:hidden; 
	z-index:0;
	cursor:pointer;
	background-color:#ddd;
}
.thumbText { /* lower 3rd text */
	position:absolute;
	padding:1px;
	overflow:hidden; 
	z-index:3;
	cursor:pointer;
}
.thumbHilite { /* rollover hilite */
	position:absolute;
	border:1px #990000; 
	border-style:solid; 
	overflow:hidden;
	z-index:2;
	cursor:pointer;
}
.thumbEmpty {
	float:left;
	margin-right:7px;
	margin-bottom:2px;
	width:144px;
	height:82px;
	background-color:#ddd;
}

/* HOME SLIDESHOW =================== */

.slideshow {
 	width:900px;
	height:450px;
	border:0px solid #CCC;
	background-color:#000;
	overflow:hidden;
	position:relative;
	margin-top:15px;
}

.slideshowImage {
    width:100%;
    height:100%; 
    top:0px;
	left:0px;
    margin:0px ;
	background-color:#000;
    position:absolute;
    z-index:0;
}



/* GENERAL =================== */

.debug {
	text-align:left;
	font-size:12px;
	color:#999;
	margin-left:10px;
}

pre, .pre {
	color:#333;	
	font-weight:normal;
	font-family:inherit; 
}

table, .table {
	border-collapse:collapse;
	border-spacing:0px;
}

td, .td { 
	font-family:inherit; 	
}

ul { 
	list-style-type:circle; 
	padding:0; margin:0;
} 
 
/* Provide a fall-back for browsers that don't understand the new elements */
header, footer, nav, section, article, figure, aside {
  display:block;
} 

/* firefox fix */
a:focus, a:hover, a:active { outline:none; }