body{
	margin:0;
	color:#000;
	font:18px Helvetica, Arial , sans-serif;
	background:#687474;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#636363;
}
a:hover{text-decoration:underline;}
#wrapper{
	margin:1px auto 0;
	padding-bottom:20px;
	width:960px;
	overflow:hidden;
}
.w1{
	width:100%;
	background:#fff;
	overflow:hidden;
}
/* header */
#header{
	padding:55px 20px 14px 72px;
	width:868px;
	overflow:hidden;
}
#header .logo{
	margin:0;
	float:left;
	width:146px;
	height:85px;
	text-indent:-9999px;
	background:url(../images/logo-home.gif) no-repeat;
	overflow:hidden;
}
.credo #header .logo{background:url(../images/logo-credo.gif) no-repeat;}
.manifesto #header .logo{background:url(../images/logo-manifesto.gif) no-repeat;}
.experience #header .logo{background:url(../images/logo-experience.gif) no-repeat;}
.personal #header .logo{background:url(../images/logo-personal.gif) no-repeat;}
#header .logo a{
	display:block;
	height:100%;
}
/* navigation */
#nav{
	margin:32px 0 0 9px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
#nav li{
	margin-left:25px;
	float:left;
	display:inline;
}
#nav li a{
	float:left;
	padding:0 7px 0 9px;
	line-height:27px;
	background:#effbfb;
}
#nav li.active a,
#nav li a:hover{
	background:#d32232;
	color:#fff;
	text-decoration:none;
}
/* main content */
#main{
	padding:0 87px 42px 252px;
	width:621px;
	overflow:hidden;
}
/* heading */
.heading{
	margin-bottom:40px;
	padding:0 2px;
	height:1%;
	border-bottom:3px #000 solid;
	overflow:hidden;
}
.credo .heading{
	border-bottom-color:#d32232;
	margin-bottom:42px;
}
.manifesto .heading{
	border-bottom-color:#27a22d;
	margin-bottom:37px;
}
.experience .heading{
	border-bottom-color:#3a5096;
	margin-bottom:41px;
}
.personal .heading{margin-bottom:36px;}
h2{
	margin:0 0 10px;
	font:34px/38px Georgia, Times, serif;
}
h3{
	margin:0 0 15px;
	font:28px/32px Georgia, Times, serif;
	color:#d32232;
}
p{
	margin:0 0 22px;
	line-height:22px;
}
/* promo image */
.promo-image{
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}
.credo .promo-image{margin-bottom:41px;}
.promo-image img{vertical-align:top;}
#wrapper .caption{
	padding:11px 0 0 2px;
	margin:0 0 2px;
	font-size:12px;
	line-height:14px;
}
/* gray box */
.gray-box{
	margin-bottom:20px;
	padding:12px 10px 0 21px;
	height:1%;
	background:#e1f1fa;
	overflow:hidden;
}
.home .gray-box{margin-top:-13px;}
.gray-box .text-box{
	width:100%;
	margin-bottom:-6px;
	overflow:hidden;
}
.gray-box .text-box p{
	margin:0;
	padding-bottom:22px;
}
/* white box */
.white-box{
	margin-bottom:20px;
	padding:12px 10px 0 21px;
	height:1%;
	background:#fff;
	overflow:hidden;
}
.home .white-box{margin-top:-13px;}
.white-box .text-box{
	width:100%;
	margin-bottom:-6px;
	overflow:hidden;
}
.white-box .text-box p{
	margin:0;
	padding-bottom:22px;
}
/* info list */
.info-list{
	margin:0;
	padding:21px 55px 12px 18px;
	height:1%;
	list-style:none;
	overflow:hidden;
}
.info-list li{
	padding-bottom:24px;
	width:100%;
	float:left;
}
.info-list .visual{float:left;}
.info-list .text{
	padding-top:2px;
	float:right;
	width:235px;
}
.info-list .text p{
	margin-bottom:0;
	font-size:16px;
	line-height:20px;
}
/* blockquote */
blockquote{
	padding:6px 0 0 81px;
	margin:0 0 20px;
	height:1%;
	background:url(../images/ico-blockquote.gif) no-repeat 4px 13px;
	overflow:hidden;
}
blockquote q,
blockquote cite{
	line-height:22px;
	margin-bottom:22px;
	display:block;
	quotes:none;
}
blockquote q:before{content:"";}
blockquote q:after{content:"";}
blockquote cite{font-style:normal;}
/* manifesto list */
.list{
	margin:0;
	padding:6px 0 28px;
	list-style:none;
}
.list li{
	margin-bottom:22px;
	width:100%;
	overflow:hidden;
}
.list li p{
	margin:0 2px 14px;
}
.list h3{
	margin:0 0 4px;
	color:#9b1717;
}
/* two images */
.twoimages{
	width:100%;
	overflow:hidden;
}
.image-list{
	margin:0;
	padding:0 0 43px;
	position:relative;
	left:-23px;
	list-style:none;
	width:644px;
	overflow:hidden;
}
.image-list li{
	margin-left:23px;
	float:left;
	display:inline;
}
.twoimages .image-list li{width:297px;}
.image-list img{display:block;}
#wrapper .image-list .caption{padding-top:9px;}
/* three images */
.threeimages{
	width:100%;
	overflow:hidden;
}
.threeimages .image-list{padding-bottom:57px;}
.threeimages .image-list li{width:191px;}
/* four images */
.fourimages{
	width:100%;
	overflow:hidden;
}
.fourimages .image-list{
	padding-bottom:50px;
	left:-22px;
	width:643px;
}
.fourimages .image-list li{
	margin-left:22px;
	width:138px;
}
#wrapper .fourimages .image-list .caption{padding-top:11px;}
/* personal box */
.personal-box{
	margin-bottom:43px;
	width:100%;
	overflow:hidden;
}
.personal-box .image{
	margin:5px 22px 0 0;
	float:left;
	width:140px;
}
* html .personal-box .image{margin-right:19px;}
.personal-box .image img{
	display:block;
	margin-bottom:14px;
}
.personal-box .image span{
	display:block;
	font-size:12px;
	line-height:16px;
}
.personal-box .text-box{
	height:1%;
	overflow:hidden;
}
.personal-box .text-box p{
	margin-bottom:16px;
	line-height:24px;
}
.personal-box .text-box .visual{
	margin-bottom:15px;
	width:100%;
	overflow:hidden;
}
.personal-box .text-box .visual img{vertical-align:top;}
/* curriculum vitae box */
.vitae h3{margin:0 0 10px 3px;}
/* footer */
#footer{
	padding:0 68px 0 232px;
	height:1%;
	overflow:hidden;
}
/* footer gray box */
#footer .gray-box{
	margin:0 0 8px;
	padding:15px 20px 25px 23px;
	font-size:13px;
	line-height:16px;
}
#footer .holder{
	padding-top:14px;
	width:100%;
	overflow:hidden;
}
#footer h4{
	margin:0;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	color:#464646;
}
#footer .col1{
	width:350px;
	float:left;
}
#footer .col2{
	width:218px;
	float:right;
}
#footer dl{
	margin:0 0 16px;
	color:#464646;
	width:100%;
	overflow:hidden;
}
#footer dl dt{
	width:71px;
	float:left;
}
#footer dl dd{
	margin:0;
	color:#636363;
	width:279px;
	float:left;
}
#footer .col2 dl dd{width:147px;}
#footer .gray-box p{margin:0;}
#footer .info{padding-bottom:15px;}
.btn-red{
	width:100%;
	overflow:hidden;
}
.btn-red a{
	float:left;
	padding:0 14px 0 12px;
	font-size:16px;
	line-height:27px;
	color:#fff;
	background:#27A22D;
}
.btn-red a:hover{
	font-size:17px;
	text-decoration:none;
}
#footer .text{padding:0 21px;}
#footer p{
	font-size:13px;
	line-height:16px;
	color:#464646;
}