html {
	font-size: 100%;
	height: 100%;
	width: 100%;
	}

@font-face {
	font-family: "GoudyBookletter1911";
	src: url(GoudyBookletter1911.otf);
	}
	
body {
	background: url(images/background.jpg);
	font-family: GoudyBookletter1911, Serif;
	font-size: 1em;
	color: #000;
	height: 100%;
	}
	

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	line-height: 1.5em;
	min-height: 100%;
	}
	
	#header {
		width: 100%;
		}
		
		#header-h1 {
			float: left;
			width: 30%;
			}
			
		#header-h1 h1 {
			font-size: 3.5em;
			font-weight: 500;
			}
			
			/***** IE6 Fix *****/
			* html #header-h1 h1{
				margin-top: auto;
				}
			
			#header-h1 a {
				color: #333;
				}
				
	#navigation {
		float: right;
		width: 70%;
		margin-top: 45px;
		border-bottom: 1px solid #acadad;
		}
		
		/***** IE6 Fix *****/
			* html #navigation{
				margin-top: 23px;
				}
		
		ul#navigation-list {
			list-style: none;
			float: right;
			margin: 0;
			padding: 0;
			}
			
			ul#navigation-list li {
				float: left;
				padding-left: 10px;
				font-size: 1.2em;
				}
		
	#main-body {
		clear: both;
		padding: 0 0 20px 0;
		overflow: hidden;
		font-size: 1.2em;
		min-height: 700px;
		}
		
		#browser {
			width: 725px;
			height: 563px;
			background: url(images/browser.jpg) no-repeat;
			margin: 0 auto 0 auto;
			}
			
		#desc {
			width: 525px;
			margin: 0 auto 0 auto;
			padding: 0 0 10px 0;
			}
			
			#text {
				text-align: center;
				font-size: 1.5em;
				color: #525455;
				padding: 10px 0 10px 0;
				}
				
			.border {
				width: 64px;
				height: 1px;
				background: url(images/border.jpg) no-repeat;
				margin: 0 auto 0 auto;
				}
			
		#content {
			width: 100%;
			margin: 20px 0 0 0;
			}
			
			#left {
				float: left;
				width: 50%;
				height: 100%;
				text-align: justify;
				padding: 0 3% 0 0;
				border-right: 1px solid #aaa;
				}
				
			#right {
				float: right;
				width: 40%;
				text-align: justify;
				}
				
		#portfolio {
			width: 865px;
			margin: 0 auto 0 auto;
			}
			
			ul#portfolio-list {
				list-style: none;
				}
				
				ul#portfolio-list li {
					float: left;
					padding: 10px;
					}
					
					ul#portfolio-list li img {
						border: 5px solid #ededed;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						}
						
		#centered {
			width: 600px;
			margin: 0 auto 0 auto;
			text-align: center;
			}
				
	#footer {
		width: 100%;
		clear: both;
		padding: 5px;
		margin: 0;
		}
		
		#footer-meta {
			color: #525455;
			font-size: 1em;
			font-weight: lighter;
			width: 960px;
			margin: 0 auto 0 auto;
			text-align: right;
			}
			
/***** Connect *****/
.connect {
	width: 450px;
	height: 69px;
	background: #aeadad;
	border: 1px solid #888;
	padding-top: 5px;
	margin-top: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
	.icon {	
		float: left;
		}
		
	.details {
		float: left;
		padding: 10px 0 0 15px;
		}
		
	.service {
		color: #fff;
		font-size: 1.1em;
		}
		
		.service a, a:active, a:visited, a:hover{
		color: #fff;
		}
		
/***** ValidForm *****/
form#contactForm  {
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
	
	#contactForm fieldset {
		border: 0;
		padding: 0;
		margin: 0;
		}
	
	#contactForm label {
		display: block;
		padding: 10px 0 5px 0;
		}
	
	div.vf__description  p{
		padding: 0;
		margin: 0;
		}
		
	.vf__required {
		font-weight: bold;
		}
		
	input.vf__text {
		width: 100%;
		height: 20px;
		}
		
	small.vf__tip {
		font-weight: lighter;
		}

	textarea.vf__text {
		width: 100%;
		}
		
	input.vf__button {
		float: right;
		margin: 5px 0 0 0;
		}
		
	.vf__error {
		color: #c04545;
		}
		
/***** Headers *****/
h2 {
	font-size: 2em;
	font-weight: lighter;
	}

/***** Links *****/
a, a:active, a:visited {
	color: #c04545;
	text-decoration: none;
	}
	
a:hover {
	color: #fff;
	}