/* 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, FONT, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
FORM LABEL { cursor: pointer; }
:focus { outline: 0; }
INS { text-decoration: underline; }
DEL { text-decoration: line-through; }
TABLE { border-spacing: 0; border-collapse: collapse; }
UL, OL { list-style: none; }
/* body
-------------------------------------------------------------------*/
HTML, BODY { height: 100%; }
BODY { font: normal 12px Verdana; color: #fff; background: #363636 url(../images/bg.jpg); }
A { color: #fff; text-decoration: none; }
.hidden { display: none; }
.hr { clear: both; font-size: 0; height: 0; width: 940px; margin: 0 auto; border-top: 1px solid #606060; }
/* layout
-------------------------------------------------------------------*/
#container { min-width: 1000px; max-width: 1088px; height: 101%; margin: 0 auto; }
#header { width: 940px; height: 84px; padding: 50px 30px; margin: 0 auto; }
.title { float: left; width: 157px; height: 84px; background: url(../images/title.png); }
.logo { float: left; width: 75px; height: 84px; background: url(../images/logo.png); }
#content { width: 100%; }
/* header
-------------------------------------------------------------------*/
#header .actions UL { float: right; width: 220px; height: 84px; padding: 0 0 0 20px; }
#header .actions LI { height: 20px; padding: 4px 0; display: block; }
#header .actions LI A {
	font: 11px/20px Verdana;
	color: #979da2;
	text-decoration: none;
	height: 20px;
	padding: 0 0 0 24px;
	display: block;
	background: url(../images/icons.png) no-repeat;
}
#header .actions LI.skype A { background-position: 0 0; }
#header .actions LI.email A { background-position: 0 -20px; }
#header .actions LI.icq A { background-position: 0 -40px; }
#header .actions LI.message A { background-position: 0 -60px; }
#header .actions LI.opinions A { background-position: 0 -80px; }
#header .actions LI.blank A { background-position: 0 -100px; }
#header .actions LI A SPAN { color: #fff; text-decoration: underline; }
#header .actions LI A:hover SPAN { text-decoration: none; }
/* preview
-------------------------------------------------------------------*/
#preview { height: 1%; width: 1000px; padding: 10px 0; margin: 0 auto; }
#preview:after { clear: both; height: 0; display: block; content: '.'; visibility: hidden; }
#preview LI { float: left; width: 220px; height: 162px; padding: 10px; }
#preview LI.side { font: normal 18px/18px Arial; color: #606060; width: 20px; height: 18px; }
#preview LI.side-l { padding: 10px 0 154px; }
#preview LI.side-r { padding: 154px 0 10px; text-align: right; }
#preview LI A { width: 210px; height: 152px; padding: 5px; display: block; background: #787878; }
#preview LI A IMG { z-index: 1; }
#preview LI A B { display: none; }
#preview LI A:hover { background: #c50502; }
#preview LI A:hover B {
	font: normal 12px/32px Verdana;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 210px;
	height: 32px;
	margin: -32px 0 0;
    position: relative;
//	position: static;
	display: block;
	background: #c50502;
	cursor: pointer;
	z-index: 2;
}
/* project
-------------------------------------------------------------------*/
.header { height: 54px; width: 940px; padding: 20px 0 0; margin: 0 auto; }
.back, .header H2 { float: left; width: 220px; height: 20px; padding: 17px 0; }
.back { margin: 0 20px 0 0; background: #1b1b1b; }
.back * { cursor: pointer; }
.header H2 { width: 700px; background: #666; }
.header I { float: left; width: 20px; height: 20px; background: url(../images/icons.png); }
.header SPAN { font: normal 12px/20px Verdana; text-transform: uppercase; float: left; width: auto; height: 20px; }
.back I { margin: 0 2px 0 70px; background-position: 0 -120px; }
.header H2 I { margin: 0 2px 0 10px; background-position: 0 -140px; }
.project .item { width: 100%; overflow: hidden; }
.project .wrap { width: 1088px; margin: 0 auto; }
/* footer
-------------------------------------------------------------------*/
#footer { width: 940px; height: 84px; padding: 10px 18px 10px 30px; margin: 0 auto; }
#footer .copyright { float: left; width: auto; font: normal 11px/15px Tahoma; padding: 11px 0; }
#footer .logo { float: right; width: 75px; }

/* message form
-------------------------------------------------------------------*/
FIELDSET { clear: both; padding: 5px 25px; }
LABEL { font: normal 11px/23px Verdana; color: #373636; width: 130px; height: 23px; display: inline-block; }
LABEL B { color: #d50000; }
INPUT.text, TEXTAREA { color: #000; background: #fff; border: 1px solid #adadad; margin: 0; padding: 1px; }
INPUT.text { height: 21px; }
FIELDSET.buttons { padding: 15px 0; text-align: center; }
#msg-form { position: relative; }
#msg-form LABEL { vertical-align: top; }
#msg-form INPUT.text, #msg-form TEXTAREA { width: 340px; }
#msg-form BUTTON {
	font: normal 12px/35px Verdana;
	color: #fff;
	width: 135px;
	height: 35px;
	margin: 0 10px;
	border: none;
	outline: none;
	overflow: visible;
	cursor: pointer;
}
#msg-form .submit { background: #bc0000; }
#msg-form .reset { background: #7a7a7a; }
.error LABEL { color: #d50000; }
.error INPUT.text, .error TEXTAREA { border: 1px solid #d50000; }
FIELDSET.captcha-area { margin: 15px 0 0; background: #fff; }
/* overlay
-------------------------------------------------------------------*/
#ls-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 1000;
}
/* widget
-------------------------------------------------------------------*/
.ls-widget { background: #dbdbdb; }
.ls-title-bar { font: normal 18px/65px Verdana; color: #000; height: 65px; padding: 0 25px; position: relative; }
/* dialog
-------------------------------------------------------------------*/
.ls-dialog { position: fixed; left: 50%; top: 50%; z-index: 1001; }
.ls-dialog .ls-btn-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -15px;
	right: -15px;
	background: url(../images/close.png);
	cursor: pointer;
	z-index: 1002;
}
.busy {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 3000;
}
.busy I {
	width: 66px;
	height: 66px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -33px 0 0 -33px;
	background: url(../images/ajax.gif);
}
/* alert dialog
-------------------------------------------------------------------*/
.ls-alert { position: relative; }
.ls-alert-ico { width: 32px; height: 32px; position: absolute; left: 25px; top: 0; background: url(../images/alert.gif); }
.ls-alert .ls-content { color: #000; padding: 0 25px 0 70px; }
.ls-alert .ls-buttons { padding: 20px 25px; text-align: center; }
.ls-alert BUTTON {
	font: normal 12px/35px Verdana;
	color: #fff;
	width: 135px;
	height: 35px;
	border: none;
	outline: none;
	overflow: visible;
	cursor: pointer;
}
#ls-alert-error .ls-alert-ico { background-position: 0 0; }
#ls-alert-error BUTTON { background: #bc0000; }
#ls-alert-notice .ls-alert-ico { background-position: 0 -32px; }
#ls-alert-notice BUTTON { background: #7a7a7a; }
/* captcha
-------------------------------------------------------------------*/
.captcha { height: 80px; position: relative; }
.captcha LABEL { width: auto; position: absolute; top: 0; left: 0; line-height: 16px; }
.captcha LABEL SPAN { font-weight: bold; color: #d50000; }
.captcha .circle { float: right; width: 80px; height: 80px; background: url(../images/circle.png); z-index: 2000; }
.captcha .item { width: 36px; height: 36px; position: absolute; top: 44px; cursor: pointer; z-index: 2001; }
.captcha .item1 { background: url(../images/captcha/item1.png); }
.captcha .item2 { background: url(../images/captcha/item2.png); }
.captcha .item3 { background: url(../images/captcha/item3.png); }
.captcha .item4 { background: url(../images/captcha/item4.png); }
.captcha .item5 { background: url(../images/captcha/item5.png); }
.captcha .item6 { background: url(../images/captcha/item6.png); }