@charset "UTF-8";
/*

Theme Name: Screen
Theme URI: http://www.theme-dutch.com
Description: Screen is a very flexible, powerful and professional full screen theme, designed in a typical Dutch style. Screen is designed for WordPress 3.6+ and takes full advantage of all amazing new features. You have full control over every major design element throughout your site and everything is extremely easy to customize. You'll find all the options you need, whether you want to edit your homepage content, add custom sidebars or change your column layout. Amongst Screen's key features are its impressive Grace slider with over 450 possible transition combinations and a super high end design slidedown menu. Of course Screen also comes with other options like Cufon font replacement and WordPress shortcodes to create great stuff like columns and tabs. Another fabulous feature is the quick and easy way to enter descriptions and keywords for SEO without installing an additional plug-in.
License: GNU GENERAL PUBLIC LICENSE, Version 2, June 1991
License URI: licensing/GPL.txt
Tags: white, black, three-columns, fixed-width, theme-options, custom-menu

Version: 2.1.3
Author: Theme Dutch
Author URI: http://www.theme-dutch.com/

01. GENERAL STYLES
02. WIDGETS
03. GRACE SLIDER
04. GALLERY
05. HEADINGS
06. MAIN CONTENT
07. GATEGORY
08. CONTACT
09. COMMENTS
10. TOPBAR
11. HEADER
12. MENU
13. FOOTER
14. BACKGROUND
15. SHORTCODES
16. BASIC WP BLOG STYLES
17. PULLQUOTES
18. FONT FACE SPECIAL FONTS
19. RESPONSIVE
20. WP 3.5 MEDIA UPLOADER
21. DRAGGABLE BOXES
22. IMAGE SLIDER

/* ________________________________________________________________________________________________________________
 										01. GENERAL SYLES
 ________________________________________________________________________________________________________________ */

* {
  margin:0;
  border:0;
}
:focus {
  outline:0;
}
html,
body {
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	line-height:18px;
	letter-spacing: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color:#222;
  line-height:normal;
}
h1 {
  font-size:24px;
  margin:0 0 10px 0;
}
h2 {
  font-size:20px;
}
h3 {
  font-size:18px;
}
h2,
h3 {
  margin:0 0 5px 0;
}
.floatfix {
  clear:both !important;
  height: 0px;
  overflow: hidden;
}
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.alignright {
  text-align:right;
}
.clear {
  clear:both;
}
.divider {
	background:transparent url(images/divider.png) scroll no-repeat center center; 
  	margin:20px 0 20px 0;
	height:15px;
  	width:100%;
}
.cp {
	cursor:pointer;
}
p { 
	color:#666;
	font-size:12px;
	line-height:18px;
	margin:0 0 25px 0; 
}
a { 
	color:#666; 
}
a:hover { 
	color:#222; 
}
ul { 
	font-size:12px; 
	list-style:none; 
	padding:0; 
}

img {
	border-style:none;
}
textarea { 
	background:#fff url('images/textarea-bg.png') repeat-x;
	border:#ccc solid 1px;
  -moz-border-radius:4px;
  border-radius:4px;  
	font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	font-size:11px;  
	width:300px; 
	height:100px; 
	padding:5px;
	margin-bottom:5px;
}
cite { 
	font-style:normal; 
}
input[type="text"],
input[type="password"] { 
	background:#fff url('images/input-bg.png') repeat-x;
	border:#ccc solid 1px;
	font-size:11px; 
	padding:7px 5px;
	margin-bottom:5px;
}
input[type="button"],
input[type="submit"],
.td-button,
a.td-button {
	border-top: 1px solid #666666;
   background: #242424;
   background: -webkit-gradient(linear, left top, left bottom, from(#545454), to(#242424));
   background: -webkit-linear-gradient(top, #545454, #242424);
   background: -moz-linear-gradient(top, #545454, #242424);
   background: -ms-linear-gradient(top, #545454, #242424);
   background: -o-linear-gradient(top, #545454, #242424);
   padding: 5px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #cccccc;
   text-decoration: none;
   cursor:pointer;
   display:inline-block;
   text-decoration:none;
	margin-bottom:5px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
.td-button:hover,
a.td-button:hover {
  border-top-color: #2d2e2e;
   background-color: #2d2e2e;
   color: #ffffff;
}
/* ________________________________________________________________________________________________________________
 										02. WIDGETS
 ________________________________________________________________________________________________________________ */

.widgets a {
  text-decoration:none;
}
.widgets h3 {
  color:#222;
  font-size:18px;
  font-weight:bold;
  margin:0 0 5px 0;
}
.widgets p {
  margin:0 0 4px 0;
}
.widgets ul {
  margin:0 0 20px 0;
}
.widgets ul li p {
  margin:0 0 10px 0;
}
.widgets ul li a:hover {
  color:#999;
}
#searchform {
  font-size:11px;
  margin:0 0 15px 0;
}
#topbar #searchform #s {
  	width:200px;
  	margin:0 0 0 7px;
	padding:2px 5px;
}
#topbar #searchform #searchsubmit {
	background:#eee;
	color:#222;
	padding:1px 5px;
	border:#bbb solid 1px;
	cursor:pointer;
}
#topbar #searchform #searchsubmit:hover {
	background:#222; 
	color:#eee; 
}
.widget {
  float:left;
	padding:0 11px 20px 11px;
	width:200px;
}
.textwidget {
	font-size:12px;
  line-height:16px;
  	margin:0 0 25px 0;
	width:100%;
}
.widget .textwidget {
  width:100%;
}
.textwidget p {
  margin:0 0 5px 0;
}
#wp-calendar {
  font-size:12px;
  margin:0 0 15px 0;
  text-align:center;
  width:100%;
}
#wp-calendar caption {
  background:#222;
  color:#fff;
  padding:8px 0;
}
#wp-calendar thead th {
  font-weight:normal;
}
#wp-calendar tbody td {
  background:#222;
  color:#fff;
  font-size:11px;
  padding:9px 11px;
}
#wp-calendar tbody td a {
  color:#eee;
}
#wp-calendar tbody td.pad {
  background:none;
}
#wp-calendar tbody td#today {
  background:#bbb;
  font-weight:bold;
}
#googlemaps-container {
  background:url('images/mapsshadow.png') left bottom no-repeat;
  margin:0 0 15px 0;
	padding:0 0 7px 0;
}
#googlemaps {
	border:#bbb solid 1px;
  top:0;
  left:0;
	position:relative;
  width:270px;
  height:150px;
}
.contactinfo,
.widgets .contactinfo {
	display:block;
  font-size:12px;
  letter-spacing:.75px;
	line-height:16px;
  margin:0 0 15px 0;
}
.postform {
  margin:0 0 20px 0;
}

/* ________________________________________________________________________________________________________________
 										03. GRACE SLIDER
 ________________________________________________________________________________________________________________ */

#grace { 
	background:url('images/fullshadow.png') left bottom no-repeat;
	margin-top:7px; 
}
#grace-mask { 
	background:url('images/content-bg.png');
	overflow:hidden;
	position:absolute;
}
#grace-holder {
	position:absolute;
}

#grace-holder video {
	-webkit-transform-style: preserve-3d;
}

/* ________________________________________________________________________________________________________________
 										04. GALLERY
 ________________________________________________________________________________________________________________ */

#gallery-holder {
  overflow:hidden;
  position:absolute;
  bottom:40px;
  width: 100%;
  left: 0;
  height:30px;
  z-index:5;  
}

#gallery {
  margin:0 auto;
  width:960px;
  position: relative;
  clear: both;
  overflow: hidden;
}

#gallery-main {
  background:url('images/gallery-bg.png');
  color:#fff;
  float:right;
  margin: 0 20px 0 0;
  padding:10px 20px;
  height:298px;
  width:318px;
}
#gallery-main .gallery-toggle {
	background:url('images/gallery-toggle.png') left 3px no-repeat;
	cursor:pointer;
	float:left;
	height:15px;
	width:20px;
}
#gallery-main .gallery-hide-all {
	background:url('images/gallery-fullscreen.png') left 3px no-repeat;
  	cursor:pointer;
  	float:left;
	height:15px;
	width:15px;
}
#gallery-main .gallery-slideshow {

	cursor:pointer;
	float:left;
	height:15px;
	width:50px;
	padding-left:20px;
	line-height: 15px;
}

#gallery-main .play{
	background:url('images/gallery-play.png') left 2px no-repeat;
}

#gallery-main .pause{
	background:url('images/gallery-pause.png') left 2px no-repeat;
}


#gallery-main .gallery-category {
  float:right;
  text-transform:uppercase;
  /*update to fix multiple lines*/
  float:none;
  text-align: right;
  height: 1.3em;
  overflow:hidden;
}
#gallery-main .gallery-category-position {
  float: right;
  line-height: 20px;
  padding-left: 20px;
}
#gallery-main .gallery-number-of-items {
  float:right;
  margin:5px 0 0 0;
  text-align:right;
}
#gallery-main .gallery-category-main {
  height: 20px;
  margin-top: 0;
}

#gallery-main .gallery-category-prev,
#gallery-main .gallery-category-next {
  background:url('images/gallery-scroll.png') 4px 3px no-repeat;
  height:20px;
  width:20px;
  display: inline-block;
}
#gallery-main .gallery-category-next {
  background:url('images/gallery-scroll.png') -24px 3px no-repeat;
}
#gallery-main .gallery-thumbnails-prev,
#gallery-main .gallery-thumbnails-next {
  background:#222 url('images/gallery-scroll.png') 4px 18px no-repeat;
  border:#fff solid 1px;
  cursor:pointer;
  float:left;
  margin:10px 0 20px 0;
  height:48px;
  width:20px;
}
#gallery-main .gallery-thumbnails-next {
  background:#222 url('images/gallery-scroll.png') -24px 18px no-repeat;
}
#gallery-main .gallery-thumbnails-prev:hover,
#gallery-main .gallery-thumbnails-next:hover {
  background-color:#444;
}
#gallery-main .gallery-thumbnails {
  float:left;
  overflow:hidden;
  margin:10px 4px 20px 4px;
  height:52px;
  width:265px;
}
#gallery-main .gallery-thumbnails .gallery-thumbnails-holder {
  position:relative;
  left:0;
  top:0;
  height:52px;
  width:9999px;
}
#gallery-main .gallery-thumbnails .gallery-thumbnails-holder img {
  border:#fff solid 1px;
  cursor:pointer;
  padding:0;
  margin:0;
}
#gallery-main h2 {
  color:#fff;
  font-size:16px;
}
#gallery-main p {
  color:#fff;
  margin:0;
}
#gallery-main a {
  color:#eee;
  text-decoration:none;
}
#gallery-main a:hover {
  color:#999;
}

/* ________________________________________________________________________________________________________________
 										05. HEADINGS
 ________________________________________________________________________________________________________________ */

#heading { 
	background:#222;
	  float:left;
	padding:20px;
	text-align:center;
	width:280px;
	clear:both;
	
}
#heading h1 {
	color:#fff;
	font-size:22px;
	letter-spacing:1px;
	line-height:26px;
	margin:0;
	text-transform:uppercase;
	padding:0;
}
#payoff {
  	background:#bbb;
  	float:left;
  	padding:20px;
  	width:600px;	
}
#payoff h2 {
	color:#fff;
	font-size:22px;
	letter-spacing:1px;
	line-height:26px;
	padding:0;
	margin:0;
}

/* ________________________________________________________________________________________________________________
 										06. MAIN CONTENT
 ________________________________________________________________________________________________________________ */

#container {
  margin:0 auto;
  padding:185px 0 0 0;
	width:960px;
}
#content, #blog-content  {
	background:url('images/content-bg.png');
	border:#ddd solid 1px;
	padding:9px;
	width:940px;   
}
/*#content img
{
	width:100%;
	height:auto;
}*/
.innerborder {
  border:#ddd solid 1px;
  padding:19px;
}
.td-breadcrumb,
.td-breadcrumb a {
  color:#bbb;
  font-size:10px;
  letter-spacing:.5px;
  height:40px;
  text-decoration:none;
  text-transform:uppercase;
}
.td-breadcrumb span {
  display:block;
  width:270px;
}
.breadcrumb a:hover {
  color:#222;
}
.sidebartop-l { 
	background:url('images/sidebar-tl.png') 290px bottom no-repeat; 
}
.sidebartop-r { 
	background:url('images/sidebar-tr.png') 564px bottom no-repeat; 
}
#content .two-thirds-left { 
	float:left;
	width:609px;
}

.sidebarmiddle {
	height: auto !important;
}

#content .two-thirds-left .sidebarmiddle {
	background:url('images/sidebar-mr.png') right top repeat-y;
	color:#666;
  	float:right;
	padding:0 20px 10px 0;
}
#content .two-thirds-left .sidebarbottom {
	background:url('images/sidebar-br.png') right top no-repeat;
  float:right;
	padding:0 0 0 0;
	height:40px;
	width:600px;
}
#content .one-third-right { 
	float:left;
	padding:0 0 1px 20px;
	width:270px;
}
#content .one-third-left { 
	float:left; 
	padding:0 20px 1px 0;
	width:270px;  
}
#content .two-thirds-right { 
	float:left;
	width:609px;
}
#content .two-thirds-right .sidebarmiddle { 
	background:url('images/sidebar-ml.png') left top repeat-y;
	color:#666;
  float:left;
	padding:0 0 1px 20px; 
}
#content .two-thirds-right .sidebarbottom { 
	background:url('images/sidebar-bl.png') left top no-repeat;
  float:left;
	padding:0 0 0 20px;
	height:40px;
	width:600px;
}
#content-s, #blog-content-s {
	background:url('images/fullshadow.png') left top no-repeat; 
	width:960px; 
	height:33px; 
}

/*.sidebarmiddle img {
  float:left;
	margin:0 15px 15px 0; 
	width:100%;
	height:auto;
}
*/
/* ________________________________________________________________________________________________________________
 										07. GATEGORY
 ________________________________________________________________________________________________________________ */

.blog h2 { 
	margin:0; 
}
.blog h2 a { 
	color:#222; 
	font-size:16px; 
	margin:0 0 5px 0; 
	text-decoration:none;
}
.blog h2 a:hover { 
	color:#999;
	text-decoration:none; 
}
.blogmeta, 
.blog .blogmeta a, 
.blogmeta a { 
	color:#666; 
	font-size:9px;
	text-align:left; 
	text-decoration:none; 
	text-transform:uppercase;
	margin-bottom:10px; 
}
.blogshadow1 { 
	background:url('images/blogshadow1.png') center top no-repeat; 
	height:23px;
	margin: 0px 0px 5px 0px; 
}
.blogshadow2 { 
	background:url('images/blogshadow2.png') center top no-repeat; 
	height:11px;
	margin:0px 0px 5px 0px; 
}
.blogshadow3 { 
	background:url('images/blogshadow3.png') center top no-repeat; 
	height:7px;
	margin:0px 0px 5px 0px; 
}
.blogshadow4 { 
	background:url('images/blogshadow4.png') center top no-repeat; 
	height:5px;
	margin:0px 0px 5px 0px; 
}
.blog p { 
	margin:0 0 10px 0; 
}
.blog a { 
	color:#444; 
	font-size:10px; 
	text-decoration:none; 
}
.blog a:hover, 
.blogmeta a:hover { 
	text-decoration:underline; 
}
.blog .readmore { 
	text-align:right; 
}
.blogdivider1 { 
	background:transparent url('images/blogdivider1.png') scroll no-repeat center bottom; 
	width:900px; 
	height:10px;
}
.blogdivider2 { 
	background:transparent url('images/blogdivider2.png') scroll no-repeat center bottom; 
	width:100%; 
	height:5px;
}
.blogdivider3 { 
	background:transparent url('images/blogdivider3.png') scroll no-repeat center bottom; 
	width:100%; 
	height:3px;
}
.blogdivider4 { 
	background:transparent url('images/blogdivider4.png') scroll no-repeat center bottom; 
	width:100%; 
	height:2px;
}
.hoverimg{
	margin: 0px;
}

a .hoverimg { 
  border: 0px;
	background:#fff;
	display:inline-block;
	height:100px;
	margin: 0px;
}
.blog .hoverimg:hover,
.hoverimg:hover,
a .hoverimg:hover { 
  text-decoration:none;
}
.postnavigation { 
	float:left;
	margin:10px 0 0 0;  
	padding:0 9px;
	width:430px;  
}
.postnavigation a {
	font-size:13px;
	text-decoration:none;
}
/* ________________________________________________________________________________________________________________
 										08. CONTACT
 ________________________________________________________________________________________________________________ */

#contactform {
	margin:0 0 15px 0;
	padding:1px 0 0 0;
}
#contact-error { 
	background:url("images/content-bg.png"); 
	border:#c00 solid 1px; 
	display:none;
	padding:5px; 
	margin:0 0 15px 0; 
}
#contact-message {  
	background:url("images/content-bg.png"); 
	border:#222 solid 1px; 
	margin:0 0 15px 0;
	padding:5px; 
}
.contact-row { 
	clear:both;
	float:left;  
	margin:0px 0px 5px 0px; 
}
.contact-label {
	float:left; 
	width:150px; 
}
.contact-field { 
	float:left; 
}
.contact-field input[type="radio"] { 
	margin:0 0 0 15px; 
}
.contact-field input[type="radio"]:first-child { 
	margin:0; 
}
/* ________________________________________________________________________________________________________________
 										09. COMMENTS
 ________________________________________________________________________________________________________________ */

#comments { 
	color:#222; 
	font-size:12px; 
	font-weight:bold; 
	margin:0 0 5px 10px; 
}
.commentlist { 
	list-style: none outside none;
    margin: 0;
}
.commentlist li {
	list-style-type:none;
	display:block;
    margin: 0 0 24px;
    padding: 0 0 30px 50px;
    position: relative;
}
.commentlist > li  {
	background:url('images/shadowsmall.png') left bottom repeat-x;
}
.commentlist .avatar {
    left: 0;
    position: absolute;
    top: 4px;
	width:auto !important;
	height:auto !important;
}
.commentlist .commentmetadata a{
	color:#9c9c9c;
	text-decoration:none; 
	font-size:smaller;
}
.children { 
	font-size:12px; 
	margin:0 0 0 10px; 
}
.commentlist a,
#respond a  {
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}
.comment-author { 
	color:#666;
}
.comment-author img { 
  margin:0;
}
.comment-author a { 
	color:#666;
	text-decoration:none;  
}
.reply a,
#respond a {
	color:#9c9c9c;
	text-decoration:none;
}
#respond h3 { 
  font-size:22px;
	margin:0;
	padding:20px 0 0 0;  
}
#respond form label { 
	display:block;
}
#respond form textarea { 
	display:block; 
}
#respond p {
	margin:10px 0;
}
.required {
	color:#970000;
}
/* ________________________________________________________________________________________________________________
 										10. TOPBAR
 ________________________________________________________________________________________________________________ */

#topbar-holder { 
	position:absolute; 
	top:-75px; 
	width:100%;
	z-index:1000;
}
#topbar { 
	background:url('images/topbar-bg.png') left bottom no-repeat;
	float:right;
	padding:30px 20px 15px 10px;
	text-align:right;
	width:450px;     
}
#sociables { 
	float:right;
	margin-right:10px;
}
#sociables a { 
	float:left; 
	margin:0 5px 0 0; 
}
#search { 
	float:right; 
}
#topbar #searchform {
  margin:0;
} 
#topbar #s {
	margin:0;
	padding:2px 5px; 
	width:200px; 
}
#search .submit {
	background:#eee;
	color:#222;
	padding:1px 5px;
	border:#bbb solid 1px; 
}
#search .submit:hover { 
	background:#222; 
	color:#eee; 
	padding:1px 5px; 
}
#grabber {
	background:url('images/grabber-bg.png') left -30px no-repeat;
	clear:both; 
	cursor:pointer;
	float:right; 
	width:80px; 
	height:30px; 
	margin:12px -10px 0 0;   
}
/* ________________________________________________________________________________________________________________
 										11. HEADER
 ________________________________________________________________________________________________________________ */

#header { 
	background:url('images/header-bg.png') repeat-x;
	height:40px;
	overflow:hidden; 
	padding:120px 0 0 0;   
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	z-index:5;
	display:inline-block;
}

#header-s { 
	background:url('images/shadow-b.png') repeat-x;
	height:10px;
	position:absolute; 
	top:160px; 
	left:0;
	width:100%;
}
#header-container {
	margin:0 auto;  
	width:960px; 
}
#logo-container { 
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	z-index:10;
}
#logo { 
	margin:0 auto; 
	padding:0 0 0 15px;
	width:945px;  
}
#logo a {
	text-decoration:none;
}
#logo p { 
	color:#eee; 
	font-size:30px;
	line-height:30px; 
	margin:35px 0 0 0; 
	text-align:left;
}
#logo span { 
	color:#eee;
	font-size:18px;
	line-height:18px;
	margin:5px 0 0 0;
	text-align:left;
}

#logo table td{
	vertical-align: middle;
	height: 110px;
}

/* ________________________________________________________________________________________________________________
 										12. MENU
 ________________________________________________________________________________________________________________ */

#header .menu { 
	margin: -8px 0 0 0; 
}
#header .menu ul { 
	list-style:none; 
	padding:0; 
}
#header .menu ul li { 
	background:url('images/menu-line.png') repeat-y;
	float:left;  
	position:relative;
}
#header .menu ul li:first-child { 
	background:none; 
}
#header .menu ul li a {
	color:#fff;
	display:block;
	font-size:16px;
	height: 34px;
	line-height: 16px;
	padding:13px 15px 0 15px;
	position:relative;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	z-index:5;
}
#header .menu ul li a .menu-subtitle {
	color:#999;
	display:block;  
	font-size:12px; 
	margin-top:-1px; 
	text-transform:none; 
	font-style: normal;
}

#header .menu ul li ul { 
	background:url('images/menu-line.png') repeat-y;
}
#header .menu ul li ul li { 
	background:none; 
	clear:both; 
	min-width:100px; 
}

#header .menu ul li ul{
	font-size:11px; 
	margin:0 !important;
}

#header .menu ul li ul li a { 
	font-size:11px;
	height:auto;
	letter-spacing:.75px;
	line-height:14px;
	margin:0;  
	padding:5px 15px;  
	text-transform:uppercase;  
}
.widgets .readmore {
  float:right;
  font-size:10px;
}
.widgets .readmore:hover {
  color:#999;
}
.widgets ul.menu {
  width:100%;
  margin:0 0 25px 0;
  padding: 0;
  list-style-type: none;
}
.widgets .widget ul.menu {
  width:200px;
  padding: 0;
  list-style-type: none;
}
.widgets ul.menu ul li a {
	color:#666;
	display:block;
	font-size:12px;
  font-weight:normal;
  height:auto;
	letter-spacing:0;
	line-height:normal;
	padding:0 0 0 10px;
	text-decoration:none;
	text-transform:none;
}
.widgets ul.menu ul li a:hover,
.widgets ul.menu li a:hover {
	color:#222;
}
.widgets ul.menu li a {
  color:#666;
	text-decoration:none;
}
.widgets ul.menu li {
	margin:5px 0;
}
.widgets ul.menu li a {
	border-bottom:#ddd solid 1px;
	display:block;
}
.widgets ul.menu ul li { 
	background:transparent url('images/icon-dot.png') 2px 2px no-repeat;
	float:none;
	padding:0 0 0 20px;
	margin:5px 0;
	list-style-type: none;
}
.widgets ul.menu ul.sub-menu {
  margin:0px 0px 5px 0px;
  padding:0 0 0 20px;
}
.form-allowed-tags {
	font-size:small;
	color:rgba(0,0,0,0.2)
}
/* ________________________________________________________________________________________________________________
 										13. FOOTER
 ________________________________________________________________________________________________________________ */

#footer-container { 
	background:url('images/footer-bg.png');
	width:100%;
	min-height:40px;
	position:fixed;  
	bottom:0;
	left:0;
	z-index:4;
}
#footer { 
	margin:0 auto; 
	width:960px; 
}
.footercopyright { 
	float:left; 
	padding:10px 0 5px 0;
}
.footermenu { 
	float:right; 
	padding:10px 0 5px 0;
}
.footermenu ul li {
	display:inline;
	width:auto; 
}
.footercopyright a, 
.footermenu a { 
	color:#fff;
	font-size:11px;
	display:inline-block;
	margin:0 10px;
	position:relative;
	text-decoration:none;  
	text-transform:uppercase;
	z-index:3;
}
.footercopyright a:hover, 
.footermenu a:hover { 
	color:#fff; 
}
#footer-s { 
	background:url('images/shadow-t.png') repeat-x;
	bottom:40px; 
	left:0;
	position:fixed; 
	width:100%;
	height:10px;
	z-index:4;
}
/* ________________________________________________________________________________________________________________
 										14. BACKGROUND
 ________________________________________________________________________________________________________________ */

#bgholder{
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	left:0;
	top:0;
	z-index:-1;
}

#bgholder img#bgimg{
	visibility: visible;
}
/* ________________________________________________________________________________________________________________
 										15. SHORTCODES
 ________________________________________________________________________________________________________________ */

.check-list,
.bullet-list,
.barcode-black-list,
.barcode-red-list,
.barcode-green-list,
.barcode-blue-list,
.barcode-orange-list,
.chat-black-list,
.chat-red-list,
.chat-green-list,
.chat-blue-list,
.chat-orange-list,
.check-black-list,
.check-red-list,
.check-green-list,
.check-blue-list,
.check-orange-list,
.link-black-list,
.link-red-list,
.link-green-list,
.link-blue-list,
.link-orange-list,
.map-black-list,
.map-red-list,
.map-green-list,
.map-blue-list,
.map-orange-list {
	list-style:none;
	margin:0 0 15px 10px;
	padding-left: 20px;
}
.check-list li{
	background:transparent url('images/icon-check.png') no-repeat;
	padding:0 0 3px 25px;
}
.bullet-list li{
	background:transparent url('images/icon-dot.png') 2px 1px no-repeat;
	padding:0 0 3px 25px;
}
/*barcode*/
.barcode-black-list li{
	background:transparent url('images/lists/icon-barcode-black.png') no-repeat;
	padding:0 0 3px 25px;
}

.barcode-red-list li{
	background:transparent url('images/lists/icon-barcode-red.png') no-repeat;
	padding:0 0 3px 25px;
}

.barcode-green-list li{
	background:transparent url('images/lists/icon-barcode-green.png') no-repeat;
	padding:0 0 3px 25px;
}

.barcode-blue-list li{
	background:transparent url('images/lists/icon-barcode-blue.png') no-repeat;
	padding:0 0 3px 25px;
}

.barcode-orange-list li{
	background:transparent url('images/lists/icon-barcode-orange.png') no-repeat;
	padding:0 0 3px 25px;
}
/*chat*/
.chat-black-list li{
	background:transparent url('images/lists/icon-chat-black.png') no-repeat;
	padding:0 0 3px 25px;
}

.chat-red-list li{
	background:transparent url('images/lists/icon-chat-red.png') no-repeat;
	padding:0 0 3px 25px;
}

.chat-green-list li{
	background:transparent url('images/lists/icon-chat-green.png') no-repeat;
	padding:0 0 3px 25px;
}

.chat-blue-list li{
	background:transparent url('images/lists/icon-chat-blue.png') no-repeat;
	padding:0 0 3px 25px;
}

.chat-orange-list li{
	background:transparent url('images/lists/icon-chat-orange.png') no-repeat;
	padding:0 0 3px 25px;
}
/*check*/
.check-black-list li{
	background:transparent url('images/lists/icon-check-black.png') no-repeat;
	padding:0 0 3px 25px;
}

.check-red-list li{
	background:transparent url('images/lists/icon-check-red.png') no-repeat;
	padding:0 0 3px 25px;
}

.check-green-list li{
	background:transparent url('images/lists/icon-check-green.png') no-repeat;
	padding:0 0 3px 25px;
}

.check-blue-list li{
	background:transparent url('images/lists/icon-check-blue.png') no-repeat;
	padding:0 0 3px 25px;
}

.check-orange-list li{
	background:transparent url('images/lists/icon-check-orange.png') no-repeat;
	padding:0 0 3px 25px;
}
/*link*/
.link-black-list li{
	background:transparent url('images/lists/icon-link-black.png') no-repeat;
	padding:0 0 3px 25px;
}

.link-red-list li{
	background:transparent url('images/lists/icon-link-red.png') no-repeat;
	padding:0 0 3px 25px;
}

.link-green-list li{
	background:transparent url('images/lists/icon-link-green.png') no-repeat;
	padding:0 0 3px 25px;
}

.link-blue-list li{
	background:transparent url('images/lists/icon-link-blue.png') no-repeat;
	padding:0 0 3px 25px;
}

.link-orange-list li{
	background:transparent url('images/lists/icon-link-orange.png') no-repeat;
	padding:0 0 3px 25px;
}
/*maps*/
.map-black-list li{
	background:transparent url('images/lists/icon-map-black.png') no-repeat;
	padding:0 0 3px 25px;
}

.map-red-list li{
	background:transparent url('images/lists/icon-map-red.png') no-repeat;
	padding:0 0 3px 25px;
}

.map-green-list li{
	background:transparent url('images/lists/icon-map-green.png') no-repeat;
	padding:0 0 3px 25px;
}

.map-blue-list li{
	background:transparent url('images/lists/icon-map-blue.png') no-repeat;
	padding:0 0 3px 25px;
}

.map-orange-list li{
	background:transparent url('images/lists/icon-map-orange.png') no-repeat;
	padding:0 0 3px 25px;
}

.one-half{ 
	width:48%; 
}

.one-third{ 
	width:30.66%; 
}

.two-third{ 
	width:65.33%; 
}

.one-fourth {
	width: 22%;
}

.one-fifth {
	width: 16.8%;
}

.one-sixth {
	width: 13.3333%;
}

.one-half,
.one-third,
.two-third,
.one-fourth,
.one-fifth,
.one-sixth {  
	float:left;
	margin:0 4% 15px 0;
	position:relative;  
}
.one-half img,
.one-third img,
.two-third img,
.one-fourth img,
.one-fifth img,
.one-sixth img {
	width:100%;
	height:auto;
}
.last { 
	clear:right; 
	margin-right:0 !important; 
}
.toggle {
	background:url('images/toggle-sprite.png') left 6px no-repeat;
	font-size:16px;
	line-height:30px;
	padding:0 0 0 25px;
	position:relative;
}
.toggle a {
	color:inherit;
	display: block;
	text-decoration: none;
}
.active {
	background:url('images/toggle-sprite.png') -25px -19px no-repeat;
}
.toggle-content {
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;
}
.toggle-frame{
  background:#fff;
  border:#eee solid 1px;
	padding:0 20px;
}
.toggle-frame .toggle-content{
	border:0;
	padding:0px;
}
.toggle-frame .toggle {
	background:url('images/toggle-sprite.png') left 6px no-repeat;
}
.toggle-frame .active {
	background:url('images/toggle-sprite.png') -25px -19px no-repeat;
}
ul.tabs {
	clear:left;
	height:30px;
	margin:0;
	padding:0;
}
ul.tabs li {
	float:left;
	list-style-type:none; 
	margin:0;
	padding:0; 
}
ul.tabs a { 
	display:block;
	border-bottom:none;
	float:left;
	font-size:10px;
	height:18px;
	letter-spacing:.75px;	
	margin:0 3px 0 0;
	padding:5px 15px;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	top:1px;
}
ul.tabs a.current{
	cursor:default;
}
.tab-content{
	display:none;
	overflow:hidden;
	padding:10px 15px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}
.framed-tab-set ul.tabs {
	border-bottom:1px solid #bbb;
}
.framed-tab-set ul.tabs a { 
	background:#fff;
	border:1px solid #bbb;
	color:#222;
}
.framed-tab-set ul.tabs a:hover {
	color:#999;
}
.framed-tab-set ul.tabs a.current {
	border-bottom:1px solid #fff;
	color:#222;	
}
.framed-tab-set .tab-content{
	background:#fff;
	border:1px solid #bbb;
	border-top:none;
}
.framed-tab-set{
	margin:0 0 20px 0;
}
.contact-widget-name,
.contact-widget-address,
.contact-widget-city,
.contact-widget-phone,
.contact-widget-email{
	padding-left:25px;
}
.contact-widget-name {
	background:url('images/icon-address.png') no-repeat;
	line-height:15px;
}
.contact-widget-phone {
	background:url('images/icon-phone.png') no-repeat;
	line-height:15px;
}
.contact-widget-email {
	background:url('images/icon-email.png') left 2px no-repeat;
	line-height:15px;
}
.widgets .contact-widget-email {
	background:url('images/icon-email.png') left 1px no-repeat;
	line-height:15px;
}
.contact-widget-email a {
  text-decoration:none;
}
.dropcap1{
	background:url('images/dropcap1.png') no-repeat;
	color:#fff;
	float:left;
	font-size:28px;
	height:50px;
	line-height:52px;
	margin:0 5px 0 0;
	text-align:center;
	text-shadow:1px 1px #222;
	width:50px;
}
.dropcap2 {
	display:block;
	float:left;
	font-size:36px;
	line-height:36px;
	margin:0 5px 0 0;
}
.dropcap3 {
	background:url('images/dropcap3.png') no-repeat;
	color:#fff;
	float:left;
	font-size:18px;
	height:35px;
	line-height:35px;
	margin:0 5px 0 0;
	text-align:center;
	text-shadow:1px 1px #222;
	width:35px;
}
.pullquote-left{
	background:url('images/quotes-left.png') left top no-repeat;
	display:block;
	font-size:13px;
	line-height:20px;
	margin:0 0 10px 0;
	padding:0 0 0 55px;
}
.pullquote-right {
  background:url('images/quotes-right.png') right top no-repeat;
	font-size:13px;
	display:block;
	line-height:20px;
	margin:0 0 10px 0;
	padding:0 55px 0 0;
}

a.download-link {
	background:url('images/icon-download.png') left 1px no-repeat;
	line-height:15px;
	padding:0 0 0 20px;
	text-decoration:none;
}
a.email-link {
	background:url('images/icon-email.png') left 2px no-repeat;
	padding:0 0 0 25px;
	text-decoration:none;
}
a.td-link{
	background:url('images/icon-link.png') left 2px no-repeat;
	padding:0 0 0 18px;
	text-decoration:none;
}
.td-header span{
	background-color:#999;
}
.td-titled-box {
  margin:0 0 20px 0;
}
h4.td-titled-box-header{
	background:#fff;
  border:1px solid #bbb;
	font-size:10px;
	font-weight:normal;
	letter-spacing:.75px;
	margin:0;
	padding:4px 5px 2px 15px;
	text-transform:uppercase;
}
.td-titled-box-content{
  background:#fff;
  border:1px solid #bbb;
  border-top:none;
	padding:10px 15px 15px 15px;
}
.box{
	color:#222;
}
.box-content{
  background:#fff;
	border:1px solid #bbb;
	border-top:none;
	margin:0;
	padding:15px;
}
h6.box-header{
	background:url('images/header-sprite.png') right -45px no-repeat;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	letter-spacing:.75px;
	line-height:10px;
	padding:0 15px 0 0;
	text-transform:uppercase;
	text-shadow:1px 1px #222;
}
h6.box-header span{
	background:url('images/header-sprite.png') no-repeat;
	display:block;
	padding:13px 0 12px 15px;
}
.download-box{
	background:#dee3ab url('images/bg-download.png') 10px 15px no-repeat;
	border:1px solid #a3c159;
	clear:both;
	color:#5e6f33;
	margin:0 0 20px 0;
	padding:15px 15px 15px 50px;
}
.info-box{
	background:#bfe4f9 url('images/bg-info.png') 10px 15px no-repeat;
	border:1px solid #68a2cf;
	clear:both;
	color:#2e6093;
	margin:0 0 20px 0;
	padding:15px 15px 15px 50px;
}

/* ________________________________________________________________________________________________________________
 										16. BASIC WP BLOG STYLES
 ________________________________________________________________________________________________________________ */

/* Images */
.entry-content img {
  margin:0 0 1.5em 0;
}

.alignleft,
img.alignleft {
  display:inline;
  float:left;
  margin-right:1.5em;
}

.alignright,
img.alignright {
  display:inline;
  float:right;
  margin-left:1.5em;
}

.aligncenter,
img.aligncenter {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.wp-caption {
  text-align:center;
  margin-bottom:1.5em;
}

.wp-caption img {
  border:0 none;
  margin:0;
  padding:0;
}

.wp-caption p.wp-caption-text {
  margin:0;
}

.wp-smiley {
  max-height:1em;
  margin:0 !important;
}

.gallery dl {
  margin:0;
}

.gallery-caption {
  margin:-1.5em 0 0 0;
}

/* ________________________________________________________________________________________________________________
 										17. PULLQUOTES
 ________________________________________________________________________________________________________________ */

blockquote.left {
  float:left;
  margin-left:0;
  margin-right:20px;
  text-align:right;
  width:33%;
}

blockquote.right {
  float:right;
  margin-left:20px;
  margin-right:0;
  text-align:left;
  width:33%;
}


/* ________________________________________________________________________________________________________________
 										18. FONT FACE SPECIAL FONTS
 ________________________________________________________________________________________________________________ */
 
#logo p,#logo span,#footer a,h1,h2,h3, .menu > ul > li > a, h2, .postnavigation a, #header-container .menu > ul > li > a, #footer a, #gallery-main h2, #grace-textoverlay strong,
div.css3splitmenu > a

{
	font-family: specialFont;
}

/* ----------------------------------- Version 2.0 Additional Styles ------------------------------------ */
.gbl-container-outsyd
{
	padding:0 1%;
	position:relative;
	z-index:2;
}
.content-toppnl
{
	margin-top:10px;
	float:left;
	width:100%;
}
.footer-pnloutsyd
{
	padding:0 1%;
}
#video-pnl
{
	position:relative;
	float:left;
	width:100%;
	background: url("images/fullshadow.png") no-repeat scroll center bottom transparent;
	padding-bottom:25px;
}
#video-pnl iframe,
#video-pnl object,
#video-pnl embed
{
	top:0;
	left:0;
	width:100%;
	min-height:450px;
}
.galleria-container
{
	width:100%;
	height:400px;
}
.content-topblk
{
	width:100%;
	height:40px;
	margin-top:-40px;
}
.topbar-pnlout
{
	padding:0 1%;
}
.topbar-pnlin
{
	width:960px;
	margin:0 auto;
}
.menuresp-out
{
	padding:0 1%;
}
div.css3splitmenu 
{
	width:100%;
    position: relative;
    display: inline-block;
}

div.css3splitmenu > a, div.css3splitmenu > a:after { /* style main button plus split menu toggler */
    position: relative;
    text-decoration: none;
    display: block;
	color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 27px;
	text-align:right;
	padding-right:40px;
	text-transform:uppercase;
	background:transparent url(images/bg-mainmenu.png) scroll no-repeat right top;
	padding-top:7px;
}
div.nocss3splitmenu > a:after 
{ /* if this class is defined on a button, hide split menu toggler */
	display: none;
}
div.css3splitmenu > input[type=checkbox] { /* style input control that will act as actual toggler control */
    position: absolute;
	width:100%;
    top: 0;
    opacity: 0; /* make it invisible yet still respond to mouse events */
    height: 100%;
    cursor: pointer;
	 opacity:0;
  	filter:alpha(opacity=0);
}
div.css3splitmenu > ul { /* style drop menu UL */
    position: absolute;
	-moz-transform: scaleY(10) translateY(20px);
	-ms-transform: scaleY(100) translateY(20px);
	-webkit-transform: scaleY(100) translateY(20px);
	transform: scaleY(100) translateY(20px);
	-moz-transform-origin: top;
	-webkit-transform-origin: top;
	transform-origin: top;
    opacity: 0;
    background: url("images/bg-transblack.png") repeat scroll 0 0 transparent;
    min-width: 170px; /* minimum width of menu */
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-transition: all 0.2s ease-in-out 0.2s;  /* CSS3 transition of UL state. Last 0.2s specifies delay before animation for default state */
	-ms-transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
	color:#FFF;
	display:none;
	z-index:1000;
    }

div.css3splitmenu > input[type=checkbox]:checked ~ ul { /* UL style when user clicks on input menu toggler */
	z-index: 1000;
   	opacity: 1;
	-moz-transform: scaleY(1) translateY(40px);
	-ms-transform: scaleY(1) translateY(40px);
	-webkit-transform: scaleY(1) translateY(40px);
	transform: scaleY(1) translateY(40px);
    -moz-transition-delay: 10; /* Set transition delay for "focus" state to 0 */
    -ms-transition-delay: 10;
    -webkit-transition-delay: 10;
    transition-delay: 10;
	display:block;
}
div.css3splitmenu > ul li a { /* style each link within drop down menu */
    display: block;
    padding: 7px 20px;
    text-decoration: none;
	font-size:14px;
	color:#FFF;
}
div.css3splitmenu > ul li a i
{
	padding-left:20px;
	color:#999;
	display:inline-block;
}
div.css3splitmenu > ul li a:hover {
	text-decoration:none;
    background-color:#000;;
}

div.css3splitmenu > ul:before { /* outer arrow of drop down menu (black) */
    display: block;
    position: absolute;
    top: -14px; /*should be set to -border-width x 2 */
    left: 30px;
    }

div.css3splitmenu > ul:after { /* inner arrow (white), so the two arrows overlap, forming a bordered arrow */
    display: block;
    position: absolute;
    top: -12px; /*should be set to -border-width x 2 */
    left: 31px;
    border-style: solid;
    border-width: 6px;
    }
div.css3splitmenu  ul li ul li a { /* style each link within drop down menu */
	text-indent:30px;
    }

.menuresp
{
	background: url("images/header-bg.png") repeat-x scroll 0 0 transparent;
    display: inline-block;
    min-height: 40px;
    left: 0;
    padding: 120px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
	display:none;
}
div#search input
{
	vertical-align:middle;
}
.main-sliderblk
{
	width:100%;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(temp/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(temp/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(temp/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.contentslider
{
	background: url("images/fullshadow.png") no-repeat scroll left bottom transparent;
    padding-bottom: 20px;
}
.ib-top{
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    height: 40px;
}
.ib-top h1{
    color: #333;
    font-size: 20px;
    line-height: normal;
    padding: 0 10px;
}
.ib-top h1 span{
    color: #555;
    font-size: 12px;
}
.ib-main-wrapper{
    width: 100%;
    overflow: hidden;
    outline: none;
	padding-top:160px;
	background-color:#000;
	position:relative;
	z-index:3;
    /*height dynamic*/
}
.ib-main{
    position: relative;
    width: 2750px;
}
.ib-main > div{
    float: left;
    width: 250px;
    height: 250px;
    position: relative;
    overflow: hidden;
   /*margin: 0px 0px 2px 2px;*/
    cursor: move;
    background: #fff url(images/thumb_bg.jpg) no-repeat center center;
    background-size: 110% 110%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main > div.clr
{
	display:none;
}

.ib-main > div.ib-loading,
.ib-main > div.ib-loading:hover{
    background: #fff url(images/ajax-loader.gif) no-repeat center center;
    background-size: 31px 31px;
}
.ib-main > div.ib-loading img,
.ib-main > div.ib-loading:hover img{
    opacity: 0.5;
}
.ib-main > div.ib-loading > span,
.ib-main > div .ib-loading > span{
    display: none;
}
.ib-main > div img{
    opacity: 0.95;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main > div > span{
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 11px;
    /*bottom: -20px;*/
    left: 0px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-main > div:hover > span{
    bottom: 0px;
}
.ib-main > div:hover img{
    opacity: 0.8;
}
.ib-main > div:hover{
    background-size: 100% 100%;
}
.ib-content{
    background: #f9f9f9;
}
.ib-content .ib-teaser{
    text-align: center;
	background-color:#CCC;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ib-content .ib-teaser:hover
{
	background-color:#999;
}
.ib-teaser h2{
    color: #fff;
    font-size: 26px;
    line-height: normal;
    padding-top: 40%;
    text-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.ib-teaser h2 span{
    text-transform: none;
    font-size: 16px;
    font-family: Georgia, serif;
    font-style: italic;
    display: block;
}
.ib-content-preview{
    position: absolute;
    top: 44px;
    left: 0px;
    background:#fff;
    width: 100%;
    height: 630px; /*dynamic*/
    display: none;
	color:#000;;
	z-index:4;
}
.ib-content-preview .ib-teaser h2{
    font-size: 50px;
    padding: 170px 40px 20px 40px;
}
.ib-content:hover,
.ib-teaser h2:hover{
	text-decoration:none !important;
}
.ib-content
{
    background: #f9f9f9;
}
.ib-content-preview .ib-teaser span{
    padding: 20px 0px 0px 5px;
    font-size: 22px;
}
.ib-content-full{
    text-transform: none;
    line-height: 26px;
    padding: 0px 40px;
    border-top: 1px solid #333;
    /*padding: 20px 0px;*/
	font-size: 16px;
	padding-bottom:60px;
	background-color:#fff;
	color:#000;
}
.ib-content-full br
{
	clear:both;
}
.ib-content-full a
{
	font-size:12px;
}
.ib-teaser h2
{
	color:#000;
}
.ib-content-full div.ib-content-nsyd
{
	display:block;
	padding-bottom:50px;
	overflow-x:hidden;
}
.ib-content-full p{
	padding: 5px 0px;
}
.ib-content-full a.td-button
{
	color:#FFF;
	
}
.ib-preview{
    overflow: hidden;
    position: absolute;
    top: 40px;
    display: none;
	z-index:9999;
}
#ib-img-preview
{
	background-color:#000;
}
.ib-preview-descr{
    position: absolute;
    bottom: 30px;
    left: 10px;
    z-index: 999;
	bottom:100px;
    font-size: 50px;
    text-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	background-color:#fff;
	padding:30px;
}
.ib-preview img{
	position: absolute;
}
.ib-preview .ib-nav span{
	-moz-opacity: 0.05;
	-khtml-opacity: 0.05;
	opacity: 0.05;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=5);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=5);
	filter:alpha(opacity=5);

	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.ib-preview:hover .ib-nav span{
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	filter:alpha(opacity=95);

	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	-ms-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}
.ib-nav span{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -43px;
	cursor: pointer;
    text-indent: -9000px;
	opacity: 0.7;
	z-index: 999;
    background: transparent url(images/arrow-right-normal.png) no-repeat top right;
	right: 10px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ib-nav span.ib-nav-prev{
    background: transparent url(images/arrow-left-normal.png) no-repeat top right;
	left: 10px;
    right: auto;
}
.ib-close{
	top: 160px;
	right: 0px;
	background: transparent url(images/close-normal.png) no-repeat center center;
	position: absolute;
	width: 80px;
	height: 80px;
	cursor: pointer;
	opacity: 0.9;
	z-index: 777;
    text-indent: -9000px;
}
.ib-nav span:hover, .ib-close:hover{
	opacity: 1;
}
.ib-loading-large{
    text-indent: -9000px;
    width: 60px;
    height: 60px;
    background: #fff url(images/ajax-loader.gif) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    z-index: 999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    opacity: 0.9;
}

#gbl-container
{
	width:100%;
	position:relative;
	z-index:3;
}
.lb-close
{
	display:inline-block;
    background-image: url(images/close.png);
	width:27px;
	height:27px;
	background-repeat:no-repeat;
}
.lb-loader a
{
	display:inline-block;
    background-image: url(images/loading-bw.gif);
	width:32px;
	height:32px;
	background-repeat:no-repeat;
}
.galleria-blk
{
	height: auto;
    margin: 0 auto;
    width: auto;
}
.galleria-blk > div
{
	height:auto;
}
.widgets #searchform label {
	display:block;
}
.widgets #searchform #s {
	width:180px;
	margin-left:0;
}
.widgets #searchform input {
	vertical-align:top;
}
.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
	display: none;
}
.bypostauthor > .comment-body .fn:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}


@media handheld, only screen and (max-width: 960px) {
	#container,
	#gallery
	{
		width:auto;
	}
	#content
	{
		width:auto;
		padding:1%;
	}
	#heading
	{
		width:23%;
		padding:1%;
		height:auto;
	}
	#payoff
	{
		width:73%;
		padding:1%;
		height:auto;
	}
	.innerborder
	{
		padding:2%;
	}
	#content .two-thirds-left,
	#content .two-thirds-right 
	{
		width:66%;
	}
	#content .one-third-right,
	#content .one-third-left
	{
		width:32%;
		padding-left:2%;
	}
	#content .one-third-left
	{
		padding-right:2%;
		padding-left:0px;
	}
	#footer
	{
		padding: 0;
    	width:100%;
	}
	#footer-container
	{
		min-height:40px;
		height:auto;
	}
	#content-s, #blog-content-s
	{
		height:10px;
		background-position:center -15px;
		width:100%;
	}
	.one-half img
	{
		width:100%;
		padding:0;
		margin:0;
		height:auto;
	}
	.sidebartop-r
	{
		background-position:right top;
		margin-right:34%;
		width:66%;
	}
	.sidebartop-l
	{
		background-position:left top;
		margin-left:34%;
		width:66%;
	}
	#video-pnl
	{
		background-position:center bottom;
	    padding-bottom: 15px;
	}
	#video-pnl iframe,
	#video-pnl object,
	#video-pnl embed
	{
		top:0;
		left:0;
		width:100%;
		min-height:400px;
	}
	.blogshadow2
	{
		height:7px;
		background-position:center bottom;
	}
	.menuresp
	{
		display:block;
	}
	#header
	{
		display:none;
	}
	.topbar-pnlin
	{
		width:auto;
	}
	#wp-calendar tbody td {
		padding: 3px 5px;
	}

}
@media handheld, only screen and (max-width: 560px) {
/*	#footer-container
	{
		position:relative;
		float:left;
	}
	#footer-s
	{
		position:relative;
		bottom:0;
	}
*/
	.footermenu 
	{
		width:100%;
		text-align:center;
	}
	.footercopyright
	{
		width:100%;
		text-align:center;
	}
	#video-pnl iframe,
	#video-pnl object,
	#video-pnl embed
	{
		top:0;
		left:0;
		width:100%;
		min-height:300px;
	}
	#video-pnl
	{
		background-position:center bottom;
	    padding-bottom: 10px;
	}
	.contact-row
	{
		width:100%;
	}
	.contact-field
	{
		width:100%;
	}
	textarea 
	{
		width:90%;
		
	}
	input[type="text"], 
	input[type="password"] 
	{
		width:90% !important;
	}
	ul
	{
		margin-left:0px !important;
		padding-left:0px !important;
	}
	#topbar 
	{
		width:280px;
		background-position:right bottom;
		
	}
	#sociables
	{
		width:100%;
		text-align:center;
		padding-bottom:5px;
	}
	#sociables a
	{
		float:none;
		display:inline-block;
	}
	div#search
	{
		width:100%;
	}
	#gallery-main
	{
		margin:0;
	}
	#wp-calendar tbody td {
		padding: 2px 3px;
	}

}
@media handheld, only screen and (max-width: 460px) 
{
	.one-half,
	.one-third, 
	.two-third, 
	.one-fourth, 
	.one-fifth, 
	.one-sixth 
	{
		margin: 0;
		width:100%;
	}
	.widget
	{
		width:auto;
	}
	#wp-calendar tbody td {
		padding: 0px 0px;
	}

	
}

@media handheld, only screen and (max-width: 360px) 
{
	#video-pnl iframe,
	#video-pnl object,
	#video-pnl embed
	{
		top:0;
		left:0;
		width:100%;
		min-height:200px;
	}
	#wp-calendar tbody td {
		font-size:9px;
	}
	
}