/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
======================================================================= */

	html,
	button,
	input,
	select,
	textarea {}

	body {
		position: relative;
		height: 100%;
		width: 100%;
	}

	html {
		height: 100%;
	}

	::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	::selection {
		background: #b3d4fc;
		text-shadow: none;
	}

/* ==========================================================================
															NORMALIZE HTML5
======================================================================= */
	/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
	article,aside,details,figcaption,figure,footer,superior,header,hgroup,nav,section,summary{display:block}
	audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
	audio:not([controls]){display:none;height:0}
	[hidden]{display:none}
	body,html{margin:0;padding:0;width:100%;height: 100%}
	html,body,button,input,select,textarea{font-family:"Myriad Pro", Arial;font-size:14px;color:#8b8b8b;}
	ul,ol,li{margin:0;padding:0}
	a{text-decoration: none}
	a:focus{outline:0}
	a:active,a:hover{outline:0}
	li{list-style: none;}
	img{border:0;-ms-interpolation-mode:bicubic}
	svg:not(:root){overflow:hidden}
	figure{margin:0}
	form{margin:0}

/* ==========================================================================
														Basic Styles and Tags
====================================================================== */
	
	h1, h1 a {
		font-size: 16px;
	}

	h1, h2, h1 a {
		color: #000000;
	}
	

	p {
		line-height: 20px;
	}

	.button {
		border-radius: 3px/4px 4px 3px 3px;
		background-image: linear-gradient(#cf0016, #e61a30 1%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf0016, endColorstr=#e61a30);
		color: #ffffff;
		font-size: 14px;
		padding: 6px 14px;
		*zoom: 1;
		display: inline-block;
	}/* red button styles */

	.button:hover {
		background-image: linear-gradient(#e61a30 1%, #cf0016);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e61a30, endColorstr=#cf0016);
		*zoom: 1;
		display: inline-block;
	}

	.container {
		margin: 0 auto;
		width: 950px;
		padding: 0 5px;
		overflow: hidden;
	}/* 960 px container, centered on the middle */

	.container-picture {
		width: 960px;
		margin: 0 auto;
	}

	.clear {
		clear: both;
		display: block;
		float: none !important;
		font-size: 0 !important;
		height: 0 !important;
		line-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 0 !important;
	}/* float bug clear */

	.main {
		overflow: hidden;
	}
	.main-2 {
		margin-bottom: 0px;
	}

/* ==========================================================================
												EMERIC MARIUS WEBAGENCY
====================================================================== */

	/* === HEADER =========== */
		header {
			border-top: 0px solid black;
		}

		header .container {
			width: 950px;
		}

		/* logo */
		.logo {
			float: left;
			margin: 18px 0 0 0;
			width: 195px;
		}

		.logo a {
			display: block;
		}

		.logo img {
			vertical-align: top;
		}
		/* end logo */

		/* menu */
		nav {
			float: left;
			padding-left:20px;
		}

		.menu {
			text-align: center;
			margin: 0px 0px;
		}

		.menu li {
			display: inline-block;
			margin-left: 35px;
			vertical-align: top;

			position: relative;
			top: -5px;
		}

		.menu a {
			display: block;
			margin-top: 34px;

			color: #000000;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
		}

		.menu span {
			font-size: 13px;
		}

		/* selected border */
		.menu .red-border {
			height: 5px;
			display: inline-block;
			vertical-align: top;
			width: 21px;
		}

		.menu .selected .red-border {
			background: #e61a30;
		}

		.menu .selected a {
			color: #e61a30;
		}
		/* end selected border */
		/* end menu */
	/* === HEADER ============== */
	
/* === SUPERIOR =========== */
		superior {
			background: #000000;
			padding: 7px 0;
			border-top: 1px solid #DADADA;
			width: 100%;
		}

		superior p {
			color: #FFFFFF;
			margin: 0;
			float: left;
			background: #000000;

		}

		superior .static-page {
			background: #000000;
			float: right;
			color: #ffffff;
		}

		superior {
			position: static;
			bottom: 0px;
		}
	/* === SUPERIOR ============== */
	
	/* === FOOTER =========== */
		footer {
			background: #000000;
			padding: 7px 0;
			border-top: 1px solid #DADADA;
			width: 100%;
			margin-top: 100px;
		}

		footer p {
			color: #FFFFFF;
			margin: 0;
			float: left;
		}

		footer .static-page {
			float: right;
			color: #ffffff;
		}

		/* footer {
			position: static;
			bottom: 10px;*/
		}
	/* === FOOTER ============== */

	/* === GLOBAL STYLES ==== */
		/* homepage slider */
			/* directions */
			.slider {
				border-top: 1px solid #c6c6c6;
				border-bottom: 1px solid #c6c6c6;
				box-shadow: 1px 0px 5px 0 #C6C6C6;
				width: 100%;
			}

			.flex-direction-nav {
				position: absolute;
				top: 37%;
				left: 0;
				width: 100%;
			}

			.flex-direction-nav a {
				display: inline-block;
				width: 39px;
				height: 71px;
				background-color: #e61a30;
				text-indent: -9999px;
				position: absolute;
			}

			.flex-direction-nav .flex-next {
				background-image: url('../img/slider/nav-right.png');
				background-repeat: no-repeat;
				background-position: center center;
				border-radius: 3px 0 0 3px;
				top: 0;
				right: 0;
			}

			.flex-direction-nav .flex-prev {
				background-image: url('../img/slider/nav-left.png');
				background-repeat: no-repeat;
				background-position: center center;
				border-radius: 0 3px 3px 0;
				top: 0;
				left: 0;
			}

			.flexslider:hover .flex-next {}

			.flexslider:hover .flex-prev {}

			.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
		/* end homepage slider */

		/* top picture */
			.top-picture {
				border-top: 1px solid #c6c6c6;
				border-bottom: 1px solid #c6c6c6;
				box-shadow: 0 0 3px 0 #c6c6c6 inset;
				margin: 20px 0 35px 0;
			}

			.top-picture img {
				vertical-align: top;
				padding-top: 3px;
			}
		/* end top picture */

		/* sub content */
			.sub-content {}

			.sub-content h2 {
				font-size: 42px;
				margin: 0;
				text-transform: uppercase;
			}

			.sub-content p {
				font-size: 16px;
				margin: 0;
				padding: 0 140px;
			}
		/* end sub content */

		/* three col list */
			.services-list {
				border-top: 1px solid #DADADA;
				margin-top: 10px;
			}

			.services-list h3 {
				color: #e61a30;
				font-size: 24px;
				margin: 40px 0 0 0;
				text-transform: uppercase;
				text-align: center;
			}

			.three-col-list {
				padding-top: 28px;
			}

			.three-col-list li {
				display: inline-block;
				vertical-align: top;
				width: 260px;
				margin: 0 25px;
			}

			.three-col-list h1 {
				margin: 0;
				line-height: 20px;
				height: 40px;
				text-align: center;
			}

			.three-col-list p {
				margin: 2px 0 0 0;
				text-align: center;

			}

			.three-col-list .icon {
				margin-bottom: 5px;
				min-height: 55px;
			}

			.three-col-list .icon img {
				vertical-align: middle;
				text-align: center;

			}
		/* end three col list */



		/* three col list */

			.three-col-list-2 {
				padding-top: 0px;
			}

			.three-col-list-2 li {
				display: inline-block;
				vertical-align: top;
				width: 260px;
				margin: 0 25px;
			}

			.three-col-list-2 h1 {
				margin: 0;
				line-height: 20px;
				height: 40px;
				text-align: center;
			}

			.three-col-list-2 p {
				margin: 2px 0 10px 0;
				text-align: center;

			}

			.three-col-list-2 .icon {
				margin-bottom: 5px;
				min-height: 55px;
			}

			.three-col-list-2 .icon img {
				vertical-align: middle;
				text-align: center;

			}
		/* end three col list */


		/* sub content with photo */
			.sub-content-with-photo h2 {
				font-size: 24px;
				text-transform: uppercase;
				margin: 0 0 6px 0;
			}
			.sub-content-with-photo h3 {
				font-size: 18px;
				color:#000000;
				margin: 4px 0 4px 0;
			}
			.sub-content-with-photo .image {
				float: left;
				width: 190px;
			}

			.sub-content-with-photo .image img {
				vertical-align: top;
			}

			.sub-content-with-photo .description {
				float: right;
				width: 670px;
			}

			.sub-content-with-photo .description p {
				margin: -3px 0 0 0;
				line-height: 20px;
			}
		/* end sub content with photo */

		/* clients slider */

		/* four col list */

			.four-col-list li {
				display: inline-block;
				vertical-align: top;
				width: 182px;
				float: left;
				margin: 0px 40px 20px 0px;
				padding: 5px 5px 0px 5px;
				border: 1px solid #DADADA;
				min-height: 60px;
			}
			.four-col-list-2 li {
				display: inline-block;
				vertical-align: top;
				width: 182px;
				float: left;
				margin: 0px 40px 20px 0px;
				padding: 5px 5px 0px 5px;
				min-height: 60px;
			}


		/* end four col list */
			.clients {
				border-top: 1px solid #DADADA;
			}

			.clients h3 {
				color: #000000;
				text-align: left;
				margin: 10px 0 20px 0;
			}

			.clients .flexslider li {
				border: 1px solid #DADADA;
				padding: 5px 3px;
				min-height: 60px;
				vertical-align: middle;
				margin-right: 50px;
			}

			.clients .flexslider li a {
				display: block;
			}

			.clients .flexslider li img {
				vertical-align: middle;
				display: inline-block;
			}
		/* end clients slider */
	/* === GLOBAL STYLES ==== */

	/* === Homepage ========= */
		.homepage {
			text-align: center;
		}

		/* slider homepage */
		.slider {
			margin: 20px 0 18px 0;
		}

		/* three col list from homepage */
		.homepage .three-col-list {
			margin-top: 10px;

		}

		.homepage .three-col-list p {
			margin: 0 25px 7px 25px;
			height: 120px;
		}

		/* clients carousel from homepage */
		.homepage .clients {
			margin: 28px 0 20px 0;
			padding: 20px 5px;
			overflow: hidden;
		}
	/* === End Homepage ======== */

	/* === Competences Page = */
		/* services list */
		.competences .services-list {
			margin: 57px 0 0 0;
		}

		.competences .three-col-list .icon {
			text-align: center;
		}
	/* === End Competences ===== */

	/* === References ======= */
		.references {}

		.references .flexslider {
			position: relative;
			border: 1px solid #DADADA;
			text-align: center;
		}

		.references .flexslider img {
			vertical-align: top;
			width: auto;

		}

		.references .block {
			border-bottom: 1px solid #DADADA;
			padding-bottom: 45px;
			margin-bottom: 45px;
		}

		/* logo brand */
		.references .logo-brand {
			width: 190px;
			text-align: center;
			border: 1px solid #dadada;
			padding: 6px 0;
			margin-bottom: 10px;
		}
		/* end logo brand */

		.references .logo-brand img {
			vertical-align: top;
		}

		.references .block h1 {
			margin: 0;
		}

		.references .block p {
			margin: 0;
		}

		/* block with slider on left side */
		.references .block.left .container-slider {
			width: 952px;
			float: left;
		}

		.references .block.left .container-description {
			float: right;
			width: 405px;
		}

		/* block with slider on right side */
		.references .block.right .container-slider {
			width: 510px;
			float: right;
		}

		.references .block.right .container-description {
			float: left;
			width: 405px;
		}

		.references .block.last-block {
			margin-bottom: 0;
			border: none;
		}
	/* === End References ====== */

	/* === Contact ========= */
		.contact {}

		/* map */
			.contact .map {
				float: left;
				border: 1px solid #DADADA;
				padding: 6px 5px;
			}

			.contact .map iframe {
				vertical-align: top;
			}
		/* map */

		/* contact details */
			.contact-details {
				float: left;
				margin-left: 40px;
			}

			.contact-details .small-logo {

				padding: 0px;
				margin: 0 0 14px 0;
			}

			.contact-details .small-logo img {
				vertical-align: top;
			}

			.contact-details address {
				color: #000000;
				font-style: normal;
			}

			.contact-details address strong {
				color: #000000;
				font-size: 24px;
				line-height: 20px;
			}

			.contact-details p {
				margin: 0 0 12px 0;
			}

			.contact-details .name {
				font-size: 18px;
				font-weight: bold;
			}
		/* end contact details */
	/* === End Contact ========= */