@charset win-1251;

body {

	background: #1a1a1a;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial sans-serif;
}

div.layout {

	width: 985px;
	margin: 0 auto;
}

div.line {
	
	background: url(/i/line-bg.gif) repeat-x top left;
	height: 2px;
}

div.logo {

	text-align: center;
	height: 100px;
	position: relative;
}

	div.logo div.homeTip {
	
		background: url(/i/home-tip.gif) no-repeat bottom left;
		position: absolute;
		left: 12px;
		bottom: 6px;
		width: 64px;
		height: 39px;
		display: none;
	}
	
	div.logo div.mailTip {
	
		background: url(/i/mail-tip.gif) no-repeat bottom left;
		position: absolute;
		left: 957px;
		bottom: 6px;
		width: 54px;
		height: 39px;
		display: none;
	}

img { padding: 0px;margin: 0px; }

div.menu {

	background: url(/i/menu-bg.gif) repeat-x top left;
	float: left;
	width: 915px;
	height: 27px;
	text-align: center;
	position: relative;
}
	
	div.menu div.toddler {
	
		background: url(/i/menu-toddler.gif) no-repeat top left;
		width: 144px;
		height: 27px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 32;
		visibility: hidden;
	}
	
	div.menu a {
	
		float: left;
		position: relative;
		display: block;
		width: 144px;
		z-index: 128;
	}

div.top {
	
	padding-top: 8px;
}

div.topWithBg {
	
	background: url(/i/top-bg.jpg) repeat-x top left;
}

div.dialog {

	background: url(/i/dialog-bg.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -48px;
	margin-top: -48px;
	z-index: 256;
	visibility: hidden;
	padding: 13px;
	width: 70px;
	height: 70px;
}

	div.dialog div.image, div.dialog div.text {
	
		position: relative;
		color: #ffffff;
	}
	
		div.dialog a.dialogClose {
			
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -62px;
			margin-top: -18px;
			z-index: 512;
			visibility: hidden;
			opacity: 0.1;
		}

div.loader {
	
	background: #000000 url(/i/loader.gif) no-repeat center center;
	opacity: 0.8;
}










div.monitor {
	
	background: url(/i/monitor-bg.jpg) no-repeat top center;
	height: 479px;
	position: relative;
}

	div.monitor div.informer {
	
		position: absolute;
		top: 165px;
		left: 492px;
		margin-left: -175px;
		width: 350px;
		height: 34px;
		background: url(../i/informer-bg.png) no-repeat left top;
		visibility: hidden;
		opacity: 0.1;
		z-index: 2048;
	}
	
		div.monitor div.informer i {
		
			display: block;
			position: absolute;
			left: 298px;
			top: 3px;
			width: 7px;
			height: 22px;
			background: url(../i/informer-toddler.gif) no-repeat left top;
		}
	
		div.monitor div.informer a {
		
			display: block;
			position: absolute;
			right: 8px;
			top: 5px;
			width: 18px;
			height: 18px;
			background: url(../i/informer-close.gif) no-repeat left top;
		}

	div.monitor div.site {
	
		position: absolute;
		background: url(/i/sites-right-bg.png) no-repeat top right;
		padding-right: 20px;
		color: #ffffff;
		font-size: 1.1em;
		opacity: 0.1;
		visibility: hidden;
	}
	
		div.monitor div.site div {
		
			background: url(/i/sites-left-bg.png) no-repeat top left;
			padding: 5px 0 0 20px;
			height: 22px;
		}
		
		div.monitor div.site a:link, div.monitor div.site a:active, div.monitor div.site a:visited {
		
			color: #ffffff;
		}
		
		div.monitor div.site a:hover {
			
			color: #ffa500;
		}

div.content {

	color: #8d8d8d;
}

	div.content div.indent {
	
		padding: 60px 40px 0 40px;
	}
	
	div.content div.loader {
	
		background: url(/i/loader.gif) no-repeat center center;
		height: 32px;
		margin-top: 250px;
		margin-bottom: 250px;
	}
	
	div.content div.aHeader {
	
		background: url(/i/header_1.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.bHeader {
	
		background: url(/i/header_2.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.cHeader {
	
		background: url(/i/header_3.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.dHeader {
	
		background: url(/i/header_4.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.eHeader {
	
		background: url(/i/header_5.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.fHeader {
	
		background: url(/i/header_6.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.gHeader {
	
		background: url(/i/header_7.jpg) no-repeat top left;
		padding: 48px 0 0 45px;
		height: 61px;
		margin: 25px 0;
	}
	
	div.content div.aHeader a:link, div.content div.aHeader a:active, div.content div.aHeader a:visited, div.content div.aHeader a:hover,
	div.content div.bHeader a:link, div.content div.bHeader a:active, div.content div.bHeader a:visited, div.content div.bHeader a:hover,
	div.content div.cHeader a:link, div.content div.cHeader a:active, div.content div.cHeader a:visited, div.content div.cHeader a:hover,
	div.content div.dHeader a:link, div.content div.dHeader a:active, div.content div.dHeader a:visited, div.content div.dHeader a:hover,
	div.content div.eHeader a:link, div.content div.eHeader a:active, div.content div.eHeader a:visited, div.content div.eHeader a:hover,
	div.content div.fHeader a:link, div.content div.fHeader a:active, div.content div.fHeader a:visited, div.content div.fHeader a:hover,
	div.content div.gHeader a:link, div.content div.gHeader a:active, div.content div.gHeader a:visited, div.content div.gHeader a:hover {
	
		color: #ffffff;
	}
	
	div.content div.aHeader, div.content div.bHeader, div.content div.cHeader, div.content div.dHeader, div.content div.eHeader, div.content div.fHeader, div.content div.gHeader {
	
		position: relative;
	}
	
	div.content div.text {
	
		padding: 0 45px;
	}
	
		div.content div.text p {
		
			clear: both;
			margin-bottom: 25px;
			font-size: 13px;
		}
		
	div.content div.buttons {
	
		text-align: center;
		margin: 60px 0 100px 0;
	}
	
		div.content div.buttons a {
	
			margin: 0 5px;
		}
	
	div.content h1, div.content h2 {
	
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
		margin: 0 0 20px 0;
	}
	
	div.content a:link, div.content a:active, div.content a:visited, div.content a:hover {
	
		color: #6a6a8c;
	}
	
	div.content div.firstText {
	
		width: 285px;
		background: url(/i/first-bg.gif) no-repeat top center;
		float: left;
		padding-top: 75px;
	}
	
	div.content div.secondText {
	
		width: 335px;
		background: url(/i/second-bg.gif) no-repeat top center;
		float: left;
	}
	
		div.content div.secondText div.indent {
	
			padding: 75px 25px 0 25px;
		}
	
	div.content div.thirdText {
	
		width: 285px;
		background: url(/i/third-bg.gif) no-repeat top center;
		float: right;
		padding-top: 70px;
	}

	div.content div.line {
	
		margin: 50px 10px;
	}
	
	div.content div.firstContact {
	
		width: 350px;
		float: left;
	}
	
		div.content div.firstContact div.indent {
		
			text-align: right;
			padding: 50px 30px 0 0;
		}
	
	div.content div.secondContact {
	
		width: 200px;
		float: left;
	}
	
		div.content div.secondContact div.indent {
	
			text-align: center;
			padding: 0 25px;
		}
	
	div.content div.thirdContact {
	
		width: 350px;
		float: right;
	}
	
		div.content div.thirdContact div.indent {
		
			padding: 50px 0 0 60px;
		}
		
	div.content div.music {
	
		width: 895px;
		height: 258px;
		margin: 0 auto;
		background: url(/i/music-bg.jpg) no-repeat top left;
		position: relative;
	}
	
		div.content div.music div.indent {
			
			padding: 28px 0 0 225px;
		}
		
		div.content div.music div.radio {
		
			width: 190px;
			float: left;
			padding: 5px 10px 0 0;
		}
		
		div.content div.music img.ipod {
		
			position: absolute;
			top: 35px;
			left: 70px;
		}
		
		div.content div.music div.playlist {
		
			width: 450px;
			float: left;
		}
		
	div.content div.ps {
		
		width: 750px;
		height: 334px;
		margin: 0 auto;
		background: url(/i/ps.jpg) no-repeat top left;
	}
	
	div.content div.portfolio {
	
		width: 898px;
		margin: 0 auto;
		font-size: 14px;
	}
	
		div.content div.portfolio div.work {
		
			float: left;
			width: 208px;
			margin-right: 22px;
		}
		
			div.content div.portfolio div.work img {
			
				display: block;
				padding: 10px;
				width: 188px;
				height: 188px;
				background: url(/i/loader.gif) no-repeat center center;
				border: 0;
			}
			
			div.content div.portfolio div.work a {
			
				display: block;
				min-height: 235px;
			}
			
			div.content div.portfolio div.work a:link, div.content div.portfolio div.work a:active, div.content div.portfolio div.work a:visited {
		
				color: #ffffff;
				background: url(/i/work-bg.gif) no-repeat top left;
			}
			
			div.content div.portfolio div.work a:hover {
			
				color: #d58b03;
				background: url(/i/work-hover-bg.gif) no-repeat top left;
			}
		
		div.content div.portfolio div.last {
			
			margin: 0;
		}
		
		div.content div.portfolio div.line {
		
			margin: 25px 10px;
		}
	
div.orange {

	background: #d58b03;
	color: #77520f;
	font-size: 12px;
	position: relative;
	margin: 40px 0;
}

	div.orange h2 {
	
		color: #3f2901;
	}
	
	div.orange img.right {
	
		position: absolute;
		bottom: 0px;
		left: 695px;
	}
	
	div.orange img.left {
	
		position: absolute;
		bottom: 0;
		right: 695px;
	}
	
	div.orange div.topCorners {
		
		background: #d58b03 url(/i/circles/orange/rt.gif) no-repeat right top;
	}
	
		div.orange div.topCorners div {
		
			background: url(/i/circles/orange/lt.gif) no-repeat left top;
		}
		
	div.orange div.bottomCorners {
		
		background: #d58b03 url(/i/circles/orange/rb.gif) no-repeat right bottom;
	}
	
		div.orange div.bottomCorners div {
		
			background: url(/i/circles/orange/lb.gif) no-repeat left bottom;
		}
	
	div.orange div.topCorners, div.orange div.topCorners div, div.orange div.bottomCorners, div.orange div.bottomCorners div {
	
		height: 11px;
		font-size: 1px;
	}
	
	div.orange div.indent {
	
		padding: 20px 40px;
	}
	
	div.orange div.withLeft {
		
		padding-left: 210px;
	}
	
	div.orange div.withRight {
		
		padding-right: 210px;
	}
	
div.gray {

	background: #313131;
}

	div.gray img {
	
		margin: 0 10px;
		display: block;
		zoom: 1;
	}
	
	div.gray div.topCorners {
		
		background: #313131 url(/i/circles/gray/rt.gif) no-repeat right top;
	}
	
		div.gray div.topCorners div {
		
			background: url(/i/circles/gray/lt.gif) no-repeat left top;
		}
		
	div.gray div.bottomCorners {
		
		background: #313131 url(/i/circles/gray/rb.gif) no-repeat right bottom;
	}
	
		div.gray div.bottomCorners div {
		
			background: url(/i/circles/gray/lb.gif) no-repeat left bottom;
		}
	
	div.gray div.topCorners, div.gray div.topCorners div, div.gray div.bottomCorners, div.gray div.bottomCorners div {
	
		height: 10px;
		font-size: 1px;
	}
	
div.leftImage {

	float: left;
	margin: 0 15px 15px 0;
}

div.rightImage {

	float: right;
	margin: 0 0 15px 15px;
}
	
div.footer {
	
	text-align: center;
	color: #484848;
	font-size: 10px;
	padding-bottom: 300px;
}
	
	div.footer a:link, div.footer a:active, div.footer a:visited, div.footer a:hover {
	
		color: #6d6d6d;
	}
	
	div.footer img.counter {
	
		opacity: 0.1;
	}
	
	div.footer div.line {
	
		margin: 60px 10px 15px 10px;
	}
	
	
/* Fade Phrases */

.aligncenter {
	width: 600px !important;
}

ul#phrase {
	padding: 2em;
	display: block;
	text-align: center;
}


ul#phrase li {
	color: #8e8e8e;
	font-style: italic;
	text-align: left;
}

.author {
	float: right;
	color: #323232;
}