/*

color swatches:
blue: #0088C9
slightly lighter blue : #0398DD
black : #1C1E1D
*/

/* ===================================  */

/* =================================== RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
======================================================================  */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:inherit;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	position:relative;
	display: block;
	margin:0;
	padding:0;
	border:none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* ===================================  */

body {
	color: #888;
	font-family: sans-serif;
	font-size:14px;
	background: #fff;
	width:100%;
	display:block;
	line-height: 1;
}


/* ======= links and basics ===== */

a, a:link, a:visited, a:active {text-decoration:none;color:#0088C9;font-size: inherit;font-family: din_m, sans-serif;}

a:focus, a:hover {color:#0398DD;}

p {padding-bottom:10px;}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size:90%;}

cite {font-size:11px;font-style: italic;}

div {position:relative;display: block;margin:0;padding:0;border:none;}

@font-face {
    font-family: 'din_m';
    src: url('/pub/e/fonts/din-medium-webfont.eot');
    src: url('/pub/e/fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/pub/e/fonts/din-medium-webfont.woff') format('woff'),
         url('/pub/e/fonts/din-medium-webfont.ttf') format('truetype'),
         url('/pub/e/fonts/din-medium-webfont.svg#DIN_MEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;

}

.din_m, a.din_m, a.din_m:link, a.din_m:visited, a.din_m:active, a.din_m:focus, a.din_m:hover {font-family: din_m, sans-serif;}

@font-face {
    font-family: 'din_l';
    src: url('/pub/e/fonts/din-light-webfont.eot');
    src: url('/pub/e/fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/pub/e/fonts/din-light-webfont.woff') format('woff'),
         url('/pub/e/fonts/din-light-webfont.ttf') format('truetype'),
         url('/pub/e/fonts/din-light-webfont.svg#DIN_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

.din_l, a.din_l, a.din_l:link, a.din_l:visited, a.din_l:active, a.din_l:focus, a.din_l:hover {font-family: din_l, sans-serif;}

/* ===== LAYOUT ====== */

#container {
	width: 960px;
	padding:0px;
	margin: 0px auto;
	background: transparent;
}

nav, article, footer {
	padding: 0 5px;
}


/* ===== nav ====== */

nav {
	min-width:960px;
	padding: 0px;
	margin: 0px 0 5px;
	z-index:500;
	background: transparent none;
}
	header {
		padding:3px 0 0px;
		margin: 0px 0 10px;
		z-index:500;
		height:94px;
		background: #fff url(/pub/e/img/opd_pattern.png) repeat center bottom;
	}

	#logo {
		position: relative;
		display: block;
		width: 960px;
		padding:0px;
		margin: 0px auto;
	}
		
			#logo a {
				position: relative;
				display:block;
				height:95px;
				width:101px;
				margin:0;
				padding:0 40px 0 90px;
				background: transparent url(/pub/e/img/logo_v2.jpg) no-repeat 90px 0;
			}	
				#logo a:hover {background: transparent url(/pub/e/img/logo_v1.jpg) no-repeat 90px 0;}

	nav ul {
		position: relative;
		display: block;
		width: 950px;
		padding:0px;
		margin: 0px auto;
	}
	
	nav ul li {
		position: relative;
		display: block;
		float: left;
		clear: none;
		text-align: center;
		padding:0;
		width:25%;
	}
		nav a, nav a:link, nav a:visited, nav a:active {
			position: relative;
			height:40px;
			overflow: hidden;
			padding: 0;
			display: block;
			color:#ccc;
			font-size:14px;
			line-height: 42px;
			margin: 0px 1px 0px 0;
			text-transform: uppercase;
			background: #0088C9;
			-moz-transition: all .1s ease-out;
			-webkit-transition: all .1s ease-out;
		}
			nav a:hover, nav li.current_page a, nav li.current_parent a {
				color:#fff;
				background:#0398DD;
				font-size: 19px;
				line-height: 39px;
			}
			
		nav .last {}
		nav .last a {margin-right:0px;}
		
		nav ul ul {
			display: none;
			position: absolute;
			width: 950px;
			left:0px;
		}
			nav .current_page ul, nav .current_parent ul {display: block;}
			
article {
	min-height:550px;
	padding:0 5px;
}


.body_copy {
	line-height: 1.4em;
	margin:0 0 25px;
}

.page_section {
	border-top: 3px solid #ccc;
	padding-top:12px;
	line-height: 1.4em;
	margin:0 0 24px;
}
	
	.page_section_two_thirds {
		width: 621px;
		margin:0 24px 24px 0; 
		padding-top: 0; 
		border:none;
	}
	
	.page_section_one_third {width: 300px;}
	
	.page_section_headline, .page_section_title{
		text-transform: uppercase;
	}
	.page_section_headline h1 {color:#0088C9; }
		.page_section_headline sup, .page_section_title sup {
			font-size:11px;
			line-height: 14px;
			vertical-align: super;
		}

/* ===== sliders ====== */

	.slider_wrap {
		width: 950px;
		overflow: hidden;
	}
		.slider_wrap.gallery {
			background: #eee;
		}
		.slider_wrap.featured_slider {
			height:380px;
		}
		.slider_wrap.featured_slider figure {
			padding:0px 0;
			width: 940px;
			min-height:350px;
			margin: 0 auto;
		}
		
		.slider {
			position: relative;
			display: block;
			background: transparent;
		}
		
		.slider_wrap.gallery .slider {min-height:546px;}
		.slider_wrap.gallery.gallery_single .slider {min-height:480px;height:480px;}
		
		.slider li {width:950px;}
		.slide {
			float: left;
			clear: none;
			margin:0 10px 0 0;
		}
		
		.slider_button { /* next/prev buttons */
			width:50px;
			height: 350px;
			position: absolute;
			display: none;
			top:0px;
			background: transparent url(/pub/e/img/big_nav.png) no-repeat 0px center;
			text-indent: -900px;
			overflow: hidden;
			z-index:50;
		}		
			.slider_wrap.gallery .slider_button {
				display: none;
			}
			
			.slider_button_prev {
				left:0px;
				background-position: 0px center;
			}
				.slider_button_prev:hover {background-position: -50px center;} 
			
			.slider_button_next {
				right:0px;
				background-position: -150px center;
			}
				.slider_button_next:hover {background-position: -100px center;} 
			
		.slider_nav {
			display: none;
			position: absolute;
			height:20px;
			margin:0;
			padding:0px;
			overflow: hidden;
			color:red;
			top:322px;
			right:10px;
		}
			.slider_wrap.gallery .slider_nav {
				position: absolute;
				top:485px;
				left:0px;
				height:52px;
				width:641px;
				text-align:left;
				float:none;
				padding:5px 0 7px;
			}
			
			.slider_nav_inner {
				width: 591px;
				padding:1px 0px 0;
			}
				.slider_nav.paged_nav .slider_nav_inner { padding:6px 25px 0; }
				
				.slider_nav_nxt, .slider_nav_prv {
					position: absolute;
					display: none;
					top:481px;
					height:65px;
					width:25px;
					background: transparent url(/pub/e/img/slider_nav.png) no-repeat 0px center;
					text-indent: -900px;
					overflow: hidden;
					z-index:60;
				}
					.slider_nav_prv {
						left:0px;
						background-position: 0px center;
					}
						.slider_nav_prv:hover {background-position: -25px center;}
						
					.slider_nav_nxt {
						left:616px;
						background-position: -75px center;
					}
						.slider_nav_nxt:hover {background-position: -50px center;}
					
			.slider_nav_button {
				position: relative;
				display: block;
				float:left;
				clear:none;
				height:25px;
				width:25px;
				margin:0 2px 0 0;
				background: transparent url(/pub/e/img/nav_circles.png) no-repeat 0 -25px;
				text-indent: -900px;
				overflow: hidden;
			}
				.slider_wrap.gallery .slider_nav_button {
					display: inline;
					float:none;
					clear: both;
					width:auto;
					height: auto;
					margin:0px 0 0 8px;
					background: transparent none;
					
				}
				.slider_nav_button.active, .slider_nav_button:hover {background-position: 0px 0px;}

					.slider_nav_button .thumbnail {
						background: transparent none;
						border:2px solid #eee;
						-moz-transition: all .15s ease-out;
						-webkit-transition: all .15s ease-out;
						transition:all .15s ease-out;
						opacity: .8;
					}
						.slider_nav_button.active .thumbnail, .slider_nav_button:hover .thumbnail {
							border-color: #0088C9;
							opacity: 1;
						}

/* ===== media_list ====== */

	.media_list {
		position: relative;
		display: block;
		margin: 0 0 24px;
	}
		.media_list li {
			position: relative;
			display: block;
			float: left;
			clear: none;
			width:30%;
			margin:0 0 0 2%;
		}
		
/* ===== figures & imgs ====== */

	figure {
		background: transparent;
		margin:0px;
		padding:1px;
	}
		.slider_wrap.gallery figure {background:#eee;}
		.page_section_media_list figure {margin-bottom:15px;}
		
		.slider_wrap.gallery figure {
			margin:0;
			min-height:480px;
		}
		
		video { -webkit-transform-style: preserve-3d; }
		
		figure video {
			background:#000;
		}
		figure object {
			position: relative;
			display: block;
		}
		.slider_wrap figure object {
			float:left;
			clear: none;
		}
		
		figure img, figure video {			
			display: block;
			padding:0;
			margin: 0 auto;
			z-index: 800;
		}
			.slider_wrap.gallery figure img, .slider_wrap.gallery video {
				margin:0;
				float:left;
				clear:none;
			}
		
		figcaption {
			font-size: 12px;
			color:#333;
			padding:6px 10px;
			line-height: 1.3em;
			z-index:850;
		}
			.slider_wrap.gallery figcaption {
				display: block;
				float:right;
				clear:none;
				width:280px;
				padding:15px 10px 0;
			}
			.slider_wrap.gallery .slide_info {
				margin-bottom: 10px;
				min-height:460px;
				padding-bottom:53px;
			}
			.slider_wrap.gallery.gallery_single .slide_info {min-height:395px;}
			
			.slider_wrap.featured_slider figcaption {
				position: relative;
				display: block;
				background: transparent none;
				color:#999;
				padding:5px 0;
				text-transform: uppercase;
			}
			
			.slider_wrap.featured_slider:hover .has_caption figcaption {
				display: block;
			}
			
			.page_section_media_list figcaption {
				color:#999;
				padding:5px 0;
				text-transform:uppercase;
			}
			
			.media_title {text-transform: uppercase;}
				.slider_wrap.gallery h5 {
					text-transform: uppercase;
					font-weight:bold;
					margin:0 0 0px;
					color:#0088C9;
				}
				.slider_wrap.gallery strong {text-transform: uppercase;}
				.slider_wrap.gallery p {
					margin: 0 0 10px;
				}
				
				.slider_wrap.gallery cite {
					position: absolute;
					left:0px;
					bottom:0px;
					font-style: normal;
					margin-bottom: 52px;
					color:#999;
				}
				.slider_wrap.gallery.gallery_single .slide_info cite {
					margin-bottom: 40px;
				}

/* ===== other ====== */				
				
footer {
	margin:25px 0 0;
	padding:10px 5px;
	border-top: 5px solid #ccc;
	font-size:12px;
	text-align: center;
}
	#footer_twitter {
		position: relative;
		display: block;
		background: transparent url(/pub/e/img/tiny-timeline-bird.png) no-repeat right top;
		padding:5px 35px 5px 0;
		margin:-5px 0 0;
	}

#article_legal {
	font-size:12px;
}
#body_legal li {
	display:block;
	margin:0 0 20px;
}
	#article_legal h4 {font-size: 1em;}
	#article_legal p, #body_legal ol ol li {margin: 5px 0 0;}
	#article_legal .count {padding:0 25px 0 0;}
	#article_legal p .count {padding:0 5px 0 0;}
	
#client_login {
	display: block;
	float: right;
	clear: none;
	padding:5px 5px 2px;
	background: #eee;
}

#article_contact .left_half {width:380px;}
#article_contact .right_half {width:560px;}

.contact_chunk {
	width:257px;
	position: relative;
	float:left;
	clear:none;
	margin:0 0 3px 3px;
	padding:10px;
	background:#eee;
	height:90px;
}
	
	.address {
		padding:3px 0 0;
		line-height: 1.5em;
	}
	

#managing_dir {
	margin:12px 0 24px;
	text-align: center;
}

/* === social === */

.sharing_wrap {
	position:absolute;
	bottom:5px;
	text-transform: uppercase;
}


#tweets_section {
	margin:0;
	padding:0;
	border: none;
}

#tweets {
	padding:5px 0 0;
}
	#tweets li {
		font-size: 12px;
		background:#eee;
		color:#333;
		padding:12px 12px 8px;
		margin:0 0 1px;
	}
	
	#tweets p {
		margin:0;
		padding:0;
	}

.like_wrap {
	width:155px;
	overflow: hidden;
	margin:0 0 0 10px;
	float:right;
	clear:none;
}
	.slider_wrap.gallery figcaption .like_wrap {
		float:none;
		clear:both;
		margin:3px 0 0;
	}

#tweets_title {
	font-family: din_m, sans-serif;
	background: transparent url(/pub/e/img/tiny-timeline-bird.png) no-repeat right center;
	margin: 0 15px;
	padding:0 0;
	font-size: 1.35em;
	position: relative;
	display: block;
}

.tweet {
	padding: 5px;
}

.uber_mailer_wrap {
}
	.slider_wrap.gallery figcaption .uber_mailer_wrap {
		margin:0px 0 0;
	}

.email_link {display: none;}
.email_form_close {display:block;z-index:950;}
.mailer_wrap {
	position: absolute;
	top:25%;
	right:280px;
	z-index:1000;
}

.mailer {
	position: relative;
	display: none;
	width: 410px;
}
	.slider_wrap.gallery .mailer{
		background: #fff;
		padding:5px 10px;
		margin-left:-123px;
		-moz-box-shadow: 0px 0px 10px #333;
		-webkit-box-shadow: 0px 0px 10px #333;
		box-shadow: 0px 0px 10px #333;
	}
	.form_row { margin:0 0 10px;clear: both; }
	
	.input_text, .mailer_message {
		background: #eee;
		border:1px solid #ccc;
		font-family: "Courier New", courier, sans-serif;
		font-size:12px;
		color:#666;
	}
	
		.input_text:hover, .input_text:focus, .mailer_message:hover, .mailer_message:focus { 
			background: #fff; 
			color:#000;
		}
	
	.input_text {
		position: relative;
		display: block;
		float: left;
		clear: none;
		padding:5px;
		width: 188px;
		margin:0 10px 0 0;
	}
		.input_text.row_end {margin:0;}
		
	.mailer_message {
		width: 398px;
		padding:5px;	
		resize: vertical;
	}
	
	.mailer_send {
		position: relative;
		display: block;
		float: right;
		padding:10px;
		border: 1px solid red;
	}

.req {
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	transition:all .15s ease-out;
}	

.errored {
	border:1px solid red;
	-moz-box-shadow: 0px 0px 5px rgba(255,0,0,.5);
	-webkit-box-shadow: 0px 0px 5px rgba(255,0,0,.5);
	box-shadow: 0px 0px 5px rgba(255,0,0,.5);
}

.error_message, .results {display: none;}

.mailer_response {
	padding:12px 0 6px;
}

/* ===== pages_list and tag filtering ====== */

	.pages_list li {
		position: relative;
		display: block;
		float:left;
		clear:none;
	}
		.pages_list li a {
			position: relative;
			display: block;
			padding:5px 10px;
			margin:0 1px 3px 2px;
			background: #eee;
			-moz-transition: all .15s ease-out;
			-webkit-transition: all .15s ease-out;
			transition:all .15s ease-out;
		}
		
		.pages_list li.this_page a {
			background: #0088C9;
			color:#fff;
		}
		
			.pages_list li a:hover {
				background: #0088C9;
				color:#fff;
			}

#tags_title {padding-right:12px;}

h2#tag_filters_header {
	margin-left: 2px;
}

h2 .tag_filter, #tag_search {
	position: relative;
	display: block;
	float: left;
	clear: none;
	width:313px;
	height:54px;
	overflow:hidden;
	padding: 5px 0px 0;
	margin:0 3px 3px 0;	
	background:#eee;
	color:#0088C9;
	border:none;
	outline:none;
	vertical-align: middle;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: none;
	-khtml-border-radius: none;
	-webkit-border-radius:none;
	border-radius: none;
	font-family:din_l, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size:1.5em;
	line-height: 1.5em;
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	transition:all .15s ease-out;
}
	.tag_filter.active, .tag_filter:hover, #tag_search.active, #tag_search:hover {
		background:#0088C9;
		color:#fff;
	}	
	
	.tag_filter.filter_everything {
		clear:both;
		float:none;
	}
	
	#tag_search {
		padding:0;
		height:59px;
	}
/* ======= error page junk === */

#error_header {margin-bottom:50px;}


/* ===================================  Headers */

h1, h2, h3, h4, h5 {font-weight: normal;line-height: 1.2em;color:#666;}

h1 {
	font-family:din_l, sans-serif;
	font-size:2.7em;
}
h2 {
	font-family:din_l, sans-serif;
	font-size:1.5em;
}
h3 {font-size:1.25em;}
h4 {font-size:1.15em;}
h5 {font-size:1.1em;}

#tag_filters_header {
	margin-bottom: 24px;
}

#article_legal h2 {
	margin-bottom:12px;
}

#article_kharon_error {display:none;}

/* ===================================  SHORTCUTS */

.hide {display:none;}

.half {width:50%;}
.v_middle {vertical-align: middle;}
.left {float:left;clear:none;}
.right {float:right;clear:none;}
.alignleft, .left_half {float:left;clear:none;padding:0 10px 10px 0;}
.alignright, .right_half {float:right;clear:none;padding:0 0px 10px 10px;}
.alignnone {float:none;clear:both;margin:0 auto 10px;}
.clearfix {position:relative;display:block;width:100%;height:0px;float:none;clear:both;line-height:0px;padding:0px;margin:0;overflow:hidden;background:transparent none;outline:none;visibility:hidden;zoom:1;}
.clear {position:relative;display:block;clear:both;}

 .left_half, .right_half {margin:0px;padding:0 0 10px;width:50%;}
 
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.justify {text-align: justify;}
.uppercase {text-transform:uppercase;}
.capitalize {text-transform: capitalize;}

.pad12 {padding:12px;}
.pad0_12 {padding:0 12px;}
.pad12_0 {padding:12px 0;}

/* ========== tables ================ */
/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* ==================== mobility =============== */

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	input[type="text"], input[type="email"], textarea { 
		border: 1px solid #999; 
		border-radius: 0px;
	}
}
/* iPad [portrait] */
@media only screen and (max-device-width: 768px) {

}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {

}
/* iPhone [portrait] */
@media only screen and (max-device-width: 320px) {


}
@media screen and (-webkit-min-device-pixel-ratio: 2) {

}