*{
	padding: 0;
	margin: 0;
}

body{
	width: 1144px;
	margin: 0 auto;
	padding: 32px;
	font-family: Georgia, 'Times New Roman', serif;
	background: #ffffff url('../images/body_background_magenta.jpg') left 0 no-repeat;
}

a, a:visited, a:active{
	color: #000;
	text-decoration: none;
	padding: 0;
}

a:hover{
	color: #aaa;
	padding: 0;
}

/*HEADER*/

div#header{
	text-align: center;
}

div#header img#logo{
	border: none;
	margin: 0 0 0 0;
}

h1, h2, h3{
	font-family: 'Hoefler Text', Georgia, 'Times New Roman', serif;
}

div#header h1{
	font-size:2em;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.5em;
}

div#header h1 span#original{
	letter-spacing: 1em;
	padding-left: 0.6em;
}

div#header h1 a, a:visited, a:active{
	font-size: 1em;
	color: #000;
	border-bottom: none;
}

div#header h1 a:hover{
	color: #aaa;
}

/*NAVIGATION*/

ul#navigation{
	text-align: center;
	text-transform: uppercase;
	list-style:none;
	font-size: 1em;
	background-color: #fff;
	display: block;
	margin: 16px auto 0 auto;
	width: 400px;
}

ul#navigation li{
	float: left;
	width: 133px;
}

ul#navigation li:hover{
	/*background: url('../images/sprite.png') 0 -16px no-repeat;*/
}

ul#navigation li a, a:active, a:visited{
	font-size: 1em;
	line-height: 2em;
	text-decoration: none;
	color: #000;
	border: none;
}

ul#navigation li a:hover{
	background-color: #aaa;
}

/*NAVIGATION END*/

/*INTRO*/

div#intro{
	margin: 0;
	padding: 32px 0 0 0;
}

div#intro img#quotation{
	margin: 0.6em 28px 0 0;
	float: left;
}

div#intro h2{
	font-size: 2.1em;
	font-weight: normal;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	/*font-variant: small-caps;*/
}

div#intro h2 a, a:visited, a:active{
	font-size: 1em;
	color: #000;
	text-decoration: underline;
	/*border-bottom: 1px solid #aaa;*/
	line-height: 1.5em;
}

div#intro h2 a:hover{
	color: #aaa;
}

/*INTRO END*/

/*HEADER END*/

ul{
	list-style: none;
}

ul li{
	list-style: none;
}

ul li a, a:visited, a:active{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
	font-size: 0.9em;
}

ul li a:hover{
	color: #aaa;
}

div.section{
	margin: 32px 0 0 0;
}

div.section div.block{
	width: 349px;
	margin: 0 16px 16px 0;
}

div.section div.block.double{
	width: 714px;
}

div.section div.block.last{
	margin: 0;;
}

div.section div.block.right.primary{
	margin: 0;;
}

div.section div.block.left{
	float: left;
}

div.section div.block.right{
	float: right;
}

div.section h3.title{
	font-size: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.5em;
	text-align: center;
}

div.section h4.desc{
	font-size: 1em;
	font-style: italic;
	font-weight: 400;
	color: #aaa;
	margin: 0 0 16px 0;
	text-align: center;
}

/*PORTFOLIO*/

div#portfolio{
	padding: 0 0 16px 0;
	clear: both;
	overflow: visible;
	height: 540px;
}

div#portfolio.section div#portfolio_container{
	overflow: hidden;
	width: 1080px;
}

div#portfolio div.block{
	width: 349px;
	position: relative;
	float: left;
	letter-spacing: 0.15em;
	overflow: hidden;
}

div#portfolio div.block.last{
	margin: 0;
}

div#portfolio div.block_container{
	overflow: hidden;
	height: 262px;
	width: 365px;
	position: absolute;
}

div#portfolio div.block span.overlay{
	width: 100%;
	position: absolute;
	background: transparent url('../images/overlay_background_dots_75.png') repeat;
	top: 0;
	bottom: 0;
}

div#portfolio div.block img{
	width: 349px;
	height: 262px;
	display: block;
}

div#portfolio div.block p{
	position: absolute;
	background-color: #fff;
	padding: 0.4em;
	display: inline;
	left: 1em;
}

div#portfolio div.block p.title{
	text-transform: uppercase;
	bottom: 5.65em;
}

div#portfolio div.block p.tagline{
	bottom: 3.2em;
}

div#portfolio div.block p.more{
	bottom: 1em;
}

div#portfolio div.block p.more a, a:visited, a:active{
	color:#000;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
	font-size: 0.8em;
	display: inline;
	line-height: 1em;
}

div#portfolio div.block p.more a:hover{
	color:#aaa;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

div#portfolio div.block p.description{
	display: none;
	top: 1em;
	width: 300px;
}

div#portfolio img#leftarrow{
	position: absolute;
	top: 106px;
	left: -64px;
	display: none;
}

div#portfolio img#rightarrow{
	position: absolute;
	top: 106px;
	right: -64px;
	display: none;
}

/*PORTFOLIO END*/

/*TWITTER*/

ul#twitter{
	width: 304px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

ul#twitter li#post{
	font-size: 1em;
	line-height: 1.2em;
}

ul#twitter li#timedate{
	color: #aaa;
	font-size: 0.8em;
	text-align: right;
}

ul#twitter li#link{
	font-size: 0.8em;
	text-align: right;
}

ul#twitter li#link a, a:visited, a:active{
	font-size: 1em;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
}

ul#twitter li#link a:hover{
	color: #aaa;
}

/*TWITTER END*/

/*BLOG*/

div#blog{
	letter-spacing: 0.15em;
	margin: 16px 0 32px 0;
}

div#blog.section div.block.primary{
	background: none;
}

div#blog div.block{
	/*margin: 0 16px 16px 0;*/
	background: #ffffff url('../images/body_background_cyan.jpg') 0 0 no-repeat;
}

div#blog div.blogpost.last{
	margin: 0;
}

div#blog div.block h3{
	overflow: hidden;
	margin: 0 0 16px 0;
	font-weight: 500;
	text-transform: uppercase;
}

div#blog div.block h3 a, a:visited, a:active{
	color: #000;
	text-decoration: none;
	border: none;
	font-size: 1.1em;
	line-height: 26px;
}

div#blog div.block h3 a:hover{
	color: #aaa;
	text-decoration: none;
	border: none;
}

div#blog div.block p{
	margin: 0 0 16px 0;
	font-size: 1em;
	padding: 0 0 0 4.6em;
}

div#blog div.block p.date{
	font-size: 1.9em;
	text-align: center;
	float: left;
	width: 1.9em;
	padding: 0 16px 16px 0;
	line-height: 0.75em;
}

div#blog div.block p.meta{
	margin: 3px 0 6px 0;
}

div#blog div.block p.meta small{
	color: #aaa;
	font-size: 0.9em;
}

div#blog a, a:visited, a:active{
	color:#000;
	border-bottom: 1px solid #aaa;
}

div#blog a:hover{
	color:#aaa;
}

/*BLOG END*/

/*BIOGRAPHY*/

div#biography p{
	letter-spacing: 0.15em;
	font-size: 1em;
	line-height: 1.5em;
}

div#biography h1{
	font-weight: 400;
	font-size: 2em;
	letter-spacing: 0.3em;
	line-height: 1.3em;
}

div#biography div.column.first p{
	text-indent: 1.2em;
}

div#biography div.column{
	margin: 0 16px 16px 0;
}

div#biography div.column.last{
	margin: 0;
}

/*BIOGRAPHY END*/

/*CONTACT*/

div#additional{
	letter-spacing: 0.2em;
	font-size: 1em;
}

div#additional h1{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 0 16px 0;
	letter-spacing: 0.3em;
}

:nth-child( { number expression | odd | even } ) {
declaration block
}

div#additional ul#languages li, div#additional ul#software li{
	padding: 0 0 0 16px;
	margin: 0 0 16px 0;
	line-height: 1em;
}

div#additional ul#languages li:nth-child(1){
	border-left: 160px solid #00aeef;
}
div#additional ul#languages li:nth-child(2){
	border-left: 128px solid #00aeef;
}
div#additional ul#languages li:nth-child(3){
	border-left: 98px solid #00aeef;
}
div#additional ul#languages li:nth-child(4){
	border-left: 72px solid #00aeef;
}

div#additional ul#software li:nth-child(1){
	border-left: 144px solid #ec008c;
}
div#additional ul#software li:nth-child(2){
	border-left: 112px solid #ec008c;
}
div#additional ul#software li:nth-child(3){
	border-left: 160px solid #ec008c;
}
div#additional ul#software li:nth-child(4){
	border-left: 176px solid #ec008c;
}

div#additional ul#contact{
	line-height: 1em;
}

div#additional ul#contact li{
	margin: 0 0 16px 0;
}

div#additional ul#contact li a, a:visited, a:active{
	font-size: 1em;
	line-height: 1em;
}

div#additional ul#socialnetworks{
	list-style: none;
}

div#additional ul#socialnetworks li{
	float: left;
	padding: 0 8px 0 0;
}

div#additional ul#socialnetworks li a, a:visited, a:active{
	border: none;
}

div#additional ul#socialnetworks li a:hover{
	border: none;
}

div#additional ul#socialnetworks li a img{
	border: none;
}

/*CONTACT END*/

div.clear{
	clear: both;
}

.floatleft{
	float: left;
}