@import url('//fonts.googleapis.com/css?family=Arimo:400,700');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import "grid.css";
@import "menus.css";
@import "buttons.css";
@import "forms.css";
@import "lists.css";
@import "jquery.fancybox-1.3.4.css";

*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.cf:after { 
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}

a{color:#4D99E0;outline:0;}
a:active{color:inherit;}
a:visited{}
a:hover{}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*---------------------------------
	X
-----------------------------------*/

h1,h2,h3,h4,h5,h6{
	font-family: "Arimo", arial, verdana, sans-serif;
	font-weight:normal;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
	font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
	color:#000;
	background:#efefef url(bg.gif);
	font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
	text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}


img{
	margin:0;
	padding:0;
	display:inline-block;
	position:relative;
	zoom:1;
	vertical-align: bottom;
	
}

#mainimg {
	max-width: 100%
}

		.gallery{}

		.gallery a{
			display:inline-block;
			position:relative;
			border:1px solid #ddd;
			background:#fff;
			padding:3px;
			margin:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}

		.gallery a img{
			display: block;
			position: relative;
			margin:0;
			padding:0;
		}
		

#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

h1,h2,h3 {
	font-size: 1.8em;
	margin: 1em auto;
}

ul { margin:0 }

.main {
	background:white;
	max-width: 1220px;
	margin: 1em auto 1em;
}

.main p {
	margin: 1em auto;
}

.ph li {
	display:inline-block;
}

.gallery {
	margin: 0 auto;
}

figure {
	max-width:310px;
	background:white;
	margin: 0 5px .5em;
}

figure > a {
	display:block;
}

figcaption {
	margin: .4em;
}

figcaption p {
	margin-left:5px;
}

figcaption span {
	margin-left:15px;
}

.links{
	list-style: none;
	text-align: center;
}

.tags {  list-style: none;  margin: 0;  overflow: hidden;   padding: 0;}.tags li {  display:inline-block;}.tag {  background: #eee;  border-radius: 3px 0 0 3px;  color: #999;  display: inline-block;  height: 26px;  line-height: 26px;  padding: 0 20px 0 23px;  position: relative;  margin: 0 10px 10px 0;  text-decoration: none;  -webkit-transition: color 0.2s;}.tag::before {  background: #fff;  border-radius: 10px;  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);  content: '';  height: 6px;  left: 10px;  position: absolute;  width: 6px;  top: 10px;}.tag::after {  background: #fff;  border-bottom: 13px solid transparent;  border-left: 10px solid #eee;  border-top: 13px solid transparent;  content: '';  position: absolute;  right: 0;  top: 0;}.tag:hover {  background-color: crimson;  color: white;}.tag:hover::after {   border-left-color: crimson; }

hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}