/* Adepto Studio*/

.bs1(@x: 0, @y: 0, @blur: 1px, @alpha: .3) {
@val: @x @y @blur rgba(0, 0, 0, @alpha);
box-shadow:         @val;
-webkit-box-shadow: @val;
-moz-box-shadow:    @val;
}

.bs2(@x: 0, @y: 0, @blur: 1px, @alpha: .3) {
@val:inset @x @y @blur rgba(255, 255, 255, @alpha);
box-shadow:         @val;
-webkit-box-shadow: @val;
-moz-box-shadow:    @val;
}

.bs3(@x: 0, @y: 0, @blur: 1px, @alpha, @x1: 0, @y1: 0, @blur1: 1px, @alpha1) {
@val: @x @y @blur rgba(0, 0, 0, @alpha), inset @x1 @y1 @blur1 rgba(255, 255, 255, @alpha1);
box-shadow:         @val;
-webkit-box-shadow: @val;
-moz-box-shadow:    @val;
}

.ts1(@x: 0, @y: 1px, @blur: 1px, @alpha: .3) {
@val: @x @y @blur rgba(0, 0, 0, @alpha);
text-shadow:         @val;
-webkit-text-shadow: @val;
-moz-text-shadow:    @val;
}

.ts2(@x: 0, @y: 1px, @blur: 1px, @alpha: .3) {
@val: @x @y @blur rgba(255, 255, 255, @alpha);
text-shadow:         @val;
-webkit-text-shadow: @val;
-moz-text-shadow:    @val;
}

.ts3(@x: 0, @y: 1px, @blur: 1px, @r: 0, @g: 0, @b: 0, @alpha: .3) {
@val: @x @y @blur rgba(@r, @g, @b, @alpha);
text-shadow:         @val;
-webkit-text-shadow: @val;
-moz-text-shadow:    @val;
}

@red1: red;
@red2: #d40000;
@red3: #550000;
@red4: #aa0000;

.grad1 (@cl1:#fff8d4, @cl2:#f6e3a2) {
background:@cl1;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, @cl1),
color-stop(1, @cl2)
);
background-image: -moz-linear-gradient(
center top,
@cl1 0%,
@cl2 100%
);
background-image: -o-linear-gradient(
top,
@cl1,
@cl2
);
background-image: linear-gradient(
top,
@cl1,
@cl2
);
}

.grad2 (@cl1:#fff8d4, @cl2:#f6e3a2) {
background:@cl1;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, @cl1),
color-stop(1, @cl2)
);
background-image: -moz-linear-gradient(
center left,
@cl1 0%,
@cl2 100%
);
background-image: -o-linear-gradient(
left,
@cl1,
@cl2
);
}

.ani1(@prop: all, @dur:.3s){
@var: @prop @dur linear;
-webkit-transition: @var;
-moz-transition: @var;
-o-transition: @var;
transition: @var;
}


a{
.ani1(color, 0.1s);
color:@red4;
text-decoration:none;
	&:hover{
	color:@red1;
	text-decoration:underline;
	}
}



.logo{
	a {
	background:url(/res/img/logo.png) center center no-repeat;
	display:block;
	width:400px;
	height:240px;
	margin-top:4px;
		transition: all 0.5s linear;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;

	&:hover{
		background:#76002f url(/res/img/logo.png) center center no-repeat;
		border-radius:40px;
		}
	}
}

#header_bg{
position:absolute;
z-index:-1;
width:100%;
height:246px;
float:left;
border-bottom:2px solid gray;
}

.site_imgs{
text-align:center;
	a{
	display:inline-block;
	margin:10px;
	border:2px solid white;
	.bs1(2px,3px,4px,.4);
	.ani1;
	padding:0;
		&:hover{
		border:2px solid @red2;
		}
	}
}

h3,h4{
text-align:left;
}