/*

Academy Derya Consultancy - Global Stylesheet
http://www.acderco.co.uk/
Handwritten by Oliver Coningham

*/

																					/* ------------ Toolbox ------------ */

.float-left { float: left; } 
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
.normal { font-weight: normal; }

hr { display: none; }
strong { font-weight: bold; }
.error_message, .error { color: #990000; font-weight: bold; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


																					/* ------------ Defaults ------------ */

body {
	background: url('../img/body-bg.jpg') repeat fixed 0 0;
	color: #333;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	}
	
#container {
	background: url('../img/container-bg.png') repeat top center;
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	max-width: 960px;
	}
	
	
																					/* ------------ Header ------------ */

#header {
	background: url('../img/header-bg.jpg') no-repeat 355px 0px;
	height: auto;
	padding: 20px;
	max-width: 920px;
	}
	
#logo {
	background: url('../img/logo-bg.png') no-repeat 0 0;
	float: left;
	height: 126px;
	text-indent: -25000px;
	width: 372px;
	}

#translations {
	float: right;
	height: 46px;
	margin-bottom: 30px;
	}
	
#translations a {
	color: #2b3762;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	height: 46px;
	line-height: 46px;	
	margin-left: 20px;
	padding-right: 56px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#translations a:hover {
	text-decoration: underline;
	}
	
#translations li {
	float: left;
	}
	
#translations #translation-english a {
	background: url('../img/icon-uk-flag.png') no-repeat right center;
	}
	
#translations #translation-turkish a {
	background: url('../img/icon-turkish-flag.png') no-repeat right center;
	}
		
#contact-details {
	clear: right;
	color: #2b3762;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align: right;
	text-transform: uppercase;
	margin-top: 76px;
	}
	
#contact-details strong {
	font-weight: 700;
	}
	
#contact-details a {
	color: #2b3762;
	text-decoration: none;
	}
	
#contact-details a:hover {
	color: #2b3762;
	text-decoration: underline;
	}
	
	
																					/* ------------ Navigation ------------ */

.menu,
.mobile-menu {
    display: none;
}

#nav {
	background: url('../img/nav-bg.gif') no-repeat 0 0;
	height: 50px;
	margin: 0 20px;
	max-width: 920px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	overflow: hidden;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;	
	}
	
#nav li {
	float: left;
	}
	
#nav a {
	color: #fff;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 115px;
	}
	
#nav a:hover,
#nav a.menuactive {
	background: url('../img/nav-a-bg.gif') no-repeat 0 0;
	}
	
#nav ul { 
	display: none;
	}
	

																					/* ------------ Slideshow ------------ */

#slideshow {
	border-bottom: 5px solid #2b3762; 
	height: auto;
	max-width: 960px;
	overflow: hidden;
	position: relative;
	}
	
#slideshow #slideshow-gradient {
	background: url('../img/slideshow-gradient-bg.png') no-repeat 0 0;
	display: block;
	height: 80px;
	width: 960px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 80;
	}
	
#slideshow img {
	float: left;
	}
	
#slideshow .slideshow-caption {
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.7); 
	color: #2b3762;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: 300;	
	line-height: 30px;
	padding: 20px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;   	
	}
	
#slideshow .slideshow-caption strong {
	font-weight: 900;	
	}
	
#slideshow .slideshow-blur {
	background-color: #fff;
	display: block;
	height: 70px;
	width: 960px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	overflow: hidden;
	}
	
#slideshow .slideshow-blur img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
	
#slideshow .slideshow-blur img {
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px);	
	}

#slideshow .slideshow-link a {
	display: block;
	height: 100%;
	text-indent: -25000px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	}
		
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	}
	
.rslides_tabs {
	position: absolute;
	bottom: 25px;
	right: 20px;
	z-index: 100;
	}
	
.rslides_tabs li {
	display: inline-block;
	margin-left: 5px;
	}
	
.rslides_tabs a {
	background-color: #2b3762;
	display: block;
	height: 20px;
	text-indent: -25000px;
	width: 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;	
	}
	
.rslides_tabs .rslides_here a {
	background-color: #94d78b;
	}
	
	
																					/* ------------ Content ------------ */

#content {
	background: #fff url('../img/content-bg.jpg') no-repeat bottom left;
	padding: 30px 20px;
	}
	

																					/* ------------ Copy ------------ */

#copy {
	float: left;
	max-width: 610px;
	width: 100%;
	}
	
#copy h1 {
	color: #2b3762;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 300;	
	text-transform: uppercase;
	}
	
#copy h2 {
	color: #2b3762;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 900;	
	margin-top: 30px;
	text-transform: uppercase;
	}
	
#copy h1 strong {
	font-weight: 900;	
	}
	
#copy p {
	margin-top: 20px;
	}

#copy ul {
	line-height: 24px;
	list-style: disc outside;
	margin: 20px 0 0 35px;
	}
		
#copy a {
	color: #2b3762;
	text-decoration: underline;
	}
	
#copy a:hover {
	color: #333;
	text-decoration: underline;
	}
	
#copy .button a {
	color: #fff;
	display: inline-block;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 50px;
	line-height: 50px;  
	padding: 0 10px 0 50px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-moz-box-shadow: 0 0 5px #263056;
	-webkit-box-shadow: 0 0 5px #263056;
	box-shadow: 0 0 5px #263056;		  	
	}
	
#copy .button a:hover {
	background-position: 0 -50px;		  	
	}
	
	
																					/* ------------ Sidebar ------------ */

#sidebar {
	background-color: #2b3762;
	color: #fff;
	float: right;
	padding: 20px;
	max-width: 290px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;         	
	}
	
#sidebar h3 {
	border-bottom: #414b72 solid 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
	padding-bottom: 20px;	       	
	}
	
#sidebar h4 {
	font-size: 16px;
	font-weight: bold;	       	
	}
	
#sidebar p {
	margin-top: 20px;       	
	}
	
#sidebar .button a {
	color: #fff;
	display: inline-block;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 50px;
	line-height: 50px;  
	padding: 0 10px 0 50px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-moz-box-shadow: 0 0 5px #263056;
	-webkit-box-shadow: 0 0 5px #263056;
	box-shadow: 0 0 5px #263056;		  	
	}
	
#sidebar .button a:hover {
	background-position: 0 -50px;		  	
	}


																					/* ------------ Features ------------ */

#features {
	margin: 0 20px 30px 20px;
	max-width: 920px;	
	}
	
#features img {
	float: left;
	}
	
#features .feature {
	float: left;
	height: 200px;
	position: relative;
	width: 293px;
	}
	
#features #feature-2 {
	margin: 0 21px 0 20px;
	}
	
#features h5 a {
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.7); 
	border-bottom: 5px solid #2b3762;
	color: #2b3762;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 20;
	text-decoration: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;   	
	}
	
#feature-1 h5 a {
	background-image: url('../img/icon-clipboard.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	}
	
#feature-2 h5 a {
	background-image: url('../img/icon-person.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	}	
	
#feature-3 h5 a {
	background-image: url('../img/icon-lightbulb.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	}
	
#features h5 a:hover {
	border-bottom: 5px solid #94d78b; 	
	}
		
#features .feature-blur {
	background-color: #fff;
	display: block;
	height: 50px;
	width: 293px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	}
	
#features .feature-blur img {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	}


																					/* ------------ Footer ------------ */

#footer {
	margin: 30px 20px;
	max-width: 920px;	
	}
		
#footer-address {
	color: #2b3762;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-transform: uppercase;	
	}
	
#footer-address strong {
	font-weight: 700;
	}

#social {
	background: #fff url('../img/social-bg.gif') no-repeat 0 0;
	float: right;
	height: 50px;
	padding-left: 192px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}	
	
#social li {
	float: left;
	}		
	
#social a {
	display: block;
	height: 50px;
	margin-left: 10px;
	width: 50px
	}				
	
																					/* ------------ Furniture ------------ */

#furniture {
	background: #232d4f url('../img/furniture-bg.gif') no-repeat top left;
	color: #fff;
	margin: 0 20px;
	max-width: 920px;     	
	padding: 15px 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;		
	}
	
#copyright {
	float: left;
	}
	
#credit {
	float: right;
	}
	
#credit a {
	color: #fff;
	text-decoration: none;
	}
	
#credit a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	
																					/* ------------ Pages ------------ */

#pages {
	padding-top: 10px;
	width: 250px;
	}
	
#pages a {
	background: url('../img/pages-a-bg.png') no-repeat 0 2px;
	color: #fff;
	display: block;
	border-bottom: #414b72 solid 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;	
	margin-bottom: 10px;
	padding: 5px 0 15px 35px;
	text-decoration: none;
	width: 100%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;   		
	}
	
#pages a:hover,
#pages a.menuactive {
	background: url('../img/pages-a-hover-bg.png') no-repeat 0 2px;
	border-bottom: 5px solid #94d78b; 	
	}

#pages li.parent a.menuactive {
	margin-bottom: 0;
	}
		
#pages li ul {
	background-color: #94d78b; 	
	border-bottom: 5px solid #94d78b; 	
	margin-bottom: 10px;
	}
	
#pages li ul a,
#pages li ul a:hover {
	background: none;
	border: none; 	
	font-size: 18px;
	margin: 0;
	padding: 10px 0 10px 35px;
	}
	
#pages li ul a:hover,
#pages li ul a.menuactive {
	background: none;
	border: none; 
	font-weight: 700;	
	text-decoration: none;
	}