* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:729px;
}
body { 
	background:url(images/main-bg.jpg) no-repeat center top #010101;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#333;
	text-transform:uppercase;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:729px; 
	margin:0 auto;
	font-size:.625em;
	background:url(images/content-bg.png) no-repeat left 117px;
}

#header {
	height:203px;
}
#content {
	height:791px;
	position:relative;
}
#footer {
	height:62px;
}


/*---- tailings ----*/
.tail-top { 
	background:url(images/tail-top.png) left top repeat-x;
}
.tail-bottom { 
	background:url(images/tail-bottom.gif) left bottom repeat-x;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:18px;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:18px;
}
.p3 { 
	margin-bottom:27px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#333; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:72px;
	color:#010101;
	line-height:1.2em;
	letter-spacing:-2px;
	margin-bottom:8px;
}
h2 {
	font-size:60px;
	color:#010101;
	line-height:1.2em;
	letter-spacing:-2px;
	margin-bottom:14px;
	padding:13px 0 0 0;
}
h3 {
	font-size:24px;
	line-height:1.2em;
	color:#adadad;
	letter-spacing:-1px;
	margin-bottom:15px;
}
h5 {
	font-size:1em;
	font-weight:normal;
	padding:3px 0 3px 24px;
}
	

.button { 
	float:right;
	width:96px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#333;
	text-decoration:none;
	background:url(images/button.gif) no-repeat left top;
}
	.button:hover {
		color:#000;
		text-decoration:underline;
	}


/*==================boxes====================*/
.box {
	height:633px;
}
	.box .inner { 
		padding:0 0 0 0;
	}


/*===== header =====*/
#header .logo {
	float:left;
	padding:46px 0 0 53px;
}
#header .nav {
	float:left;
	padding:0 0 0 48px;
}
	#header .nav li {
		float:left;
	}
		#header .nav li a {
			float:left;
			width:104px;
			text-align:center;
			padding:47px 0 20px 0;
			font-size:20px;
			line-height:1.2em;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			letter-spacing:-1px;
			background:url(images/png-point.png) no-repeat left top;
		}
		#header .nav li a:hover, #header .nav li a.current {
			background:url(images/nav-bg.png) no-repeat left top;
		}

/*===== content =====*/
#content .indent {
	padding:12px 120px 0 130px;
}
#content .indent1 {
	padding:12px 90px 0 155px;
}
	#content .twitter {
		position:absolute;
		right:116px;
		top:-38px;
	}
		#content .twitter a {
			display:block;
			width:157px;
			height:162px;
			float:left;
		}
	#content .twitter span {
		display:block;
		position:absolute;
		left:96px;
		top:70px;
		background:url(images/tooltip.png) no-repeat left top;
		width:61px;
		height:31px;
		color:#fff;
		text-align:center;
		line-height:22px;
		z-index:10;
		display:none;
	}

/* anythingSlider begin */
.anythingSlider                         { width: 467px; height: 310px; position: relative;}
.anythingSlider .wrapper                { width: 467px; overflow: auto; height: 341px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 500px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 79px; width: 41px; text-indent: -9999px; position: absolute; top: 116px; cursor: pointer; }
.anythingSlider .forward                { background:url(images/next.gif) no-repeat left top; margin-left:100%; left:0;}
.anythingSlider .back                   { background:url(images/prev.gif) no-repeat left top; left:-41px;}

#start-stop                             { display:none;}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* anythingSlider end */



/* works-Slider begin */
.works-Slider                         { width: 417px; height: 417px; position: relative; margin-top:15px;}
.works-Slider .wrapper                { width: 417px; overflow: auto; height: 417px; position: absolute; top: 0; left: 0; }
.works-Slider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.works-Slider ul li                   { display: block; float: left; padding: 0; height: 417px; width: 417px; margin: 0; }
.works-Slider ul li img               { float:left; margin:0 3px 4px 0;}
.works-Slider .arrow                  { display: block; height: 43px; width: 43px; text-indent: -9999px; position: absolute; top: 189px; cursor: pointer; }
.works-Slider .forward                { background:url(images/next1-sprite.gif) no-repeat left top; margin-left:100%; left:25px;}
.works-Slider .back                   { background:url(images/prev1-sprite.gif) no-repeat left top; left:-63px;}
.works-Slider .forward:hover          { background-position:left -43px;}
.works-Slider .back:hover             { background-position:left -43px;}

#start-stop                             { display:none;}
/*
  Prevents
*/
.works-Slider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.works-Slider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* works-Slider end */


/* anythingSlider begin */
.folioSlider                         { width: 405px; height: 407px; position: relative;}
.folioSlider .wrapper                { width: 405px; overflow: auto; height: 407px; position: absolute; top: 0; left: 0; }
.folioSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.folioSlider ul li                   { display: block; float: left; padding: 0; height: 407px; width: 600px; margin: 0; }
.folioSlider ul li p                 { width:405px;}
.folioSlider .arrow                  { display: block; height: 43px; width: 43px; text-indent: -9999px; position: absolute; top: 126px; cursor: pointer; }
.folioSlider .forward                { background:url(images/next1-sprite.gif) no-repeat left top; margin-left:100%; left:32px;}
.folioSlider .back                   { background:url(images/prev1-sprite.gif) no-repeat left top; left:-63px;}
.folioSlider .forward:hover          { background-position:left -43px;}
.folioSlider .back:hover             { background-position:left -43px;}

#start-stop                             { display:none;}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
/* anythingSlider end */



.social-services {
	position:relative;
	width:480px;
}
	.social-services dt {
		float:left;
		font-size:30px;
		color:#fff;
		line-height:1.2em;
		padding:10px 5px 0 0;
	}
	.social-services dd {
		float:left;
		width:60px;
		height:60px;
		z-index:1;
	}
		.social-services dd a {
			float:left;
			width:60px;
			height:60px;
			display:block;
			position:relative;
		}
		.social-services dd.icon-facebook {
			z-index:14;
		}
			.social-services dd.icon-facebook a{
				background:url(images/icon-facebook-sprite.png) no-repeat left top;
			}
				.social-services dd.icon-facebook a:hover {
					background-position:left -60px;
				}
			.social-services dd.icon-facebook span {
				left:176px;
			}
		
		.social-services dd.icon-vimeo {
			z-index:13;
		}
			.social-services dd.icon-vimeo a{
				background:url(images/icon-vimeo-sprite.png) no-repeat left top;
			}
				.social-services dd.icon-vimeo a:hover {
					background-position:left -60px;
				}
			.social-services dd.icon-vimeo span {
				left:240px;
			}
		.social-services dd.icon-lastfm {
			z-index:12;
		}
			.social-services dd.icon-lastfm a{
				background:url(images/icon-lastfm-sprite.png) no-repeat left top;
			}
				.social-services dd.icon-lastfm a:hover {
					background-position:left -60px;
				}
			.social-services dd.icon-lastfm span {
				left:300px;
			}
		
		.social-services dd.icon-flickr {
			z-index:11;
		}
			.social-services dd.icon-flickr a{
				background:url(images/icon-flickr-sprite.png) no-repeat left top;
			}
				.social-services dd.icon-flickr a:hover {
					background-position:left -60px;
				}
			.social-services dd.icon-flickr span {
				left:355px;
			}
			
			
				.social-services dd span {
					display:block;
					position:absolute;
					left:37px;
					top:5px;
					background:url(images/tooltip.png) no-repeat left top;
					width:61px;
					height:31px;
					color:#fff;
					text-align:center;
					line-height:22px;
					z-index:10;
					display:none;
				}
/*===== footer =====*/
#footer {
	color:#565656;
}
	#footer .indent {
		padding:18px 0 0 105px;
	}
		#footer a {
			color:#fff;
			text-decoration:none;
		}
		#footer a:hover {
			text-decoration:underline;
		}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	color:#a2a2a2;
	width:471px;
}
	#contacts-form label {
		display:block;
		height:42px;
		overflow:hidden;
		background:url(images/input-bg.png) no-repeat left top;
	}
		#contacts-form label input {
			float:left;
			width:290px;
			padding:14px 10px 12px 24px;
			border:none;
			background:none;
			color:#000;
			text-transform:uppercase;
		}
		#contacts-form span {
			float:left;
			padding:14px 0 0 10px;
		}
	
	#contacts-form .textarea-box {
		background:url(images/textarea-box.png) no-repeat left top;
		width:471px;
		height:167px;
		overflow:hidden;
		margin-bottom:11px;
	}
		#contacts-form textarea {
			width:425px;
			height:130px;
			overflow:auto;
			padding:14px 10px 12px 24px;
			background:none;
			border:none;
			color:#000;
			text-transform:uppercase;
		}
		#contacts-form input.submit {
			background:url(images/send.gif) no-repeat left top;
			width:90px;
			height:35px;
			border:none;
			cursor:pointer;
		}

/*==========================================*/