/*---------------------------------------------------------------------------
 Reset / HTML5 Boilerplate
 ---------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid {  } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #333; color:#fff; text-shadow: none; } ::selection { background:#333; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #333; } button {  width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } body, select, input, textarea {  color: #333; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; }

/*---------------------------------------------------------------------------
 Web Fonts

 @license
 MyFonts Webfont Build ID 911770, 2011-08-09T12:08:27-0400

 The fonts listed in this notice are subject to the End User License
 Agreement(s) entered into by the website owner. All other parties are
 explicitly restricted from using the Licensed Webfonts(s).

 You may obtain a valid license at the URLs below.

 Webfont: Zurich
 URL:http://new.myfonts.com/fonts/bitstream/zurich/zurich/
 Foundry: Bitstream
 Copyright: Copyright 1990-1999 as an unpublished work by Bitstream Inc.  All rights reserved.  Confidential.
 License: http://www.myfonts.com/viewlicense?1056
 Licensed pageviews: 10,000/month
 CSS font-family: ZurichBT-Roman
 CSS font-weight: normal
 CSS font-style: normal

 Webfont: Zurich Italic
 URL:http://new.myfonts.com/fonts/bitstream/zurich/italic/
 Foundry: Bitstream
 Copyright: Copyright 1990-1999 as an unpublished work by Bitstream Inc.  All rights reserved.  Confidential.
 License: http://www.myfonts.com/viewlicense?1056
 Licensed pageviews: 10,000/month
 CSS font-family: ZurichBT-Italic
 CSS font-weight: normal
 CSS font-style: normal

 Webfont: Zurich Bold
 URL:http://new.myfonts.com/fonts/bitstream/zurich/bold/
 Foundry: Bitstream
 Copyright: Copyright 1990-1999 as an unpublished work by Bitstream Inc.  All rights reserved.  Confidential.
 License: http://www.myfonts.com/viewlicense?1056
 Licensed pageviews: 10,000/month
 CSS font-family: ZurichBT-Bold
 CSS font-weight: normal
 CSS font-style: normal

 Webfont: Zurich Bold Italic
 URL:http://new.myfonts.com/fonts/bitstream/zurich/bold-italic/
 Foundry: Bitstream
 Copyright: Copyright 1990-1999 as an unpublished work by Bitstream Inc.  All rights reserved.  Confidential.
 License: http://www.myfonts.com/viewlicense?1056
 Licensed pageviews: 10,000/month
 CSS font-family: ZurichBT-BoldItalic
 CSS font-weight: normal
 CSS font-style: normal

 (c) 2011 Bitstream Inc
 ---------------------------------------------------------------------------*/

 @font-face {font-family: 'ZurichBT-Roman';src: url('../_media/webfonts/eot/style_82.eot') format('embedded-opentype'),url('../_media/webfonts/woff/style_82.woff') format('woff'),url('../_media/webfonts/ttf/style_82.ttf') format('truetype'),url('../_media/webfonts/svg/style_82.svg') format('svg');}
 @font-face {font-family: 'ZurichBT-Italic';src: url('../_media/webfonts/eot/style_83.eot') format('embedded-opentype'),url('../_media/webfonts/woff/style_83.woff') format('woff'),url('../_media/webfonts/ttf/style_83.ttf') format('truetype'),url('../_media/webfonts/svg/style_83.svg') format('svg');}
 @font-face {font-family: 'ZurichBT-Bold';src: url('../_media/webfonts/eot/style_84.eot') format('embedded-opentype'),url('../_media/webfonts/woff/style_84.woff') format('woff'),url('../_media/webfonts/ttf/style_84.ttf') format('truetype'),url('../_media/webfonts/svg/style_84.svg') format('svg');}
 @font-face {font-family: 'ZurichBT-BoldItalic';src: url('../_media/webfonts/eot/style_85.eot') format('embedded-opentype'),url('../_media/webfonts/woff/style_85.woff') format('woff'),url('../_media/webfonts/ttf/style_85.ttf') format('truetype'),url('../_media/webfonts/svg/style_85.svg') format('svg');}

/*---------------------------------------------------------------------------
 Site
 ---------------------------------------------------------------------------*/

/* font classes */
.lucida, 
.accordion > li > div,
input[type="text"],
textarea,
.contactInfoBox,
#contactSuccessDiv,
.accordion,
input#submit,
#contactForm {
	font-family: "Lucida Grande", sans-serif;
}
.zurich, 
h1 { 
	font-family: ZurichBT-Roman, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.zurich-bold, 
nav > ul, footer { 
	font-family: ZurichBT-Bold, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.uppercase { text-transform: uppercase; }

/* colors */
.colorRed, .asterisk { color: #FF0000; }
.colorGray { color: #999; }

/* default link styles */
a:link, a:visited, a:active { 
	color: #666;
	text-decoration: none;
	outline: none;
}
a:hover { 
	color: #F65126;
	text-decoration: none;
	outline: none;
}
a.underline {
	text-decoration: underline !important;
}

/* general styles */
body {
	background: #555;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #555;
}
p {
	margin: 0 0 1em;
	line-height: 1.3em;
	font-size: 11px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0.4em 0;
}
details summary::-webkit-details-marker { /* prevents browsers from adding arrows next to details summary lists */
	display: none;
}

/* site styles */
#awardBadge {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	border: none;
}
#wrapper {
	width: 865px;
	min-height: 300px;
	margin: 18px auto 0 auto;
}
#mainSite {
	width: inherit;
	clear: both;
	position: relative;
	background: url(../_media/images/body/background-sprite.jpg) no-repeat left 135px;
   -webkit-background-size: 3460px 781px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
    border-radius: 10px;
   -moz-box-shadow: 3px 3px 9px #222;
   -webkit-box-shadow: 3px 3px 9px #222;
	box-shadow: 3px 3px 9px #222;
   -pie-box-shadow: none;
	behavior: url(http://www.plyinteractive.com/PIE.htc);
}
body#the-work #mainSite { background-position: -865px 135px; }
body#the-company #mainSite { background-position: -1730px 135px; }
body#contact-ply #mainSite { background-position: -2595px 135px; }
header {
	width: inherit;
	height: 134px;
	border-bottom: 1px solid #191919;
	clear: both;
	background: #fff;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	behavior: url(http://www.plyinteractive.com/PIE.htc);
}
	#logo {
		float: left;
		border-right: 1px solid #DCD8D5;
		width: 206px;
		height: inherit;
		left: 0;
		top: 0;
		position: relative;
		z-index: 100;
		background: #fff;
	   -webkit-border-radius: 10px 0 0 0;
       -moz-border-radius: 10px 0 0 0;
	    border-radius: 10px 0 0 0;
		behavior: url(http://www.plyinteractive.com/PIE.htc);
	}
		#logo img {
			display: block;
			margin: 24px 0 0 49px;
		}
	nav {
		float: left;
		width: 559px;
		height: inherit;
		border-right: 1px solid #DCD8D5;
		position: relative;
	}
		nav ul {
			color: #636363;
			font-size: 12px;
			text-transform: uppercase;
			display: block;
			height: 90px;
			width: 615px;
			border-bottom: 1px solid #DCD8D5;
			position: relative;
			padding-left: 22px;
			margin-left: -78px;
		}
			nav ul li {
				float: left;
				display: block;
				margin: 75px 42px 0 0;
			}
			nav ul li.last {
				float: right;
				margin-right: 22px;
			}
				nav ul li a {
					color: #636363 !important;
					text-decoration: none;
				}
			nav ul li#magic-line {
				position: absolute;
				bottom: -4px;
				left: 0;
				width: 100px;
				height: 2px;
				background: #F3A75E;
				margin: 0;
			}
#content {
	width: 559px;
	position: relative;
	min-height: 620px;
	clear: both;
	margin: 0 0 0 206px;
	background: url(../_media/images/body/transparent-white.png) repeat left top;
	border-left: 1px solid #DCD8D5;
	border-right: 1px solid #DCD8D5;
}
body#the-work #content { height: 781px; }
	#content #contentLoader {
		width: 559px;
		height: 575px;
		position: absolute;
		left: 0;
		top: 0;
		visibility: hidden;
		overflow: hidden;
	}
	#content #contentHTML {
		display: none;
	}
	#content h1 {
		clear: both;
		font-size: 22px;
		line-height: 30px;
		color: #333;
		font-weight: normal;
		padding: 32px 10px 30px 10px;
	}
	#contentHome,
	#contentContact {
		clear: both;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		min-height: 311px;
	}
		#contentHome .figcaption,
		#contentContact .contactInfoBox {
			float: left;
			border-right: 1px solid #fff;
			width: 151px;
			height: 188px;
			display: block;
			text-align: right;
			padding: 123px 10px 0 10px;
			line-height: 22px;
			font-size: 11px;
		}
		#contentContact .contactInfoBox {
			width: 140px;
			height: 299px;
			padding: 12px 10px 0 10px;
			line-height: 14px;
			text-align: left;
			color: #000;
		}
		#contentContact .contactFormBox {
			border-left: 1px solid #fff;
			margin-left: -1px;
			width: 398px;
			float: left;
		}
			#contentHome .figcaption span {
				color: #000;
				font-weight: bold;
			}
			#contentHome .figcaption a {
				text-decoration: none;
			}
			#contentHome .figcaption a.underlineWithGap {
				border-bottom: 1px solid;
			}
		#contentHome #homeImageBox {
			background: #fff;
			padding: 8px;
			float: left;
			margin: 2px 0 0 2px;
		}
			#contentHome #homeImageBox img {
				display: block;
				width: 367px;
				height: 291px;
			}
		.errorMessage {
			color: #FF0000;
			font-size: 11px;
			float: left;
			clear: both;
			padding: 11px 0 0 104px;
			display: none;
		}
		#contactForm {
			border: none;
			color: #000;
			font-size: 11px;
			margin: 11px 0 0 10px;
			float: left;
		}
			#contactForm td.label {
				text-align: right;
				padding: 0 4px 0 0;
				width: 90px;
			}
				#contactForm td.label label {
					display: block;
					padding-top: 4px;
				}
			#contactForm td.field {
				padding-bottom: 3px;
			}
				#contactForm td.field input[type=text],
				#contactForm td.field textarea {
					border: 1px solid #999;
					width: 200px;
					background: #fff;
					padding: 3px 2px;
					font-size: 11px;
					resize: none;
				}
				#contactForm td.field input[type=text]:focus,
				#contactForm td.field textarea:focus {
					border-color: #000;
					outline: none;
					outline-width: 0;
				}
				#contactForm td.field textarea {
					width: 275px;
					height: 140px;
				}
				#contactForm td.field input[type=button] {
					margin: 4px 0 10px 0;
					border: none;
					color: white;
					width: 62px;
					height: 20px;
					background: url(../_media/images/body/site-sprite.png) no-repeat -79px -18px;
				}
				#contactForm td.field input[type=button]:hover {
					opacity: 0.8;
				}
				input#submit {
					background-color: #fff;
					border: 1px solid #999;
					font-size: 11px;
					padding: 3px 2px;
				}
		#contactLoaderContainer {
			width: 397px;
			height: 309px;
			visibility: hidden;
			overflow: hidden;
			position: absolute;
		}
		#contactSuccessContainer {
			font-size: 11px;
			color: #000;
			padding: 12px 0 0 10px;
		}
	.accordion {
		clear: both;
	}
		.accordion a {
			text-decoration: underline;
		}
		.accordion > li {
			border-bottom: 1px solid #fff;
			padding: 2px;
		}
		.accordion > li:first-child {
			border-top: 1px solid #fff;
		}
			.accordion > li > h3 {
				display: block;
				padding: 6px 7px 4px 7px;
				color: #000;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				cursor: pointer;
				list-style-type: none;
				position: relative;
			}
			.accordion > li > h3 div {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 3;
				background: #fff;
				display: none;
			}
			.accordion > li > h3.active {
				background: #fff;
			}
			.accordion > li > h3 span {
				position: relative;
				z-index: 10;
			}
				.accordion > li > div .contentBlock {
					font-size: 12px;
					height: 428px;
					position: relative;
				}
					.accordion > li > div .contentBlock ul li {
						font-size: 12px;
					}
					.accordion > li > div .contentBlock #badgeBronze {
						position: absolute;
						left: 0;
						top: 0;
						z-index: 1;
					}
				.accordion > li > div {
					background: #fff;
					display: none;
					padding: 0 7px 0 7px;
					height: 300px;
					overflow: hidden;
					position: relative;
				}
				.accordion > li.open > div {
					display: block;
				}
				.accordion.accordionWork > li > div {
					height: 453px;
				}
					.accordion > li > div img {
						display: block;
					}
					.accordion > li > div ul {
						margin: 0 0 1em;
						padding: 0 0 0 2px;
					}
					.accordion > li > div ul li {
						background: url(../_media/images/body/site-sprite.png) no-repeat -197px 4px;
						list-style-type: none;
						margin-bottom: 0.1em;
						padding-left: 9px;
						font-size: 11px;
					}
					.accordion > li > div img.portfolioImage {
						display: block;
						clear: both;
					}
					.accordion > li > div .pageNav {
						clear: left;
						float: left;
						padding: 5px 0 0 0;
						font-size: 9px;
						height: 15px;
					}
						.pageNav .leftArrow {
							display: block;
							width: 15px;
							height: 15px;
							background: url(../_media/images/body/site-sprite.png) no-repeat -79px top;
							float: left;
						}
						.pageNav .rightArrow {
							display: block;
							width: 15px;
							height: 15px;
							background: url(../_media/images/body/site-sprite.png) no-repeat -94px top;
							float: left;
							margin-left: 7px;
						}
						.pageNav .numbering {
							float: left;
							margin: 0 0 0 7px;
							line-height: 18px;
						}
					.accordion > li > div .caption {
						clear: right;
						float: right;
						padding: 7px 0 0 0;
						font-size: 11px;
					}
footer {
	clear: both;
	font-size: 10px;
	float: left;
	color: #aaa;
	text-transform: uppercase;
	padding: 12px 0 20px 208px;
	position: relative;
}
	#socialIcons {
		position: absolute;
		left: 30px;
		top: 5px;
	}
		#socialIcons a {
			display: block;
			float: left;
			height: 27px;
		}
		#socialIcons a#facebook {
			width: 16px;
			background: url(../_media/images/body/site-sprite.png) no-repeat left top;
		}
		#socialIcons a#facebook:hover {
			background-position: left -28px;
		}
		#socialIcons a#twitter {
			width: 29px;
			margin: 0 0 0 7px;
			background: url(../_media/images/body/site-sprite.png) no-repeat -24px top;
		}
		#socialIcons a#twitter:hover {
			background-position: -24px -28px;
		}
	footer address {
		display: inline-block;
	}
	footer a:link,
	footer a:visited,
	footer a:active {
		color: #aaa;
		text-decoration: none;
	}
	footer a:hover {
		color: #F65126;
	}

/*---------------------------------------------------------------------------
 Convenience
 ---------------------------------------------------------------------------*/

.ir, .image-replaced { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.hidden { display: none; visibility: hidden; }
.hide { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.show { display: block !important; }
.visible { visibility: visible !important; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*---------------------------------------------------------------------------
 Media queries
 ---------------------------------------------------------------------------*/

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}