/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{
	border:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#8c9198;
	line-height:18px;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/* ============================= main layout ====================== */

a{ color:#1b2737; text-decoration: none; outline:none; font-weight:bold}
a:hover{
	text-decoration: underline;
	color: #AA9431;
}
li{ list-style:none}
h1{
	font-size:20px;
	color:#252524;
	font-weight:bold;
	line-height:22px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
h2{
	font-size:28px;
	font-weight:normal;
	font-style:italic;
	color:#323232;
	border-bottom:1px solid #e4e4e4;
	line-height:30px;
	margin-bottom:30px;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 50;
}
p{ padding-bottom:18px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#logo{ margin-top:20px; margin-left:20px; float:left;}
#menu {
	float:right;
	padding-top: 93px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
#menu li {
	float:left;
	margin-right: 1px;
	padding-right: 1px;
}
#menu li a{ display:block; font-size:14px; color:#000000; text-decoration:none; font-weight:normal; line-height:32px; padding-right:5px;}
#menu li a span{ display:block; padding-left:5px;}
#menu li a span span{ padding:0 15px;}
#menu li a:hover, #menu #menu_active a{ background:url(images/menu_right.gif) top right no-repeat; color:#fff}
#menu li a:hover span, #menu #menu_active a span{ background:url(images/menu_left.gif) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{background:url(images/menu_bg.jpg) top repeat-x}

/* ============================= content ====================== */
.box{ background:url(images/bg_box.png) repeat; margin:0 1px; padding:9px 9px 9px 9px;}
.box_top{ background:url(images/box_border.png) top repeat-x; height:1px; font-size:0; line-height:0; width:100%;}
.box_bot{ background:url(images/box_border.png) bottom repeat-x; height:1px; font-size:0; line-height:0; width:100%}
.box_left{ background:url(images/box_border.png) left repeat-y}
.box_right{ background:url(images/box_border.png) right repeat-y}

.box1{
	width:100%;
	overflow:visible;
	background-color: #dedddb;
}
.box1 .pad{  padding:29px 25px 107px 33px;}
.pad1{}
.bg_color{ background:#f4f3f5; padding:0 25px 46px 33px; margin-top:37px; position:relative}
/*--- coin slider styles ---*/
.slider-wrap {
	height:300px;
	overflow:hidden;
	margin-bottom:8px;
	margin-left:-29px;
	margin-right:-23px;
}
.coin-slider { background: none; height:270px !important; width:892px; overflow:hidden; padding-left:25px; padding-right:23px;}
.coin-slider a{ text-decoration: none; outline: none; border: none;}

.cs-prev, .cs-next { text-indent:-9999em; margin-top:-5px;display:block; position:absolute; z-index:2;}

.cs-next {	background:url(images/marker_right.png) no-repeat;	width:50px;	height:50px; margin-right:-23px;}
.cs-prev {	background:url(images/marker_left.png) no-repeat;	width:50px;	height:50px; margin-left:-25px;}
.cs-next:hover {	background:url(images/marker_right_active.png) no-repeat;}
.cs-prev:hover {	background:url(images/marker_left_active.png) no-repeat;}	
/*--- coin slider styles end ---*/

.box2{ font-size:20px; font-weight:bold; color:#252524; margin-top:49px; text-align:center; background: url(images/box_number.jpg) 0 0 no-repeat; width:45px; line-height:50px; padding-left:5px;}
.box3{ width:200px; float:left;}
.box3 h1{ padding-top:17px}
.box3:hover .box2{ color:#90b71d}
.box3:hover h1{ color:#90b71d}

.line1{ background:url(images/line_bg.jpg) 210px top repeat-y}
.line2{ background:url(images/line_top.jpg) 210px top no-repeat}
.line3{ background:url(images/line_bot.jpg) 210px bottom no-repeat}
.line4{ background:url(images/line_bg.jpg) 440px top repeat-y}
.line5{ background:url(images/line_top.jpg) 440px top no-repeat}
.line6{ background:url(images/line_bot.jpg) 440px bottom no-repeat}
.line7{ background:url(images/line_bg.jpg) 670px top repeat-y}
.line8{ background:url(images/line_top.jpg) 670px top no-repeat}
.line9{ background:url(images/line_bot.jpg) 670px bottom no-repeat}

.pad_left1{ padding-left:30px;}
.pad_left2{ padding-left:40px;}
.pad_left3{ padding-left:50px;}
.marg_right1{ margin-right:15px;}
.marg_right2{ margin-right:56px;}
.pad_bot1{ padding-bottom:26px;}

.font1{ color:#1b2737; font-weight:bold}
.font2{ font-size:28px; color:#323232; font-style:italic; line-height:30px; padding-top:25px; padding-bottom:26px;}

.button{ font-weight:normal; font-size:20px; font-style: italic; display:inline-block; color:#000; line-height:43px; background:url(images/button_bg.jpg) top repeat-x; margin-right:4px;}
.button span{ display:block; background:url(images/button_left.jpg) top left no-repeat}
.button span span{ padding: 0 18px; background:url(images/button_right.jpg) top right no-repeat} 
.button:hover{ color:#fff; text-decoration:none; background:url(images/button2_bg.jpg) top repeat-x}
.button:hover span{ background:url(images/button2_left.jpg) top left no-repeat}
.button:hover span span{ background:url(images/button2_right.jpg) top right no-repeat}

.pics{ width:100%; overflow:hidden; padding-bottom:34px;}
.pics li{ float:left; margin-right:10px;}
.pics .last{ margin-right:0}

.list1 li{ line-height:24px;}
.list1 li a{ padding-left:9px; background: url(images/marker_1.gif) 0 5px no-repeat}

.bg_block{ background:#f4f3f5; padding-bottom:20px;}

/* ============================= footer ====================== */

#footer {
	color:#97999b;
	font-size:10px;
	line-height:23px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
}
#footer a{ color:#97999b; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer span{ color:#252524; text-transform:uppercase}

#footer_menu{ width:100%; overflow:hidden}
#footer_menu li{ float:left; padding-right:11px; margin-right:10px; background:url(images/footer_line.jpg) right 9px no-repeat}
#footer_menu .last{ background:none}
#footer_menu li a{ text-decoration:none; text-transform:uppercase;}
#footer_menu li a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
#form_1{ width:195px;}
#form_1 select{ font:13px Arial, Helvetica, sans-serif; color:#1b2737; height:36px; background:url(images/select.jpg) no-repeat; padding:7px; width:193px; margin-bottom:11px;}
#form_1 a{ float:right; margin-top:22px;}
#form_1 a span span{ padding: 0 22px}

#ContactForm { width:193px;}
#ContactForm .bg{ background:url(images/input.jpg) no-repeat; margin-bottom:11px;}
#ContactForm .bg2{ background:url(images/textarea.jpg) no-repeat; margin-bottom:32px;}
#ContactForm a{ margin-right:0; margin-left:4px;}
#ContactForm .input {width:173px; height:16px; background: none; padding:10px; font:13px Arial, Helvetica, sans-serif; color:#1b2737;}
#ContactForm textarea {width:173px; height:201px; background: none; padding:10px; font:13px Arial, Helvetica, sans-serif; color:#1b2737; overflow:auto}
#icerik {
	background-color: #CCC;
	width: 700px;
}
#icerik {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
