@import 'reset.css';

textarea,input,select {font-family:Arial,Helvetica,sans-serif}

html {font-size:100.01%}
html,body {height:100%}

body {
	background:#201801 url(../i/body.png) 50% 0 repeat-y;
	text-align:center;
	font:14px/1.3 Arial,Helvetica,sans-serif;
	color:#FFF;
	}

a, a span {cursor:pointer}
a {color:#FFF}
a:hover {text-decoration:none}

img {vertical-align:bottom}
hr {display:none}

/* Page
------------------------------------ */
#page {
    position:relative;
    overflow:hidden;
	margin:0 auto;
	width:100%;
	min-width:996px;
	max-width:1024px;
    background:url(../i/main.png) 50% 0 repeat-y;
	text-align:left;
	}

/* Header
------------------------------------ */
.header {
    position:relative;
    overflow:hidden;
    width:100%;
    height:183px;
    background:url(../i/header.jpg) no-repeat;
    color:#000;
    }
    .header a {color:#000}
    .header p {
        position:absolute;
        top:73px;
        left:20px;
        font-size:13px;
        color:#8B8B8B;
        }

    /* Header Logo */
    .header .logo {
        position:absolute;
        top:20px;
        left:20px;
        background:url(../i/logo.png) no-repeat;
        text-indent:-1000em;
        }
    .header .logo,
    .header .logo a {
        display:block;
        width:344px;
        height:43px;
        }

    /* Header Nav */
    .header .nav {
        position:absolute;
        top:76px;
        left:762px;
        }
        .header .nav li {
            display:inline;
            float:left;
            padding-right:10px;
            }
        .header .nav a {
            display:block;
            width:16px;
            height:16px;
            background:url(../i/nav.png) no-repeat;
            text-indent:-1000em;
            }
        .header .nav .search a {background-position:-16px 0}
        .header .nav .contacts a {background-position:-32px 0}

    /* Header Menu */
    .header .menu {
        position:absolute;
        overflow:hidden;
        top:0;
        left:410px;
        width:500px;
        }
        .header .menu li {
            display:inline;
            float:left;
            padding:0 10px;
            line-height:2.5em;
            }


/* Main
------------------------------------ */
.main {
    position:relative;
    width:100%;
    min-height:535px;
    height:auto !important;
    height:535px;
    background:url(../i/main.jpg) no-repeat;
    }

    /* Main Wrap */
    .main .wrapper {
        float:left;
        margin-right:-100%;
        width:100%;
        }

/* Aside
------------------------------------ */
.aside {
    float:left;
    width:300px;
    color:#000;
    }
    .aside a {color:#000}

    /* Aside Menu */
    .aside .menu {
        padding:40px;
        }
        .aside .menu li {margin-bottom:.5em}


/* Content
------------------------------------ */
.content {
    padding:0 30px 0 300px;
    }

/* Footer
------------------------------------ */
.footer {
    clear:both;
    position:relative;
    overflow:hidden;
    width:100%;
    height:225px;
    background:url(../i/footer.jpg) 50% 0 no-repeat;
    color:#000;
    }
    .footer a {
        text-decoration:none;
        color:#000;
        }
    .footer a:hover {text-decoration:underline}
    .footer p {
        padding:60px 0 0 360px;
        text-align:center;
        }

    /* Footer Counters */
    .footer .counters {
        position:absolute;
        right:20px;
        bottom:20px;
        }

	/* Elements */
	.recovery h1 { /* don't use it */
		margin:0 0 1em;
		font:2em/1 Arial,Helvetica,sans-serif;
		}
	.recovery h2 {
		margin:0 0 1em;
		font:1.8em/1 Arial,Helvetica,sans-serif;
		}
	.recovery h3 {
		margin:0 0 1em;
		font:1.6em/1 Arial,Helvetica,sans-serif;
		}
	.recovery h4 {
		margin:0 0 1em;
		font:1.4em/1 Arial,Helvetica,sans-serif;
		}
	.recovery p {margin:0 0 1.5em}
	.recovery dl {margin:0 0 1.5em}
	.recovery dt {font-weight:bold}
	.recovery ul,
	.recovery ol {margin:0 0 1.4em}
	.recovery ul {margin-left:-20px}
	.recovery ol {list-style:decimal}
	.recovery ul dl,
	.recovery ol dl {margin:0}
	.recovery ul li,
	.recovery ol li {margin:0 0 .3em}
	.recovery ul li {
		padding-left:20px;
		background:url(../i/bullet.gif) 0 .3em no-repeat;
		}
	.recovery ol li {
		padding:0;
		background:none;
		}
	.recovery ul ul,
	.recovery ul ol,
	.recovery ol ol,
	.recovery ol ul {margin:.4em 0 .5em 2em}

.smoke {
    position:absolute;
    top:718px;
    left:0;
    width:174px;
    height:158px;
    background:url(../i/smoke.png) no-repeat;
}
.smoke2 {
    position:absolute;
    top:876px;
    left:0;
    width:174px;
    height:1000px;
    background:url(../i/smoke2.png) no-repeat;
}
.ditto_item {margin-bottom:1em}
.ditto_item h3 {margin-bottom:0}
.ditto_page {padding:0 5px}

	#EmailForm .text {width:300px}
	#EmailForm textarea {
		width:500px;
		height:130px;
		}