* {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

body,
html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	background: #000000 url(../images/portfolio_content_bg3.gif) repeat scroll 0 0;

}

	/* GLOBAL */
	#home,
	#portfolio,
	#contact {
		height:100%;
		/*max-width:1300px;*/
		min-height:500px;
		min-width:1050px;
		position:relative;
	}
	
	.top {
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
		.top .logo {
			display: block;
			margin: 34px 0 0 47px;
		}
	
	.content {
		color:#FFFFFF;
		font-size:2em;
		left:0;
		overflow:hidden;
		padding:0 0 0 36px;
		position:absolute;
		top:50%;
		width:850px;
		z-index:4;
	}
	
		.content .h1,
		.content .h2 {
			display: block;
		}
		
		.content p.left,
		.content p.right,
		.content div.right {
			float: left;
			width: 150px;
			margin: 1em 21px 0 80px;
		}
	
	.bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: bottom left;
		z-index: 3;
	}
	
	/* HOME */
	#home {
		color: #464646;
		/*background-color: #aedfe5;*/
		/*background-image: url(../images/hometop.jpg);*/
		/*background-position: top left;*/
		/*background-repeat: no-repeat;*/
	}
	
		#home a {
			color: #464646;
			background-color: inherit;
		}
	
		#home .top {
			background: url(../images/homeTop.jpg) no-repeat left top;
			height:400px;
		}
		
		#home .content {
			margin-top: -110px;
			/*background: transparent url('../images/home_blurb.png') no-repeat scroll 330px 0;*/
		}
		
		#home .content h2, #home .content h4 {
		display: block;
		/*text-indent: -9999px;*/
					}
			#home .content .h2 {
				margin: 11px 0 0 2px;
			}
								
		#home .bottom {
			height: 380px;
			/*background-image: url('../images/home_bottom.jpg');*/
		}
		
			#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;
			}
	
	/* contact */
	#contact {
		color: #ffffff;
		/*background-color: #3c2313;*/
		background-image: url('../images/contact_bg.jpg');
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		#contact a {
			color: #c07026;
			background-color: inherit;
		}
		
		#contact .socialverses {
		background:transparent url(../images/earth.png) no-repeat scroll 0 70px;
height:250px;
margin-left:115px;
width:200px;}
		
		#contact .twitter {
		left:260px;
		position:absolute;
		top:55px;
	
}
#contact .flickr {
	left:170px;
	position:absolute;
	top:220px;
}

		
		#contact em {
			color: #c49a6d;
			background-color: inherit;
		}
		
		#contact .top {
			height: 375px;
			/*background-image: url('../images/contact_bg.jpg');*/
		}
		
		#contact .content {
			margin-top: -110px;
		}
					
			#contact .content .h1 {
				margin: 0 0 9px;
			}
			
			#contact .content .right ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#contact .content .right ul li {
					margin: 0 0 8px 0; 
					padding: 0 0 0 24px;
					background-image: url('../_img/about_contact_icons.png');
					background-repeat: no-repeat;
				}
				
					
		#contact_form {
			display: block;
		}
		
			#contact_form .mail {
				border-left:1px solid #999999;
				display:block;
				padding-bottom: 5px;
				padding-left:15px;
				padding-top:5px;
			}
			
			#contact_form .h1 {
				
			}
			
			#contact_form .input,
			#contact_form textarea {
				border:0 none;
width:200px;
							}
			
			#contact_form label {
				width: 120px;
			}
			#contact_form label span {
				float:left;
font-size:14px;
width:100px;
			}
			
			
			#contact .bottom em {
							}
			
	/* PORTFOLIO */
	#portfolio {
		color: #bfd8e7;
		
		background-image: url('../images/portfolio_content_bg.jpg');
		background-position: bottom left;
		background-repeat: no-repeat;
	}
		
		#portfolio a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#portfolio .top {
			height: 100%;
			background-image:url(../images/portfolio_top.png);
			background-position: 90% 0;
		background-repeat: no-repeat;
		}
		
		#portfolio .bottom {
			height: 218px;
			background-image: url('../images/portfolio_bottom.png');
			background-position: left 95px;
		}
		
		#portfolio .content {
			margin-left:200px;
			margin-top:-120px;
			padding:0;
		}
		
			#portfolio .content img.h1 {
				float: left;
				margin-left: 36px;
			}
			
			#portfolio .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;
					}
			
				/* 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;
						}

/* MISC */
body, input, textarea {
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

input, textarea {
	font-size: 14px;
}

a img {
	border: none;
}

#contact .error {
	color: white;
	background-color: inherit;
}

.clear {
	width: auto;
	height: 0;
	overflow: hidden;
	line-height: 1px;
	float: none;
	clear: both;
}