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; font-size:100%; font:inherit; vertical-align:baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block }
body{ line-height:1 }
ol, ul{ list-style:none }
blockquote, q{ quotes:none }
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none }
table{ border-collapse:collapse; border-spacing:0 }
html, body{
	font:16px "Tahoma", sans-serif;
	height:100%; width:100%;
	color:#b87f62;
	background:url(../img/bg/main-pattern.png) repeat #130820;
}
body{
	height:auto !important;
	height:100%;
	min-height:100%;
	background:url(../img/bg/footer.jpg) no-repeat center bottom transparent;
}

/** h group **/
h1, h2, h3, h4, h5, h6{
	font:700 24px "Verdana";
	margin:0 0 15px
}
h1{
	font-size:24px
}
h2{
	font-size:22px;
}
h3{
	font-size:20px;
}
h4, h5, h6{
	font-size:18px;
}
/** h group **/

::selection{
	color:#fff;
	background:#3399ff;
}
::-moz-selection{
	color:#fff;
	background:#3399ff;
}
::-webkit-selection{
	color:#fff;
	background:#3399ff;
}
::-o-selection{
	color:#fff;
	background:#3399ff;
}
::-ms-selection{
	color:#fff;
	background:#3399ff;
}

::-webkit-input-placeholder{
	color:#c8c8c8;
}
:-ms-input-placeholder{
	color:#c8c8c8;
}
:-moz-placeholder{
	color:#c8c8c8;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color:#c8c8c8;
}
.placeholder{
	color:#c8c8c8;
}
:focus:-moz-placeholder{
	color:transparent !important;
}
:focus::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color:transparent !important;
}
:focus:-ms-input-placeholder{
	color:transparent !important;
}
:focus::-webkit-input-placeholder{
	color:transparent !important;
}
.placeholder:focus{
	color:transparent !important;
}

/** link **/
a{
	color:#fdf7ba;
	text-decoration:none;
}
/*a:visited{ color:#6611CC }*/
a:hover{
	color:#e8943a;
}
/*a:active{
	color:#000;
}*/
/** link **/

/** form tag style **/
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea{
	font:12px "Verdana";
	outline:none;
	padding:6px; height:15px;
	border:1px solid #ccc;
	vertical-align:middle;
	overflow:hidden;
}
textarea{
	overflow:auto;
	width:100%;
}
/** form tag style **/

*:focus{ outline:none; }
td, th{ vertical-align:top }
b, strong, th, dt{ font-weight:700 }
i, em, dt{ font-style:italic }
p{ margin:0 0 15px }
ol, ul{ list-style:none }
blockquote{ margin:0 0 15px 10em; padding-left:1em; border-left:2px solid #ccc; }
code, pre{ font:1.2em/1 "Courier New", Courier, monospace; padding:1px 2px; background:#eee; }
pre{ border:1px dashed #aaa; line-height:1.7em; padding:5px; font-size:.9em; background:#eee; margin:0 0 15px; }
sup, sub{ font-size:10px }
sub{ vertical-align:sub }
sup{ vertical-align:super }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block }
blockquote, q{ quotes:none }
blockquote:before, blockquote:after, q:before, q:after{ content:none }
table{ width:100% }
textarea{ resize:none }
hr{ color:#ccc; background-color:#ccc; height:1px; border-width:0px; margin:0 0 15px; }

.hide, .hidden{ display:none }
.show, .visible{ display:block }
.no-margin{ margin:0 !important; }
.no-padding{ padding:0 !important; }
.no-bg{ background:none !important; }
.no-border{ border:none !important; }
.bold{ font-weight:700 }
.italic{ font-style:italic }
.underline{ text-decoration:underline }
.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.clearfix{ clear:both }
.disabled{
	cursor:default !important;
	opacity:.3; filter:alpha(opacity=30);
}
.error{ color:red !important }
input.error{ border:1px solid red !important }
.va-top{ vertical-align:top !important }

/* color */
.red{ color:red }
.blue{ color:blue }
.yellow{ color:yellow }
.green{ color:green }
.gray{ color:gray }

/** text block style */
.content ol, .content ul, .content table{ margin:0 0 2em; width:auto }
.content ol{ margin:15px 0 15px 20px; }
.content ul{ margin:15px 0 15px 15px; }
.content ol li{ list-style:decimal; margin:0 0 15px; }
.content ul li{ list-style:disc; margin:0 0 15px; }
.content td, .content th{ padding:3px; vertical-align:middle; border:1px solid #ccc }
.content th{ background:#f4f4f4 }
.content .f-left{ margin:0 10px 10px 0 }
.content .f-right{ margin:0 0 10px 10px }
.f-left{ position:relative; float:left }
.f-right{ position:relative; float:right }
.f-center{ position:relative; float:none; margin:0 auto; width:820px }
.t-center{ text-align:center; }
.t-left{ text-align:left; }
.t-right{ text-align:right; }
.columns{ position:relative; margin:0 0 15px; }
.columns:after, .f-row:after, .clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.columns .padding{ padding-right:15px }
.columns .w-50.last .padding{ padding-right:0; padding-left:15px; }
.columns > div{ position:relative; float:left }
.columns .padding.last{ padding-right:0; }
.w-20{ width:20%; }
.w-25{ width:25%; }
.w-30{ width:30%; }
.w-33{ width:33.3333%; }
.w-50{ width:50%; }
.w-66{ width:66.6667% }
.w-70{ width:70%; }
.w-75{ width:75%; }
.content dl{ margin:0 0 15px; }
.content dl dt{ margin-bottom:.2em; font-weight:bold; }
.content dl dd{ padding-left:5em; margin-bottom:.4em; }
.content form{ padding:.5em 0; }
.content fieldset{ margin-bottom:1em; border:none; }
.content legend{ margin-top:-1px; padding-bottom:1em; font-size:1.1em; font-weight:bold; }
.content label{
	display:block;
	margin:0 0 5px;
}
.f-row{ margin:0 0 0.5em; }
#pp_overlay{ visibility:visible !important; }
/** text block style */

#wrapper, #header, #container, #main, #content, #sideLeft, #sideRight, #footer, .pie{ position:relative }
#wrapper{
	min-height:100%;
	width:820px;
	margin:0 auto;
}


/* Header*/
#header{
	height:445px;
	background:url(../img/bg/main-menu.png) repeat-x transparent;
}
#header .f-center{
	height:40px;
}
.super-bg{
	position:relative;
	top:40px;
	height:405px;
	margin:0 auto;
	background:url(../img/bg/super-bg.png) no-repeat transparent;
}
.super-bg #logo {
    display: block;
    width: 190px;
    height: 130px;
    position: absolute;
    right: 65px;
    top: 32px;    
}
#header img{
	position:absolute;
	left:0; top:0;
	z-index:1;
}
#header li{
	float:left;
	padding:8px 0;
	margin-left:38px;
	text-transform:uppercase;
}
#header li a, #header li span{
	color:#f3cab4;
	text-decoration:underline;
	font-size:15px;
}
#header li a:hover{
	color:#e8943a;
}
#header li span{
	color:#ee8f41;
}
.main-menu{
	margin-left:109px;
}


/* Container*/
#container{
	width:100%;
	padding:10px 0 350px;
}
#container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	overflow:hidden;
}
.stages li{
	margin:0 0 10px;
	overflow:hidden;
}
.stages .head{
	position:relative;
	text-align:center;
	font:27px "Tahoma";
	color:#e2d4f3;
	cursor:pointer;
	text-shadow:1px 1px 0 #2f213e;
	width:820px; height:61px;
	background:url(../img/bg/main.jpg) no-repeat 0 0 transparent;
}
.stages .head img.arrow{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 17px;
    right: 8px;
}
.stages .head span{
	display:block;
	padding-top:13px;
}
.stages .num{
	position:absolute;
	left:9px; top:12px;
	width:40px; height:40px;
	text-align:center;
	color:#a18dba;
	font-size:27px;
}
.stages .table{
	padding:10px 52px 21px;
	display:none;
	overflow:hidden;
}
.table table{
	background:url(../img/bg/odd.png) repeat transparent;
}
.table td{
	padding:5px 5px 6px;
	vertical-align:middle;
}
.table td img{
	display:block;
	zoom:1;
	position:relative;
}
.table .td-1{
	width:146px;
	text-align:right;
}
.table .td-2{
	width:377px;
	padding-left:16px;
}
.table .td-3{
	font-size:13px;
	width:65px;
}
.table img{
	position:relative;
	top:2px;
}
tr.bg-odd{
	background:url(../img/bg/odd.png) repeat transparent;
}
tr.bg-even{
	background:url(../img/bg/even.png) repeat transparent;
}
.icon-save{
	position:relative;
	top:3px;
	display: inline-block;
	zoom:1; *display:inline;
	width:17px; height:17px;
	overflow:hidden;
	zoom:1;
}
.td-4{
	background:url(../img/icons/icon-save.png) no-repeat 5px 8px transparent;
}


/* Footer*/
#footer{
	height:316px;
	margin:-316px auto 0;
	clear:both;
	text-align:center;
	color:#d2a1a3;
	font-size:12px;
}
#footer a{
	color:#d2a1a3;
	margin-left:20px;
}