/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
html {-webkit-font-smoothing: antialiased;}
article, aside, figure, footer, header, hgroup, nav, section {display:block;}
nav ul {list-style:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}


html, body {
	width:100%;
	margin:0px;
	padding:0px;
}

body {
	background-color: #222222;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:#fff;
}

a {
	color:#fff;
}

a:hover {
	color:#f00;
}


.invisible, .mask { 
	display:none;
}

#header  {
	width:100%;
	background:url(../files/gui/header_bg.png) repeat-x;
	border-bottom:1px solid #444;
	height: 65px;
	position:fixed;
	top:0px;
	z-index:1000;
}

#header .inside {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#container {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	position:absolute;
	left:0px;
	top:20px;
}

#header_links {
	text-transform: uppercase;
	position:absolute;
	right:0px;
	top:26px;
	text-align:right;
}

#header_links  li{
	display:inline;
	padding-left:5px;
	margin-left:5px;
	border-left:1px solid #444;
	font-size:10px
	
}

 #header_links  li.first {
	border:none;
}


#header_links  a{
	text-decoration:none;
}

ul , li{
	list-style:none;
	margin:0px;
	padding:0px;
}

.mini_gallery {
	margin-top:80px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.start_img , .grid_sizer {
	width:32%;
	margin-right:5px;
	margin-bottom:5px;
}

.start_img.last {
	margin-right:0px;
}


.mini_gallery  figure {
	margin:0px;
	padding:0px;
	display:block;
	width:99%;
	overflow:hidden;
	border: #313131 5px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:1px;
	-webkit-transition: border .8s;
	-moz-transition: border.8s;
	-o-transition: border .8s;
	-ms-transition: border .8s;
	transition: border .8s;

}

.mini_gallery  figure:hover {
	border: #ccc 5px solid;
}	


.clear {
	clear:both;
}
/*
.start_img img {
	line-height:1px;
	-ms-transform: scale(1) .8s;
    -webkit-transform: scale(1) .8s;
    -moz-transform: scale(1) .8s;
    -o-transform: scale(1) .8s;
    transform: scale(1) .8s;

	-webkit-transition: all .8s;
	-moz-transition: all.8s;
	-o-transition: all .8s;
	-ms-transition: all .8s;
	transition: all .8s;
	width:100%;
	height:auto;
}

.start_img img:hover {
	
	-ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
*/


/* Gray Scale */

.start_img img {
	line-height:1px;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:100%;
	height:auto;
}

.start_img img:hover {
	-webkit-filter: grayscale(80%);
	filter: grayscale(80%);
}

/*------------------------------------------------------------*/
.copyright {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	margin-bottom:20px;
	text-align:center;
}

.start_text {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	margin-top:25px;
	padding:5px;
	font-weight:300;
	text-transform:uppercase;
}

.start_text a {
	text-decoration:none;
	text-transform:uppercase;
}

@media only screen and (max-width: 1100px) {
	#container, #footer {width:94%; margin-left:3%; margin-right:3%;}
	
	#header .inside {width:94%; margin-left:3%; margin-right:3%;}
	.copyright {width:100%}

	.start_img , .grid_sizer {
		width:48%;
	}
}

@media only screen and (max-width: 500px) {
	.start_img , .grid_sizer {
		width:49%;
	}
}	

@media only screen and (max-width: 500px) {
	.start_img , .grid_sizer {
		width:100%;
	}
}