/******************* Background ********************/

		
	html { 
		background: #f8f7f7;
	}
	
		
		
	

/********************** Fonts **********************/

 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	}
	
	#menu > ul > li > a {
		font-family: Varela Round, Arial, Tahoma, sans-serif;
		font-weight: normal;
	}
	
	h1 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h2 {
		font-family:"Georgia",serif;
		font-style:italic;
		font-weight: 300;
	}
	
	h3 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h4 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h5 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h6 {
		font-family: Open Sans, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}


/********************** Font sizes **********************/

/* Body */

	body {
		font-size: 14px;
				line-height: 21px;		
	}
	
	#menu > ul > li > a {	
		font-size: 15px;
	}
	
/* Headings */

	h1 { 
		font-size: 40px;
				line-height: 40px;
	}
	
	h2 { 
		font-size:27px;
		line-height: 40px;
	}
	
	h3 {
		font-size: 28px;
				line-height: 30px;
	}
	
	h4 {
		font-size: 25px;
				line-height: 29px;
	}
	
	h5 {
		font-size: 19px;
				line-height: 24px;
	}
	
	h6 {
		font-size: 16px;
		line-height: 41px;
	}

/*Sliders*/
.fitVideo																		{margin-bottom: 30px;}
.videoBG																	{margin-bottom:0;width: 100%;display: block;float: left;}
.nivo-slider																	{background: url('../images/pattern/header_pattern2.png');padding-bottom: 12px;float: left;width: 100%;overflow: hidden;}
.grid_image																{width: 100%;}
.flex-slider																	{background: url('../images/pattern/header_pattern2.png');}
.flexslider ul.slides														{margin: 0;padding: 0;}
.flexslider ul li																{margin: 0;padding: 0;list-style-type: none;}
.flexslider ul li .flexcontent											{padding: 20px 45px;display: block;}
.flex_box																	{margin-top: 5px;padding: 6px;}
.flexcontent h2															{margin-bottom: 10px;}
.flex_box.left																{float: left;margin-right: 20px;margin-bottom: 20px;max-width: 500px;}
.flex_box.right															{float: right;margin-left: 20px;margin-bottom: 20px;max-width: 500px;}
.flex_box.fitVideo														{width: 500px;}
.flashmo-slider, .piecemaker-slider, .accordion-slider		{margin: 30px 0;}
.cycle-slider																{margin: 30px 0;position: relative;padding: 6px;box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.cycle-slider img															{float: left;}
#cycle_nav																{position: absolute;z-index: 999;right: 10px;bottom: 10px;}
#cycle_nav a																{margin: 2px;width: 10px;height: 10px;display: block;float: left;text-indent: -999999em;}
.cycle-navi																	{position: absolute;top:50%;margin-top: -10px;z-index: 9998;width: 100%;margin-left: -6px;}
.cycle-navi #cycle_prev												{left: 6px;}
.cycle-navi #cycle_next												{right: 6px;}
.overlay																		{position: absolute;top: 0;bottom: 0; left: 0;width: 100%;background: transparent;z-index: 2;}
#cameraSlider															{margin-bottom: 0 !important;}
.container .one-third.column { width: 275px; }
.container .two-thirds.column { width: 620px; }
.container .one-fifth.column { width: 172px; }
.container:after { content: " "; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix {  }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }




@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { width: 768px; }
	.container .column, .container .columns { margin-left: 10px; margin-right: 10px; }
	.column.alpha, .columns.alpha { margin-left: 0px; margin-right: 10px; }
	.column.omega, .columns.omega { margin-right: 0px; margin-left: 10px; }
	.container .two.columns { width: 76px; }
	.container .three.columns { width: 124px; }
	.container .four.columns { width: 172px; }
	.container .seven.columns { width: 316px; }
	.container .thirteen.columns { width: 604px; }
	.container .sixteen.columns { width: 748px; }
	.container .one-third.column { width: 236px; }
	.container .two-thirds.column { width: 492px; }
	.container .one-fifth.column { width: 133px; }
}
<!-- Kaliteli Kod Yayıncısı & Kaynak : http://www.webkodu.com -->
<!-- WebKodu.com / Artık Herşey Tek Çatı Altında : http://www.webkodu.com -->
<style type="text/css">

.css-gallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.1;
margin: 0 5px 5px 0;
}

.css-gallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 5px white;
-webkit-box-shadow:0px 0px 5px white;
-moz-box-shadow:0px 0px 10px white;
opacity: 0,1;
}

</style>