@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
@import"../css/flexslider.css";
@import"../css/ui.totop.css";

html {overflow-y:scroll;}
body {
	background: #e0e0e0 url('../images/blueprint.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
	background-size: cover;
	font:12px/20px Arial, sans-serif;
	color:#b3b3b3;
	position:relative;
	min-width:320px;
}
html,body {
	height:100%;
}
.main {
	width:999px;
	margin:0 auto;
	padding-top:64px;
}
.main-block {
	background: #f5f5f5;
	border: 1px solid #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 4px #d2d2d2;
	-moz-box-shadow: 0px 0px 4px #d2d2d2;
	box-shadow: 0px 0px 4px #d2d2d2;
}
a {
	color:#777777;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
img {
	max-width:100%;
	height:auto;
}

/* GLOBAL STRUCTURE
========================================================================= */
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {float:left;}
.fright {float:right;}

/* TYPOGRAPHY
========================================================================= */
h1 {
	float:left;
	margin-left:11px;
	margin-top:26px;
}
h1 a {
	display: block;
	text-indent: -999em;
	width: 300px;
	height: 140px;
	background: url('../images/logo.png') no-repeat;
}
h2 {
	font: 26px/32px "Trebuchet MS", sans-serif;
	color:#2f2e2e;
	text-transform:uppercase;
}
h3, h3 a {
	font:bold 30px/36px "Trebuchet MS", sans-serif;
	color:#505050;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	text-transform: uppercase;
}
	h3 a:hover {color:#000;}
strong, strong a {
	font-size:14px;
	font-weight:normal;
	color:#777;
}
	strong a:hover {
		color:#000;
		text-decoration:underline;
	}

h4{font-size:22px;padding-bottom:24px;font-weight:800;color:#2f2e2e;}  
h5{font-size:16px;;color:#2f2e2e;}
h6{font-size:14px;;color:#2f2e2e;}

/* indentS
========================================================================= */
.indent-bot-1 {margin-bottom: 20px;}
.indent-bot-2 {margin-bottom: 14px;}
.indent-bot-3 {margin-bottom: 32px;}
.indent-bot-4 {margin-bottom: 12px;}
.indent-bot-5 {margin-bottom: 4px;}
.indent-bot-6 {margin-bottom: 22px;}
.indent-bot-7 {margin-bottom: 19px;}
.indent-bot-8 {margin-bottom: 28px;}
.indent-bot-9 {margin-bottom: 10px;}
.indent-bot-10 {margin-bottom:30px;}
.indent-bot-11 {margin-bottom:6px;}
.indent-bot-12 {margin-bottom:78px;}
.indent-bot-13 {margin-bottom:36px;}

.indent-top-1 {padding-top: 4px;}

.indent-left-1 {margin-left: 40px;}
.indent-left-2 {margin-left: 44px;}

/* HEADER
========================================================================= */
header {
	border-bottom: 1px solid #dcddde;
	padding-bottom:13px;
}
	
/* CONTENT
========================================================================= */
#content {
	padding: 36px 0 36px 0;
	border-top: 1px solid #fbfcfc;
}
#page1 #content {
	padding: 0 0 20px 0;
}

.block-1 {
	padding:5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #ebebeb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ebebeb 0%, #eaeaea 22%, #e8e8e8 25%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(22%,#eaeaea), color-stop(25%,#e8e8e8), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#eaeaea 22%,#e8e8e8 25%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebebeb 0%,#eaeaea 22%,#e8e8e8 25%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebebeb 0%,#eaeaea 22%,#e8e8e8 25%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(top,  #ebebeb 0%,#eaeaea 22%,#e8e8e8 25%,#dfdfdf 100%); /* W3C */
	-pie-background: linear-gradient(#ebebeb 0%, #eaeaea 22%, #e8e8e8 25%, #dfdfdf 100%);
	filter: none;
}
.block-1 .border-1 {
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.block-1 .border-2 {
	border: 1px solid #f2f2f2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 12px 20px 16px 30px;
}
.block-1 p {
	font-size:11px;
	line-height:14px;
	color:#9d9d9e;
}
.block-1 h3 {margin-bottom:5px;}

.line {
	background: url('../images/line.png') repeat-x;
	height: 1px;
	overflow:hidden;
}
.v-line-1 {
	background: url('../images/v-line.png') repeat-y 215px 0;
}
.v-line-2 {
	background: url('../images/v-line.png') repeat-y 374px 0;
}
.v-line-3 {
	background: url('../images/v-line-2.png') repeat-y 400px 0;
}
.v-line-4 {
	background: url('../images/v-line-2.png') repeat-y 240px 0;
}
.v-line-5 {
	background: url('../images/v-line.png') repeat-y 536px 0;
}
.v-line-6 {
	background: url('../images/v-line.png') repeat-y 616px 0;
}
.v-line-7 {
	background: url('../images/v-line.png') repeat-y 336px 0;
}
.v-line-8 {
	background: url('../images/v-line.png') repeat-y 176px 0;
}

.test-1 {
	color:#161616;
	font: bold 24px/42px "Trebuchet MS", sans-serif;
	margin-bottom:8px;
}
.test-2 {
	color:#222222;
	font: bold 12px/18px Arial, sans-serif;
	background: url('../images/q.png') no-repeat;
	text-indent: 14px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom:10px;
}
.test-3 {
	color:#161616;
	font-size:17px;
	line-height:32px;
	padding-left:10px;
}
.test-3:hover {text-decoration:underline;}

.fig-1 {
	float:left;
	width:152px;
	min-height:160px;
	margin-right:18px;
	margin-bottom:15px;
}
.fig-1 img {
	margin-bottom:14px;
}
.fig-1 figcaption a {
	font-size:14px;
	color:#777;
}
	.fig-1 figcaption a:hover {color:#000; text-decoration:underline;}
	
	
.img-indent-1 {
	float:left;
	margin-right:18px;
	margin-top:4px;
}
.exw-1 {
	overflow:hidden;
}


.books td {
	line-height:27px;
	padding-bottom:3px;
}
.books .col-1 {
	width:310px;
	padding-right:10px;
}
.books .col-2 {
	width:150px;
	padding-right:10px;
}
.books .col-3 {
	width:70px;
	padding-right:10px;
}
.books .col-3-1 {
	width:70px;
}
.books .col-3 a, .books .col-3-1 a {
	display:block;
	color:#fff;
	background-color:#222;
	text-align:center;
	font-size:13px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	.books .col-3 a:hover, .books .col-3-1 a:hover {
		background-color:#5a5858;
	}
	
.entries {
	display:inline-block;
	font-size:17px;
	color:#777;
	padding-left:8px;
	background: url('../images/link-e.png') no-repeat 0 8px;
}
.entries:hover {
	color:#000;
	text-decoration:underline;
}

.list-1 li {
	padding: 6px 0 9px 0;
	border-top: 1px solid #e9e9e9;
	color: #777;
		font: 14px/18px Arial, sans-serif;
}
.list-1 li:first-child {border-top:none;}
	.list-1 li a {
		color: #777;
		font: 14px/18px Arial, sans-serif;
	}
	.list-1 li a:hover {
		color: #000;
	}
.list-2 {
	padding-top:10px;
}	
.list-2 li {
	background: url('../images/page-1-img-2.png') no-repeat 0 -6px;
	padding-left:43px;
	margin-bottom:12px;
}

.list-2 li a.link-2 {margin-bottom:6px; display:inline-block;}
.list-2 li div {
	border-bottom: 1px solid #ebebeb;
	padding-bottom:12px;
}
	.list-2 li.last div {
		border-bottom: none;
		padding-bottom:2px;
	}
	
.list-3 li {
	padding: 12px 0 9px 0;
	border-top: 1px solid #c4c4c4;
}
.list-3 li:first-child {border-top:none;}
	.list-3 li a {
		color: #515050;
		font: bold 13px/16px Arial, sans-serif;
	}
	.list-3 li a:hover {
		color: #000;
		text-decoration:underline;
	}

.rt-block-indent-1 {padding-right: 50px;}
.rt-block-indent-2 {padding-right: 40px;}
.rt-block-indent-3 {padding-left: 38px;}
.rt-block-indent-4 {padding-left: 16px;}
.rt-block-indent-5 {padding-right: 80px;}
.rt-block-indent-6 {padding-right: 94px;}
.rt-block-indent-7 {padding-right: 70px;}
.rt-block-indent-8 {padding-right: 54px;}
.rt-block-indent-9 {padding-right: 120px;}
.rt-block-indent-10 {padding-right: 22px;}
.rt-block-indent-11 {padding-right: 110px;}

.rt-hidden-1 {display:none;}

/* BUTTONS, LINKS
========================================================================= */
.button, .button-small {
	display:inline-block;
	color:#fcfbf7;
	font-size:17px;
	line-height:32px;
	background-color:#222;
	padding: 4px 25px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;
	min-width: 80px;
}
.button-small {
	min-width:80px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.button:after, .button-2:after, .button-small:after {
	content:'';
	display:block;
	width:130px;
	height:11px;
	overflow:hidden;
	position:absolute;
	left:3px;
	bottom:-11px;
	margin-left:-6px;
	background: url('../images/button-shadow.png') no-repeat;
}
.button-small:after {
	width:100px;
	background: url('../images/button-small-bg.png') no-repeat;
	left:5px;
}
	.button:hover, .button-small:hover {
		background-color:#5a5858;
	}
.button-2 {
	display:inline-block;
	color:#000000;
	font-size:17px;
	line-height:32px;
	background-color:#ffffff;
	padding: 4px 25px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;
	min-width: 80px;
}
	.button-2:hover {
		color:#fcfbf7;
		background-color:#5a5858;
	}
.link-1 {
	color:#777;
}
	.link-1:hover {
		color:#000;
		text-decoration:underline;
	}
.link-2 {
	color:#222222;
	font:20px/24px "Trebuchet MS", sans-serif;
}
	.link-2:hover {
		color:#6e6b6b;
	}

/* FOOTER
========================================================================= */
footer {
	padding: 49px 0 20px 0;
	background: none repeat scroll 0% 0% #F5F5F5;
}
footer h2 {
	text-transform: none;
}
footer .border-t {
	border-bottom: 1px solid #c3c3c3;
	padding-bottom:53px;
	position:relative;
}
footer .border-b {
	border-top: 1px solid #e9e9e9;
	padding-top:19px;
}
.foot-text-1 {
	color:#545454;
	font:13px/20px "Trebuchet MS", sans-serif;
}

.list-soc {
	float:right;
}
.list-soc li {
	float:left;
	margin-left:11px;
}

.policy {
	float:left;
	font: 18px/36px "Trebuchet MS", sans-serif;
	color: #222222;
}
.policy a {
	color: #757575;
}
	.policy a:hover {
		text-decoration:underline;
	}
	
.dog {
	width:140px;
	height:100px;
	background: url('../images/dog.png') no-repeat;
	position:absolute;
	right:-20px;
	bottom:-4px;
	z-index:10;
}
	

/* MEDIA */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.main {
		width:768px;
	}
	.main-block {border:none;}
	.block-1 .border-2 {
		padding: 12px 10px 16px 20px;
	}
	.block-1 h3 a {font-size:25px;}
	
	.v-line-1 {
		background-position:180px 0;
	}
	.v-line-2 {
		background-position:306px 0;
	}
	.v-line-5 {
		background-position:430px 0;
	}
	.v-line-6 {
		background-position:505px 0;
	}
	.v-line-7 {
		background-position:240px 0;
	}
	.v-line-8 {
		background-position:154px 0;
	}
	
	.fig-1 {
		width:120px;
		margin-right:10px;
	}
	.dog {
		right:0;
	}
	
	.rt-block-indent-1 {padding-right: 25px;}
	.rt-block-indent-2 {padding-right: 20px;}
	.rt-block-indent-3 {padding-left:20px;}
	.rt-block-indent-4 {padding-left: 8px;}
	.rt-block-indent-5 {padding-right: 40px;}
	.rt-block-indent-6 {padding-right: 47px;}
	.rt-block-indent-7 {padding-right: 35px;}
	.rt-block-indent-8 {padding-right: 27px;}
	.rt-block-indent-9 {padding-right: 60px;}
	.rt-block-indent-10 {padding-right: 4px;}
	.rt-block-indent-11 {padding-right: 55px;}
	
	.indent-left-1 {margin-left: 20px;}
	.indent-left-2 {margin-left: 22px;}
}
@media only screen and (max-width: 767px) {
	.main {
		width:300px;
		padding-top:10px;
	}
	.block-1 {margin-bottom:20px; margin-left:10px; margin-right:10px;}
	.block-1 .border-2 {padding-left:20px;}
	.main-block {
		border:0;
	}
	
	.rt-img-1 {width:100%;}
	
	.rt-br-1 {display:none;}
	
	.rt-block-indent-1, .rt-block-indent-2, .rt-block-indent-3, .rt-block-indent-4, .rt-block-indent-5, .rt-block-indent-6, .rt-block-indent-7, .rt-block-indent-8, .rt-block-indent-9, .rt-block-indent-10, .rt-block-indent-11, .rt-block-indent-x {padding: 0 10px;}
	
	.v-line-1, .v-line-2, .v-line-3, .v-line-4, .v-line-5, .v-line-6, .v-line-7, .v-line-8 {
		background:none;
	}
	
	.list-soc {
		float:none;
		position:relative;
		left:50%;
		margin-left:-108px;
		display:inline-block;
	}
	.policy {
		float:none;
		clear:both;
		text-align:center;
		padding-top:20px;
	}
	
	.fig-1 {
		text-align:center;
		width:100%;
		margin-right:0;
	}
	.img-indent-1 {
		float:none;
		margin-right:18px;
		margin-top:4px;
		margin-bottom:18px;
	}
	.exw-1 {
		overflow:visible;
	}
	
	.rt-indent-bottom-1 {margin-bottom: 40px;}
	
	.indent-left-1, .indent-left-2 {margin-left: 0px;}
	.block-1 h3 a {font-size:25px;}
	
	.dog {
		right:0;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main {
		width:420px;
	}
	.fig-1 {
		width:150px;
		margin-right:40px;
		text-align:left;
	}
	.img-indent-1 {
		float:left;
		margin-right:18px;
		margin-top:4px;
		margin-bottom:0;
	}
	.exw-1 {
		overflow:hidden;
	}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */