@charset "utf-8";
* {
	padding:0;
	margin:0;
	}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

body {
	text-align:center;
	color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background:#FFF url(../image/stripe-bgd.gif) top center repeat fixed;
	}
	
a {text-decoration: none;}
a:hover { color: #C56603;}

.selected-section { display:inline-block; background: url(../image/stroke_bgd.gif) top left repeat; padding:1px 0 2px 0;}
.selected-section a { color:#8C1821;}

#centerwrap {
	width:912px;
	position:absolute;
	margin:0 0 0 -456px;
	left:50%;
	background-color:#FFF;
	}
	
#header {
	width:912px;
	height:100px;
	padding:6px;
	position:relative;
	}

#logo {
	display: block;
	float:left;
	width:296px;
	height:100px;
	background:#FFF url(../image/logo_kseno.gif) top left no-repeat;
	}

#logo a {
	display:block;
	width:300px;
	height:100px;
	background:#FFF url(../image/logo_kseno.gif) top left no-repeat;
	}

#logo a:hover {
	background:#FFF url(../image/logo_kseno_down.gif) top left no-repeat;
	}
	
#logo span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
#navigation {
	display: block;
	float:left;
	width:598px;
	height:100px;
	left:308px;
	position:absolute;
	text-align:right;
	font: bold 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
	}
	
#navigation p {
	padding:24px 18px 0 0;
	}
	
#navigation span {
	display:inline;
	overflow:visible;
	}
	
#navigation span.title {
	color:#939598;
	font: 2.8em/1.6em Georgia, "Times New Roman", Times, serif;
	}
#navigation a {color:#414042;}
#navigation a:hover { color: #C56603;}

#content {
	clear:both;
	}

#social-links {
	height:40px;
	}

#social-links img {
	margin: 10px 10px 0px 0px;
	}

#latest-works {
	display: block;
	position:absolute;
	top:112px;
	left:6px;
	width:330px;
	height:65px;
	background: url(../image/button-latest-works.png) top left no-repeat;
	}
	
#worth-visiting {
	display: block;
	position:absolute;
	top:112px;
	left:6px;
	width:330px;
	height:65px;
	background: url(../image/button-worth-visiting.png) top left no-repeat;
	}
	
#drop-line {
	display: block;
	position:absolute;
	top:112px;
	left:6px;
	width:330px;
	height:65px;
	background: url(../image/button-drop-line.png) top left no-repeat;
	}
	
#back-to-projects {
	display: block;
	position:absolute;
	top:112px;
	left:6px;
	z-index:1;
	}

#back-to-projects a {
	display:block;
	width:330px;
	height:65px;
	background: url(../image/button-back-works.png) top left no-repeat;
	}

#back-to-projects a:hover {
	background: url(../image/button-back-works-down.png) top left no-repeat;
	}
	
#back-to-projects span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
	
#descriptive-info {
	display:block;
	float:left;
	padding:52px 18px 24px;
	text-align:left;
	width:260px;
	margin:0px 0px 6px 6px;
	font: 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color:#414042;
	background:#dedadb;
	}

#descriptive-info p {
	margin-bottom:0.7em;
	}

#descriptive-info a {
	font-weight:bold;
	color:#414042;
	}

#descriptive-info a:hover {
	font-weight:bold;
	color: #C56603;
	}

.descriptive-title {
	display:block;
	font: 1.8em/2.4em Georgia, "Times New Roman", Times, serif;
	margin:6px 0;
	}
	
#main-content {
	display:block;
	float:left;
	width:595px;
	height:358px;
	}
	
#links-content {
	display:block;
	float:left;
	text-align:left;
	line-height:1.5em;
	padding: 0px 25px;
	width:555px;
	}
	
#links-content span {
	font: 1.2em/1.2em Georgia, "Times New Roman", Times, serif;
	color:#414042;
	}
	
#links-content a {
	color:#8c1821;
	}
	
#links-content a:hover {
	color:#C56603;
	}
	
#flash-content {
	display:block;
	float:left;
	width:603px;
	height:500px;
	}
	
#php-script {
	display:block;
	float:left;
	width:595px;
	height:358px;
	font: 1.8em/2.4em Georgia, "Times New Roman", Times, serif;
	}
	
#php-script a {
	color:#8c1821;
	}
	
#php-script a:hover {
	color:#C56603;
	}
	
#footer {
	display:block;
	float:right;
	width:888px;
	line-height:2em;
	text-align:right;
	padding-right:24px;
	border-top: 3px #CCCCCC solid;
	background:#dedadb url(../image/) top left repeat;
	}

/*------------------------------------------
Form style
------------------------------------------*/

form {
	clear: both;
}

fieldset {
	border: 0;
	float:left;
	margin:14px 0 0 14px;
	text-align:left;
}

fieldset.message {
	margin:0 0 0 14px;
}

form label {
	float: left;
	clear: left;
}

form input {
	display: block;
	margin: 3px 0 9px 0;
	width:266px;
	background-color:#FFF;
	border:0;
	border-bottom:1px #907860 dotted;
	font: 1.1em/1.4em "Trebuchet MS", sans-serif;
	color:#8C1821;
}

form label.field-submit input {
	margin:0 0 0 312px;
	color:#414042;
	font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	background-color:#dedadb;
	border:none;
	padding:2px 7px;
	width:262px;
}

form label.field-submit input:hover {
	margin:0 0 0 312px;
	color:#8C1821;
	font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	background-color:#C56603;
	border:none;
	padding:2px 7px;
	width:262px;
	cursor:pointer;
}

textarea {
	width:555px;
	background-color:#FFF;
	border:0;
	border-bottom:1px #907860 dotted;
	font: 1.1em/1.4em "Trebuchet MS", sans-serif;
	color:#8C1821;
}

.asterisk {
	color:#C56603;
	}

input.hidden {
	display:none;
}