/* 
    Document   : tablet
    Description: Purpose of the stylesheet follows.
*/
#page {
	background: url(../../images/bg-body.gif) repeat-x 0 0;
}
.page-404 {
	background:none !important;
}
/* Header */
#header {
	position: relative;
}
#header-wrapper .container {
	padding-top: 5px;
}
.headline-block p {
	display: none;
}
.region-header {
	position: absolute;
	right: 0;
	top: 0;
}
#logo {
	margin-top: 40px;
	padding: 20px 0 5px;
	text-align: center;
	border-top: 1px solid #556A71;
}
 #header [class*="span"] {
 width: 100% !important;
}
/* sitename */
#name-and-slogan {
	padding: 70px 0 10px;
	text-align: center;
}
#name-and-slogan a:hover {
	color:#fff;
}
/* Main menu */
.responsive-menu-button, .tb-megamenu .btn-navbar {
	border: none;
	top: -35px;
	left: 0;
	height: 26px;
	overflow: hidden;
	display:block;
	text-indent: -9999em;
	width: 26px;
	position: absolute;
	background: url(../../images/icon-navigation.gif) 50% 50% no-repeat #0099cc;
	margin: 0;
}
#main-menu-wrapper {
	position: absolute;
	left: 0;
	top: 34px !important;
	z-index:100;
	width: 100%;
	color: #fff;
	width: 100%;
	margin: 0;
	background: #000;
}
#main-menu-wrapper .container {
	width: 100%;
	background: none;
}
#main-menu-wrapper ul.menu ul, #main-menu-wrapper ul.menu ul ul {
	background: none;
	position: static;
}
#main-menu-wrapper ul.menu li a {
	border-top: 1px solid #222;
}
#main-menu-wrapper ul.menu ul li {
	border-bottom: none;
}
/* Mega menu */
.tb-megamenu .btn-navbar:hover, .tb-megamenu .btn-navbar:focus {
	background-position: 50% 50%;
	background-color: #0099cc;
}
.tb-megamenu .nav-collapse {
	margin-top: 0;
	top: 0;
}
.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
	font-size: 13px;
	font-weight: normal;
}
.fixed-menu .tb-megamenu .nav > li {  background: none; }
.tb-megamenu .nav > li {
	background: none;
}
.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
	color: #c8c8c8;
}
.tb-megamenu .nav-collapse .nav > li.active > a {
	color: #fff;
}
.tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus {
	background-color: inherit;
	color: #fff;
}
.tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
	border-color: #222;
}
.tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus {
	background-color: #0099cc;
}
.tb-megamenu .view a {
	border: none !important;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle {
	border-color: #222;
}
.fixed-menu {
	position: static;
}
.fixed-menu .grid-inner {
	width: 100%;
}
.fixed-menu .region-main-menu {
	float: none;
}
/* Superfish menu */
#main-menu-wrapper .sf-menu.sf-style-default {
	float: none;
}
#main-menu-wrapper .sf-menu.sf-style-default li, #main-menu-wrapper .sf-menu.sf-style-default.sf-navbar, #main-menu-wrapper .content > ul.menu > li {
	background: none;
	float: none;
}
#main-menu-wrapper .sf-menu.sf-style-default a {
	border-top: 1px solid #333;
	border-left: 0;
	border-right: 0;
	padding: 9px 15px;
}
#main-menu-wrapper a > .sf-sub-indicator {
	top: 1.9em;
}
#main-menu-wrapper .sf-menu.sf-style-default li:hover, #main-menu-wrapper .sf-menu.sf-style-default li.sfHover, #main-menu-wrapper .sf-menu.sf-style-default a:focus, #main-menu-wrapper .sf-menu.sf-style-default a:hover, #main-menu-wrapper .sf-menu.sf-style-default a:active, #main-menu-wrapper ul.menu li:hover, #main-menu-wrapper ul.menu li a:focus, #main-menu-wrapper ul.menu li a:hover, #main-menu-wrapper ul.menu li a:active {
	background-color: inherit;
}
#main-menu-wrapper .sf-menu.sf-style-default li:hover ul, #main-menu-wrapper .sf-menu.sf-style-default li.sfHover ul {
	background: none;
	clear: both;
	margin: 0 0 15px;
	padding: 0;
	position: static;
	width: 100% !important;
}
#main-menu-wrapper .sf-menu.sf-style-default ul {
	background-color: none;
	border-left: 0;
	box-shadow: none;
	margin-top: 0;
	padding: 0 15px;
}
#main-menu-wrapper .sf-menu.sf-style-default li li {
	border-bottom: none;
}
#main-menu-wrapper .sf-menu.sf-style-default ul li a {
	padding: 0;
	border-bottom: 0;
	font-size: 100%;
	height: 30px;
	line-height: 30px;
	margin: 0 20px;
}
#main-menu-wrapper .sf-menu.sf-style-default li .active-trail, #main-menu-wrapper .sf-menu.sf-style-default li li, #main-menu-wrapper .sf-menu.sf-style-default li li li {
	background: none;
}
#main-menu-wrapper .sf-menu.sf-style-default ul li li a {
	border-top: 1px solid #333;
	margin: 0 20px;
}
/* Slideshow */
#slideshow-wrapper {
	margin: 0;
}
#slideshow-wrapper .views-slideshow-cycle-main-frame, #slideshow-wrapper .views-slideshow-cycle-main-frame-row {
	width: 100% !important;
}

/* View & Panel */
.panel [class*="span"] {
 width: auto;
}
.panel .panel-column {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
	float: none;
	margin-bottom: 20px;
}
.panel .panel-column:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
}
.views-view-grid.cols-4 .views-col {
	margin-bottom: 0;
	width: 50%;
}
.portfolio-content .views-view-grid.cols-4 .views-col {
	margin-bottom: 30px;
}
.content .field-items iframe {
	max-width: 100%;
}
#panel-second-wrapper .views-col.col-3 .col-inner {
	border-left: none;
}
#panel-second-wrapper .container {
	padding-bottom: 0;
}
#panel-fifth-wrapper .views-row {
	float: left;
	width: 50%;
}
#panel-fifth-wrapper .latest-comments .views-row {
	width: 100%;
}
.team-content .views-col .views-field-field-image img {
	width: 100%;
}
.our-clients .views-view-grid .col-3 .col-inner {
	border-left: none;
}
.our-clients .views-view-grid .views-row .views-col {
	margin-top: 0;
}
/* Main content */
#main-content {
	width: auto;
	float: none;
}
.front #main-content .grid-inner {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
#main-content .node, #main-content .views-view-grid .views-row {
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#main-title .container h1 {
	clear: both;
}
/*breadcrumb */
#breadcrumb-wrapper {
	float: left;
	margin-bottom: 20px;
}
/* Pager */
.item-list .pager {
	padding: 30px 0;
}
/* Sidebar */
.sidebar {
	width: auto;
	float: none;
}
#sidebar-first-wrapper .grid-inner {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
/* Footer */
#footer-wrapper .block {
	float:none;
	text-align: center;
	width: 100%;
}
#footer-wrapper .sf-menu, #footer-wrapper ul.menu {
	float: none;
	padding-top: 10px;
	text-align: center;
}
#footer-wrapper .sf-menu li, #footer-wrapper ul.menu li {
	display: inline-block;
	float: none;
	padding:  0 10px;
}
/* Skins */
.skin-blue .responsive-menu-button, .skin-blue .tb-megamenu .btn-navbar {
	background-color: #4480AC;
}
.skin-green .responsive-menu-button, .skin-green .tb-megamenu .btn-navbar {
	background-color: #52BF66;
}
.skin-red .responsive-menu-button, .skin-red .tb-megamenu .btn-navbar {
	background-color: #F96E5B;
}
.skin-yellow .responsive-menu-button, .skin-yellow .tb-megamenu .btn-navbar {
	background-color: #FFD600;
}
.skin-dark_green .responsive-menu-button, .skin-dark_green .tb-megamenu .btn-navbar {
	background-color: #6B7C45;
}
#change_skin_menu_wrapper {
	display: none;
}
.sidebar {
	margin-top: 20px;
}
#main-content .views-field-field-image .field-items, #main-content .field-type-image .field-items {
	float: none;
	margin-right: 0;
}
#main-content .views-view-grid.cols-2 .views-row .views-col {
	margin-bottom:20px;
}
.galleryformatter .gallery-thumbs {
	width: auto !important;
}
.galleryformatter .gallery-slides {
	padding: 0;
}
.galleryformatter .prev-slide {
	left: -1px;
}
.galleryformatter .next-slide {
	right: -1px;
}
.page-node.node-type-blog #main-content .field-name-field-image, .page-node.node-type-portfolio #main-content .field-type-image {
	float: none;
	margin-right: 0;
}
#main-content {
	margin-bottom: 15px;
}
#panel-second-wrapper .views-col, .services-content .views-col {
	margin-bottom: 30px;
}
#slideshow-wrapper .container {
	margin-left: 0;
	margin-right: 0;
}
#slideshow-wrapper .views-field-title {
	left: 50px !important;
}
#slideshow-wrapper .views-field-body {
	left: 50px !important;
}
#slideshow-wrapper .views-field-view-node {
	left: 50px !important;
}