/********************************************
   AUTHOR:  			Çagan Selçuk YÜCEL
   WEBSITE:   			http://www.cgnyazilim.com/
   CLIENT:				cinkanlar.com
   LAST MODIFIED:    	Agust-12-2009       	
 *******************************************/


body{
	background:url(images/bg.gif) repeat-y center #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	margin:auto;
	color:#333333;
	width: auto;
}

h1{
font-size:15px; color:#6C0008; padding:5px;  margin:3px; font-weight:normal;
}

h2{
font-size:13px;  color:#666666;   margin:0px;		  padding:3px;
}

h3{
font-size:14px;  color:#666666;   margin:0px;  padding:3px;
}

h4{
font-size:12px;color: #CE6700;margin:0px;padding:3px;font-weight:normal;
}

.clear { clear:both;  overflow:hidden;  height:4px;
}

#main_content{	width:930px;	height:auto;	margin:auto;	background-color:#FFFFFF;
}

#top_banner{	width:930px;	height:10px;	background:url(images/thin_banner.jpg) no-repeat center;
}

#top_banner_left_box{	width:200px;	height:80px;	padding:5px;	float:left;
}

#center_banner{	width:930px;	height:280px;	 border:1px solid #CCCCCC; 
}

#center_banner_flash{	width:auto;	height:auto;	 float:none; padding:10px;
}

#page_content{	width:930px;	height:auto;	background-color:#FFFFFF;
}

img.pic{	float:left;	padding:10px;
}

.title{	font-size:14px;	font-weight:bold;	color:#7B0E10;
}

.title a{	text-decoration:none;	font-weight:bold;	color:#7B0E10;
}

.content{	padding:5px;	text-align:justify;
}
/*------left section-----*/
#left{
	width:200px;
	padding:10;
	float:left;
	background-color:#F8F8F8;
	border:#DFDFDF solid 1px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 40px;
	list-style-type:none;
	list-style:none;
}

#left ul.leftnav{	width: 180px;	background-color:#F8F8F8;	border:#DFDFDF solid 1px;
					color:#000000; float:left;	margin: 10px; 	list-style-type:none;
	list-style:none;
}


#left ul.leftnav li{
	background:url(images/grey_dotted.gif) repeat-x 0 100% #F8F8F8;
	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;
	color:#7C7C7C;
}

#left ul.leftnav li a{
	background:url(images/arrow_list.gif) no-repeat 0 5px #F8F8F8;
	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;
	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	
}

#left ul.leftnav li a.services{
	background:url(images/arrow_list.gif) no-repeat 0 5px #FFFFFF;
	font:bold 11px/19px Arial, Helvetica, sans-serif; display:block;
	color:#7C7C7C; padding:0 0 0 13px; text-decoration:none; height:19px;	
}

#left ul.leftnav li.archives{
	background:none; background-color:#F8F8F8;
	font:bold 11px/19px Arial, Helvetica, sans-serif; height:20px;
	color:#7C7C7C;
}

#left ul.leftnav li a:hover{	background-color: #CCC;	color:#000; }


img.pic{	float:left;	padding:5px;	margin-top: 20px;
}

#left .title{	font-size:14px;	font-weight:bold;	color:#7B0E10;
}

#left .title a{	text-decoration:none;	font-weight:bold;	color:#7B0E10;
}

#left .content{	padding:5px;	text-align:justify;
}
/*------right section-----*/
#right_section{	width:630px;	height:auto;	float:right;	clear: none;	margin:10px;	padding-right: 10px;
}

.right_box{	margin-top: 5px;	margin-right: 10px;	margin-bottom: 10px;	margin-left: 0;
}

.right_box a{	text-decoration:none;	font-weight:bold;	color:#7C7C7C;
}

.right_box a:hover{	text-decoration:underline;	font-weight:bold;	color:#660000;
}


img.pic_border{float:left;	padding:2px;	margin-right:15px;	border:1px solid #CCCCCC;
}

.title_small{	font-size:12px;	font-weight:bold;	color: #000000;
}

.content{	padding:5px;	text-align:justify;
}

/*------bottom section-----*/
#bottom_section{	width:930px;	height:auto;	float:none;	margin: 5px;	padding: 5px;
}

.bottom_box{	margin:20px 10px 10px 0; border:1px solid #CCCCCC; 
}

.bottom_box_border{	width:250px;	height:auto;	border:1px #CCCCCC solid;	padding:2px;	margin: 10px;
}

.bottom_box{	width:250px;	height:100px;	background:url(images/box.jpg) no-repeat top;	padding-top:10px;
}

img.pic_border{	float:left;	padding:2px;	margin-right:15px;	border:1px solid #CCCCCC;
}

.title_small{	font-size:12px;	font-weight:bold;	color: #000000;
}
.content{	padding:5px;	text-align:justify;
}
/*---------services---------*/
ul.services {	list-style-type:none; float:left; display:block; width:auto; 
				height:20px;	margin:0px; padding:10px 0 0 2px;
}

ul.services li {display:inline;
}

a.nav_services:link, a.nav_services:visited {	display:block; padding:1px 0 0 14px; margin:2px;width: auto; 
												height: auto; text-align:left; line-height:17px;
												text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;
}

a.nav_services:hover {	display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left;
						line-height:17px;	text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;
}
/*-------footer-----*/
#footer{	width:930px;	height:40px;	clear:both;	background-color:#D7D8D2;
}
/*-------lightbox galery-----*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(assets/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(assets/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }