/**
	author	: onursimsek.com
	date	: 03/2010
	desc	: onursimsek.com general css
	
	body { font: font-style font-variant font-weight font-size line-height font-family; }
	body { font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;  }
*/
body{
	background: url('../images/wall.jpg');
	font: 13px/18px Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
abbr{
	border-bottom: 1px dashed #ddd;
	cursor: help;
}
	#header{
		margin-left: -475px;
		left: 50%;
		position: fixed;
		top: 40px;
		z-index: 99;
	}
	#navigation{
		margin-left: 175px;
		left: 50%;
		position: fixed;
		top: 140px;
		width: 300px;
		z-index: 99;
	}
		#navigation .rack{
			background: url('../images/rack.png') no-repeat bottom left;
			padding: 0 15px 40px;
		}
			#navigation .rack span{
				margin-right: 5px;
			}
	#about, #works, #contact .contain{
		height: 675px;
		margin: 0 auto;
		padding-top: 200px;
		width: 960px;
	}
		#about{background: url('../images/about-background.png') no-repeat bottom right;}
			#about h1,
			#works h1{
				color: #ebe7d5;
				font-size: 32px;
				text-shadow: 2px 2px 2px #000;
				margin-bottom: 20px;
			}
			#about p, #works p{
				color: #fff;
				margin-bottom: 10px;
				text-shadow: 1px 1px 6px #000;
			}
				#about p a{
					background-color: #ebe7d5;
					border-bottom: 2px solid #d2ac00;
					color: #000;
					padding: 0 3px;
					text-shadow: 0 0 #000;
				}
					#about p a:hover{background-color: #d2c484;}
				.section{
					color: #ebe7d5;
					font-size: 16px;
					font-weight: bold;
				}
				em{
					color: #fff;
					font-size: 18px;
					font-style: normal;
					text-decoration: underline;
				}
		#works{
			background: url('../images/works-background.png') no-repeat bottom right;
			position: relative;
		}
		.next, .prev{
			background: url('../images/arrow.png') no-repeat;
			height: 48px;
			margin-top: 101px;
			text-indent: -9999px;
			width: 48px;
			position: absolute;
		}
			.next{
				left: -55px;
				background-position: 0 0;
			}
				.next:hover{background-position: 0 -48px;}
			.prev{
				right: 330px;
				background-position: -48px 0;
			}
				.prev:hover{background-position: -48px -48px;}
			.wrapper{
				width: 570px;
			}
			#slideArea{
				width: 580px;
				height: 600px;
				overflow: hidden;
				position: relative;
			}
				.workImage{
					background-color: #ebe7d5;
					border-radius: 4px;
					-moz-border-radius: 4px;
					display: inline-block;
					padding: 10px 10px 6px;
					margin-bottom: 10px;
				}
					.workImage img{
						box-shadow: 0 0 5px rgba(0, 0, 0, 1);
						-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
						-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
					}
				#slideArea .slide{
					position: absolute;
					padding-left: 2px;
					width: 562px;
				}
	#contact{background: url('../images/floor.png') no-repeat bottom center;}
		#contact .contain{
			height: 360px;
			padding-top: 515px;
			position: relative;
		}
			.warning{
				background-color: rgba(0, 0, 0, 0.5);
				box-shadow: 0 0 5px rgba(0, 0, 0, 1);
				-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
				-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
				color: #fff;
				display: none;
				padding: 10px;
				position: absolute;
				text-shadow: 1px 1px 6px #000;
				margin-top: -80px;
			}
		#frmContact{
			position: relative;
			float: left;
		}
			#frmContact input,
			#frmContact textarea{
				font: bold 18px/20px Trebuchet MS, Helvetica, sans-serif;
			}
			#frmContact textarea{font-size: 14px !important;}
				#frmContact .nameAndMail{
					position: absolute;
					bottom: 0;
				}
					#frmContact .name{
						background: url('../images/frmName.png') no-repeat;
						height: 89px;
						width: 230px;
					}
						#frmName, #frmMail, #frmMessage{
							background: transparent;
							border: none;
						}
						#frmName{
							margin: 55px 0 0 20px;
							width: 190px;
						}
					#frmContact .mail{
						background: url('../images/frmMail.png') no-repeat;
						height: 62px;
						width: 230px;
					}
						#frmMail{
							margin: 28px 0 0 20px;
							width: 190px;
						}
				#frmContact .message{
					background: url('../images/frmMessage.png') no-repeat;
					height: 235px;
					margin-left: 240px;
				}
					#frmMessage{
						height: 190px;
						margin: 20px 0 0 20px;
						width: 265px;
					}
					.submit{
						margin: -40px -70px 0 0;
					}
						.submit button{
							background-color: transparent;
							border: none;
							cursor: pointer;
						}
		.seed{
			float: right;
			margin-top: 90px;
		}

/* http://sonspring.com/journal/clearing-floats */
.clear{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a				{text-decoration: none;}
.textRight		{text-align: right;}
.marginRight-20	{margin-right: 20px;}