/* 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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*main*/
html {width:100%;}
body {background:#fff; color:#444; font:100.01%/1 Arial, Helvetica, sans-serif}
a {color:#8b55b4; text-decoration:underline}
a:hover {text-decoration:none}
sup {font-size:0.78em; position:relative; bottom:0.4em; padding-left:0.2em}
em {font-style:normal}

#header, .content, #footer {margin:0 50px 0 70px;}
#header, #footer {background:url(/images/hr-dotted.gif) 100% 100% repeat-x}

#page {min-width:940px; max-width:1300px; width:100%; margin:0 auto}
#header {position:relative; min-height:160px}
#header #logo {width:251px; height:98px; position:absolute; top:34px; left:-50px;}
#header h1.inner {position:absolute; right:0.55em; padding-left:250px; bottom:0.35em; font-size:2.4em; line-height:0.9em; text-align:right; color:#505050; font-weight:400}
#header h1.inner img {width:29px; height:13px; position:relative; top:-0.2em; left:-12px}


#footer {min-height:147px; background-position:100% 0}
.main-menu {display:block; margin:0 -2em; height:110px; text-align:center; font-weight:700; font-size:0.75em; line-height:1.1em; white-space:nowrap}
.main-menu li {display:inline-block; width:10%; padding:0 1%; text-transform:lowercase; vertical-align:top; white-space:normal; color:#8B55B4; position:relative}
.main-menu a, .main-menu strong {min-width:61px; padding-top:91px; display:block; margin:1px auto 0; position:relative; z-index:10;}
.main-menu a {color:#b17916; text-decoration:none}
.main-menu a:hover {text-decoration:underline}
.main-menu a.current {text-decoration:underline}
.main-menu img {width:60px; height:90px; position:absolute; top:1px; left:50%; margin-left:-30px; background:url(/images/ico.png) center top no-repeat}
.main-menu .buben * {background-position:center top}
.main-menu .madjob * {background-position:center -150px}
.main-menu .about * {background-position:center -300px}
.main-menu .contact * {background-position:center -450px}
.main-menu .gbook * {background-position:center -600px}
.main-menu .map * {background-position:center -750px}
.main-menu .shamany img {background-position:center -900px;}
.main-menu .liveinternet a {background:url(/images/ico.png) center -1050px no-repeat; min-width:61px; position:relative}
.main-menu .liveinternet img {width:31px; height:31px; top:36px; left:50%; margin-left:-16px}
body:last-child:not(:root:root) .main-menu .liveinternet img {margin-left:-15px} /* safari */



/*     content       */
.content, #banner {min-height:400px; padding:40px 0}
.content {padding-left:280px; padding-right:1.4em; position:relative; font-size:0.84em; line-height:1.3em; background-position:right 20px; background-repeat:no-repeat;}
#banner {width:240px; position:absolute; top:0; left:0;}

.content h2 {font:normal 2.15em/1.1em Arial,Helvetica,sans-serif; padding-bottom:0.6em; color:#8f61cf;}
.content h3 {font:normal 1.4em/1.1em Arial,Helvetica,sans-serif; padding-bottom:0.6em; padding-top:0.9em; color:#B17916}
.content dd {margin-bottom:2em}

#content-about {background-image:url(/images/bg-content-about.png)}
#content-buben {background-image:url(/images/bg-content-buben.png)}
#content-madjob {background-image:url(/images/bg-content-madjob.png)}
#content-contact {background-image:url(/images/bg-content-contact.png)}
#content-gbook {background-image:url(/images/bg-content-gbook.png)}
#content-map {background-image:url(/images/bg-content-map.png)}


#content-main {padding:162px 0 78px; top:1px; background:#fff; text-align:center}
#content-main div {margin:0 0 0 -10px}
#content-main ul {display:block; width:825px; margin:0 auto}
#content-main li {float:left; padding-top:300px; position:relative; vertical-align:top}
#content-main li img {position:absolute; bottom:3em; right:0; /* alt text */ font: normal 1em Arial, Helvetica, sans-serif; text-transform:none; color:#fff; text-indent:-3000px}
#content-main .soundkey {width:300px}

/* #content-main .soundkey a {border-bottom: 2px solid #f00;} */

#content-main .madbanner {width:224px; padding-top:368px}
#content-main .madbanner img {right:27px;}
#content-main .about {width:300px}
#content-main .about img {right:auto; left:0}
#content-main h2, #content-main h3 {font-size:1.33em; font-weight:700; /*text-transform:uppercase;*/ font-family:'Arial Black', Tahoma, Arial, Helvetica, sans-serif; letter-spacing:-0.01em}
#content-main li a {text-decoration:none; color:#cbcbcb; padding:2px 7px}
/* #content-main li a:hover {background:#CBCBCB; color:#fff; -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em} */
#content-main .soundkey a {margin-left:3em}
#content-main .soundkey span {/*color:#949494;*/ font-size:1em;}
#content-main .madbanner {color:#7f7f7f; text-transform:none}
/* #content-main .madbanner a:hover {background:#7F7F7F} */

/* #content-main .madbanner span {color:#FF802E} */
#content-main .about a {color:#dfc9a1; margin-left:3em}
/* #content-main .about a:hover {background:#2FADC7} */
#content-main .about span {color:#c2a2cc}
/* #content-main .about a:hover span {color:#6B3885} */

/*#content-buben table {margin-top:1.2em}
#content-buben td {vertical-align:middle}
#content-buben h2 {color:#8f61cf}
#content-buben p {margin-left:1.2em}
#content-buben dl {margin-left:2.5em}

 #content-madjob h2 {padding:0.5em 0; border-top:1px solid #848484}
#content-madjob h2.first {padding-top:0; border:none}
#content-madjob h3 {padding-bottom:0} */
#content-madjob dl, #content-madjob dd, #content-madjob ul, #content-madjob li {margin-left:1.6em}
#content-madjob ul {margin-bottom:1.35em}
#content-madjob li {padding-bottom:0.65em; list-style:square}
#content-madjob li.sup {list-style:none; border-top:1px dashed #bbb; display:inline-block; padding-top:0.6em}

#content-about dl, #content-about dd, #content-about ul, #content-about li {margin-left:1.6em}
#content-about ul {margin-bottom:1.35em}
#content-about li {padding-bottom:0.65em; list-style:square}


/* Украшательство названий проектов */
.Mad {font-weight: bold; color: #ff802e;}
.Banner {font-weight: bold; color: #989898;}
.Madgroup {color: #942a90;}

.sound, .key {
	font: bold 13px Verdana, sans-serif;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-width: medium;
	border-bottom-color: #a72b46;
}
.sound {
	color: #231f20;
}

.key {
	color: #939598;
}

#sfooter {
        text-align: center;
        font-size: 6px;
        padding-top: 100px;
}