/* reset ================================================================================= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;text-align:left;font-size:100%;vertical-align:baseline;}
html {overflow-y: scroll;}
body{font-size:62.5%;font-family:arial,verdana,helvetica,georgia,'Lucida Grande','Lucida Sans Unicode','Trebuchet MS','Arial Black','Courier New','Times New Roman','Times',sans-serif;line-height:1.35;height:100%;text-align:center;}
h1,h2,h3,h4,h5,h6 {line-height: normal; font-weight: normal;}
a,button{cursor:pointer;text-decoration:none;}
img{display:block;-ms-interpolation-mode:bicubic;}
ins{text-decoration:none;}
address{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
fieldset{position:relative;}
legend{position:relative;margin-left:-0.63em;}
label{cursor:default;}
select,input,texarea,button,textarea{font:120%/normal arial, sans-serif;resize:none;}
textarea{overflow:auto;}
:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:400;}
center{text-align:center;}
b{font-weight:700;}
i{font-style:italic;}
big{font-size:large;}
small{font-size:small;}
blink{text-decoration:blink;}
u{text-decoration:underline;}
.clear:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clear {display: inline-block;}
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}
.hidden{position:absolute;left:0;top:-500px;width:1px;height:1px;overflow:hidden;line-height:1px;}
ol,ul,menu{list-style:none;}
del,s,strike{text-decoration:line-through;}
object,embed,applet{display:block;}
/* ======================================================================================= */


/* base ================================================================================= */
html { overflow-x: hidden; }
body {
	background: #fbfbfb url(/img/bg/bg_body.png) repeat-x left top;
	font-family: georgia, helvetica, arial, sans-serif;
}

p {
	font-size: 1.5em;
	color: #575757;
	line-height: 1.5;
}

blockquote {
	color: #333333;
	display: block;
	font-size: 1.5em;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 0 40px;
}

#content p { margin: 0 0 15px 0; }
#container .lead {
	color: #555;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.3;
	margin: 0 0 10px 0;
}

#container { padding: 117px 0 0 0;}
.wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

a {
	color: #575757;
	text-decoration: none;
}
a:hover {
	color: #0b0e07;
}

/* standout */
.standout {
	background: url(/img/bg/bg_standout.png) no-repeat center top;
	padding: 16px 0 0 0;
	margin: 25px 0 22px 0;
}
	.standout .content {
		background: url(/img/bg/bg_standout.png) no-repeat center bottom;
		padding: 0 0 23px 0;
	}
	.standout .content img { margin: 7px auto 0 auto; }
	#content .standout p {
		color: #333;
		font-size: 2.0em;
		margin: 0 60px;
		line-height: 1.2;
		text-align: center;
	}

/* header */
#header {
	height: 117px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -498px;
	background: #f9f9f9;
}
	#header .wrapper { 
		height: 106px; 
		position: absolute;
		top: 0;
	}
	#logo {
		position: absolute;
		left: 0;
		top: 51px;
		z-index: 101;
	}
		#logo a {
			display: block;
			background: url(/img/logo/logo.png) no-repeat;
			width: 96px;
			height: 80px;
			text-indent: -9999px;
			position: relative;
		}
	#logo_bar {
		background: #97dcf6;
		width: 402px;
		height: 117px;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 71px;
	}
	.home #logo_bar { 
		width: 0px; 
		opacity: 0;
	}

/* main nav */
#nav_main {
	height: 58px;
	float: right;
	width: 100%;
	position: relative;
	z-index: 100;
	padding: 45px 0 1px 0;
	background: url(/img/bg/bg_dotted_gray.png) repeat-x left bottom;
}
	#nav_main ul { float: right; }
	#nav_main li {
		font-size: 2.7em;
		overflow: hidden;
		text-transform: uppercase;
		float: left;
		border: 0;
	}
	#nav_main a {
		color: #101010;
		display: block;
		height: 58px;
		
		
		text-indent: -9999px;
		background-image: url(/img/nav/nav_main.png);
		background-repeat: no-repeat;
	}
	#nav_work a {
		width: 101px;
		background-position: 0 0;
	}
	#nav_work a:hover,
	.work #nav_work a,
	.work #nav_work a:hover { background-position: 0 -58px; }
	
	#nav_company a {
		width: 119px;
		background-position: -101px 0;
	}
	#nav_company a:hover,
	.company #nav_company a,
	.company #nav_company a:hover { background-position: -101px -58px; }
	
 	#nav_expertise a {
		width: 135px;
		background-position: -220px 0;
	}
	#nav_expertise a:hover,
	.expertise #nav_expertise a,
	.expertise #nav_expertise a:hover { background-position: -220px -58px; }
	
	#nav_blog a {
		width: 80px;
		background-position: -355px 0;
	}
	#nav_blog a:hover,
	.blog #nav_blog a,
	.blog #nav_blog a:hover { background-position: -355px -58px; }
	
/* utility nav */
#nav_utility {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	margin: 10px 20px 0 0;
	display: inline;
}
	#nav_utility p {
		float: left;
		color: #3b3b3b;
		margin: 0 8px 0 0;
		line-height: 1;
		font-size: 1.3em;
	}
	#nav_utility ul {
		float: left;
	}
	#nav_utility li {
		float: left;
		line-height: 1;
		font-style: italic;
		font-size: 1.3em;	
		background: url(/img/bg/bg_divide.png) no-repeat right 1px;
		padding: 0 14px 0 0;
		margin: 0 2px 0 0;
	}
	#nav_utility .last {
		margin: 0;
		background: none;
		padding: 0;
	}
	
	#nav_utility a { color: #3b3b3b; }
	#nav_utility a:hover { color: #0b0e07; }
	
/* secondary nav */
#nav_secondary { 
	border-bottom: 1px solid #ddd;
	position: relative;
	z-index: 5;
	height: 38px;
	/* margin: 0 0 15px 0; */
}	
	#nav_secondary ul {
		position: absolute;
		top: 0;
		left: 172px;
	}
	#nav_secondary li {
		float: left;
		border: 0;
		overflow: hidden;
		font-size: 2.0em;
	}
	#nav_secondary a {
		color: #575858;
		display: block;
		height: 52px;
		text-indent: -9999px;
		background-repeat: no-repeat;
	}	
	#nav_secondary .active a,
	#nav_secondary .active a:hover { color: #0b0e07; }
	

	
/* footer */
#footer { 
	padding: 25px 0 40px 0; 
	position: relative;
	z-index: 1000; 
	background: #FBFBFB;
}
	#footer .wrapper { overflow: hidden;  }
	#footer ul {
		float: left;
	}
	#footer li {
		font-family: arial, verdana, sans-serif;
		font-size: 1.2em;
		float: left;
		background: url(/img/bg/bg_divide_footer.png) no-repeat right 3px;
		padding: 0 11px 0 0;
		margin: 0 3px 0 0;
		line-height: 1.4;
		letter-spacing: -0.025em;
	}
	#footer .last {
		background: none;
		padding: 0;
		margin: 0;
	}
	#footer a { color: #a1a2a2; }
	#footer a:hover { color: #898989; }
	#footer p {
		font-size: 1.1em;
		color: #a1a2a2;
		float: right;
		line-height: 1.4;
		background: url(/img/icon/icon_copyright.png) no-repeat left 3px;
		padding: 0 0 0 15px;
	}
	
/* masthead */
#masthead {
	background-image: url(/img/bg/bg_mastheads.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #ececec;
	margin: 0 0 4px 0;
	padding-left: 261px;
	overflow: hidden;
	position: relative;
}
	#masthead .lead {
		width: 490px;
		margin: 0;
		line-height: 1.36;
	}
	#masthead h1,
	#masthead .headline {
		color: #0b0e07;
		font-size: 7.0em;
		padding: 56px 0 0 0;
		letter-spacing: -0.01em;
		line-height: 1;
	}
	#masthead .headline_small {
		color: #0b0e07;
		font-size: 6.0em;
		padding: 56px 0 0 0;
		letter-spacing: -0.01em;
		line-height: 1;
	}
		#masthead .headline.nudge { padding: 16px 0 0 0; }
			#masthead .headline span { font-style: italic; }
		#masthead h1 a,
		#masthead .headline a {
			color: #0b0e07;
		}
	#masthead .alt {  font-size: 6.8em; }
	#masthead .push { padding-top: 57px; }
	#masthead .semi_push { padding-top: 30px; }
	#container #masthead p { 
		width: auto;
		margin: 0; 
	}
	#masthead_photo {
		position: absolute;
		top: 0;
		z-index: 100;
		left: 1200px;
		opacity: 0;
	}
	#masthead .sub_lead {
		font-size: 2em;
		color: #575858;
		font-style: italic;
	}
	
/* content */
#content {
	background: #fff;
	padding: 0 0 40px 0;
}	
#col_a {
	float: left;
	width: 190px;
}
#col_b {
	float: right;
	width: 807px;
	/*padding: 0 0 40px 0;*/
}
	#col_b .inner {
		padding: 20px 0 0 62px;
	}
#col_b.dotted {
	background: url(/img/bg/bg_grid_dotted.png);
}	

/* sidebar */
#sidebar {
	padding: 20px;
}


/* main */
#main { 
	background: url(/img/bg/bg_sidebar.png) no-repeat left top; 
	position: relative;
}
#main.col3 {
	background: none;
}
	#main.col3 #col_a {
		width: 250px;
		padding: 45px 0 0 0;
	}
		#main.col3 #col_a .inner { padding: 0 30px; }
	#main.col3 #col_b {
		width: 440px;
		float: left;
		padding: 42px 0 0 0;
	}
	#main.col3 #col_c {
		float: right;
		width: 272px;
		padding: 46px 0 0 0;
	}

/* overlay */
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#modal_overlay {
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 999;
}

/* module */
#sidebar .module { margin: 0 0 50px 0; }
#col_c .module { margin: 0 0 40px 0; }
#content .module.last { margin: 0 0 20px 0; }
#col_c .module h2 { margin: 0 0 12px 0; }
#col_c .module h3 {
	font-size: 1.5em;
	font-style: italic;
	color: #575757;
	margin: 0 0 3px 0;
}
	#col_c .module h3 a { color: #575757; }
	#col_c .module h3 a:hover { color: #0b0e07; }
	#col_c .module p a:hover { color: #0b0e07; }
#col_c .module img { border: 1px solid #e7e7e7; }
#col_c .module p {
	color: #222;
	font-size: 1.3em;
	margin: 0;
}
	#col_c .module p a { color: #222; }
	.module h2 {
		overflow: hidden;
		color: #252525;
		font-size: 2.0em;
		text-transform: uppercase;
		font-weight: bold;
		background-image: url(/img/hdr/headers.png);
		background-repeat: no-repeat;
		height: 23px;
		text-indent: -9999px;
		border-bottom: 1px solid #dadada;
		margin: 0 0 5px 0;
	}
	.module.filter h2 { 
		background-position: 0 -2571px; 
		border: 0;
		height: 16px;
	}
	.module.check  h2{ background-position: 0 -111px; }
	.module.perspective  h2{ background-position: 0 -134px; }
	.module.like  h2{ 
		background-position: 0 -157px; 
		margin: 0;
	}
	.module.featured  h2{ background-position: 0 -188px; }
	.module.featured_magento h2{ background-position: 0 -3148px; }	
	.module.case  h2{ background-position: 0 -211px; }
	.module.blog  h2{ background-position: 0 -233px; }
	.module.news  h2{ background-position: 0 -2978px; }
	.module.filter_news  h2{ background-position: 0 -256px; }
	.module.numbers  h2{ background-position: 0 -279px; }
	.module.results h2 {  background-position: 0 -1581px; }
	.module .results {  background-position: -55px -1581px; }
	.module.stat h2 {  background-position: 0 -2900px; }
	.module.digs h2 {  background-position: 0 -2767px; }
	
#container .module.digs img { 
	cursor: pointer;
	margin: 0 0 10px 0;
	border: 0;
}	
#col_c .module.digs p {
	font-size: 1.4em;
	font-style: italic;
	cursor: pointer; 
	line-height: 1.2;
}	
#content .module.digs p:hover { color: #000; }
.module.check {}
	.module.check a {
		background: url(/img/btn/btn_visit_site.png) no-repeat 0 0;
		display: block;
		width: 56px;
		height: 13px;
		text-indent: -9999px;
	}
		.module.check a:hover { background-position: 0 -13px; }
.module.perspective {}
	.module.perspective p {
		font-style: italic;
		font-size: 1.4em;
		line-height: 1.35;
	}
		.module.perspective p a { color: #575858; }
		.module.perspective p strong {
			color: #0b0e07;
			font-weight: normal;
		}
	.module.perspective .video {
		width: 157px;
		height: 103px;
		background: url(/img/bg/bg_video_perspective.png) no-repeat;
		position: relative;
		margin: 0 0 4px -4px
	}
		.module.perspective .video img {
			padding: 10px 0 0 9px;
		}
		.module.perspective .video .btn_play {
			position: absolute;
			width: 60px;
			height: 60px;
			text-indent: -9999px;
			z-index: 2;
			top: 21px;
			left: 46px;
			background: url(/img/btn/btn_play_perspective.png) no-repeat;
			cursor: pointer;
		}
.module.like {}
	.module.like li {
		text-transform: uppercase;
		font-size: 1.2em;
		color: #7d7d7d;
		border-bottom: 1px solid #dadada;
	}
	.module.like .last { border: 0; }
		.module.like li a { 
			color: #7d7d7d; 
			padding: 7px 0;
			display: block;
		}
		
.module.featured {}	
	.module.featured li { margin: 0 0 13px 0; }
	.module.featured .col_a {
		float: left;
		width: 140px;
	}
	.module.featured .col_b {
		float: right;
		width: 120px;
		padding: 5px 0 0 0;
	}
.module.featured_magento {}	
	.module.featured_magento li { margin: 0 0 13px 0; }
	.module.featured_magento .col_a {
		float: left;
		width: 140px;
	}
	.module.featured_magento .col_b {
		float: right;
		width: 120px;
		padding: 5px 0 0 0;
	}	
.module.case {}
	.module.case li { margin: 0 0 13px 0; }
	.module.case .col_a {
		float: left;
		width: 140px;
	}
	.module.case .col_b {
		float: right;
		width: 120px;
		padding: 5px 0 0 0;
	}
	
.module.blog {}
	.module.blog .col_a, 
	.module.results .col_a {
		float: left;
		width: 83px;
	}
	.module.blog .col_b,
	.module.results .col_b {
		float: right;
		width: 170px;
	}
	.module.blog li,
	.module.results li {
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #DADADA;
	}
	.module.blog .last,
	.module.results .last { 
		border: 0; 
	}
	#container .module.blog li a:hover,
	#container .module.results li a:hover {
		color: #000; 
	}
	
.module.filter_news {}
	.module.filter_news li{
		font-size: 1.5em;
		text-transform: uppercase;
		color: #7d7d7d;
		letter-spacing: 0.025em;
		font-weight: bold;
	}
		.module.filter_news li a { 
			color: #7d7d7d;
			border-bottom: 1px solid #dadada;
			padding: 6px 0;
			display: block;
		}
		.module.filter_news li a:hover,
		.module.filter_news .active a, 
		.module.filter_news .active a:hover { 
			color: #0b0e07; 
		}
		.module.filter_news .last a { border-bottom: 0; }
		
.module.numbers {}
	.module.numbers li {
		font-style: italic;
		color: #767575;
		border-bottom: 1px solid #dadada;
		height: 37px;
		background-image: url(/img/bg/bg_numbers.png) !important;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
		.module.numbers .first { background-position: 0 0; }
		.module.numbers .second { background-position: 0 -37px; }
		.module.numbers .third { background-position: 0 -74px; }
		.module.numbers .fourth { 
			background-position: 0 -111px; 
			height: 45px; 
		}
		.module.numbers li strong {
			font-size: 1.6em;
			letter-spacing: -0.025em;
			line-height: 22px;
			font-family: helvetica, arial, sans-serif;
			font-style: normal;
			margin: 0 8px 0 0;
		}
		.module.numbers li em { 
			float: left;
			font-size: 1.3em;
			font-weight: bold;
		}
		
	.module.results li {
		color: #767575;
		border-bottom: 1px solid #dadada;
		padding: 7px 0;
		background: none !important;
	}
		.module.results li strong { 
			font-size: 1.6em;
			letter-spacing: -0.025em;
			text-align: center;
			line-height: 22px;
			color: #222;
			font-style: normal;
			margin: 0 8px 0 0;
			float: left;
			
		}
		.module.results li em { 
			font-size: 1.3em;
			font-weight: bold;
			width: 170px; 
			margin: 2px 0 0 0;
			float: left;
		}
	.module.numbers li.last,
	.module.results li.last { border-bottom: 0; }

#container .module.blog img, 
#container .module.results img { 
	border: 0;
}

.module.meet { 
	border-bottom: 1px solid #dadada;
	background-repeat: no-repeat;
	background-position: right bottom;
	
}
	#container #main .module.balance h2 { 
		background-position: 0 -2606px;
		height: 20px;
		margin: 0 0 5px 0;
	}
	#container #main  .module.meet p {
		font-size: 1.4em;
		color: #0b0e07;
		font-style: italic;
	}
		#container #main  .module.meet p.title {
			font-size: 1.4em;
			color: #575858;
		}

/* video touts */
.module_video {
	background-image: url(/img/bg/bg_video_touts.jpg);
	background-repeat: no-repeat;
	margin-bottom: 44px;
}

.module_video h3 {
	color: #767676;
	font-size: 1.2em;
	margin: 5px 0 5px 0;
}

.module_video p {
	color: #222;
	font-size: 1.3em;
}

.module_video.napolitan { background-position: 0 28px; }
.module_video.napolitan:hover,
.module_video.napolitan.hover { background-position: -150px 28px; cursor: pointer; }

.module_video.belle { background-position: -300px 28px;	}
.module_video.belle:hover,
.module_video.belle.hover { background-position: -450px 28px; cursor: pointer; }

.module_video.broder { background-position: -600px 28px; }
.module_video.broder:hover,
.module_video.broder.hover { background-position: -750px 28px; cursor: pointer; }

.module_video.gource_animation { background-position: -900px 28px; }
.module_video.gource_animation:hover,
.module_video.gource_animation.hover { background-position: -1050px 28px; cursor: pointer; }

.module_video.napolitan  h2,
.module_video.belle h2 { 
	background-position: 0 -3013px; 
	margin-bottom: 110px;
}

.module_video.broder h2 { 
	background-position: 0 -3081px; 
	margin-bottom: 110px;
}
	
.module_video.gource_animation  h2{ 
	background-position: 0 -3047px; 
	margin-bottom: 110px;
}
	
.module_video h2 {
	overflow: hidden;
	color: #252525;
	font-size: 2.0em;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(/img/hdr/headers.png);
	background-repeat: no-repeat;
	height: 22px;
	text-indent: -9999px;
	border-bottom: 1px solid #dadada;
}

.view {
	border-top: 1px solid #dadada;
	overflow: hidden;
}
	.view a {
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
		float: right;
		text-indent: -9999px;
	}

.module.broder h2 { 
	overflow: hidden;
	color: #252525;
	font-size: 2.0em;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(/img/hdr/headers.png);
	background-repeat: no-repeat;
	height: 22px;
	text-indent: -9999px;
	border-bottom: 1px solid #dadada;	
	background-position: 0 -3081px; 
}

.module.broder li { margin: 0 0 13px 0; }
.module.broder .col_a {
		float: left;
		width: 140px;
		background-image: url(/img/bg/bg_video_touts.jpg);
		background-repeat: no-repeat;
		height: 97px;		
		background-position: -600px 0px;
		display: block;
	}
.module.broder .col_a:hover,
.module.broder .col_a.hover {
		background-position: -750px 0px; cursor: pointer; 
	}
.module.broder .col_b h3 {
	color: #767676;
	size: 1.2em; 
}
.module.broder .col_b {
		float: right;
		width: 120px;
		padding: 5px 0 0 0;
		cursor: pointer;
	}
	
.module.broder p {
	margin-right: -10px !important;
}
	
/* quote */
.quote { padding-bottom: 10px; }
	#content .quote p {
		color: #222;
		font-size: 2.1em;
		font-style: italic;
		font-weight: bold;
		line-height: 1.25;
		margin: 0 0 5px 0;
	}
	#content .quote .author {
		font-size: 1.3em;
		color: #767676;
		font-style: italic;
		font-weight: normal;
		padding: 0 0 0 14px;
		background: url(/img/bg/bg_mdash.png) no-repeat left 9px;
	}
	
	#content .quote_small p {
		color: #222;
		font-size: 1.5em;
		font-style: italic;
		font-weight: bold;
		line-height: 1.25;
		margin: 0 0 5px 0;
	}
	#content .quote_small .author {
		font-size: 1.3em;
		color: #767676;
		font-style: italic;
		font-weight: normal;
		padding: 0 0 0 14px;
		background: url(/img/bg/bg_mdash.png) no-repeat left 9px;
	}

/* elements */
#main .module .dropdown { margin: 8px 0 0 0; }
#main .module .dropdown select {
	width: 148px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	/* 
	background: url(/img/bg/bg_dropdown_service.png) no-repeat 0 0;
	position: absolute;	
	height: 23px;
	padding: 0 0 0 0; 
	border: 1px solid #dcdcdc;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 100; */
	color: #0b0e07;
	font-size: 1.3em;
	padding: 4px 3px;
	border: 1px solid #dcdcdc;
	background: #fff url(/img/bg/bg_select.png) repeat-x left bottom;
}

/* plain template */
.plain #main { 
	padding: 32px; 
	background: none;
}
	.plain #main img { margin: 0 auto; }
	
	
.plain h2 {
	font-size: 2.5em;
	color: #0B0E07;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.graffle #masthead { 
	background-position: 0 -4394px; 
	height: 166px; 
}
.graffle #masthead h1 { padding: 64px 0 0 0; }
.graffle .video { 
	height: 735px; 
	width: 900px;
	margin: 0 auto;
}
	
.flash#dw_irt {
	width: 640px;
	height: 480px;
	margin: 0 auto;
}

/* pagination */
.pagination { margin: 40px 0 0 0; float: right; }
	.pagination .prev,
	.pagination .next { 
		float: left; 
		font-size: 1.4em;
		margin: 0 5px 0 0;
		color: #575757;
	}
	.pagination .prev:hover,
	.pagination .next:hover { color: #0b0e07; }
	.pagination .disabled,
	.pagination .disabled:hover { color: #c9c9c9; }
	.pagination ol { 
		float: left; 
		margin: 0 5px;
	}
	.pagination li {
		float: left;
		font-size: 1.4em;
		margin: 0 5px 0 0;
	}
	.pagination .current { font-weight: bold; }
	.pagination .mid {
		float: left;
		color: #575757;
		font-size: 1.4em;
		margin: 0 5px 0 0;
	}
	
/* lightbox */
.lightbox {
	background: url(/img/bg/bg_lightbox_head.png) no-repeat left top;
	width: 770px;
	position: absolute;
	z-index: 1000;
	margin: 0 auto;
	padding: 31px 0 0 0;
}
.lightbox.narrow {
	width: 681px;
	padding: 29px 0 0 0;
	background: url(/img/bg/bg_lightbox_narrow_head.png) no-repeat left top;
}

.lightbox.photo {
	width: 725px;
	padding: 29px 0 0 0;
	background: url(/img/bg/bg_lightbox_photo_head.png) no-repeat left top;
}
	.lightbox .inner {
		background: url(/img/bg/bg_lightbox_content.png) no-repeat left bottom;
		padding: 0 0 35px 0;
	}
	.lightbox.narrow .inner {
		background: url(/img/bg/bg_lightbox_narrow_content.png);

	}	
	.lightbox.photo .inner {
		background: url(/img/bg/bg_lightbox_photo_content.png);

	}	
		.lightbox .inner .content { 
			padding: 0 0 0 27px; 
			height: 480px;
		}
		.lightbox.narrow .inner .content { padding-left: 38px; }
		.lightbox.photo .inner .content { padding-left: 56px; }		
	.lightbox .header {
		font-style: italic;
		font-size: 1.6em;
		color: #d7d7d7;
		height: 30px;
		padding: 0 40px;
	}
	.lightbox.narrow .header { padding: 0 66px; }
	.lightbox.photo .header { padding: 0 68px; }	
	.lightbox .close {
		width: 35px;
		height: 36px;
		text-indent: -9999px;
		background: url(/img/btn/btn_close_overlay.png) no-repeat;
		position: absolute;
		top: 22px;
		left: 709px;
		cursor: pointer;
	}
	.lightbox.narrow .close { left: 626px; }
	.lightbox.photo .close { left: 661px; }	
	.lightbox#gallery { height: 516px; }
	.lightbox .slides {
		height: 480px;
		margin: 0 auto;
		position: relative;
	}
		.lightbox .slides img { 
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
		.lightbox .slides img.active { display: block; }
		.lightbox .slideshow .toggle_prev { 
			left: 40px;
			top: 265px;
		}
		.lightbox.narrow .slideshow .toggle_prev { left: 53px; }
		.lightbox.photo .slideshow .toggle_prev { left: 65px; }
		.lightbox .slideshow .toggle_next { 
			left: 689px; 
			top: 265px;
		}
		.lightbox.narrow .slideshow .toggle_next { left: 624px; }
		.lightbox.photo .slideshow .toggle_next { left: 646px; }		
		.lightbox#video .content { }
		.lightbox .player { 
			height: 505px;
		}
		#lightbox_video .content,
		#lightbox_video .player { height: 340px; }
	.lightbox .loader {
		background: url(/img/loader.gif) no-repeat;
		height: 19px;
		width: 220px;
		text-indent: -9999px;
		position: absolute;
		top: 275px;
		left: 283px;
	}
	.lightbox.narrow .loader { left: 266px; }	
	
/* slides */
	#slides img {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
		#slides .nivo-directionNav a,
		#slides .toggle_prev,
		.slideshow .toggle_prev {
			display: block;
			position: absolute;
			z-index: 52;
			width: 42px;
			height: 41px;
			text-indent: -9999px;
			background: url(/img/btn/btn_toggle_home.png) no-repeat left bottom;
			
			cursor: pointer;
		}
		#slides .nivo-directionNav .nivo-prevNav:hover,
		#slides .toggle_prev:hover,
		.slideshow .toggle_prev:hover { background-position: left top; }		
		
		#slides .nivo-directionNav .nivo-nextNav, 
		#slides .toggle_next,
		.slideshow .toggle_next {
			display: block;
			position: absolute;
			z-index: 52;
			width: 42px;
			height: 41px;
			text-indent: -9999px;
			background: url(/img/btn/btn_toggle_home.png) no-repeat right bottom;
			
			cursor: pointer;
		}
		#slides .nivo-directionNav .nivo-nextNav:hover, 
		#slides .toggle_next:hover,
		.slideshow .toggle_next:hover { background-position: right top; }
		
/* error pages */
.error #masthead { 
	background-position: 0 -4564px; 
	height: 166px;
	margin: 0 0 40px 0; 
	border-top: 1px solid #ececec;
}
.error #content {
	padding: 40px 0 0 0;
}
	.error #error { margin: 0 0 100px 192px; }
		.error #message { 
			float: left; 
			width: 600px;
		}
			.error #message h2 {
				background: url(/img/hdr/headers.png) no-repeat 0 -2799px;
				display: block;
				height: 25px;
				margin: 0 0 15px 0;
				text-indent: -9999px;
				border-bottom: 1px solid #dadada;
			}
				.error #message .error500 {
					background: url(/img/hdr/headers.png) no-repeat 0 -2840px;
					height: 50px;	
				}
			.error #message p { margin: 0 0 9px 0; }		
			.error #message ul { }
				.error #message li { 
					font-size: 1.5em;
					margin: 0 0 15px 0;
				}
					.error #message li a { color: #3a3a3a; }
					.error #message li a:hover { 
						color: #0b0e07;
						text-decoration: underline; 
					}
		.error #jack {
			background: url(/img/people/jack.png) no-repeat 0 0;
			position: absolute;
			width: 300px;
			height: 312px;
			margin: -72px 0 0 0;
			right: 5px;
		}
		
		
		
#video_reindeer{
	margin:150px 0px 0px 0px;
}		
		
		

/* ======================================================================================= */

/* 2011 holiday joy landing page */
.joy { background: #8b2a2a; }
.joy #container { padding: 0; width: 100%; }
.joy img { max-width: 100%; margin: 0 auto; }
