/* Author: Celso Soares */
/* January 2009 */
/* (c)copyright Celso Soares - All rights reserved */

/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

img { -ms-interpolation-mode:bicubic; }

/* Layout */
.vignette {
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
	-ms-interpolation-mode:bicubic;
}

.logo {
	background:url(../images/logo.png) no-repeat;
	width:573px;
	height:153px;
}

.logo span {
	display:none;
}

#container {
	width:940px;
	margin:0 auto;
	/*height:1000px; /* display fixed height */
	padding:0 10px;
	/*background:url(../images/grid.png) center top no-repeat; /* show grid */
}

#header {
	position:relative;	
}

/* Main Navigation */
ul.navigation {
	height:16px;
	position:relative;
	top:219px;
}

ul.navigation li a span {
	display:none;
}

ul.navigation li {
	display:inline-block;
	// float:left;
	margin-right:25px;
}

ul.navigation li a {
	display:block;	
}

ul.navigation li.home a {
	background:url(../images/top_nav.png) no-repeat;
	height:16px;
	width:58px;
	position:relative;
}

ul.navigation li.home a:hover {
		background-position:0 -23px;
}

ul.navigation li.about a {
	background:url(../images/top_nav.png) -76px 0 no-repeat;
	height:16px;
	width:69px;
	position:relative;
}

ul.navigation li.about a:hover,
ul.navigation li.about a.current {
		background-position:-76px -23px;
}

ul.navigation li.portfolio a {
	background:url(../images/top_nav.png) -163px 0 no-repeat;
	height:16px;
	width:105px;
	position:relative;
}

ul.navigation li.portfolio a:hover,
ul.navigation li.portfolio a.current{
		background-position:-163px -23px;
}

ul.navigation li.curriculum a {
	background:url(../images/top_nav.png) -287px 0 no-repeat;
	height:16px;
	width:131px;
	position:relative;
}

ul.navigation li.curriculum a:hover,
ul.navigation li.curriculum a.current{
		background-position:-287px -23px;
}

ul.navigation li.contact a {
	background:url(../images/top_nav.png) -435px 0 no-repeat;
	height:16px;
	width:89px;
	position:relative;
}

ul.navigation li.contact a:hover,
ul.navigation li.contact a.current {
		background-position:-435px -23px;
}

ul.navigation li.downloads a {
	background:url(../images/top_nav.png) -545px 0 no-repeat;
	height:16px;
	width:129px;
	position:relative;
}

ul.navigation li.downloads a:hover,
ul.navigation li.downloads a.current{
		background-position:-545px -23px;
}

/* Banners */
.home_banner {
	position:absolute;
	left:-120px;
	top:-120px;
}

.about_banner {
	position:absolute;
	left:50px;
	top:-90px;
}

.folio_banner {
	position:absolute;
	left:50px;
	top:10px;
}

.cv_heading {
	margin:20px 0 -222px 0;
	display:block;
	position:relative;
	left:-1000px;
	top:-30px;
}

.contacts_heading {
	position:absolute;
	left:0;
	top:-165px;
}

.downloads_heading {
	position:absolute;
	left:-5px;
	top:-110px;
}

/* Content */
.content {
	margin-top:260px;
	padding-right:8px;
	width:612px;
	position:relative;
}

/* Home page */
.introduction {
	
}

.section {
	width:940px;
	padding-bottom:18px;
	border-top:1px solid white;
	margin-top:60px;
}

.clients_heading {
	margin:12px 0 18px 0;
	display:block;
}

.right_column {
	position:relative;
	top:-152px;
	left:640px;
	bottom:0px;
	width:310px;
}

ul.social_networks {
	margin-top:18px;
	width:300px;
}

ul.social_networks li a {
	display:block;
	padding:6px 0;
	border-bottom:1px solid #4d95d6;
}

/* About page */
p.column {
	width:220px;	
	margin-right:20px;
	float:left;
}

p.quote {
	width:220px;	
	float:left;
}

span.quote_author {
	font:0.5em Arial, 'Times New Roman', Times, serif;
	position:relative;
	top:-15px;
	// top:10px;
	left:87px;
	color:#4190d8;	
}
.quote_char {
	position:absolute; top:225px; font-size:4em;
	// top:235px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	span.quote_author {top: 20px;}
}

br {
	margin-bottom:20px;	
}

/* Portfolio */
p.introduction {
	width:620px;
}

.description {
	position:relative;
	top:-425px;
	left:638px;
	margin-bottom:8px;
}

.not_first {
	margin-top:-340px;	
}

/* CV */
.cv_header {
	margin:-4px 0 18px 0;
	display:block;
}

ul.cv_timeline li h3 {
	margin-left:480px;
}

ul.cv_timeline li p {
	position:relative;
	left:80px;
	width:380px;
}

ul.cv_timeline {
	margin-top:12px;	
}

ul.cv_skills {
	margin-bottom:80px;	
}

ul.cv_skills li {
	list-style:circle;
	margin:0 0 8px 80px;	
}

/* Contact form */
.contact_form_heading {
	margin:8px 0 20px 0;	
}

.contact_form form input,
.contact_form form textarea {
	margin:6px 0 11px 0;
	border:0px solid #fff;
	width:608px;
	padding:6px;
}

/* Downloads page */

.download_link {
	width:300px;
	display:block;
	text-decoration:none;
	padding-bottom:8px;
	border-bottom:1px solid #fff;
}

.download_description {
	position:absolute;
	top:106px;
	left:320px;
}

.download_details {
	position:absolute;
	top:105px;
	left:640px;
}	

p.download_text_description {
	position:relative;
	top:-23px;
	left:320px;
	width:300px;
	height:50px;
}

p.download_text_details {
	position:relative;
	top:-73px;
	left:640px;
	width:300px;
}

/* News */

ul.twitter_news li {
	font:0.8em Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:12px;
	width:620px;
}

ul.twitter_news li a {
	font:0.9em Arial, Helvetica, sans-serif;
	font-style:italic;
}


/* Typography */
h1.introduction {
	font:0.8em Arial, Helvetica, sans-serif;
	color:white;
}

ul.social_networks li a {
	font:0.8em Arial, Helvetica, sans-serif;
	color:white;
	text-decoration:none;
}

ul.social_networks li a:hover {
	background:#3e89cd;	
}

p.column {
	font:0.8em Arial, Helvetica, sans-serif;
	color:white;
	line-height:1.4em;
}

p.quote {
	font:1.3em Georgia, "Times New Roman", Times, serif;
	color:white;
	font-weight:normal;
	font-style:italic;
}

p.introduction {
	font:0.8em Arial, Helvetica, sans-serif;
	color:white;
	line-height:1.4em;
}

.content a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
	color:#fff;
}

.content a:hover {
	border-bottom:1px solid #fff;	
}

.content .section .description p {
	font:0.8em Arial, Helvetica, sans-serif;
	color:white;
	line-height:1.4em;
	width:300px;
	margin-bottom:18px;
	overflow-x:hidden;
}

ul.cv_timeline li h3 {
	color:#fff;
	font:1.1em Arial, Arial, Helvetica, sans-serif;
}

ul.cv_timeline li p {
	color:#fff;
	font:0.8em Arial, Helvetica, sans-serif;	
	margin:12px 0;
}

h2.cv_title {
	color:#15324c;
	font:0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:4px 0 20px 0;
}

ul.cv_skills li {
	color:#15324c;
}

ul.cv_skills li span {
	color:#fff;
	font:0.8em Arial, Helvetica, sans-serif;
}

.contact_form {
	font:0.8em Arial, Helvetica, sans-serif;
	color:#fff;	
}

a.download_link {
	display:block;
	padding:6px 0;
	border-bottom:1px solid #4d95d6;
	font:0.8em Arial, Arial, Helvetica, sans-serif;
	color:#fff;
}

a.download_link:hover {
	background:#3e89cd;
}

p.download_text_description,
p.download_text_details {
	font:0.8em Arial, Helvetica, sans-serif;
	color:#fff;
}

/* Buttons */

.input_button {
	background:#15324c;
	color:#fff;
	cursor:pointer;
	padding:10px;
}

.input_button:hover {
	background:#ffb44d;
	color:#000;
}


/* End of typography */

body {
	background:url(../images/body_bg_opt.jpg) center -250px no-repeat;
	background-attachment:fixed;
}

br { margin-bottom:18px; !important }

/* Force scrollbars */
html { height: 100%; margin-bottom: 1px; }

/* Webkit hack */
.find_me_online {
	position:relative;
	margin-top:-400px;
	left:640px;
	bottom:0px;
	width:310px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.find_me_online {margin-top:-386px;}
}

*+html .find_me_online {
	margin-top:-391px;	
}