@charset "utf-8";
/* CSS Document */


/**************************** 
		HTML TAG 
****************************/
body {
	font: 15px arial, serif;
	/*font: 12px Arial, Helvetica, sans-serif;*/
	height:100%;
	color: #000;
	margin: 0;
	padding: 0;
	letter-spacing: 0.040em;
}
a {
	color: #13a3b5;
	text-decoration: none;
}
a:hover{
	text-decoration:inherit;
}
h3, h4 {
	font-size:19px;
	margin: 10px;
	font-weight: bold;
}
h4{
	font-size: 17px;
}
p{
	text-indent: 0;
	line-height: 18px;
}
ul.liste {list-style: url(../images/list.jpg);}
ul.liste li {padding: 2px;}

img {border: none;}
/**************************** 
		CLASSES
****************************/
.clear {clear:both;}

.blue {color: #33f;}
.red {color: #b71419; font-weight: bold;}
.purple {color: #8104e6;}
.green {color: #390;}
.yellow {color: #f90;}
.pink {color: #f3c;}
.turquoise {color: #13a3b5;}

/****************************/
#container {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	background: no-repeat top right;
}

/**************************** 
		HEADER
****************************/
#header {
	float: left;
	width: 1000px;
	height: 200px;
	}
#logo {
	float: left;
	margin: 50px 40px 0 20px;
	}
#menu_box {
	float: left;
	width: 458px;
	height: 200px;
	}
#menu {
	padding:0;
	width:458px;
	height:200px;
	margin: 0;
	list-style: none;
	}
	#menu li {float:left;}
	#menu li a {
		width: 44px;
		height: 200px;
		margin-right: 25px;
		display: block;
		outline: none;
		text-indent: -9999px;
		background: url(../images/menu.jpg) no-repeat;
	}
	li#m1 a {background-position: 0 0;}
	li#m2 a {background-position: -69px 0;}
	li#m3 a {background-position: -138px 0;}
	li#m4 a {background-position: -207px 0;}
	li#m5 a {background-position: -276px 0;}
	li#m6 a {background-position: -345px 0;}
	li#m7 a {background-position: -414px 0; margin-right: 0;}
	
	li#m1 a:hover, li#m1 a.selected {background-position: 0 -200px;}
	li#m2 a:hover, li#m2 a.selected {background-position: -69px -200px;}
	li#m3 a:hover, li#m3 a.selected {background-position: -138px -200px;}
	li#m4 a:hover, li#m4 a.selected {background-position: -207px -200px;}
	li#m5 a:hover, li#m5 a.selected {background-position: -276px -200px;}
	li#m6 a:hover, li#m6 a.selected {background-position: -345px -200px;}
	li#m7 a:hover, li#m7 a.selected {background-position: -414px -200px;}
		

/**************************** 
		SIDEBAR
****************************/
#sidebar {
	float: left;
	width: 190px;
	min-height: 500px;
	background: url(../images/sidebar-bg.jpg) no-repeat -240px 320px;
	}


/**************************** 
		CONTENT 
****************************/
#content {
	width: 600px;
	float: left;
	padding-top: 20px;
	min-height: 350px;
	font: 14px arial, serif;
	}
#side_menu {
	padding: 0;
	width: 160px;
	height: 570px;
	margin: 0;
	list-style: none;
	}
	#side_menu li a {
		width: 160px;
		height: 114px;
		display: block;
		outline: none;
		text-indent: -9999px;
		background: url(../images/markalar-menu.jpg) no-repeat;
	}
	li#s1 a {background-position: 0 0;}
	li#s2 a {background-position: 0 -114px;}
	li#s3 a {background-position: 0 -228px;}
	li#s4 a {background-position: 0 -342px;}
	li#s5 a {background-position: 0 -456px;}
	
	li#s1 a:hover, li#s1 a.selected {background-position: -160px 0;}
	li#s2 a:hover, li#s2 a.selected {background-position: -160px -114px;}
	li#s3 a:hover, li#s3 a.selected {background-position: -160px -228px;}
	li#s4 a:hover, li#s4 a.selected {background-position: -160px -342px;}
	li#s5 a:hover, li#s5 a.selected {background-position: -160px -456px;}

/**************************** 
		FOOTER 
****************************/
#footer {
	float: left;
	width: 700px;
	background: url(../images/sidebar-bg.jpg) no-repeat 530px 0;
	height: 100px;
	}
.box {
	float: left;
	width: 210px;
	padding: 0 5px;
	height: 150px;
	border-left: 10px solid #b71419;
	}