body
{
	margin-top: 7%;
	font: 11px/1.75 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background: url(/images/bg.png) repeat;
}
div#nav, div#content, div#footer
{
	background: url(/images/bg2.png) repeat;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
div#nav, div#content, div#footer
{
	width: 840px;
}
div#nav
{
	width: 570px;
	height: 30px;
}
div#content
{
	min-height: 774px;
	margin-top: 14px;
	padding: 13px;
	text-align: justify;
	font-size: 12px;
}
div#content p
{
	margin-top: 2px;
}
div#footer
{
	width: 570px;
	height: 23px;
	margin: 32px 0 14px 0;
	padding-top: 3px;
	overflow: hidden;
}
#logo
{
	min-width: 100px;
	min-height: 62px;
	float: left;
	margin: -22px 0 0 -123px;
}
#logo
{
	background: url(/images/logo.jpg) no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
	@-webkit-keyframes logoSlide
	{
		0%{background-position: 0 0; opacity: 1;}
		100%{background-position: 100% 100%; opacity: 1;}
	}
	#logo
	{
		position: absolute;
		background: none !important;
		letter-spacing: -.06em;
		font: 700 7em Helvetica, sans-serif;
	}
	#logo:after
	{
		min-width: 102px;
		color: transparent;
		text-shadow: -5px -12px 3px #000;
		content: 'LK';
		z-index: 0;
	}
	#logo #animation
	{
		position: absolute;
		min-width: 98px;
		margin: -13px 0 0 -4px;
		background: url(/images/logobg.jpg) no-repeat top;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-webkit-animation: logoSlide 40s linear infinite;
		z-index: 1;
	}
}
.noshadow
{
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}
form .statusimg
{
	padding-bottom: 3px !important;
	padding-right: 4px !important;
	vertical-align: middle;
}
#ulnav, #footer ul, #fotonav ul, #ulfotocontainer, #form ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#ulnav li, #footer ul li, #fotonav ul li, #ulfotocontainer li, #form li
{
	display: inline;
}
#ulnav
{
	padding-top: 5px;
}
#ulnav li
{
	padding: 0 24px 0 16px;
}
#ulfooter li:first-child
{
	border-left: 0 !important;
}
#ulfooter li
{
	border-left: 1px solid #797c80;
	padding: 0 11px 0 11px;
}
a
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #494949;
}
a:active
{
	color: #676767;
	position: relative;
	top: 1px;
}
#content ul li img, #downloadpic img
{
	vertical-align: middle;
	margin-bottom: 10px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
#fotocontent
{
	min-height: 890px;
}
#fotonav
{
	position: absolute;
	margin: 480px 0 0 86px;
}
#fotonav ul
{
	text-align: center;
	max-width: 670px;
	min-width: 670px;
}
#fotonav li
{
	margin-right: 10px;
}
#fotonav + ul
{
	width: 700px;
	margin: 20px auto;
}
#fotonav + ul li
{
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-o-transition: opacity 1s ease-out;
}
#fotonav + ul li:target
{
	opacity: 1;
	z-index: 1;
}
#ulfotocontainer a:active
{
	top: 0px !important;
}
#form
{
	text-align: center;
}
#content ul input, #content ul textarea
{ 
	width: 344px;
	height: 30px;
	padding-left: 10px;
	background-color: #91b9dd;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cacd5), to(#b6d0e8));
	background: -moz-linear-gradient(0% 100% 90deg, #b6d0e8, #7cacd5);
	border: 1px solid #7da0c4;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	outline: 0px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}
label
{
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}
#submit
{
	width: 60px;
	margin: 10px 0 0 296px;
	padding: 4px 4px 7px 4px;
	background-color: #5ea51a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2de62), to(#5ea51a));
	background: -moz-linear-gradient(0% 100% 90deg, #5ea51a, #c2de62);
	border: 1px solid #74a42e;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
	box-shadow: inset 0 0 0px #ffffff;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
	-webkit-box-shadow: inset 0 0 2px #ffffff;
	-moz-border-radius: 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
	-moz-box-shadow: inset 0 0 2px #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-shadow: rgba(59, 110, 0, 0.75) 0px 1px 1px;
}
#submit:hover
{
	background-color: #c2de62;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ea51a), to(#c2de62));
	background: -moz-linear-gradient(0% 100% 90deg, #c2de62, #5ea51a);
}
#submit:active
{
	background: #5ea51a;
}
.shake
{
	-webkit-animation-name: shakeForm;
	-webkit-animation-duration: 0.28s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: shakeForm;
	-moz-animation-duration: 0.28s;
	-moz-transform-origin: 50% 50%;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;
}
@-webkit-keyframes shakeForm
{
	0%{-webkit-transform: translate(2px, 1px) rotate(0deg);}
	10%{-webkit-transform: translate(-1px, -2px) rotate(-1deg);}
	20%{-webkit-transform: translate(-3px, 0px) rotate(1deg);}
	30%{-webkit-transform: translate(0px, 2px) rotate(0deg);}
	40%{-webkit-transform: translate(1px, -1px) rotate(1deg);}
	50%{-webkit-transform: translate(-1px, 2px) rotate(-1deg);}
	60%{-webkit-transform: translate(-3px, 1px) rotate(0deg);}
	70%{-webkit-transform: translate(2px, 1px) rotate(-1deg);}
	80%{-webkit-transform: translate(-1px, -1px) rotate(1deg);}
	90%{-webkit-transform: translate(2px, 2px) rotate(0deg);}
	100%{-webkit-transform: translate(1px, -2px) rotate(-1deg);}
}
@-moz-keyframes shakeForm
{
	0%{-moz-transform: translate(2px, 1px) rotate(0deg);}
	10%{-moz-transform: translate(-1px, -2px) rotate(-1deg);}
	20%{-moz-transform: translate(-3px, 0px) rotate(1deg);}
	30%{-moz-transform: translate(0px, 2px) rotate(0deg);}
	40%{-moz-transform: translate(1px, -1px) rotate(1deg);}
	50%{-moz-transform: translate(-1px, 2px) rotate(-1deg);}
	60%{-moz-transform: translate(-3px, 1px) rotate(0deg);}
	70%{-moz-transform: translate(2px, 1px) rotate(-1deg);}
	80%{-moz-transform: translate(-1px, -1px) rotate(1deg);}
	90%{-moz-transform: translate(2px, 2px) rotate(0deg);}
	100%{-moz-transform: translate(1px, -2px) rotate(-1deg);}
}