/*
	Theme Name: BCticaret
	Theme URI: http://bcticaret.com.tr
	Author: Kutay Göksu
	Author URI: http://kutaygoksu.com
*/ 

/******************************************************************
	Css global reset
******************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
/******************************************************************
	Template main settings
******************************************************************/
body { 
	background: white url(../images/bg3.jpg) repeat-x;
}
#main-wrapper { 
	width: 984px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -492px; 
}
#logo  a{
	background: url(../images/logo.png) no-repeat;
	width: 237px;
	height: 85px;
	position: absolute;
	margin-top: 25px;
	margin-left: -7px;
	z-index: 1; /* important */
}
#people {
	background: url(../images/people.png) no-repeat;
	width: 283px;
	height: 115px;
	position: absolute;
	margin-top: 13px;
	margin-left: 420px;
	z-index: 1; /* important */
}
/******************************************************************
	Content wrapper settings
******************************************************************/
#content-wrapper {
	background: url(../images/mainbg.jpg) no-repeat;
	width: 1101px;
	height: 652px;
	position: absolute;
	margin-left: -100px;
}
/******************************************************************
	Sidebar settings
******************************************************************/
#sidebar {
	width:236px;
	height:441px;
	position: relative;
	margin-left:96px;
	margin-top: 132px;
}
ul#navbar {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 11px;
	padding-top:30px;	
}
#navbar li {
	background: url(../images/arr.png) no-repeat;
	background-position: 15px 15px;
	display: block;
	width:208px;
	height:41px;
	border-bottom: 1px solid #c9d1d8;
}
#navbar li a:link {
	position: absolute;
	padding-left: 40px;
	padding-top:14px;
	color: #416b81;
	text-decoration: none;
	height:auto;
}
#navbar li:hover {
	background: url(../images/arrhov.png) no-repeat;
	background-position: 15px 15px;
}
#navbar li a:hover {
	color:red;
}
/******************************************************************
	Slider wrapper content settings
******************************************************************/
#slider-wrapper {
	position: relative;
	margin-left: 350px;
	margin-top: -410px;
}
#first-slide h1, #second-slide h1, #third-slide h1, #fourth-slide h1 {
	font-size: 18px;
	color: #05215b;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left:24px;
}
#first-slide p, #second-slide p, #third-slide p, #fourth-slide p {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#425098;
	line-height: 1.3;
	width:640px;
	margin-left:24px;	
}
/******************************************************************
	Slides
******************************************************************/
#showroom {	
	margin-left:24px;
}
#slides_left { 
	float:left; 
}
#slides_container { 
	width:400px; /*important*/
	overflow:hidden;	
	position:relative;
	border:1px solid #dfdfdf;
	display:none; /*important*/
}
#slides_container img {
	width:400px; /*important*/
	height:285px;
	display:block; /*important*/
}
/* Next-prev buttons */
#showroom .next,#showroom .prev {
	position:absolute;
	top:150px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}
#showroom .prev {
	background:url(../images/arrow-prev.png);
}
#showroom .next {
	left:430px;
	background:url(../images/arrow-next.png);
}
#showroom .prev:hover {
	background:url(../images/arrow-prevhov.png);
}
#showroom .next:hover {
	background:url(../images/arrow-nexthov.png);
}
#slides_shadow {
	width:400px;
	height:25px;
	background:url(../images/shadow.png) no-repeat;
}
/* Pagination */
#pagination_container {
	width:180px;
	height:285px;
	float:left;
	margin-left:60px;
	display:block;
	position:relative;
}
#pagination_container li {
	float:left;
	margin:2px 4px;
	list-style:none;
}
#pagination_container li a {
	display:block;
	width:50px;
	height:36px;
	margin:1px;
	float:left;
	background:#f9f9f9;
}
#pagination_container li.current a {
	border:1px solid #c3c3c3;
	margin:0;
}
/* Numbered Pagination */
.page_navigation {
	position:absolute;
	bottom:0px;
	left:30px;
}
.page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#2ebd4c;
}
.active_page {
	background-color:white !important;
	color:black !important;
}

/******************************************************************
	Contact Form settings
******************************************************************/
#formilo {
	width: 600px;
	height:240px;
	margin:5px 0px 0px 14px;
	padding-left:10px;
	padding-top:10px;
	overflow: hidden;
	position:relative;
}
#formilo .flow {
	float:left;
	width:300px;
}
#formilo label {
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 11px;
	color:#878b8f;
}
#formilo input, 
#formilo textarea {
	background: white;
	border: 1px solid #c1d7eb;
	width:270px;
	height:27px;
	color:#bdbdbd;
	margin-bottom: 5px;
	padding:5px 3px 5px 3px;
}
#formilo input {
	line-height: 16px;
	height: 16px;
}
#formilo textarea {
	height:67px;
	max-height:67px;
}
#formilo input:focus,
#formilo textarea:focus {
	color: black;
	background: #F2F2F2;
}
#formilo #send {
	width:117px;
	height:29px;
	border:none;
	position:absolute;
	bottom:15px;
	left:22px;
}
#formilo #clear {
	background: transparent url(../images/clear.jpg) no-repeat;
	border:none;
	width: 117px;
	height:29px;
	position:absolute;
	bottom:20px;
	left:150px;
}
#formilo #clear-form:hover { cursor: pointer; }
.hide{display:none;}
/******************************************************************
	Footer settings
******************************************************************/
#footer {
	margin-left:530px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 11px;
	color:#878b8f;
	margin-top:30px;	
}
#editedby {
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 10px;
	text-align:left;
	text-indent:-9999px;
	color:#fff;
	margin: 10px 0 0 528px;
}