body,
html {
	height: 100%;
}
body {
	margin: 0;
	font-size: 11px;
}
	/* GLOBAL */
	#home,
	#portfolio,
	#about {
	
	height: 100%;
	min-width: 950px;
	position: relative;
	}
	
	.top {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
		.top .logo {
			display: block;
			margin: 29px 0 0 35px;
		}
	
	.content {
	overflow: hidden;
	padding: 0 0 0 36px;
	position: absolute;
	top: 595px;
	left: 9px;
	z-index: 20;
	width: 900px;
	}
	
		.content .h1,
		.content .h2 {
			display: block;
		}
		
		.content p.left,
		.content p.right,
		.content div.right {
	float: left;
	width: 350px;
	margin: 1em 20px 0px 3px;
		}
	
	div#container {
		padding-left:35px;
		text-align:left;
		width:715px;
	}
	
	
	.bottom {
	position: absolute;
	left: 2px;
	bottom: 50px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 15;
	height: 1px;
	}
	
	.footer {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 15;
	height: 16px;
	margin-left:35px;
	font-size:12px;
	}
	
	.footer a {
		text-decoration:none;
	}
	
	/* HOME */
	#home {
	color: #464646;
	background-color: #000000;
	background-image: url(../_img/home_bg.jpg);
	background-repeat:no-repeat;
	
	}
	
		#home a {
	color: #993366;
	background-color: inherit;
		}
	
		#home .top {
			height: 300px;
			background-image: url('../_img/home_top_bg.png');
		}
		
		#home .content {
	margin-top: -400px;
		}
					
			#home .content .h2 {
	margin: 5px 0 0 2px;
			}
								
		#home .bottom {
	height: 20px;
	background-image: url('../_img/home_bottom_bg.png');
		}
		
			#home .bottom .first {
				position: absolute;
				left: 565px;
				top: 107px;
			}
			
			#home .bottom .second {
				position: absolute;
				left: 792px;
				top: 142px;
			}
			
			#home .bottom a.blog {
				position: absolute;
				display: block;
				left: 552px;
				top: 1px;
				width: 221px;
				height: 179px;
			}
					
			#home .bottom a.twitter {
				position: absolute;
				display: block;
				left: 783px;
				top: 93px;
				width: 75px;
				height: 96px;
			}
					
			#home .bottom em {
				color: #c2b59b;
				background-color: inherit;
			}
	
	/* ABOUT */
	#about {
	color: #000;
	background-color: #000000;
	background-image: url(../_img/about_bg.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	}
	
		#about a {
			color: #999920;
			background-color: inherit;
		}
		
		#about em {
			color: #c49a6d;
			background-color: inherit;
		}
		
		#about .top {
			height: 375px;
			background-image: url('../_img/about_top_bg.png');
		}
		
		#about .content {
	margin-top: -420px;
		}
					
			#about .content .h1 {
	margin: 0 0 2px;
			}
			
			#about .content .right ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#about .content .right ul li {
					margin: 0 0 8px 0; 
					padding: 0 0 0 24px;
					background-image: url('../_img/about_contact_icons.html');
					background-repeat: no-repeat;
				}
				
				#about .content .right ul li.email {
					background-position: 2px 2px;
				}
			
				#about .content .right ul li.msn {
					background-position: 2px -22px;
				}
			
				#about .content .right ul li.twitter {
					background-position: 2px -46px;
				}
			
				#about .content .right ul li.blog {
					background-position: 2px -66px;
				}
				
		#contact_form {
			display: block;
			margin: 0 0 -40px 0;
			position: absolute;
			bottom: 7%;
			left: 507px;
			background-image: url('../_img/about_contact_mole.html');
			background-position: bottom right;
			background-repeat: no-repeat;
			padding: 0 59px 128px 0;
		}
		
			#contact_form .inner {
				width: 335px;
				padding: 17px 19px 10px 19px;
				color: #3c2313;
				background-color: #784626;
			}
			
			#contact_form .h1 {
				position: relative;
				left: -5px;
				margin-bottom: -4px;
			}
			
			#contact_form .input,
			#contact_form textarea {
				color: #3c2313;
				background-color: #c49a6d;
				border: none;
				width: 317px;
				padding: 8px 9px;
				font-size: 14px;
				line-height: 18px;
				display: block;
				margin-top: 3px;
			}
			
			#contact_form label {
				display: block;
				margin: 13px 0 9px 0;
			}
			
			#about .bottom em {
	display: block;
	padding: 0 0 45px 37px;
			}
			
	/* PORTFOLIO */

	#portfolio {
	color: #000;
	background-color: #000000;
	background-image: url('../_img/portfolio_bg.jpg');
	background-position: left top;
	background-repeat:no-repeat;
	}
	
		#portfolio  a {
			color: #999920;
			background-color: inherit;
		}
		
		#portfolio  em {
			color: #c49a6d;
			background-color: inherit;
		}
		
		#portfolio  .top {
			height: 375px;
			background-image: url('../_img/about_top_bg.png');
		}
		
		#portfolio  .content {
	margin-top: -420px;
		}
					
			#portfolio .content .h1 {
	margin: 0 0 2px;
			}
			
			#portfolio .content .right ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#portfolio .content .right ul li {
					margin: 0 0 8px 0; 
					padding: 0 0 0 24px;
					background-image: url('../_img/about_contact_icons.html');
					background-repeat: no-repeat;
				}
				
				#portfolio  .content .right ul li.email {
					background-position: 2px 2px;
				}
			
				#portfolio  .content .right ul li.msn {
					background-position: 2px -22px;
				}
			
				#portfolio  .content .right ul li.twitter {
					background-position: 2px -46px;
				}
			
				#portfolio  .content .right ul li.blog {
					background-position: 2px -66px;
				}
				
			
				 #content-slider {
					top: -48px;
					height: 15px;
					background-image: url('../_img/slider_bg.png');
					background-repeat: repeat-x;
					background-position: 0 7px;
					overflow: visible;
				}
				
					#content-slider .ui-slider-handle {
						position: absolute;
						top: 0;
						left: 0;
						width: 67px;
						height: 15px;
						background-image: url('../_img/slider.png');
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					
			
				/* JS resizes width acording to number of childs */
				#portfolio .content .portfolio ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 1500px;
				}
				
					#portfolio .content .portfolio ul li {
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;
					}
					
						#portfolio .content .portfolio ul li > img {
							display: block;
						}
						
						#portfolio .content .portfolio ul li p {
							padding: 0;
							margin:  32px 15px 0 15px;
							line-height: 18px;
						}
						
		/* link exchange */
	#exchange {
		color: #bfd8e7;
		background-color: #000000;
		background-image: url('../_img/about_bg.jpg');
		background-position: bottom left;
		background-repeat: repeat-x;
	}
		
		#exchange a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#exchange .top {
			height: 100%;
			background-image: url('../_img/portfolio_top_bg.png');
			background-position: bottom left;
		}
		
		#exchange .bottom {
			height: 213px;
			background-image: url('../_img/portfolio_bottom_bg.png');
		}
		
		#exchange .content {
			margin-top: -120px;
			overflow: visible;
			padding: 0;
			width: 100%;
		}
		
			#exchange .content img.h1 {
	float: left;
	margin-left: 36px;
			}
			
			#exchange .content .exchange,
			#content-slider {
				margin: -32px 75px 0 219px;
				position: relative;
				overflow: hidden;
			}
			
				 #content-slider {
					top: -48px;
					height: 15px;
					background-image: url('../_img/slider_bg.png');
					background-repeat: repeat-x;
					background-position: 0 7px;
					overflow: visible;
				}
				
					#content-slider .ui-slider-handle {
						position: absolute;
						top: 0;
						left: 0;
						width: 67px;
						height: 15px;
						background-image: url('../_img/slider.png');
						background-position: center center;
						background-repeat: no-repeat;
					}
					
					
			
				/* JS resizes width acording to number of childs */
				#exchange .content .exchange ul {
					list-style: none;
					margin: 0;
					padding: 0;
					overflow: hidden;
					width: 1500px;
				}
				
					#exchange .content .exchange ul li {
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;
					}
					
						#exchange .content .exchange ul li > img {
							display: block;
						}
						
						#exchange .content .exchange ul li p {
							padding: 0;
							margin:  32px 15px 0 15px;
							line-height: 18px;
						}				
						
						
/* MISC */
body, input, textarea {
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	margin: 0px;
	color: #000;
}
input, textarea {
	font-size: 14px;
}
a img {
	border: none;
}
#about .error {
	color: white;
	background-color: inherit;
}
.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}

/***************/
#footer1 {
		color: #bfd8e7;
		
		width: 900px;
        position: relative;
        float: left;
		line-height: 15px;
		padding-top: 10px;
	}
		
		#footer1 a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#footer1 .top {
			height: 100%;
		}
		
		#footer1.bottom {
			height: 213px;
		
		}
		
		#footer1 .content {
			margin-top: -120px;
			overflow: visible;
			padding: 0;
			width: 100%;
		}
/****************************************************/
#bottom-link{
		color: #bfd8e7;
		width: 900px;
        position: relative;
        float: left;
		line-height: 15px;
		top: 0px;
	}
		
		#bottom-link a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#bottom-link .top {
			height: 100%;
		}
		
		#bottom-link.bottom {
			height: 213px;
		
		}
		
		#footer1 .content {
			margin-top: -120px;
			overflow: visible;
			padding: 0;
			width: 100%;
		}
		
/************************************************/
/* PORTFOLIO */
	#portfolio2 {
	color: #bfd8e7;
	background-color: #000000;
	background-image: url(../_img/portfolio_bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height:100%;
	}
		
		#portfolio2 a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#portfolio2 .top {
			height: 100%;
			background-image: url('../_img/portfolio_top_bg.png');
			background-position: bottom left;
		}
		
		#portfolio2 .bottom {
	height: 30px;
	background-image: url('../_img/portfolio_bottom_bg.png');
		}
		
		#portfolio2 .content {
	margin-top: -400px;
	overflow: visible;
	padding: 0;
	width: 100%;
		}
		
			#portfolio2 .content img.h1 {
	float: left;
	margin-left: 36px;
			}
			
			#portfolio2 .content .portfolio,
			#content-slider {
				margin: -32px 75px 0 219px;
				position: relative;
				overflow: hidden;
			}
			
				 #content-slider {
					top: -48px;
					height: 15px;
					background-image: url('../_img/slider_bg.png');
					background-repeat: repeat-x;
					background-position: 0 7px;
					overflow: visible;
				}
				
					#content-slider .ui-slider-handle {
						position: absolute;
						top: 0;
						left: 0;
						width: 67px;
						height: 15px;
						background-image: url('../_img/slider.png');
						background-position: center center;
						background-repeat: no-repeat;
					}