/*
table {
	font-size: 1em;
}

.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}
*/

/* ACTUALY MAGACINE BLOG */

#actualy_magazine_blog{width:660px;}
#actualy_magazine_blog.ui-tabs .ui-tabs-nav{background:url(../../images/css_images/tab_vert9cal_bg.png) left top no-repeat; border:none; border-radius:0px; 
margin:-4px 0 0 -5px; padding:4px 0px 0 5px;}
#actualy_magazine_blog.ui-tabs .ui-tabs-nav li{width:220px;margin:0px; border:none; background:none; border-radius:0px; }
#actualy_magazine_blog.ui-tabs .ui-tabs-nav li a{width:auto; float:none; text-transform:uppercase; color:#FFFFFF; font-size:16px; font-weight:normal;}
#actualy_magazine_blog.ui-tabs .ui-tabs-nav li:hover a{color:#ccc;}
#actualy_magazine_blog.ui-tabs .ui-tabs-nav li.ui-tabs-active{ background:url(../../images/css_images/tabs_active.png) left top no-repeat; 
-webkit-box-shadow:  2px 2px 3px 0px #333;        
box-shadow:  2px 2px 3px 0px #333;}
#actualy_magazine_blog.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#1A1A1A;}
#actualy_magazine_blog.ui-tabs .ui-tabs-panel{padding:10px;}
#actualy_magazine_blog #news_box{display:inline-block;}
#actualy_magazine_blog .front_news_box{padding:0px; margin:15px 10px; width:300px; height:84px; float:left; overflow:hidden; border:none;}
#actualy_magazine_blog .front_news_box a.img{float:left; border:1px solid #CCC; display:block; width:108px; height:80px; padding:1px; background:#FFFFFF; margin-right:10px;}
#actualy_magazine_blog .front_news_box a.img:hover{background:#CCCCCC;}
#actualy_magazine_blog .front_news_box a.img img{width:108px; height:80px;}
#actualy_magazine_blog .front_news_box a.title{font-size:13px; font-weight:bold; line-height:120%; color:#191919; padding-bottom:10px; display:block; width:178px; float:left; line-height:124%; }
#actualy_magazine_blog .front_news_box a.title:hover{color:#CC0000;}
#actualy_magazine_blog .front_news_box .text{float:left; width:178px;}
#actualy_magazine_blog .front_news_box .text p{color:#666; font-size:11px; line-height:130%;}


/* PROJECTS */

#projects{width:660px; background:none;}
#projects .title_box{ width:660px; height:30px;  
margin:-4px 0 10px -5px; padding:4px 0 0 5px; background:url(../../images/css_images/black-left_home.png) left top no-repeat;}
#projects .title_box_bg{background:#222;width:660px; height:30px;}
#projects .title_box p{padding:0 10px; text-transform:uppercase; font-size:16px; color:#FFFFFF; float:left;  line-height:30px; }
#projects .title_box a.all_project{text-transform:uppercase; text-decoration:none; font-size:12px; font-weight:bold; color:#FFFFFF; padding:0 17px 0 0; margin-right:10px; 
display:block; float:right;  line-height:30px; background:url(../../images/css_images/all_project.png) right top no-repeat;  }
#projects .title_box a.all_project:hover{background-position: right bottom; color:#CCCCCC;}
#projects h2.title a{font-size:19px; font-weight:bold; line-height:120%; color:#212121; display:block; margin-bottom:15px; text-decoration:none; }
#projects h2.title a:hover{color:#C00;}
#projects img{padding:4px; border:1px solid #CCC; background:#FFFFFF; float:left; margin-right:10px;}
#projects .text p{font-size:13px; line-height:120%; color:#666;}
#projects a.read_more{display:block; text-align:right; text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:bold; color:#212121; margin:10px 0 5px;
float:right; width:100%;}
#projects a.read_more:hover{color:#C00;}

/* vertical tabs */
#projects.ui-tabs-vertical .ui-tabs-nav { padding: 0px; float: left; width: 196px; background:none; border:none; border-radius:0px; }
#projects.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; height:30px; border: none; margin: 0 0 2px 0; border-radius:0px;
background:url(../../images/css_images/tab_project_bg.png) left top no-repeat; line-height:30px; }
#projects.ui-tabs-vertical .ui-tabs-nav li a { display:block; font-size:13px; font-weight:bold; width:auto; padding-left:5px; }
#projects.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {  margin:-4px 0 0 -5px; padding:4px 0 0 5px; border: none; 
background:url(../../images/css_images/tab_project_active.png) left top no-repeat;}
#projects.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{ color:#FFF; }
#projects.ui-tabs-vertical .ui-tabs-panel { padding: 10px; float: right; width: 440px;}