/*
Project Name: Etkin İnsan Gelişim Enstitüsü
Project URI: http://www.etkininsan.com
Version: 1.00
Author: Alican ESEN
Author URI: http://www.esen.net.tr
*/

/*General style settings*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #767876;
	background: #dcddde;
}

/*Menu*/
#menu{
width:360px;
float:left;
margin-top:138px;
padding-left:35px;
}

#menu li{
display:inline;
font-size:14px;
font-weight:bold;
font-family:Tahoma;
padding-right:17px;
}

#menu li a{
text-decoration:none;
color:#000000;
}

#menu li a:hover{
color:#ffffff;
}

/*Header*/
#header{
height:168px;
background: url(images/bg-header.jpg) repeat-x left top;
}

#header .logo{
padding:15px 0px 0px 30px;
float:left;
width:156px;
}

#header .image{
padding:0px 40px 0px 0px;
float:right;
width:295px;
}

.header-bottom {
background: url(images/bg-header-bottom.jpg) repeat-y left top;
height:15px;
}

/*Splash-Left*/
#splash-left{
width:371px;
height:323px;
float:left;
background:#6c5066;
}

#splash-left img{
padding:32px 0px 0px 23px;
}

/*Splash-Right*/
#splash-right {
background: url(images/splash-image.jpg) no-repeat left top;
float:right;
width:589px;
height:323px;
}

#splash-right .button {
float:right;
padding-top:43px;
}

.splash-bottom {
background: url(images/bg-header-bottom.jpg) repeat-y left top;
height:15px;
float:left;
width:960px;
}

/*Middle Content*/
#middle-content{
height:150px;
background:#ffffff;
float:left;
width:960px;
}

#middle-content li{
display:inline;
width:320px;
float:left;
text-align:center;
padding-top:20px;
}

/*Bottom Content*/
#bottom-content{
background:#ffffff;
float:left;
width:960px;
}

#bottom-content li{
display:inline;
width:320px;
height:210px;
float:left;
}

#bottom-content li .content{
padding:30px 20px 0px 20px;
}

#bottom-content li .title{
font-weight:bold;
color:#6c5066;
padding-bottom:3px;
}

#bottom-content li .detail{
height:137px;
color:#ffffff;
}

#bottom-content li .footer{
text-align:center;
}

#bottom-content .bottom-content-1{
background:#90a884;
}

#bottom-content .bottom-content-2{
background:#b0be81;
}

#bottom-content .bottom-content-3{
background:#99b9a7;
}

/*Bottom Inner Content*/
#bottom-inner-content{
background:#ffffff;
float:left;
}

#bottom-inner-content li{
display:inline;
width:290px;
float:left;
padding-top:20px;
padding-right:15px;
padding-left:15px;
padding-bottom:20px;
}


/* Footer */
#footer{
background:#a5ad9c;
height:25px;
float:left;
width:960px;
}

#footer .signature{
float:right;
width:266px;

}

#wrapper{margin:0 auto; min-height: 100%; position:relative; width:960px;}