/* reset v.0.002 beta :-) */

/* START reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* input[type="submit"] {border: 0;} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, header, aside {
	display: block;
}

body {
	color: #464646;
	font: 100%/150% Verdana, Tahoma, Arial, sans-serif;
	width: 100%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup {vertical-align: text-top;}
/* END reset */

/* START global */
a {
	color: #464699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #994646;
}

h1 {font-size: 2em;line-height: 1.5em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;line-height: 1.5em;}
h4 {font-size: 1.25em;line-height: 1.5em;}
h5 {font-size: 1em;}
h6, section {font-size: .875em;}
/* header, footer {font-size: .8em;} */
h1,h2,h3,h4,h5,h6 {margin: 1.5em 0 .75em;}
p {margin: .375em 0;}

/* TEMP global
#temp {
	display: inline-block;
}

#temp {
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-khtml-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	-ms-box-shadow: 0 0 2px rgba(0, 0, 0, .5);
	box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
#temp {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-o-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-khtml-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 50, 0.2);
}
#temp {
	-webkit-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-moz-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-o-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-khtml-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	-ms-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
	box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.5) inset;
}
*/
a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-khtml-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* END global */



/* START header (menu) */
header, footer {
	background-color: #ee9;
	position: fixed;
	width: 25%;
	width: -moz-calc(301px - 1px);
	width: -webkit-calc(301px - 1px);
	width: -khtml-calc(301px - 1px);
	width: -o-calc(301px - 1px);
	width: -ms-calc(301px - 1px);
	width: calc(301px - 1px);
	height: 100%;
}
header h1 {text-align: center;}
nav ul {list-style: none;padding: 0 20px;}
/* END header (menu) */



/* START content */
#content {
	background-color: #eee;
	margin-left: 25%;
	margin-left: -moz-calc(301px - 1px);
	margin-left: -webkit-calc(301px - 1px);
	margin-left: -khtml-calc(301px - 1px);
	margin-left: -o-calc(301px - 1px);
	margin-left: -ms-calc(301px - 1px);
	margin-left: calc(301px - 1px);
	position: fixed;
	height: 100%;
	width: 75%;
	width: -moz-calc(100% - 300px);
	width: -webkit-calc(100% - 300px);
	width: -khtml-calc(100% - 300px);
	width: -o-calc(100% - 300px);
	width: -ms-calc(100% - 300px);
	width: calc(100% - 300px);
}

/* START slider */
#slider {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#slider img {
	height: 100%;
	width: auto;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slider img.active {
	z-index:10;
}
#slider img.last-active {
	z-index:9;
}
/* END slider */

/* START portfolio */
#prtf li {
	list-style: none;
	display: inline;
}
#prtf li img {
	width: 33%;
	width: 33.33%;
}

/* START popup */
div#bg_popup {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	text-align: center;
}
div#popup {
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
	display: inline-block;
	font-size: 75%;
	height: 80%;
	line-height: 150%;
	margin-top: 10%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
/* END portfolio */

/* END portfolio */

/* END content */



/* START footer */
footer {
	height: auto;
	bottom: 0px;
	text-align: center;
}
footer li {display: inline;}
/* END footer */



/* START global */
.r{float:right;}
.l{float:left;}

.t_r {text-align: right;}
.t_l {text-align: left;}
.t_c {text-align: center;}

.clear {clear: both;}
.h {display:none;} /* hide */
/* END global */