/*
 * maximov production main styles
 * Author: Zolotov Nikita (nikita at infolio.ru)
 *
 */

/* =Reset and base styles
----------------------------------------------*/
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;
	background: transparent;
	}
input, textarea, select{
	font: 100% Arial, Helvetica, sans-serif;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	}
blockquote, q{
	quotes: none;
	}
body{
	font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	/*background: #000 url('/i/lh18.png');*/
	}
a{ text-decoration: none; }
a:link		{ color: #ffd200; border-bottom: 1px solid; }
a:visited	{ color: #ffd200; border-bottom: 1px solid; }
a:hover		{ color: #ffd200; border-bottom: 1px dotted; } 
a:active	{ color: #ffd200; }

h2{
	margin-bottom: 1em;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	}
h3{
	margin: 1.75em 0 .5em 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	}
p, ul, ol, dl, table{
	margin-bottom: 1.4em;
	font-size: 13px;
	line-height: 18px;
	}
ul, ol{
	padding-left: 20px;
	}
li{
	margin-bottom: .7em;
	}
ul ul, ul ol, ol ul, ol ol{
	margin-top: .7em;
	}
table{
	margin: -8px 0 26px 0;
	}
th, td{
	padding: 8px 0 9px 0;
	border-bottom: 1px solid #ffd200;
	}
th{
	font-weight: bold;
	text-align: left;
	padding-top: 7px;
	border-bottom-width: 2px;
	}

/* =Layout
----------------------------------------------*/
#container{
	width: 640px;
	margin: 0 auto;
	}
#header{
	height: 136px;
	width: 700px;
	padding: 31px 0;
	}
#header.shorter{
	height: 118px;
	}
#content{
	clear: left;
	padding-bottom: 72px;
	}
#footer{
	width: 700px;
	padding-bottom: 32px;
	}

/* =Header
----------------------------------------------*/
#header h1{
	float: left;
	margin: 0 28px 0 3px;
	font-size: 28px;
	line-height: 24px;
	}
	#header h1 a,
	#header h1 strong{
		position: relative;
		display: block;
		width: 184px;
		height: 53px;
		color: #ffd200;
		overflow: hidden;
		border: none;
		}
	#header h1 span{
		position: absolute;
		left: 0;
		top: 0;
		width: 184px;
		height: 53px;
		background: url('/i/logo.png') no-repeat;
		}
#header ul{
	float: left;
	margin: 0 30px 0 0;
	padding: 2px 0 0 0;
	}
	#header li{
		margin: 0;
		list-style: none;
		}
		#header li a{
			color: #fff;
			border: none;
			}
		#header li a:hover{
			border-bottom: 1px solid #808080;
			}
#header .primary,
#header .secondary{
	font-size: 12px;
	letter-spacing: -1px;
	text-transform: uppercase;
	}
#header .secondary{
	margin-right: 60px;
	}
#header .contacts{
	margin: 0;
	font-size: 11px;
	letter-spacing: -1px;
	}

/* =Footer
----------------------------------------------*/
#footer a{
	border: none;
	}
#partners{
	margin: 0 0 0 -20px;
	padding: 0;
	}
	#partners li{
		float: left;
		margin: 0 0 0 20px;
		list-style: none;
		}
		#partners li a{
			display: block;
			height: 38px;
			text-indent: -9999px;
			outline: 0;
			background: top left no-repeat;
			}
		#partners .th{
			width: 119px;
			background-image: url('/i/partners/tophit-off.gif');
			}
		#partners .th:hover{
			background-image: url('/i/partners/tophit-on.gif');
			}
		#partners .pm{
			width: 118px;
			background-image: url('/i/partners/perpetuum-off.gif');
			}
		#partners .pm:hover{
			background-image: url('/i/partners/perpetuum-on.gif');
			}
		#partners .ms{
			width: 195px;
			background-image: url('/i/partners/ms-off.gif');
			}
		#partners .ms:hover{
			background-image: url('/i/partners/ms-on.gif');
			}
		#partners .kh{
			width: 130px;
			background-image: url('/i/partners/ph-off.gif');
			}
		#partners .kh:hover{
			background-image: url('/i/partners/ph-on.gif');
			}
		#partners .mr{
			width: 43px;
			background-image: url('/i/partners/mr-off.gif');
			}
		#partners .mr:hover{
			background-image: url('/i/partners/mr-on.gif');
			}

/* =Content
----------------------------------------------*/
.we-make-show{
	position: relative;
	margin-bottom: 11px;
	}
	.we-make-show h2{
		position: relative;
		left: -18px;
		width: 431px;
		height: 421px;
		margin: 0;
		overflow: hidden;
		font-size: 100px;
		line-height: 120px;
		text-transform: uppercase;
		color: #ffd200;
		}
		.we-make-show h2 span{
			position: absolute;
			left: 0;
			top: 0;
			width: 431px;
			height: 421px;
			background: url('/i/text/we-make-show.png') no-repeat;
			}
	.we-make-show .top-news{
		position: absolute;
		left: 221px;
		top: 1px;
		width: 490px;
		}
		.we-make-show .top-news .image{
			float: left;
			width: 192px;
			margin-right: 18px;
			}
		.we-make-show .top-news .desc{
			float: left;
			width: 260px;
			margin-right: 20px;
			}
.one-news{
	}
	.one-news h3{
		margin: 0 0 .45em 0;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		}
	.one-news p{
		margin: 0;
		padding-bottom: 1px;
		font-size: 11px;
		line-height: 16px;
		}
	.one-news .image{
		margin-bottom: 3px;
		}
	.one-news .date{
		padding: 0;
		font-size: 10px;
		color: #808080;
		}
.news{
	}
	.news h2{
		position: relative;
		width: 73px;
		height: 20px;
		margin-bottom: 16px;
		font-size: 16px;
		overflow: hidden;
		}
		.news h2 span{
			position: absolute;
			left: 0;
			top: 0;
			width: 73px;
			height: 20px;
			background: url('/i/text/sub-headers.png') no-repeat;
			}
	.news ul{
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
		.news li{
			float: left;
			width: 200px;
			margin: 0;
			padding-right: 13px;
			list-style: none;
			}
			.news .image a{
				border: none;
				}
.sale{
	height: 112px;
	}
	.sale ul{
		padding: 22px 0 0 0;
		margin: 0;
		}
	.sale li{
		float: left;
		width: 213px;
		list-style: none;
		}
		.sale a{
			position: relative;
			display: block;
			width: 142px;
			height: 50px;
			overflow: hidden;
			color: #fff;
			border: none;
			}
			.sale span{
				position: absolute;
				left: 0;
				top: 0;
				width: 142px;
				height: 50px;
				background: url('/i/text/sale.png') no-repeat;
				}
			.sale a:hover span{
				background-position: 0 -50px;
				}
			.sale .texts span{ background-position: 0 -100px; }
			.sale .texts a:hover span{ background-position: 0 -150px; }
			.sale .songs span{ background-position: 0 -200px; }
			.sale .songs a:hover span{ background-position: 0 -250px; }

.half-column,
.half-column-last{
	float: left;
	}
	.half-column{
		width: 310px;
		padding-right: 30px;
		}
	.half-column-last{
		width: 300px;
		}
.page-title{
	margin-bottom: 44px;
	overflow: hidden;
	}
	.page-title h2{
		position: relative;
		float: left;
		width: 123px;
		height: 24px;
		margin: 0;
		overflow: hidden;
		}
		.page-title h2 span{
			position: absolute;
			left: 0;
			top: 0;
			width: 123px;
			height: 24px;
			background: url('/i/text/sub-headers.png') no-repeat 0 -20px;
			}
	.page-title .minus{
		margin-left: 1px;
		}
	.page-title .music{ width: 86px; }
	.page-title .music span{ width: 86px; background-position: 0 -44px; }
	.page-title .photo{ width: 54px; }
	.page-title .photo span{ width: 54px; background-position: 0 -68px; }
	
	.page-title p{
		margin: 0;
		padding-left: 216px;
		}
.sub-menu{
	padding: 0;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	}
	.sub-menu li{
		width: 100%;
		margin: 0;
		padding: 9px 0;
		list-style: none;
		border-bottom: 2px solid #ffd200;
		}
		.sub-menu a,
		.sub-menu strong{
			position: relative;
			display: block;
			overflow: hidden;
			color: #fff;
			border: none;
			}
			.sub-menu span{
				position: absolute;
				left: 0;
				top: 0;
				}
.services span{
	background: url('/i/text/services.png') no-repeat;
	}
	.services li.party-manage{
		padding: 0 0 6px 1px;
		}
		.services .party-manage a,
		.services .party-manage strong,
		.services .party-manage span{
			width: 299px;
			height: 30px;
			}
	.services .music{
		padding-left: 1px;
		}
		.services .music a,
		.services .music strong,
		.services .music span{
			width: 86px;
			height: 23px;
			background-position: 0 -30px;
			}
	.services .pr{
		padding: 9px 0 7px 1px;
		}
		.services .pr a,
		.services .pr strong,
		.services .pr span{
			width: 261px;
			height: 25px;
			background-position: 0 -211px;
			}
	.services .design{
		padding: 5px 0 6px 0;
		}
		.services .design a,
		.services .design strong,
		.services .design span{
			width: 80px;
			height: 30px;
			background-position: 0 -53px;
			}
	.services .web-dev{
		padding: 5px 0 6px 1px;
		}
		.services .web-dev a,
		.services .web-dev strong,
		.services .web-dev span{
			width: 186px;
			height: 30px;
			background-position: 0 -83px;
			}
	.services .party-video{
		padding: 9px 0 6px 1px;
		}
		.services .party-video a,
		.services .party-video strong,
		.services .party-video span{
			width: 64px;
			height: 26px;
			background-position: 0 -113px;
			}
	.services .installations{
		padding: 9px 0 9px 1px;
		}
		.services .installations a,
		.services .installations strong,
		.services .installations span{
			width: 54px;
			height: 23px;
			background-position: 0 -139px;
			}
	.services .costumes{
		padding: 9px 0 6px 1px;
		}
		.services .costumes a,
		.services .costumes strong,
		.services .costumes span{
			width: 255px;
			height: 26px;
			background-position: 0 -165px;
			}
	.services .costumes{
		padding: 9px 0 6px 1px;
		}
		.services .costumes a,
		.services .costumes strong,
		.services .costumes span{
			width: 255px;
			height: 26px;
			background-position: 0 -162px;
			}
		.services .choreography a,
		.services .choreography strong,
		.services .choreography span{
			width: 145px;
			height: 23px;
			background-position: 0 -188px;
			}
.files{
	width: 100%;
	font-size: 11px;
	}
	.files th{
		font-size: 13px;
		}
	.files .title,
	.files .artist{
		font-size: 15px;
		}
	.files .size{
		padding-right: 15px;
		}
	.files ul{
		margin-bottom: 2px;
		padding: 0;
		font-size: 11px;
		}
		.files li{
			margin-bottom: 0;
			list-style: none;
			}
			.files li a:link{ color: #fff; border-color: #808080; }
			.files li a:visited{ color: #808080; }
			.files li a:hover{ color: #fff; border-color: #808080; }

.gallery{
	margin: 2em 0 1.4em -20px;
	padding: 0;
	overflow: hidden;
	}
	.gallery li{
		display: table-cell;
		vertical-align: bottom;
		padding: 0 0 15px 20px;
		list-style: none;
		}
		.gallery li a{
			border: none;
			}

/* =Clearfix
---------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */