body,
html {
	height: 100%;
}

body {
	margin: 0;
	font-size: 11px;
}

	/* GLOBAL */
	#home,
	#portfolio,
	#about {
		min-height: 600px;
		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: 50%;
		left: 0;
		z-index: 20;
	}
	
		.content .h1,
		.content .h2 {
			display: block;
		}
		
		.content p.left,
		.content p.right,
		.content div.right {
			float: left;
			width: 400px;
			margin: 1em 21px 0 3px;
		}
	
	.bottom {
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 15;
	}
	
	/* HOME */
	#home {
		color: #464646;
		background-color: #72eefa;
		background-image:  url(img/home_bg.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
	
		#home a {
			color: #464646;
			background-color: inherit;
		}
	
		#home .top {
			height: 300px;
			background-image:  url(img/home_top_bg.png);
		}
		
		#home .content {
			margin-top: -150px;
		}
					
			#home .content .h2 {
				margin: 11px 0 0 2px;
			}
								
		#home .bottom {
			height: 496px;
			background-image:  url(img/home_bottom_bg.jpg);
		}
		
		
	/* ABOUT */
	#about {
		color: #ffffff;
		background-color: #4a7a00;
	}
	
		#about a {
			color: #c07026;
			background-color: inherit;
		}
		
		#about em {
			color: #c49a6d;
			background-color: inherit;
		}
		
		#about .top {
			height: 380px;
			background-image:  url(img/about_top_bg.jpg);
		}
		
		#about .content {
			margin-top: -150px;
		}
					
			#about .content .h1 {
				margin: 0 0 9px;
			}
			
			#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.png);
					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;
			padding: 0 59px 128px 0;
		}
		
			#contact_form .inner {
				width: 335px;
				padding: 17px 19px 10px 19px;
				color: #3c2313;
				background-color: #FFFFFF;
			}
			
			#contact_form .h1 {
				position: relative;
				left: -5px;
				margin-bottom: -4px;
			}
			
			#contact_form .input,
			#contact_form textarea {
				color: #3c2313;
				background-color: #EAEAEA;
				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: #bfd8e7;
		background-color: #71b3cf;
		background-image:  url(img/portfolio_bg.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
		
		#portfolio a {
			color: #60bce5;
			background-color: inherit;
			text-decoration: none;
		}
				
		#portfolio .top {
			height: 100%;
			background-image:  url(img/portfolio_top_bg.png);
			background-position: bottom left;
		}
		
		#portfolio .bottom {
			height: 213px;
			background-image:  url(img/portfolio_bottom_bg.png);
		}
		
		#portfolio .content {
			margin-top: -150px;
			adding: 0 0 0 24px;
		}
		
			#portfolio .content img.h1 {
				margin-left: 0px;
			}
.service {
		color: #bfd8e7;
		background-image:  url(img/service.png);
		background-position: top left;
		background-repeat: no-repeat;
		height: 435px;
		width: 1010px;
}
.aboutBG {
		color: #bfd8e7;
		background-image:  url(img/about_bg.png);
		background-position: top left;
		background-repeat: no-repeat;
		height: 347px;
		width: 1010px;
}
.mHome {
		color: #bfd8e7;
		background-image:  url(img/mHome.png);
		background-position: top left;
		background-repeat: no-repeat;
		height: 326px;
		width: 964px;
}	
			


.Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006666;
}
.FootNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}


/* CONTACT FORM  */

.inputTxtContact{
	width:  300px;
	height:  22px;
	background-color: transparent;
	border: 1px solid #666666;
	color: #666666;
	font: 12px/13px Arial;
}

.inputTxtContactComm{
	width:  300px;
	height:  100px;
	background-color: transparent;
	border: 1px solid #666666;
	color: #666666;
	font: 12px/13px Arial;
}
