/* Reset everything... */

html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

nav ul, ul li
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

a
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
}

del
{
	text-decoration: line-through;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

input, select
{
	vertical-align: middle;
	border: none;
}

textarea
{
	overflow: auto;
}

:focus
{
	outline: 0;
}

/* The main layout... */

html, body
{
	height: 100%;
}

html
{
	overflow-y: scroll;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	color: #F5D7EE;
	background: #520040 url(images/body.gif) repeat-x top center;
}

a
{
	color: #E02DBA;
}

	a:hover
	{
		color: #B82598;
	}

h1, h2, h3
{
	height: 48px;
	line-height: 48px;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #E087CD;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.80);
}

h1 { font-size: 1.5em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.1em; }

p
{
	line-height: 22px;
	text-align: justify;
}

::-moz-selection { background: #F5D7EE; color: #330028; text-shadow: none; }
::selection { background: #F5D7EE; color: #330028; text-shadow: none; }

#wrapper
{
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	text-align: left;
	background: transparent url(images/wrapper.gif) no-repeat top left;
}

	#wrapper #header
	{
		position: relative;
		width: 940px;
		margin: 0 10px;
	}

		#wrapper #header #logo a
		{
			display: block;
			width: 356px;
			height: 160px;
			margin: 0 auto;
			background: transparent url(images/aylya.png) no-repeat top left;
		}

		#wrapper #header #shadow
		{
			width: 940px;
			height: 20px;
			background: transparent url(images/shadow.gif) no-repeat top left;
		}

		#wrapper #header #navigation
		{
			width: 940px;
			height: 48px;
			margin-bottom: 20px;
			background: transparent url(images/nav.png) no-repeat bottom left;
		}

			#wrapper #header #navigation ul
			{
				margin: 0 20px;
			}

				#wrapper #header #navigation li
				{
					display: block;
					float: left;
					margin: 0 4px;
				}

					#wrapper #header #navigation li a
					{
						display: block;
						position: relative;
						width: 142px;
						height: 28px;
						line-height: 28px;
						padding-bottom: 20px;
						font-family: Georgia, "Times New Roman", serif;
						font-size: 1.2em;
						text-align: center;
						text-transform: uppercase;
						text-shadow: 0px 1px 0px #290521;
						color: #E02DBA;
					}

						#wrapper #header #navigation li a span
						{
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							height: 100%;
							width: 100%;
							color: #FFFFFF;
							z-index: 10;
						}

		#wrapper #header #language
		{
			display: block;
			position: absolute;
			top: 0;
			right: -20px;
			width: 106px;
			height: 78px;
			padding-top: 62px;
			padding-left: 74px;
			background: transparent url(images/lang.png) no-repeat top left;
		}

			#wrapper #header #language a
			{
				display: block;
				float: left;
				width: 28px;
				height: 28px;
			}

			#wrapper #header #language a.en { background: transparent url(images/lang-en.png) no-repeat top left; }

			#wrapper #header #language a.tr { background: transparent url(images/lang-tr.png) no-repeat top left; }

			#wrapper #header #language a.bg { background: transparent url(images/lang-bg.png) no-repeat top left; }

				#wrapper #header #language a:hover, #wrapper #header #language a.active { background-position: bottom left; }

	#wrapper .box30, #wrapper .box62, #wrapper .box94
	{
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 40px;
	}

	#wrapper .box30 { width: 300px; }

	#wrapper .box62 { width: 620px; }

	#wrapper .box94 { width: 940px; min-height: 280px; }

	#wrapper #push { height: 80px; }

#bottom
{
	height: 80px;
	background: #290020 url(images/bottom.gif) repeat-x top left;
}

	#bottom #footer
	{
		width: 960px;
		height: 80px;
		margin: 0 auto;
		background: transparent url(images/footer.gif) no-repeat top left;
	}

/* Clear them... */

.clear
{
	float: none;
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/* Slider... */

#slider { position: relative; width: 940px; height: 400px; background: transparent url(images/slider.png) no-repeat top left; overflow: hidden; }

	#slider ul.images li { position: absolute; top: 20px; left: 20px; }

	#slider ul.triggers { position: absolute; top: 328px; left: 40px; }

		#slider ul.triggers li
		{
			display: block;
			float: left;
			width: 32px;
			height: 32px;
			margin-right: 4px;
			cursor: pointer;
			background: transparent url(images/dot.png) no-repeat top left;
		}

			#slider ul.triggers li.selected { background-position: bottom left; }

/* Facebook & LinkedIn... */

a.fb, a.in
{
	display: block;
	position: relative;
	width: 300px;
	height: 88px;
}

a.fb
{
	background: transparent url(images/facebook.png) no-repeat top left;
}

a.in
{
	background: transparent url(images/linkedin.png) no-repeat top left;
}

	a.fb span, a.in span
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}

	a.fb span
	{
		background: transparent url(images/facebook.png) no-repeat bottom left;
	}

	a.in span
	{
		background: transparent url(images/linkedin.png) no-repeat bottom left;
	}

	a.fb#en, a.fb#en span { background-image: url(images/facebook-en.png); }

	a.in#en, a.in#en span { background-image: url(images/linkedin-en.png); }

	a.fb#tr, a.fb#tr span { background-image: url(images/facebook-tr.png); }

	a.in#tr, a.in#tr span { background-image: url(images/linkedin-tr.png); }

/* Error 404 */

#error404
{
	display: block;
	width: 200px;
	height: 260px;
	margin: 0 auto;
	background: transparent url(images/sign-404.png) no-repeat bottom left;
}

/* Gallery */

#overlay
{
	position: fixed;
	display: none;
	width: 100%;
	padding: 20px;
	background: transparent url(images/transparent.png);
	z-index: 1000;
}

	#overlay img
	{
		max-width: 100%;
		max-height: 94%;
		box-shadow: 0 0 20px rgba(204, 41, 149, 1);
	}

#gallery
{
	width: 960px;
}

/* Forms */

fieldset
{
	display: block;
	position: relative;
}

input, textarea, select
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #E087CD;
}

label
{
	display: block;
	height: 48px;
	line-height: 48px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
}

input.txt, textarea.txtarea
{
	width: 464px;
	padding: 16px 8px;
	border-radius: 16px;
	-webkit-transition: all 0.40s ease-in-out;
	-moz-transition: all 0.40s ease-in-out;
	-ms-transition: all 0.40s ease-in-out;
	-o-transition: all 0.40s ease-in-out;
}

input.txt
{
	background: transparent url(images/txt.png) repeat-x top left;
}

textarea.txtarea
{
	height: 128px;
	background: transparent url(images/txtarea.png) repeat-x top left;
	border: none;
	resize: none;
}

	input.txt:focus, textarea.txtarea:focus
	{
		outline: none;
		box-shadow: 0 0 10px rgba(204, 41, 149, 1);
	}

input.button
{
	width: 132px;
	height: 48px;
	line-height: 40px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #;
	text-shadow: 0px 1px 0px #290521;
	background: transparent url(images/button.png) no-repeat top left;
	cursor: pointer;
}

img.captcha
{
	float: right;
	margin-right: -20px;
}

.chckbox input[type=checkbox]
{
	display: block;
	opacity: 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.chckbox span
{
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 48px;
	left: 0;
	background: #F5D7EE;
	border:1px solid #290020;
	border-radius: 4px;
	z-index: -1000;
}

	.chckbox span:after
	{
		opacity: 0.2;
		content: '';
		position: absolute;
		width: 9px;
		height: 5px;
		background: transparent;
		top: 6px;
		left: 6px;
		border: 4px solid #290020;
		border-top: none;
		border-right: none;
		transform: rotate(-45deg);
	}

		.chckbox input[type=checkbox]:hover + span:after
		{
			opacity: 0.4;
		}

			.chckbox input[type=checkbox]:checked + span:after
			{
				opacity: 1;
			}

/* Error and success */

#message
{
	position: fixed;
	display: none;
	padding: 20px;
	text-align: left;
	background: transparent url(images/transparent.png);
	z-index: 10;
}

	#message .error, #message .success
	{
		padding: 20px;
		font-size: 1.2em;
		color: #330028;
		background: #F5D7EE;
	}

/* Common elements... */

span.pink
{
	display: block;
	color: #E087CD;
}

span.people
{
	display: block;
	float: left;
	width: 104px;
	color: #E087CD;
}

ul.list li
{
	display: block;
	line-height: 24px;
	margin-left: 104px;
}