/* Global
----------------------------------*/
* 
{
	margin: 0; 
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}

html, body 
{
	height: 100%;
}

table
{
  	border: 0;
  	border-collapse: collapse;
}

	table td
	{
		margin: 0;
		padding: 0;
	} 

img
{
	border: 0;
	margin: 0 15px 15px 0;
}


/* Body
----------------------------------*/
#sowilo {
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%; 
	z-index: 0; 
}

#wrapper
{
	width: 604px; 
	height: 100%;
	margin: 0 auto;
	text-align: left; 
	position: relative;
	top: 25px;
}
	
	#modes
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 69px;
		height: 11px;
	}
	
		#modes form input
		{
			float: left;
		}
		
		#modes a
		{
			float: left;
			display: block;
			text-decoration: none;
		}
	
		#icon_sun
		{
			margin-right: 21px;
			width: 11px;
			height: 11px;
		}
		
		#icon_moon
		{
			margin-right: 20px;
			width: 7px;
			height: 10px;
		}
		
		#icon_om
		{
			width: 10px;
			height: 10px;
		}
		
	
	#tels
	{
		position: absolute;
		top: 0;
		left: 190px;
		float: left;
		width: 430px;
		line-height: 8px;
		font-size: 12px;
		font-family: Verdana, sans-serif;
		z-index: 1;		
	}
	
	#mail
	{
		position: absolute;
		top: 0;
		right: 0px;
		float: right;
		width: 12px;
		height: 8px;
		z-index: 1;
	}
	
	#logo 
	{
		position: relative;
		top: 30px;
		width: 604px; 
		height: 65px;
		margin-bottom: 30px;
	}
	
	.title-news,
	.title-bio,
	.title-photo,
	.title-media,
	.title-contact
	{
		width: 601px;
		height: 18px;
		margin: 10px 0;
		cursor: pointer;
	}	

	.news
	{
		margin: 0 0 30px;
	}

		.news ul
		{
			margin: 0 0 20px;
		}
	
			.news ul li
			{
				margin: 10px 0 0;
				padding: 0;
			}
			
			.news ul li p
			{
				margin: 0;
				padding: 0;
			}

		
		.foto-dj
		{
			position: relative;
			margin: 15px 0px 5px;
		}
		
		.shift-left
		{
			margin-left:-5px;
		}

		
	.content
	{
		margin: 0 0 30px;
	}
	
		.content p
		{
			margin: 10px 0;
		}
	
		.content ul
		{
			margin: -5px 0 20px;
		}	
		
			.content ul li
			{
				margin: 5px 0 0;
				padding: 0;
			}
			
			.content ul li p
			{
				margin: 0;
				padding: 0;
			}
		
		
		.form-block
		{
			width: 100%;
			padding-top: 20px;
			margin-bottom: 30px;
		}	
		
			.label-field
			{
				width: 110px;
				float: left;
				display: block;
				text-align: right;
				padding-top: 1px;
				padding-right: 15px;
			}
			
			.input-field
			{
				text-align: left;
			}
			
				.input-field input
				{
					margin-bottom: 10px;
				}
				
				.input-field input.input-check
				{
					margin-top: 4px;
					margin-bottom: 0;
				}
				
				.input-field textarea, 
				.input-field input.input-text
				{
					background-color: #2c2c2c;
					border: 1px solid #999999;
					font-size: 13px;
					color: #666666;
					width: 469px;
					padding: 1px 2px 2px;
					margin-bottom: 10px;
				}
				
				.input-field textarea
				{
					width: 469px;
					height: 140px;
					overflow: auto;
				}

			
			.button-field
			{
				width: 469px;
				padding: 0px 2px 0px 133px;
				margin-top: 10px;
				text-align: right;
			}
		
		
		.media-block
		{
			margin-bottom: 25px;
		}
		
			.media-block img
			{
				float: left;
			}
		
			.media-block h3
			{
				font-size: 14px;
				margin-bottom: 10px;
			}
			
				.media-block h3 span
				{
					font-size: 14px;
					font-weight: normal;
				}

			
			.media-block ul
			{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
				.media-block ul li
				{
					padding-left: 20px;
				}
			
		
		.photo-block
		{
			margin: 0 4px 4px 0;
			float: left; 
		}	
		

.margin-right-0
{
	margin-right: 0;
}
						
	
/* new clearfix */
.cf:after 
{
    visibility: hidden;
    display: block;
    font-size: 1px;
    content: " ";
    clear: both;
    height: 0;
}

.cf 
{
    font-size: 1px;
}

* html .cf             
{
    zoom: 1; 
} /* IE6 */

*:first-child+html .cf 
{ 
    zoom: 1; 
} /* IE7 */

	
#copyright
{
	position: relative;
	/*bottom: 70px;*/
	float: left;
	left: 0;
	font-size: 11px;
	line-height: 24px;
	margin-bottom: 20px;
}	
	
.creators
{
    float: right;
    right: 0px;
    line-height: 40px;
}
    
    a.logo-ags
	{
	    float: right;
	    display: block;
	    width: 28px;
	    height: 25px;
        margin-right: 10px;
	}
	
	a.logo-db
	{
	    float: right;
	    display: block;
	    width: 45px;
	    height: 24px;
	}