@charset "utf-8";
/** base.css contains the reset to even out cross-browser display**/
@import "base.css";
/** helpers.css contains helper classes - documentation: http://cssquik.com/docs **/
@import "helpers.css";
/** columns.css contains the column styles **/
@import "columns.css";
/** Style like you normally would. **/
body {
	width:100%;
	font-family:Century Gothic, Helvetica, Arial, sans-serif;
	font-size:60%;
	color:#8c8c8c;
} 
a:hover {
	text-decoration:none;
	color:#333;
}
h1 {
	font-size:110%;
}
	h1 span {
		font-weight:normal;
	}
h2 {
	font-size:125%;
	text-transform:uppercase;
	margin:1em 0;
}
h3 {
	font-size:120%;
}
h4 {
	font-size:115%;
}
h5 {
	font-size:110%;
}
p, pre, blockquote, cite, ul, ol, dl, address {
	font-size:110%;
}
blockquote {
	margin:.5em 0;
	font-size:120%;
	clear:both;
}
cite {
	font-size:100%;
	float:left;
	display:inline;
	margin-bottom:1.5em;
	font-style:italic;
}
	cite strong {
		font-size:110%;
		font-style:normal;
	}
#header, #main-content {
	width:80%;
	float:right;
	display:inline;
}
#header {
	padding:40px 0 5px 0;
}
	#header h1 {
		text-transform:uppercase;
		margin:0;
		float:left;
		display:inline;
		width:auto;
	}
		#header h1 a {
			color:#8c8c8c;
			text-decoration:none;
		}
		#header h1 a:hover {
			color:#333;
			text-decoration:none;
		}
		#header h1 span {
			text-transform:none;
			border-left:1px solid #8c8c8c;
			margin-left:10px;
			padding-left:10px;
		}
		#header h1 em {
			font-style:normal;
			color:#D81921;
		}
	#header ul.menu {
		float:right;
		width:auto;
	}
		#header ul.menu li {
			padding:0 25px 0 0;
		}
		#header ul.menu li a {
			color:#8c8c8c;
			font-size:125%;
			text-transform:lowercase;
		}
		.work #header ul.menu li.work a, .profile #header ul.menu li.profile a, .news #header ul.menu li.news a, .contact #header ul.menu li.contact a, #header ul.menu li a:hover {
			color:#333;
			text-decoration:none;
		}
#banner {
	clear:both;
	display:block;
}
#column-one {
	width:30%;
	margin-top:25px;
}
	#column-one ul.menu li {
		clear:left;
		margin:0 0 .5em 0;
	}
	#column-one ul.menu li ul {
		float:left;
		display:inline;
		clear:left;
	}
	#column-one ul.menu li ul li {
		clear:left;
		margin:0 0 .5em 1em;
	}
	#column-one ul.menu li a {
		color:#8c8c8c;
		font-size:11px;
	}
	#column-one ul.menu li a:hover, #column-one ul.menu li a.active-page {
		color:#333;
	}
#column-two {
	width:60%;
	margin-top:25px;
}
	#column-one .main, #column-one .secondary {
		float:left;
		display:inline;
		width:45%;
		margin-right:5%;
	}
	#column-one .full {
		width:90%;
	}
#footer {
	clear:both;
	padding:40px 4% 10px 4%;
}
	#footer p {
		text-align:right;
		line-height:16px;
	}
	#footer p a {
		color:#8c8c8c;
		text-decoration:none;
	}
	#footer p span {
		float:left;
		display:inline;
	}
	#footer p img {
		float:right;
		display:inline;
		padding-left:10px;
		border-left:1px solid #8c8c8c;
		height:16px;
		margin-left:10px;
	}
	img.float-l {
		margin:0 8px 5px 0;
	}
	ul {
		list-style:none;
	}
	#column-one ul.menu {
		float:none;
		display:block;
		margin:1.25em 0;
	}
	.principal {
		position:relative;
		top:0;
		left:0;
		padding-left:120px;
	}
	.principal img {
		position:absolute;
		top:12px;
		left:0;
	}
#contact {
	display:none;
}

	#contactForm-data{
		border-right:1px solid #CCC;
		margin-top:34px;
		width:280px;
		float: left;	
	}

	#contactForm {
		padding:10px;
	}
	#contactForm legend {
		font-size:150%;
		margin-bottom:10px;
	}
	#contactForm input, #contactForm textarea {
		background:#fff;
		border:1px solid #CCC;
		margin:0 0 10px 0;
		width:250px;
	}
		
		input#submit {
			color:#8c8c8c;
			background:#fff;
			cursor:pointer;
			padding:2px 10px;
			width:auto;
		}
		input#submit:hover {
			color:#FFF;
			background:#8c8c8c;
		}		
		a {
			color:#333;
		}

#contactForm-Logo {
	float: left;
	margin: 147px 0 0 74px
}