/*
Title:   Main Template Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas  */

/* BODY FONT - Applies to everything */
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #535353;
	background:url(./bgsharjamedia.jpg) no-repeat;
}
h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
}


.caca { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }



ul.list-style1,
ul.list-style2 {margin-left:0;}
ul.list-style1 li,
ul.list-style2 li { list-style:none; background:url(../images/list-style1.png) no-repeat 2px 8px; padding-left: 15px; margin-bottom: 4px;}



section#content { margin-top:20px; }


/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title,
.hg-portfolio-sortable h4.title {font-weight:bold;}

.hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 10px; font-weight:bold; text-transform: uppercase; padding: 8px 10px; background: #eee; color:#888; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.hg-portfolio-sortable #sort-direction {margin-right:0 !important;}
.hg-portfolio-sortable #sorting ul li {float:left; margin-left:25px; line-height:1; margin-bottom:0;}
.hg-portfolio-sortable #sorting ul li a {color: #595959; line-height:1;}
.hg-portfolio-sortable #sorting ul li a.selected {text-decoration:underline;}

.hg-portfolio-sortable #sorting .sortTitle {line-height:1;}

.hg-portfolio-sortable #portfolio-nav {margin:0px 0 5px; padding:0; list-style:none; float: left;}
.hg-portfolio-sortable #portfolio-nav li {float:left; margin-left:5px;}
.hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;}
.hg-portfolio-sortable #portfolio-nav li a {  background: #eee; color: #888; padding:6px 25px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 5px; display:inline-block; margin-right:0; }
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.ssm a {background: #198b66; color:#fff;}

.hg-portfolio-sortable ul#thumbs {margin:0 0 0 -0px; padding:0; list-style:none; left: 35px;}
.hg-portfolio-sortable ul#thumbs li {float:center; width:200px; margin: 10px -0px 5px 0px; position:relative;}
.hg-portfolio-sortable ul#thumbs li .inner-item { padding: 0px ; border: 1px solid #ddd; background: #fff;  -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity:0.9; filter:alpha(opacity=90);}

.hg-portfolio-sortable ul#thumbs li .inner-item:hover {-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.100);box-shadow:0 0 12px rgba(0, 0, 0, 0.5); opacity:1; filter:alpha(opacity=100);}
.hg-portfolio-sortable ul#thumbs li .inner-item h4{ margin-top: 5px; display: block; line-height: 1; border-bottom: 1px dotted #ccc; font-size:14px; margin-bottom: 2px; font-weight:bold; padding:0 6px 10px; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0px 7px; display: block; margin-top: 5px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:8px;}
.hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;}
.hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;}