html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}




:focus {
	outline: none;
}

body {
	position: relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h3 {
	margin: 28px 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: solid 1px #d7d8d8;
	letter-spacing: 1px;
	color:#4D5350;
}

p {
	font-size: 12px;
	margin: 0 0 15px 0;
	line-height: 18px;
}

.highlight {
	color: #6dc4da;
	font-weight: bold;
}

.highlight a {
	color: #000000;
	font-style: italic;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

#wrapper {
	position: relative;
	overflow: auto;
	width: 968px;
	margin: 40px auto 0 auto;
	padding-bottom: 350px;
}

#toplink {
	position: absolute;
	right: 0;
	top: 35px;
}

#toplink a {
	display: block;
	width: 28px;
	height: 134px;
	background: url(images/backtotop.gif) top left no-repeat;
}

.section {
	width: 870px;
	padding: 20px 0 0 70px;
	background: url(images/bg-middle.jpg);
	height: 608px;
}

#menu {
	position: absolute;
	top: 18px;
	left: 505px;
	width: 395px;
}

#menu ul li {
	float: left;
	width: 76px;
	height: 75px;
	text-align: center;
	line-height: 16px;
}

#menu ul li a {
	display: block;
	width: 76px;
	height: 75px;
	color: #fff;
	text-decoration: none;
	background: url(images/bg-menu.gif) top left no-repeat; 
}

#menu ul li a:hover {
	background-position: -76px 0;
}

#menu ul li a.selected {
	background-position: -76px 0;
}

#menu-intro a, #menu-work a, #menu-info a {
	height: 47px;
	padding: 28px 0 0 0;
}

#menu-contact a, #menu-cv a {
	height: 55px;
	padding: 20px 0 0 0;
}

.intro {
	position: relative;
	padding-top: 43px;
	height: 567px;
	background: url(images/bg-top.jpg) top left no-repeat;
}

.intro p {
	color: #4D5350;
}

.logo {
	margin: 1px 0 0 0;
	width: 417px;
	height: 258px;
	background: url(images/logo-en.jpg) top left no-repeat;
	text-indent: -9999px;
}

.intro .col1, .intro .col2 {
	height: 538px;
	border-bottom: solid 2px #4d5350;
}

.intro .col1 a {
	font-weight: bold;
	text-decoration: none;
	color: #6dc4da;
}

.intro .col2 h3 {
	margin-top: 290px;
}

.col1 {
	float: left;
	width: 400px;
}

.col2 {
	float: left;
	margin: 0 0 0 38px;
	width: 395px;;
}

#work-title {
	background: url(images/work-en.jpg) top left no-repeat;
	width: 273px;
	height: 62px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.portfolio {
	height: 195px;
}

.portfolio li {
	font-size: 15px;
}

.portfolio li a {
	color: #4d5350;
	text-decoration: none;
	padding: 0 0 0 30px;
	background: url(images/bg-portfolio-li.gif) top left no-repeat;
	line-height: 30px;
	display: block;
	cursor: pointer;
}

.portfolio li a:hover, .portfolio li a.selected {
	background-position: 0 -30px;
	color: #72b7c8;
}

.work {
	padding: 15px 0 0 70px;
	height: 592px;
}

.work p {
	color: #4d5350;
}

.work h3 {
	margin-top: 15px;
}

.work p a {
	color: #4d5350;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

p.project-title {
	font-size: 21px;
	color: #8bcbdc;
}

.work .col1, .work .col2 {
	height: 538px;
	border-bottom: solid 2px #4d5350;
}

.work .col1 {
	width: 350px;
	height: 555px;
}

.work .col2 {
	margin: 0 0 0 53px;
	width: 434px;
	height: 555px;
}

#section-gallery h3 {
	margin: 15px 0 15px 0;
}

.gallery {
	width: 434px;
}

.carousel {
	overflow: auto;
	border-bottom: solid 2px #4d5350;
}

.gallery-controls {
	overflow: auto;
	width: 430px;
	margin: 10px 0 0 0;
	padding-bottom: 15px;
}

.gallery-controls a {
	float: left;
	display: block;
	font-size: 10px;
	color: #2a2e2c;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 8px;
}

.gallery-controls a.prev {
	margin: 0 10px 0 0;
}

.gallery-controls a.next {
	margin: 0 0 0 6px;
}

.gallery-controls a.button {
	width: 7px;
	height: 7px;
	background-color: #4d5350;
	text-indent: -9999px;
	margin: 1px 4px 0 0;
}

.gallery-controls a.button:hover, .gallery-controls a.selected {
	background-color: #8ec9d8;
}

.gallery-zoom {
	float: right;
	width: 100px;
	margin: 10px 0 0 0;
	text-align: right;
}

.gallery-zoom a {
	padding: 0 18px 0 0;
	background: url(images/zoom.gif) top right no-repeat;
	font-size: 10px;
	color: #2a2e2c;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 8px;
	cursor: pointer;
}

.work .technology {
	margin: -20px 0 0 0;
}

#info-title {
	background: url(images/info-en.jpg) top left no-repeat;
	width: 191px;
	height: 61px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.info {
	height: 588px;
	background-position: 1px 0;
}

.info .col1 {
	background: url(images/bg-info.jpg) bottom right no-repeat;
	width: 348px;
	height: 263px;
	border-bottom: solid 2px #4d5350;
}

.info .col2 {
	width: 435px;
	height: 263px;
	border-bottom: solid 2px #4d5350;
}

.info .col1 h3 {
	width: 180px;
}

.info .col2 h3 {
	margin: 18px 0 10px 0;
	overflow: auto;
}

.info .col2 h3 span.title {
	float: left;
	width: 150px;
}

.info .col2 span.inset-title {
	display: block;
	float: right;
	width: 180px;
	font-size: 9px;
	margin: 0;
}

.info .col1 p {
	font-size: 10px;
	color: #2a2e2c;
	text-transform: uppercase;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.info .col1 p span.highlight {
	font-size: 12px;
	text-transform: none;
}

.info .col-span {
	float: left;
	width: 828px;
	height: 288px;
	border-bottom: solid 2px #4d5350;
	margin: 28px 0 0 0;
}

.life-work-info, .life-play-info {
	float: left;
	width: 275px;
	margin: 2px 0 0 0;
}

.work-play {
	float: left;
}

.life-work-info p {
	text-align: right;
	font-size: 11px;
	line-height: 22px;
	margin: 0 0 5px 0;
}

.life-play-info p {
	text-align: left;
	font-size: 11px;
	line-height: 22px;
	margin: 0 0 5px 0;
}

.life-work-info .cufon, .life-play-info .cufon {
	font-size: 14px;
	font-weight: bold;
	color: #55b1c9;
}

.contact {
	width: 898px;
	padding: 20px 0 0 70px;
	background: url(images/bg-bottom.jpg) 2px 0 no-repeat;
	height: 624px;
}

.contact .col1 {
	position: relative;
	width: 350px;
	height: 263px;
	border-bottom: solid 2px #4d5350;
}

.contact .col2 {
	width: 435px;
	height: 263px;
	border-bottom: solid 2px #4d5350;
}

.contact .second {
	position: relative;
	margin-top: 30px;
}

.adr {
	font-size: 11px;
}

#twitter-header {
	margin-bottom: 10px;
}

#dropmealine-header {
	margin-bottom: 15px;
	margin-top: 18px;
}

#contact-title {
	background: url(images/contact-en.jpg) top left no-repeat;
	width: 348px;
	height: 61px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.contact-info {
	height: 125px;
	width: 165px;
	float: left;
	font-size: 12px;
	margin: 0 8px 0 0;
}

.contact-info li {
	float: left;
	width: 117px;
	padding: 3px 0 0 40px;
	margin: 0 0 4px 0;
	color: #6ec6dd;
	line-height: 16px;
}

.list2 {
	width: 175px;
	margin: 0;
}

.list2 li {
	margin: 0 0 8px 0;
}

.contact-info li a {
	color: #6ec6dd;
	text-decoration: none;
}

.contact-info li span.cufon {
	color: #2a2e2c;
	text-transform: uppercase;
}

.contact-info .type, .contact-info .fn, li#name {
	display: none;
}

li#address {
	background: url(images/icon-address.png) top left no-repeat;
}

li#email {
	background: url(images/icon-email.png) top left no-repeat;
}

li#skype {
	background: url(images/icon-skype.png) top left no-repeat;
}

li#phone {
	background: url(images/icon-mobile.png) top left no-repeat;
}

li#facebook {
	width: 134px;
	background: url(images/icon-facebook.png) top left no-repeat;
}
li#twitter {
	width: 134px;
	background: url(images/icon-twitter.png) top left no-repeat;
}

#contact-form .form-row {
	float: left;
	clear: both;
	width: 434px;
	margin: 0 0 8px 0;
}

#contact-form .form-row *{
	vertical-align: middle;
}

.contact .response {
	color: #3395af;
	font-size: 12px;
	margin-bottom: 10px;
}

#contact-form .form-row img.loader {
	float: left;
	width: 16px;
}

#contact-form input {
	float: left;
	border: solid 1px #e4e4e4;
	width: 333px;
	padding: 3px;
	font-size: 11px;
	color: #2a2e2c;
}

#contact-form textarea {
	float: left;
	border: solid 1px #e4e4e4;
	width: 333px;
	height: 74px;
	padding: 3px;
	font-size: 11px;
	color: #2a2e2c;
}

#contact-form label {
	float: left;
	width: 93px;
	font-size: 11px;
	display: block;
	line-height: 20px;
}

#contact-form input#verification {
	width: 100px;
}

#contact-form #submit {
	display: inline-block;
	float: right;
	width: 66px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

img#twitter_image {
	position: absolute;
	right: 5px;
	top: 22px;
}

#twitter-feed li {
	margin: 0 0 5px 0;
	font-size: 11px;
	color: #2a2e2c;
}

#twitter-feed li a {
	font-size: 13px;
	color: #3395af;
	text-decoration: none;
}

#twitter-feed li a:hover {
	text-decoration: underline;
}

#me {
	position: absolute;
	top: 16px;
	right: 15px;
	z-index: 0;
}

.help {
	position: relative;
	font-size: 11px;
	color: #2a2e2c;
	z-index: 100;
	padding-top: 10px;
}

.help span {
	background-color: #F7F7F5;
	padding-right: 10px;
}

.help li {
	line-height: 13px;
	width: 384px;
	margin: 0 0 10px 0;
	background: url(images/list-pointer.png) center right no-repeat;
}

.footer {
	text-align: center;
}