/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 12px; line-height: 18px; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
/*blockquote { margin: 1em 40px; }*/
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
dd { margin: 0; }
nav ul, nav ol, nav img { list-style: none; list-style-image: none; margin: 0; padding: 0; cursor: pointer; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/**
 * Web fonts
 *
 * 
 */
@font-face {
	font-family: 'HelveticaNeueLTStd35Thin';
	src: url('../font/helveticaneueltstd-th-webfont.woff') format('woff'), 
	     url('../font/helveticaneueltstd-th-webfont.ttf')  format('truetype'),
	     url('../font/helveticaneueltstd-th-webfont.svg#webfontTOJmHtjd') format('svg');
	}
	
@font-face {
	font-family: 'HelveticaNeueLTStd45Light';
	src: url('../font/helveticaneueltstd-lt-webfont.eot?') format('eot'), 
	     url('../font/helveticaneueltstd-lt-webfont.woff') format('woff'), 
	     url('../font/helveticaneueltstd-lt-webfont.ttf')  format('truetype'),
	     url('../font/helveticaneueltstd-lt-webfont.svg#webfontFKyxz0o2') format('svg');
	}

@font-face {
	font-family: 'HelveticaNeueLTStd55Roman';
	src: url('../font/helveticaneueltstd-roman-webfont.eot?') format('eot'), 
	     url('../font/helveticaneueltstd-roman-webfont.woff') format('woff'), 
	     url('../font/helveticaneueltstd-roman-webfont.ttf')  format('truetype'),
	     url('../font/helveticaneueltstd-roman-webfont.svg#webfontQuLpCM6G') format('svg');
	}
	
@font-face {
	font-family: 'HelveticaNeueLTStd65Medium';
	src: url('../font/helveticaneueltstd-md-webfont.eot?') format('eot'), 
	     url('../font/helveticaneueltstd-md-webfont.woff') format('woff'), 
	     url('../font/helveticaneueltstd-md-webfont.ttf')  format('truetype'),
	     url('../font/helveticaneueltstd-md-webfont.svg#webfont8k9VtWx9') format('svg');
	}

/**
 * Primary styles
 *
 *
 */
body, html {
	overflow: hidden;
	background: #191919 url(../img/outlets.png);
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	font-weight: normal;
	
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

section { position: relative; }

h1 {
	font-family: 'HelveticaNeueLTStd55Roman';
	font-weight: normal;
    font-size: 36px;
   	line-height: 54px;
    margin-top: 18px;
    margin-bottom: 36px;
}

h2 {
	font-family: 'HelveticaNeueLTStd55Roman';
	font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin-top: 36px;
    margin-bottom: 18px;
}

h3 {
	font-family: 'HelveticaNeueLTStd55Roman';
	font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin-top: 18px;
    margin-bottom: 0px;
}

p, ul {
	font-family: 'HelveticaNeueLTStd55Roman';
    margin-top: 0px;
    margin-bottom: 18px;
}

div { -webkit-transform:translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }


/**
 * Wrappers
 *
 *
 */
.wrapper_960 {
	width: 960px;
	margin: auto;
	position: relative;
}

.transporter_body {
	width: 100%;
	position: absolute;
}

.transporter_container { position: relative; } 
.transporter_page { position: absolute; }

#main_navigation .bottomSection { border-bottom: 1px dotted #666; }
#main_navigation .topSection { border-top: 1px dotted #666; }

.wrapper_main_navigation {
	background: #191919;
	width: 100%;
	position: relative;
	z-index: 10000;
}

	.wrapper_main_navigation img { margin-left: 10px; }

.wrapper_utility, .wrapper_header {
	width: 100%;
	position: relative;
	z-index: 9999;
}

	.wrapper_utility h2, .wrapper_header h2, .wrapper_utility h3, .wrapper_header h3, .wrapper_utility p, .wrapper_header p {
		color: #999;
		margin-left: 10px;
		margin-right: 10px;
	}
	.wrapper_utility h2, .wrapper_header h2 { margin-top: 18px; }
	.wrapper_utility h3, .wrapper_header h3 { margin-bottom: 18px; }
	
.container_page { overflow: hidden; position: static; bottom: 0; }

	.news_list  .wrapper_960, .contact .wrapper_960 { padding-bottom: 54px; }

	.contact .wrapper_960 a { color:#fff; }

	/*--- vertical white ---*/	
	.container_page .container_arrow_vertical {
		overflow: visible;
		width: 100%;
		height: 1;
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	
		.container_page .container_arrow_vertical > div {
			overflow: visible;
			width: 960px;
			margin: auto;
			position: relative;
		}
	
		.container_page .container_arrow_vertical .btn_arrow {
			background-image: url(../img/button_arrow_vertical.png);
			background-repeat: no-repeat;
			width: 40px;
			height: 36px;
			padding: 0;
			margin: 0;
			display: none;
			position: absolute;
			bottom: 0;
			-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		}
		.container_page .container_arrow_vertical .btn_arrow:first-child {
			background-position: left top;
			right: 40px;
		}
		.container_page .container_arrow_vertical .btn_arrow:last-child {
			background-position: left bottom;
			right: 0;
		}

	/*--- vertical white ---*/	

	/*--- vertical black ---*/	
	.container_page .container_arrow_vertical_black {
		overflow: visible;
		width: 100%;
		height: 1;
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	
		.container_page .container_arrow_vertical_black > div {
			overflow: visible;
			width: 960px;
			margin: auto;
			position: relative;
		}
	
		.container_page .container_arrow_vertical_black .btn_arrow {
			background-image: url(../img/button_arrow_vertical_black.png);
			background-repeat: no-repeat;
			width: 40px;
			height: 36px;
			padding: 0;
			margin: 0;
			display: none;
			position: absolute;
			bottom: 0;
			-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
		}
		.container_page .container_arrow_vertical_black .btn_arrow:first-child {
			background-position: left top;
			right: 40px;
		}
		.container_page .container_arrow_vertical_black .btn_arrow:last-child {
			background-position: left bottom;
			right: 0;
		}

	/*--- vertical black ---*/	

	.container_page .container_arrow_horizontal {
		overflow: visible;
		width: 1px;
		height: 100%;
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
	}
	
		.container_page .container_arrow_horizontal > div {
			overflow: visible;
			width: 100%;
			height: 522px;
			margin: auto;
			position: relative;
		}
	
		.container_page .container_arrow_horizontal .btn_arrow {
			background-image: url(../img/button_arrow_horizontal.png);
			background-repeat: no-repeat;
			width: 40px;
			height: 36px;
			padding: 0;
			margin: 0;
			position: absolute;
			right: 0;
			-moz-box-shadow: 1px 1px 3px rgba(0,0,0.2);
			-webkit-box-shadow: 1px 1px 3px rgba(0,0,0.2);
		}
		.container_page .container_arrow_horizontal .btn_arrow:first-child {
			background-position: left top;
			bottom: 36px;
		}
		.container_page .container_arrow_horizontal .btn_arrow:last-child {
			background-position: right top;
			bottom: 0;
		}
	

.container_text {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 50px; /* 54 */

}

.container_home_nav {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0; /* 54 */

}

	.portfolio .container_text { bottom: 108px; } /* 108 */
	
	/*.home .container_text > div, .about .container_text > div, .expertise .container_text > div, .pro-bono .container_text > div, .portfolio .container_text > div { width: 660px; margin: auto; position: relative; } */

	.home .container_text > div, .about .container_text > div, .expertise .container_text > div, .pro-bono .container_text > div, .portfolio .container_text > div, .career .container_text > div { width: 660px; margin: auto; position: relative; }
	
.container_text .slider_text {  position: relative; }

	/*.container_text h2 { position: relative; margin-bottom: 9px; }*/


	.container_text h2 span {
		color: #fff;
		line-height: 36px;
		background: #c5193e;
		height: 36px;
		padding: 0 18px;
		margin: 0;
		float: left;
	}
	
	.container_text h2 a
	{
		background-color: #c5193e;
		width: 35px;
		height: 36px;
		padding: 0;
		margin: 0;
		display: block;
		position: relative;
		float: left;
		border-left: 1px solid #fff;
		cursor: pointer;
	}
	
		.container_text h2 a img {
			margin-left: -6px;
			margin-top: -6px;
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transition-duration: 200ms;
			-moz-transition-duration: 200ms;
		}
		
		.container_text h2 .inactive img {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
		}
		
	.container_text p { font-size: 14px; line-height: 20px; }
	
	.container_text span {
		line-height: 36px;
		height: 36px;
		margin-top: 9px;
		position: relative;
		z-index: 1000;
		float: right;
	}
	
	.container_text span a {
		color: #fff;
		text-decoration: none;
		display: inline-table;
		background: #c5193e;
		padding: 0 9px;
		cursor: pointer;
	}

	.container_text ul {
		margin-top:0;
		margin-bottom:10px;
	}


/**
 * slider
 *
 *
 */
.slider_page, .slider_text, .slider_case_study, .slider_portfolio, .slider_thumbnail { position: relative; }

.slider_image { position: absolute; left: 0; top: 0; }
	
.home .slider_text, .about .slider_text, .expertise .slider_text, .pro-bono .slider_text { width: 660px; margin: auto; }

	/*.slider_page .pages, .slider_image .pages, .slider_text .pages, .slider_case_study .pages, .slider_portfolio .pages, .slider_thumbnail .pages  { width: 100%; margin: auto; }*/

	.slider_page .pages, .slider_page .portfolio_pages, .slider_image .pages, .slider_text .pages, .slider_case_study .pages, .slider_portfolio .pages, .slider_thumbnail .pages  { width: 100%; margin: auto; }

	.slider_text .pages { background: rgba(255,255,255,0.8); }
	
	.slider_page .item, .slider_image .item, .slider_text .item, .slider_case_study .item, .slider_portfolio .item {
		position: relative;
		overflow: hidden;
	}
	.slider_image .item, .slider_text .item, .slider_case_study .item, .slider_thumbnail .item { float: left; }
	
	.slider_page .horizontal .item { float: left; }
	
	.slider_page .gallery .item { position: absolute; left: 0; margin: 0; }
	
	.slider_text .item { margin: 0 10px; }
	.slider_text .item:first-child { margin: 0 10px 0 0; }
	.slider_text .item:last-child { margin: 0 0 0 10px; }
	.slider_text .item:only-of-type { margin: 0; }
	
		.slider_text .item div {
			width: 660px;
			padding: 24px 0 18px 0;
			margin: 0;
		}
		.slider_text .item div p:last-child { margin-bottom: 0; }
		
	.slider_text h3, .slider_text p
	{
		margin-left: 18px;
		margin-right: 18px;
	}
	.slider_text h3:first-child { margin-top: 0; margin-bottom: 18px; }
	
	.slider_text ul { list-style-position: inside;  }
	.slider_text ul:last-child { margin-bottom: 0; }
	
	.slider_text ul.two-column li { width: 280px; margin: 0 18px; float: left; }
	
	.slider_text .button_arrow {
		background-color: #666;
		background-repeat: no-repeat;
		background-position: left top;
		width: 18px;
		height: 18px;
		margin-top: 20px;
		display: block;
		position: absolute;
		top: -19px;
		cursor: pointer;
	}
	
	.slider_text .left {
		background-image: url('../img/button_arrow_left.png');
		right: 20px;
	}
	
	.slider_text .right {
		background-image: url('../img/button_arrow_right.png');
		right: 1px;
	}
	
	.portfolio_detail .item p, .probono_detail .item p { margin: 0 40px 10px 40px; font-size:12px; line-height:14px;} /* portfolio 0 46px 10px 46px */
	.portfolio_detail .item img, .probono_detail .item img { position: relative; }
	
	.gallerytabs { display: none; }
	
	.gallery .btn_arrow {
		background-image: url(../img/button_arrow_horizontal.png);
		background-repeat: no-repeat;
		width: 40px;
		height: 36px;
		padding: 0;
		margin: 0;
		position: absolute;
		right: 0;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0.2);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0.2);
		z-index: 10000;
		cursor: pointer;
	}
		
		.gallery .prev {
			background-position: left top;
			bottom: 36px;
		}
		.gallery .next {
			background-position: right top;
			bottom: 0px;
		}
		
	.gallery .btn_slideshow {
		width: 40px;
		height: 36px;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 72px;
		right: 0;
		-moz-box-shadow: 1px 1px 3px rgba(0,0,0.2);
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0.2);
		z-index: 10000;
		cursor: pointer;
	}
		.gallery .slideshow_off { background: url(../img/button_slideshow.png) no-repeat left top; }
		.gallery .slideshow_on { background: url(../img/button_slideshow.png) no-repeat left bottom; }


/**
 * Masonry
 *
 *
 */
#masonry_wrapper
{
	width: 950px;
	margin: auto;
	position: relative;
}

	#masonry_wrapper .grid, #masonry_wrapper .item
	{
		overflow: hidden;
		padding: 0;
		margin: 0 5px;
		position: relative;
		float: left;
	}
	
	#masonry_wrapper .item { margin: 0; }
	
		#masonry_wrapper .grid_5 { width: 950px; }
		#masonry_wrapper .grid_3 { width: 566px; }
		#masonry_wrapper .grid_2 { width: 374px; }
		#masonry_wrapper .grid_1 { width: 182px; }
			.grid_1 { background:#fff url('../../images/modules/background_portfolio.jpg') repeat-x top left; }
			.grid_9 { background:#fff; }
	
	#masonry_wrapper h2 { margin-top: 18px; /* 18px */ margin-bottom: 0; margin-left: 5px; font-family: 'HelveticaNeueLTStd65Medium'; }
	#masonry_wrapper h3 {  margin-top: 0; margin-bottom: 0; }
	#masonry_wrapper p { margin-top: 0; margin-right: 5px;  color: #191919; font-size: 14px; line-height: 22.5px; }
	#masonry_wrapper p:first-child { font-size: 18px; line-height: 27px; margin-top: 18px; }
	#masonry_wrapper h2 + p { font-size: 11px; line-height: 18px; margin-left: 5px; }
	#masonry_wrapper blockquote {
		font-family: 'HelveticaNeueLTStd65Medium';
		font-size: 28px;
		line-height: 36px;
		margin: 0 0 18px 5px;
		/*margin: 10px 0 10px 5px;*/
		border-bottom:1px dotted #bdbdbd;
		padding-bottom:10px;
		
	}
	#masonry_wrapper ul { list-style-type: disc; list-style-position: inside; margin-left: 5px; }
	#masonry_wrapper ul li { font-size: 11px; color: #e1e1e1; line-height: 27px; font-family: 'HelveticaNeueLTStd65Medium'; color: #191919; }
	#masonry_wrapper hr { width: 950px; margin: 0; border: none; }
	#masonry_wrapper .spacer { width: 950px; height: 18px; margin-bottom: 18px; border: none; border-bottom: 1px dotted #444; }
	
	.case-study-abnr h1, .case-study-abnr h2, .case-study-abnr h3, .case-study-abnr blockquote { color: #5D87A1; } /* 808374 */
	.case-study-bsc h1, .case-study-bsc h2, .case-study-bsc h3, .case-study-bsc blockquote { color: #1A549D; }  /* 80900d */
	.case-study-bumiputera h1, .case-study-bumiputera h2, .case-study-bumiputera h3, .case-study-bumiputera blockquote { color: #0080c0; }
	.case-study-doku h1, .case-study-doku h2, .case-study-doku h3, .case-study-doku blockquote { color: #ff0000; }
	.case-study-lintasarta h1, .case-study-lintasarta h2, .case-study-lintasarta h3, .case-study-lintasarta blockquote { color: #49616e; }
	.case-study-mandala-airlines h1, .case-study-mandala-airlines h2, .case-study-mandala-airlines h3, .case-study-mandala-airlines blockquote { color: #005380; }
	.case-study-mulia-group h1, .case-study-mulia-group h2, .case-study-mulia-group h3, .case-study-mulia-group blockquote { color: #0080A6; }
	.case-study-pgn h1, .case-study-pgn h2, .case-study-pgn h3, .case-study-pgn blockquote { color: #0a5780; }
	.case-study-swaen-capital h1, .case-study-swaen-capital h2, .case-study-swaen-capital h3, .case-study-swaen-capital blockquote { color: #375b80; }

	#masonry_wrapper .grid_2 h2 {
		margin-top:0px;
	}

	/*#masonry_wrapper .grid_2 p {
		font-size:11px;
	}*/

	#masonry_wrapper .grid_2 ul li {
		font-size:12px;
	}

	#masonry_wrapper .grid_2 blockquote {
		color:#8e8e8e;
		margin: 10px 0 14px 5px;
		font-weight:bold;
	}

	#masonry_wrapper .grid_2 p.case_study_description {
		font-size:12px;
	}

	

/**
 * Clients
 *
 *
 */
.list_client { width: 960px; margin: auto; list-style-type: none; }
	
	.list_client li {
		color: #666;
		line-height: 35px;
		width: 300px;
		height: 35px;
		margin: 0 10px;
		border-bottom: 1px dotted #333;
		float: left;
	}
	
	.list_client .button { color: #e1e1e1; }


/**
 * Portfolio
 *
 *
 */


img.img_pointer {
	cursor:pointer;
}
/**
 * Brand
 *
 *
 */
.list_brand { width: 960px; margin: auto; list-style-type: none; }
	
	.list_brand li {
		color: #666;
		/*line-height: 35px;*/
		width: 240px; /* 300 */
		height: 135px;
		margin: 0; /* 0 10px */
		padding:0;
		border-bottom: 0px dotted #333;
		text-align:center;
		float: left;
	}
	
	.list_brand .button { color: #e1e1e1; }
	

/**
 * News
 *
 *
 */
.list_article { width: 640px; margin: 0 10px; list-style-type: none; float: left; }

	.list_article li { padding: 18px 0; border-top: 1px dotted #333; }
	.list_article li:first-child { padding-top: 0; border: none; }

	.list_article .container_date {
		width: 100px;
		text-align: center;
		background: #333;
		margin: 0 10px 0 0;
		float: left;
	}
	
		.list_article .container_date h3 { color: #e1e1e1; }
		
		.list_article .container_date p { color: #e1e1e1; }
		
	.list_article .text {
		width: 470px;
		float: left;
		margin: 0 0 0 10px;
	}
	
	.list_article .text h2 { color:#e1e1e1; margin-top: 0; }
	.list_article .text p { color: #e1e1e1; }
	.list_article .text a { background: #333; color: #e1e1e1; line-height: 36px; height: 36px; padding: 0 5px; display: inline-table; text-decoration: none; }
	
.list_sidebar { width: 280px; margin: 0 10px; list-style-type: none; float: left; }

	.list_sidebar li { padding: 18px 0; color:#e1e1e1; border-top: 1px dotted #333; line-height: 18px; cursor: pointer;  }
	.list_sidebar li:first-child { padding-top: 0; border: none; }
	
.article  { width: 620px; margin: 0 30px 0 10px; float: left; }

	.article h2 { color: #e1e1e1; margin-top: 0; }
	
	.article p { color: #e1e1e1; }
	
	.article a { background: #333; color: #e1e1e1; line-height: 36px; height: 36px; padding: 0 5px; margin-bottom: 36px; display: inline-table; text-decoration: none; }
	
	
/**
 * Contact
 *
 *
 */
.form_contact { width: 560px; margin: 0 70px 0 10px; float: left; }
.form_contact hr { clear: both; border: none; }
.form_contact label
{
	width: 100px;
	font-size: 14px;
	color: #e1e1e1;
	height: 36px;
	line-height: 36px;
}

.form_contact input, .form_contact textarea { float: right; }
.form_contact input[type="text"]
{
	font-size: 14px;
	color: #e1e1e1;
	background: #222;
	width: 428px;
	padding: 10px 10px 9px 10px;
	border: none;
	border-bottom: 1px dotted #333;
}

.form_contact input[type="submit"]
{
	font-size: 14px;
	color: #f2f2f2;
	background: #333;
	width: auto;
	padding: 10px;
	border: none;
}

.form_contact textarea
{
	font-size: 14px;
	color: #f2f2f2;
	background: #222;
	width: 428px;
	padding: 10px 10px 9px 10px;
	border: none;
	border-bottom: 1px dotted #333;
}
	


/**
 * Main navigation
 *
 *
 */
.navigation_main { position: relative; }
	
	.navigation_main > li {
		line-height: 72px;
		height: 71px;
		float: left;
		position: relative;
	}
	.navigation_main > li:hover > ul { display: block; }
	
	.navigation_main > li > span {
		font-family: 'HelveticaNeueLTStd55Roman';
		color: #999;
		text-decoration: none;
		padding: 0 15px;
		display: block;
	}
	
	.navigation_main > li > ul {
		width: 280px; /* 250 */
		position: absolute;
		left: 0;
		display: none;
	}
	
		.navigation_main > li > ul > li {
			color: #f2f2f2;
			font-size: 12px;
			line-height: 36px;
			background: #2a2a2a;
			width: 240px;
			padding: 0 15px;
			position:  relative;
			float: none;
		}
		
			.navigation_main > li > ul > li span {
				padding: 0;
				margin: 0;
			}
	
	.navigation_main li.active span, .navigation_main li:hover.active span { background: #c5193e; color: #fff; }
	.navigation_main li:hover span { color: #f2f2f2; background: #2b2b2b; }
	.navigation_main > li:hover > ul > li:hover { color: #f2f2f2; background: #222; }
		
		
/**
 * Sort portfolio navigation
 *
 *
 */
.navigation_sort { width: 960px; margin: auto; position: relative; }
	
	.navigation_sort > li {
		line-height: 54px;
		height: 54px;
		position: relative;
		cursor: default;
		float: left;
	}
	
	.navigation_sort > li > span
	{
		background: #191919;
		font-family: 'HelveticaNeueLTStd55Roman';
		font-size: 12px;
		color: #999;
		text-decoration: none;
		padding: 0 11px; /* 0 15*/
		display: inline-table;
		cursor: pointer;
	}
	.navigation_sort > li:hover > ul { display: block; }
	
	.navigation_sort > li > ul {
		width: 220px;
		position: absolute;
		left: 0;
		top: 54px;
		display: none;
	}
	
		.navigation_sort > li > ul li {
			color: #f2f2f2;
			font-size: 12px;
			line-height: 36px;
			background: #2a2a2a;
			width: 190px;
			padding: 0 15px;
			position:  relative;
			float: none;
		}
		.navigation_sort > li > ul li:hover ul { display: block; }
		
			.navigation_sort > li > ul li span {
				padding: 0;
				margin: 0;
			}
			
			.navigation_sort > li > ul li ul {
				position: absolute;
				left: 220px;
				top: 0;
				display: none;
			}
			.navigation_sort > li > ul li ul li { background: #222; }
	
	.navigation_sort > li:hover > span { color: #f2f2f2; background: #2b2b2b; }
	.navigation_sort > li.active > span { color: #f2f2f2; background: #2b2b2b; }
	.navigation_sort > li:hover > ul { display: block; }
	.navigation_sort > li:hover > ul li:hover ul { display: block; }
	.navigation_sort > li:hover > ul > li:hover { color: #f2f2f2; background: #222; }
	.navigation_sort >li > ul > li > ul > li:hover { color: #f2f2f2; background: #191919; }
	
	
nav.navigation_utility { width: 960px; margin: auto; position: relative; }
	
	.navigation_utility ul {
		padding: 0;
		margin: 0;
	}
	
	.navigation_utility ul > li {
		line-height: 36px;
		height: 36px;
		position: relative;
		cursor: default;
		float: left;
	}
	
	.navigation_utility ul > li > span
	{
		background: #191919;
		font-family: 'HelveticaNeueLTStd55Roman';
		font-size: 12px;
		color: #999;
		text-decoration: none;
		padding: 0 15px;
		display: inline-table;
		cursor: pointer;
	}
	.navigation_utility ul > li:hover > span, .navigation_utility ul > li.active > span { color: #f2f2f2; background: #2b2b2b; }
	.navigation_utility ul > li > span.white { color:#fff; background:none; }


/**
 * Sub navigation
 *
 *
 */
.navigation_sub {
	width: 220px;
	position: absolute;
	left: 0;
}

	.navigation_sub > li {
		color: #f2f2f2;
		font-size: 12px;
		line-height: 36px;
		background: #2a2a2a;
		width: 190px;
		padding: 0 15px;
		position:  relative;
		float: none;
	}
	
	.navigation_sub span {
		padding: 0;
		margin: 0;
	}
	
		.navigation_sub li:hover { background: #111; }
		
		
/**
 * preloader screen
 *
 *
 */
#preloader_screen {
	background: url(../img/outlets.png);
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000; 
}

/**
 * misc
 *
 *
 */
.float_left { float: left; }

.float_right { float: right; }

.button { cursor: pointer; }

.background_191919 { background-color: #191919; }
.background_fff { background-color: #fff; }
.background_gradient { background:#fff url('../../images/modules/background_portfolio.jpg') repeat-x top left; }
.background_transparent { background-color: transparent; }

#preloader_container {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100000;
}

.spinner_on { background: url(../img/outlets.png); }
.spinner_off { background: transparent; }

#preloader_container h3 {
	margin: -18px 0 0 -18px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.spinner_on h3 { display: inherit; }
.spinner_off h3 { display: none; }

#preloader_container h3 #spinner_box { background: #191919; width: 36px; height: 36px; float: left; display: block; }
#preloader_container h3 span {
	color: #fff;
	line-height: 36px;
	background: #191919;
	height: 36px;
	padding: 0 18px;
	margin: 0;
	display: block;
	float: left;
}


@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.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; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { 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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}