/*
Theme Name: HB Media Group
Theme URI: http://hb=mediagroup.com/
Description: Layout of <a href="http://hb-mediagroup.com">HB Media Group</a>. website.
Version: 1.0
Author: Otabek Nuritdinov
Author URI: http://nuritdinov.co.cc/
Tags: blue, custom header, fixed width, two columns, widgets

*/
/************************************************
*                                               *
* This CSS file contains EXAMPLE styles for the *
*   plugin WP-Table Reloaded by Tobias Bäthge!  *
*                                               * 
*  To use them, just copy them in to the box in *
*   the "Plugin Options" screen or add them to  *
*           your theme's "style.css".           *
*                                               *
*                   Thank you!                  *
*                                               *
************************************************/

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #555454;
	font-size: 8pt;
	padding: 5px;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 5px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}


/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.wp-table-reloaded to do your change for every table, or use
table.wp-table-reloaded-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.wp-table-reloaded-id-5 .column-3
{
	width: 25px;
}

*/


/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}


img, img .a
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;

}
body {
	margin:0;
	padding:0px;
	background:#555454 url(images/main_bg.jpg) repeat-x top;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#FFF;

}

h2 {
	font-size:18px;
	font-weight:bold;
	line-height:50px;
}

a {
	color:#ff9600;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#ff9600;
}
.clear
{
	clear: both; height: 0; line-height: 0; font-size: 0;
}


#content {
	width:960px;
	margin: 34px auto 50px auto;
}

#header {
	width:960px;
}

#logo {
	width: 198px;
	height:81px;
	float:left;
	background:url(images/logo.jpg);
}

#menu {
	float:right;
	padding:0 0 33px 0;

}

#top_menu {
     margin:0;   
     padding:0;  
     list-style:none;      
     font-family:arial;  
     text-align:center;  
     line-height:81px; 
	 text-transform:uppercase;
	 
}

#top_menu li {
		float:left;	
		/* width and height of the menu item */
		width:120px;							
		height:81px;		
		/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
		position:relative;			
		}
#top_menu li a {
	/* z-index must be higher than .hover class */
		z-index:20;				
		
		/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		display:block;	
		height:81px;
		position:relative;
		color:#ffffff;
		text-decoration:none;
}

#top_menu li .hover {
		color:#ff9600;
	/* mouseover image	*/
		background:url(images/menu_bg.jpg) no-repeat top center;		
		

		/* must be postion absolute 	*/
		position:absolute;	
		
		/*	width, height, left and top to fill the whole LI item	*/
		width:120px;	
		height:81px;
		left:0; 
		top:0;	
		
		/* display under the Anchor tag	*/
		z-index:0;		
		
		/* hide it by default	*/
		display:none;
		
}

#top_menu li.selected {
	background:url(images/menu1_bg.jpg) no-repeat top center;
	color:#ff9600;
}
	
/* ------------------------------- */

#banner {
	width:960px;
	height:302px;
	background:url(images/banner_bg.jpg) no-repeat center center;
}

#icerik {
	margin:23px 0 0 0;
	background:url(images/hizmetlerimiz.jpg) no-repeat left top;
}

#web {
	width: 140px;
	height:220px;
	float:left;
	padding: 0 10px 10px 10px; 
	margin:37px 0 0 0;
	
}

#print {
	width: 140px;
	height:220px;
	float:left;
	padding: 0 10px 10px 10px;  
	margin:37px 0 0 0;
	
}

#tanitim {
	width: 140px;
	height:220px;
	float:left;
	padding: 0 10px 10px 10px; 
	margin:37px 0 0 0;
}

#testimonials {
	margin:37px 0 0 0;
	float:right;
	width:390px;
}

#test_content{
	padding:27px;
	background:#FFF;
	color:#393939;
}

#test_bottom {
	background:url(images/test_bottom.jpg);
	height:53px;
	font-size:18px;
	line-height:53px;
	text-align:right;
	padding:0 80px 0 0;
		
}

#isler {
	background:url(images/line.jpg) no-repeat center top;
	margin:30px 0 0 0;
	padding:9px 0 0 0;
}

#is {
	width:150px;
	float:left;
	margin: 15px 10px 0 0; 
}

#footer {
	background:url(images/footer_bg.jpg) no-repeat center center;
	width:960px;
	margin:30px auto;
	height: 100px;
}

#copyrights {
	width: 250px;
	float:left;
margin: 30px 0 0 0;
	font-size: 80%;
}

#footer_menu {
	float:right;
	width:650px;
	line-height:98px
}

ul#ftr_menu {
	margin:0px; padding:0px;   
    list-style:none;      
    display:inline;
 

}
ul#ftr_menu li {   
	display: block;
	float: right;
	margin: 0px 10px 0 0px;

}   
ul#ftr_menu li a {   
    text-decoration:none;   
    color: #FFFFFF;   
}   
ul#ftr_menu li a:hover	 {   
    text-decoration:underline;   
    color: #FFFFFF;   
} 








#myController span{
color:#FFF;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide{

}

#myController span.jFlowSelected {
background:#F00;


}
#myController {
	display: none;

}

.jFlowPrev {
cursor:pointer;
float:right;
}


.jFlowNext{
cursor:pointer;
float:left;
}

.alignright a {
	line-height:30px;
	font-size:12px;
	float:left;
	color:#fff;
font-weight:bold;
}

.alignleft a {
	line-height:30px;
	font-size:12px;
font-weight:bold;
	float:right;
	color:#fff;
}

.alignleft a:hover, .alignright a:hover {
	color:#FFF;
}

.align_right a {
	font-size:9px;

}

.align_left a {
	font-size:9px;
}

.date {
	font-size:9px;
	color:#fff;
}

#portfolio {
	margin: -15px 0 0 0;
	background:url(images/referanslarimiz.jpg) no-repeat left top;
}

#web1 {
	width: 175px;
	height:80px;
	float:left;
	padding: 0 10px 10px 10px; 
	margin:65px 0 0 187px;
	
}

#print1 {
	width: 175px;
	height:80px;
	float:left;
	padding: 0 10px 10px 10px;  
	margin:50px 0 0 0;
	
}

#tanitim1 {
	width: 175px;
	height:80px;
	float:left;
	padding: 0 10px 10px 10px;  
	margin:50px 0 0 0;
}

#isler {
	background:url(images/line.jpg) no-repeat center top;
	margin:30px 0 0 0;
	padding:9px 0 0 0;
}
.article { width: 475px; float: left; height: 180px;  }
.articlecolumn { width: 475px; } 
.article h2 a { color: #EE4705; }
.articlecolumn { margin-bottom: 10px; }
.article, .articlecolumn .article { border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding-bottom: 10px; }
.article h2, .articlecolumn .article h2 { font-size: 20px; font-weight: bold; border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; line-height: 22px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; }
.article h2 a, .articlecolumn .article h2 a { color: #FFFFFF; text-decoration: none; }
.article p, .articlecolumn .article p { color: #e7e7e7; font-size: 11px; line-height: 14px; font-family: 'Verdana', 'Arial', sans-serif;  }
.article p a, .articlecolumn .article p a { font-weight: bold; }
.article .left, .articlecolumn .article .left { width: 246px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px; }
.article .left img, .articlecolumn .article .left img { border: solid 5px #a3a3a3; padding: 3px; margin:0 10px 0 0;}
.article .right, .articlecolumn .article .right { width: 214px; float: right; margin:0 10px 0 0; }