body {
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size:12px;
	line-height: 14px;
	background-color: #E1702B;
	/* overflow: -moz-scrollbars-vertical; */
}

td {

	font-size:11px;
	font-family: Arial;
	color: #666666;

}

h1, h2, h3, h4 {
	padding:0px;
	margin-bottom:20px;
	margin-top:0px;
}

h1, h2 {
	font-size:18px;
	color:#F86F15;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color:#F67A28;
}

ul {
	 padding: 0;
	 margin: 0;	
}	

/* GENERAL BOUNDS */

#masthead .titleSet {
	position:absolute;
	top:115px;
	left:50px;
	width:390px;
}

#masthead .titleSet h1 {
	font-size:20px;
	margin-bottom:6px;
}

#masthead .subHeading {
	font-weight:strong;
	font-size:14px;
	line-height:22px;
	position: relative;
}

#masthead .subHeading a {
	color:#666666;
}

#masthead .subHeading a:hover {
	color:#F67A28;
}

#base {
	background: url('/images/bg/background.gif') #e17229 top center repeat-x;
}

#backframe {
	width:965px;
	padding-top: 15px;
}

#outline {
	position: relative;
	margin: 0 auto;
	width:965px;
	text-align: left;
}

#container {
	position: relative;
	text-align: left;
	background: url('/images/bg/bg_body.png') top center repeat-y;
}

/* Special Link Classes */

.readMoreLink {
	background: url(/images/gen/arrow.gif) no-repeat center left;
	padding-left: 10px;
	color: #F86F15;
}

.readMoreLink:hover {
	color: #666666;
}

.factSheetLink {
	background: url(/images/bg/fact_sheet_bg.gif) no-repeat center left;	
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	width: 241px; height: 25px;
	display: block;
	line-height: 200%;
}

.factSheetLink:hover {
	color: #cc3333;
}	

.emailUsLink {
	background: url(/images/gen/envelope.gif) no-repeat center left;
	padding-left: 30px;
	color: #F86F15;
}
.emailUsLink:hover {
	color: #666666;
}

.emailMe:hover {
	color: #F86F15;
}

.pdflink {
	background: url('/images/bg/download_pdf.gif') no-repeat center left;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	width: 230px; height: 25px;
	display: block;
	line-height: 200%;
}

.pdflink:hover {
	color: #cc3333;
}	

.downloadLink {
	background: url(/images/gen/pdf.gif) no-repeat center left;
	padding-left: 25px;
	padding-top:3px;
	padding-bottom:5px;
	color: #F86F15;
}

.downloadLink:hover {
	color: #666666;
}

/* Image overlays */

.overlay680x270 { 
	background: url(/images/bg/roundedges_big.png) no-repeat center left;	
	width: 680px; height: 270px;
	position: absolute;
	top: 0px; left: 0px;
}

.overlay220x125 { 
	background: url(/images/bg/roundedges_small.png) no-repeat center left;	
	width: 220px; height: 125px;
	position: absolute;
	top: 0px; left: 0px;
}

/* HEADER COMPONENTS */

.dottedDivider {
	background: url(/images/bg/dots_horizontal.gif) top left repeat-x;	
	width: 929px; height: 1px;
}	

#header {
	position:relative;
	background: url(/images/bg/bg_top.png) top center no-repeat;
	width:965px;
	height: 93px;
}

#headerLogo {
	position:absolute;
	left:30px;
	top:30px;
}

#headerContent img {
	margin: 25px 0px 0px 20px;
}

.mastheadBasic {
	text-align: center;	
}	

/* CONTENT */

.clear {
	clear:both;
	overflow:hidden;
	height:1px;
}

.left {
	float: left;
}

.right {
	float: right;
}

#contentCells {
	padding: 2px 11px;
}

#leftCell {
	float: left;
	width: 236px;
	margin-bottom: 10px;
}

#middleCell {
	float: left;
	width:699px;	
}	

#rightCell {
	float: left;
	width:184px;
}

#masthead {
	position:relative;
	height:300px;
	z-index:0;
}

#mhLeft {
	position:absolute;
	top:2px;
	left:-7px;
	width:7px;
	height:296px;
	overflow:hidden;
}

#mhRight {
	position:absolute;
	top:2px;
	right:-7px;
	width:7px;
	height:296px;
	overflow:hidden;
}

#mastheadMedia {
	position:absolute;
	top:2px;
	left:0px;
	height:296px;
	width:761px;
	overflow:hidden;
}

#breadCrumb {
	position: relative;
	height:30px;
}

#breadCrumbContent {
	position: absolute; 
	top: 8px; left: 240px;
}

#breadCrumbContent a {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#breadCrumbContent a.On {
	color:#F86F15;
}

.smallImageShade {
	background: url(/images/gen/image_shadow_small.png) no-repeat top left;
	width: 220px; height: 7px;
}

.largeImageShade {
	background: url(/images/gen/image_shadow_large.png) no-repeat top left;
	width: 682px; height: 12px;
}	

/* LEFT CELL COMPONENTS */

.subNavHeader {
	color: #6B6B6B;
	font-size: 24px;
	padding-bottom: 5px;
	padding-left: 7px;	
}

.subNav {
	padding: 14px 22px;
}

.subNav a {
	background: url(/images/nav/nav_arrow_grey.gif) no-repeat 98% 50%;
	padding-left: 8px;
	font-weight:bold;
	font-size:13px;
	display:block;
	text-decoration:none;
	line-height:1.8;
	color:#666666;
	padding-bottom:0px;
	margin-bottom:0px;

}

.subNav a.On {
	background: url(/images/nav/nav_arrow_orange.gif) no-repeat 98% 50%;
	color:#E17000;
}

.subNav a:hover {
	color:#E17000;
}

.horizontalDots {
	background: url(/images/bg/dots_horizontal.gif) repeat-x top left;
	 height: 1px;
	margin:0px;padding:0px;overflow:hidden;
}

.leftPadding {
	padding: 10px 17px 10px 12px;
}


/* MIDDLE CELL COMPONENTS */

#content {
	padding: 14px 15px;
}
	
/* RIGHT CELL COMPONENTS */

.quoteBlue {
	color: #336699;
	font-size: 19px;
	line-height: 130%;
	padding-left: 15px;
	margin-top: 20px;
	background: url(/images/bg/dots_vertical.gif) repeat-y top left;
}

.quoteGrey {
	background: url(/images/bg/quotation.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 130%;
	font-style: italic;
}	
	

/* FOOTER */

#footer {
	background: url(/images/bg/bg_footer.png) no-repeat top left;
	height: 113px; width: 965px;
	position:relative;
}
#footerBg { 
	display:none;
	height: 113px; width: 965px;
	position:relative;
}
#footerNav {
	position:absolute;
	top:0px; left:0px;
	 width: 965px;
	height: 32px;
	color: #ffffff;
	font-size:11px;
	font-weight: bold;
}

#footerNavLeft {
	float: left;
	padding-top: 15px;
	text-align: left;
	padding-left:30px;
}

#footerNavRight {
	float: right;
	padding-top: 15px;
	padding-right: 30px;
	text-align: right;
}

#footerNav a {
	color: #ffffff;
	font-weight: bold;
	padding:0px 2px;
}

#footerNav a:hover {
	color: #F86F15;
	font-weight: bold;
}

/* HOME */

.homeContent {
	text-align: center;
	padding: 0 20px;
}

#homeLeftContent {
	line-height: 140%;	
}	

#leftCellHome {
	float: left;
	width: 275px;	
	padding-bottom: 10px;
	text-align: left;
}

#middleCellHome {
	float: left;
	width: 365px;	
	padding-bottom: 10px;
	text-align: center;
}

#rightCellHome {
	float: right;
	width: 275px;
	text-align: left;
}

#homePortfolioDisplay {
	background: url('/images/bg/portfolio_home_bg.png') top left no-repeat;
	width: 930px; height: 495px;	
	text-align: left;
	position:relative;
}
#homePortfolioBg {
	position:absolute;
	
	width: 930px; height: 494px;	
	display:none;
}
#homePortfolioCases {
position:absolute;
	width: 930px; height: 495px;	
	top:0px;
	left:0px;
	}

#homePortfolioDisplay h3 {
	margin:0px;
	padding:0px;
	color:#fff;
	font-weight:bold;
	margin-left:20px;
	padding-top:20px;
	margin-bottom:5px;
	text-align:left;
	font-size:20px;
	}


.homePortfolioThumb {
	float: left;
	margin:4px;
	width: 217px; height:136px;
	background: url('/images/bg/portfolio_home_bg_small.png') top center no-repeat;	
}

#homePortfolioThumbOn {
	background: url('/images/bg/portfolio_home_bg_big.png') top center no-repeat;	
	display:block;
	position:absolute;
	width: 243px; height:162px;	
	z-index: 999;
	font-weight:bold;
}
#homePortfolioThumbOnBg {
	position:absolute;
	top:0px;left:0px;
	width: 243px; height:162px;	
	display:none;
	}

.homePortfolioThumb div {
 	margin-top: 7px;
 	margin-left:8px;
}

#homePortfolioThumbOn #puImgLink {
 	position:absolute;
 	display:block;
 	top: 12px;
 	left:11px;
}


#homePortfolioThumbOn #puGroup {
	position:absolute;
	bottom:9px;
	left:10px;
	color:#333 !important;
}
a:hover #puGroup {
	color:#333 !important;
}

#homePortfolioThumbOn #puLink {
	position:absolute;
	bottom:9px;
	right:10px;
	color:#949494 !important;
}
#puPlus {
	position:absolute;
	bottom:9px;
	right:10px;
	color:#DB7c2d;
	}

#mastContainer {
	position: relative;	
	width: 930px; height: 290px;
}	

.mast {
	position: absolute;
	top: 0px; left: -2px;
	width: 930px; height: 260px;
}

.mastLinkOut {
	position: absolute;
	top: 200px; right: 20px;
	height: 18px;		
	z-index: 500;
	font-weight: bold;
	text-align: left;
}	

.mastLinkOut div {
	height: 18px;
	float:right;
	line-height: 1.2;	
	}

.mastLinkOut a {
	color: #ffffff;		
}	

#mastWork {
	position: absolute;
	top: 200px; left: 20px;	
	height: 18px;	
	z-index: 500;
	font-weight: bold;
	text-align: left;
}

#mastWork div  {
	height: 18px;
	float:left;
	line-height: 1.5;	
}

#mastWork .links, .mastLinkOut .links {
	padding-left:3px;
	padding-right:3px;
	background: url('/images/bg/mast_link.png') top left repeat-x;		
}

.workLink {
	color: #666666;
	font-weight: bold;		
}	

.workLinkOn {
	color: #ffffff;	
	font-weight: bold;		
}	
/* SIDE APPS */

.sideAppTitle {
	color: #666666;
	font-weight: bold;
	padding-top: 10px;
}

.sideAppTitle a {
	color: #333333;
	padding-bottom:5px
	font-weight: bold;
}

.sideAppTitle a:hover {
	color: #666666;
}

/* Bios */

#peopleSub {
	padding: 0px 0px 3px 10px;
}

#peopleSub a {
	background: none;
	color: #666666;
	font-weight: normal;
	line-height: 130%;
}

#peopleSub a:hover {
	color: #F86F15;
}

.peopleSubOn {
	color: #F86F15;
}

.bioListing {
	float: left;
	text-align: center;
	width: 230px;
	padding-bottom: 20px;
}

.bioMore {
	padding-left: 20px;	
	background: url('/images/bg/plus.gif') top left no-repeat
}

.bioInfo {
	text-align: left;
	line-height: 130%;
}


.bioInfo a, .bioMail {
	color: #666666;
}

.bioMail {
	font-size: 12px;
}	

.bioMail:hover {
	color: #F86F15;
}	

#bioLeft ul {
	margin:0px;
	margin-top:30px;
	list-style-type:none;
	}

.bioList {
	padding-left: 20px;	
	background: url('/images/bg/bullet_orange.gif') 0 2px no-repeat;
	list-style: none;	
	color: #666666;
	line-height: 130%;
	font-size: 12px;
	/* font-weight: bold; */
}	

.bioHeaderName {
	color: #000;	
	font-size: 18px;
	font-weight: bold;
}

.bioHeaderTitle {
	color: #F86F15;
	font-size: 18px;
	font-weight: bold;
}


#bioLeft {
	float:left;
	width:440px;
	margin-bottom:15px;
}

#bioRight {
	float:left;
	width:184px;
	margin-top:30px;
	margin-left:20px;
	margin-bottom:15px;
}


/* Case Studies */

.portfolioList p {
	padding: 0px;
	margin: 0px;
}	

.portfolioPair {
	padding-bottom: 25px;	
}	

.portfolioShort {
	width: 325px;	
}

.portfolioThumb {
	position: relative;
}	

.portfolioThumb a {
	display: block;
	background: url(/images/bg/portfolio_thumb_bg.jpg) bottom center;
	width: 320px;height: 145px;
	vertical-align: bottom;
	overflow:hidden;
	text-align: center;
}

.portfolioThumb a img {
	position: absolute; 
	bottom: 0px; left: 8px;
	vertical-align: bottom;	
}

.portfolioShortCopy {
	padding: 10px 5px 0px 5px;
}

.portfolioNameLink strong {
	font-size: 12px;
	line-height: 18px;
	color: #000;	
}	

#portfolioGallery {
	background: url(/images/bg/gallery_bg.jpg) top center no-repeat;
	width: 680px;height: 281px;
	overflow: hidden;
	position:relative;
	padding: 0px;
}


.portfolioImage {
	position:absolute;top:0px;left:0px;	
	width: 680px;height: 281px;
	overflow:hidden;
	text-align:center;
	visibility:hidden;
}

.portfolioGalleryNav {
	position: relative;
	background: url(/images/bg/gallery_nav_bg.png) top center no-repeat;
	width: 680px;height: 29px;	
}

.portfolioGalleryNav .set {
	padding-top:5px;
	padding-left:15px;
	}

.portfolioGalleryNav .item {
	float:left;
	padding:5px;
	}

.portfolioGalleryNav .item a {
	display:block;	
	background: url(/images/gen/gallery_nav_btn.png) top center no-repeat;
	width:11px;
	height:11px;
}

.portfolioGalleryNav .item a:hover, .portfolioGalleryNav .item a.On {
	background: url(/images/gen/gallery_nav_btn_O.png) top left no-repeat;
}

.portfolioGalleryNav .portfolioSiteLink {
	position: absolute;
	top:7px; right:11px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	width:150px;
	text-align:right;
	background-image:none;
	padding: 0;
}

.portfolioGalleryNav .portfolioSiteLink:hover {
	background: url(/images/space.gif) top center no-repeat;
	color: #666666;
}



.portfolioServices {
	color: #F86F15; 
	font-weight: bold;
	padding: 5px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.portfolioServices a {
	background: url('/images/bg/bullet_orange.gif') 0 2px no-repeat;	
	color: #666666;
	padding-left: 12px;
}

.studyGroup {
	padding: 15px 0 0 0; 	
}

/* SERVICES */
.servicesShort {
	width: 230px;	
}	

.serviceLeft {
	width: 415px;
	float: left;
	font-size: 12px;
	line-height: 130%;
	padding-bottom: 20px;
}

.serviceLeft h1 {
	color: #F86F15;
}

.serviceLeft div {
	padding-bottom: 10px;
}	

.serviceLeft a {
	font-weight: bold;
}	

.serviceRight {
	width: 235px;
	float: right;
}	

.serviceRight h3 {
	font-size: 12px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}

.serviceRight .bioList {
	line-height: 110%
}

.serviceRight img {
	display: block;
}

.capabilites {
	background: url('/images/bg/capabilities_bg.jpg') left center repeat-y;	
	padding: 0 25px 0 15px;
}

.capabilitiesList {
	list-style: none;	
	padding-bottom: 4px;
	background: url('/images/bg/capabilities_bg.jpg') left center repeat-y;	
	font-size: 11px;
}

.capabilitiesList li {
	margin-bottom: 4px;
	padding-bottom: 4px;
	background:transparent url(/images/bg/dots_horizontal.gif) repeat-x scroll left bottom;
}

.capabilitiesList li a {
	background: url(/images/bg/plus_orange.gif) no-repeat scroll right top;
	width: 200px;
	display: block;
	color: #666666;	
}

.capabilitiesList li a:hover {
	color: #F67A28;
}	

/* video list styles */

.clientVideoGroup {
	padding-bottom:5px;
}	

.videoOwner {
	font-weight:bold;
	margin-bottom:1px;
}

.clientVideoGroup .videoLink {
	margin-left: 10px;
	display:block;
	background: url('/images/gen/arrow.gif') left center no-repeat;
	padding-left:10px;
	margin-bottom:1px;
}

#play_video {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 207px;
	height: 98px;
	right: 80px;
	bottom: -90px;
}


/* MODAL */

#blackOut {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 100%;
	background-image: url(/images/bg/modal_bground.png);
}

#OuterContainer,
#OuterContainer_vid {
	top: 137px;
	left: 0px;
	position: absolute;
	margin: auto;
	width: 100%;
	text-align: center;
	z-index: 100001;
}

#InnerContainer {
	position: fixed;
	background-color: #fff;
	position: relative;
	padding: 20px;
	margin: 0 auto;
	width: 600px;
	text-align: center;
}

#close_modal {
	clear: both;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	text-align: center;
}

#close_modal a {
	color: #999;
	text-decoration: none;
}

#videoSpot {
	z-index: 10000000000000;
}

/* NAV */
/*
a.Company { 
	color:#8E8B84; 
}

a.CompanyOn { 
	color:#F67A28; 
}

a.Company:hover { 
	color:#F67A28; 
	background: url(/images/nav/mn_rollover.png) no-repeat top left;
}
*/



/* HEADER NAV COMPONENTS */

#headerNav {
	position: absolute;
	top: 12px; right: 51px;
	height: 22px;width: 194px;
	font-size:12px;
	text-align: center;	
	color: #ffffff;
}

#headerNav a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
}

#headerNav a:hover {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color: #F67A28;
}

#mainNav {
	position: absolute;
	font-size:17px;
	bottom: 0px; right: 43px;
	width:370px;
	height:41px;
	color: #333;
	font-weight: bold;
	z-index:20;
}

#mainNav span {
	position:relative;
	padding:0px 12px;
}

#mainNav a {
	position:relative;
	padding:11px 0px;
	width:93px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	color: #333;
	text-align:center;
}

#mainNav a:hover, #mainNav a.on { 
	color:#F67A28; 
	background: url(/images/nav/mn_rollover.png) no-repeat top right;
}	

#mainNav #mnBlog {
	width:74px;
	background-image:none;
	}
#mainNav #mnBlog:hover {
	background: url(/images/nav/mn_rollover_blog.png) no-repeat top right;
	}

#headerBand {
	background: url('/images/bg/bg_bar_dark.gif') top left;
	height:2px;
	overflow:hidden;
}

#navBand {
	background: url('/images/bg/bg_bar_dark.gif') top left;
	height:5px;
	overflow:hidden;
}

.ddGroup {
	position:absolute;
	visibility:hidden;
	top:16px;
	right:0px;
	width:206px;
	z-index:30;	
	text-align:left;
}

.ddTop {
	background: url('/images/nav/mn_dropdown_top2.png') top left no-repeat;
	height:8px; width: 206px;
	overflow:hidden;
}


.ddLinks {
	background: url('/images/nav/mn_dropdown_linkBg.png') top left repeat-y;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	width:206px;
}

.ddLinks div {
	margin-left:10px;
	width: 185px;
}

.ddLinks div a {
	background: url(/images/nav/nav_arrow_gray_mn.gif) no-repeat 98% 50%; 
	color: #AAA8A2;
	display:block;
	padding:8px 0px 7px 10px;
}

.ddLinks div a:hover {
	background: url(/images/nav/nav_arrow_orange_mn.gif) no-repeat 98% 50%; 
	color:#F67A28; 
}

.Lined {
	border-top: 1px dotted #333;
/*	background: url('/images/bg/bg_bar_dark.gif') top left repeat-x; */
}

.ddBottom {
	background: url('/images/nav/mn_dropdown_bottom.png') top left no-repeat;
	height:8px; width: 206px;
	overflow:hidden;
}

/* PLAYING HARD PAGE */

#imageNav {
	height:15px;
	position: absolute; 
	top: 290px; left:251px;
}

.imgSwitchBox,.imgSwitchBoxOn {
	 display:block;
	 width:10px; height:10px;
	 background-color:#afafaf;
	 float:left;
}

.imgSwitchBoxOn { background-color:#F67A28; }

.imgSwitchDiv {
	 display:block;
	 float:left;
	 width:2px;
	 height:10px;
	 overflow:hidden;
}

#imageDisplay, #captionField { 
	position:relative; 
}

#imageDisplay img { 
	position:absolute;
	visibility:hidden;
	width: 700px; 
	top: 30px;left:0px;
}

#imageStack img {
	position: absolute;
	top: 0px; left: 0px;
	width: 0px; height: 0px;
}

/* CONTACT PAGE */

#map {
	position:absolute;height: 350px;width:329px;top:235px;left:610px;	
}

/* QUOTE FORM */

.quote {
	padding: 25px;	
}

.quote-form {
	background: url('/images/bg/form_bg.jpg') top left repeat-y;
	padding: 0 15px;
	line-height: 20px;
}

.quote-form input {
	width: 305px;	
}

.quote-form textarea {
	width: 625px;	
}

.quote-form td {
	padding: 0 10px;	
	font-size: 13px;
}

.quote-form a img {
	margin:0 0 0 160px;	
}

.quote-step {
	font-weight: bold;
	font-size: 14px;
	color: #F86F15;
}	

.quote-desc {
	font-weight: bold;
	font-size: 14px;
}