/*
* Photomin - Responsive HTML Template v 1.0
* Copyright 2012, ZERGE for themeforest.net
* www.color-theme.com
*
*
* Original Skeleton V1.1, Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/



/* ---------------------------------------------
			IMPORT SECTION
--------------------------------------------- */

/*@import url("base.css");     	/* Default Reset, Typography, Forms, etc. */ 
/*@import url("skeleton.css"); 	/* 960 Grid + Media Query Layouts */ 



/* #Site Styles
================================================== */
.colored-bg { background-color:#e30613;	} /**/
.btop-1px {border-top: 1px solid #e7e7e7; margin-top:1px;}
.bbottom-1px {border-bottom: 1px solid #e7e7e7; margin-bottom:1px;}
.bbottom-1px-title {border-bottom: 1px solid #e7e7e7; padding-bottom:10px;}
.divider-blog-1px { border-bottom: 1px dotted #e7e7e7; margin-top:36px; height: 1px;}
.divider-page-1px { border-bottom: 1px dotted #e7e7e7; margin-top:50px; margin-bottom:50px;  height: 1px;}
.divider-item-1px { border-bottom: 1px dotted #e7e7e7; margin-top:29px; margin-bottom: 3px; height: 1px;}
p.last { margin-bottom:0; }

.fullwidth { width: 100% !important; }

.transition-effect {
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}


/* ------------------------------------------------
				Icons
------------------------------------------------ */
[class^="icon-big-"], [class*=" icon-big-"], [class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	line-height: 25px;
	vertical-align: text-top;
	background-image: url('../images/icons/sprites.png');
	background-position: 0 -55px;
	background-repeat: no-repeat;
	margin-right: 5px;
}
[class^="icon-"], [class*=" icon-"] { width: 20px; height: 18px; }
[class^="icon-big"], [class*=" icon-big"] { width: 25px; height: 25px; }

.icon-big-lamp { background-position: 0 -55px; }
.icon-big-polaroid { background-position: -25px -55px; }
.icon-big-film { background-position: -50px -55px; }
.icon-big-lightbulb { background-position: -75px -55px; }
.icon-purchase { background-position: 0px -106px; }

.resize {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: url('../images/resize.png');
}

#topcontrol > div {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;
	bottom: 40px;
	cursor: pointer;
	height: 37px;
	position: absolute;
	right: 15px;
	width: 37px;
	-webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow: 2px 2px 0px 0#e2e4e4;
	box-shadow: 2px 2px 0px 0px #e2e4e4;	
	z-index:5;
}
.topcontrol-arrow-up {
	content: '';
	position: absolute;
	left: 11px;
	top: 15px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid white;
}
#top-panel {
	background-color:#F7F8F7;
	border-bottom: 5px solid #e30613;
	position:relative;
	width:100%;
}
#top-panel .panel { display:none; padding:16px 0 30px 0; }
#top-panel .toggle {
	bottom:-30px;
	cursor:pointer;
	height:25px;	
	position:absolute;
	right:30px;
	width:37px;
	-webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow: 2px 2px 0px 0#e2e4e4;
	box-shadow: 2px 2px 0px 0px #e2e4e4;		
}
#top-panel .toggle a {
	content: '';
	position: absolute;
	left:11px;
	top: 9px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #FFF;
}
#top-panel .hide-panel a {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#top-panel .toggle:hover a { top: 10px; }
#top-panel .toggle.hide-panel:hover a { top: 8px; }
#contact-info { margin-bottom:0; }
#contact-info li { background-image:url('../images/icons/sprites.png'); background-repeat:no-repeat; display:block;  padding-left:25px;  float:left; }
#top-panel .phone {	background-position:0 -489px; }
#top-panel .location { background-position:0 -409px; }
#top-panel .email { background-position:0 -569px; }
#top-panel .skype { background-position:0 -649px; }

#top-panel h4 {	margin-bottom:17px;	font-size:18px; border-bottom: 1px solid #E7E7E7; line-height:46px }
#top-panel h6 {
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #E7E7E7;
	line-height: 30px;
}
#top-panel .location-map iframe { width:220px; height:200px;}
#top-panel .columns { position:relative; }

#slider-wrapper, #separator {
	background-color:#f7f8f7;
/*	border-style:double;
	border-top-width: 3px;
	border-bottom-width: 3px;*/
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;	
/*	height:400px;*/
	width:100%;
}

/******************* CTA BLOCK ****************/
#cta-block {
	padding:25px 0;
	text-align:center;
}
#cta-block h5 {	color:#898a8a; font-family: 'Quicksand', sans-serif; font-size: 20px; line-height: 30px; }

/******************* MENU ****************/
.fix-fish-menu { position:relative; z-index: 9000; }
#menu-wrapper { }
#menu {	float: right; background:#FFF; margin-top:40px; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { float: right; }
.sf-menu ul { position: absolute; top: -999em; text-align:left; }
.sf-menu ul li {
	-webkit-box-shadow:  2px 2px 0px 0px #fff;
	-moz-box-shadow:  2px 2px 0px 0px #fff;
	box-shadow:  2px 2px 0px 0px #fff;   
}

.sf-menu li:hover { 
	visibility:	inherit;
	border: 1px solid #cacbcb;
	-webkit-box-shadow:  2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow:  2px 2px 0px 0px #e2e4e4;
	box-shadow:  2px 2px 0px 0px #e2e4e4;
}
.sf-menu li {
	float: left;
	position: relative; 
	border: 1px solid #fff;
	-webkit-box-shadow:  2px 2px 0px 0px #fff;
	-moz-box-shadow:  2px 2px 0px 0px #fff;
	box-shadow:  2px 2px 0px 0px #fff;
	margin-right: 5px;
	margin-bottom: 20px;	
}

.sf-menu a { display:block; text-decoration: none; 	position:relative; 	text-decoration: none; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 35px; /* match top ul list item height */ z-index: 199; }
.sf-menu li a {	color: #999; padding: 5px 10px; text-decoration: none; }
.sf-menu li a:hover {  /*color:#bababa; */}
.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em;z-index: 9999; }
.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:14.7em; top:-1.7em;  }
.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; z-index:9999;}
.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 11.3em; top: 0;  }

ul.sf-menu li a:hover { color:#4d4c4c; text-decoration: none; }
ul.sf-menu li.active a { color:#4d4c4c!important; }
ul.sf-menu li.active { border: 1px solid #cacbcb; -webkit-box-shadow:  2px 2px 0px 0px #e2e4e4; -moz-box-shadow:  2px 2px 0px 0px #e2e4e4; box-shadow:  2px 2px 0px 0px #e2e4e4; }
.sf-menu a, .sf-menu a:visited  { }
.sf-menu li ul li a {
	font-size: 11px !important; 
	text-transform:capitalize !important;
	width:140px;
}
.sf-menu li ul li {
}

.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	outline: 0;	
	color:#4D4C4C !important;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
}

.sf-menu li ul li {
	background-color:white;
	border: 1px solid #CACBCB;
	-webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
	-moz-box-shadow: 2px 2px 0px 0px #e2e4e4;
	box-shadow: 2px 2px 0px 0px #e2e4e4;	
	margin-bottom:4px;
	padding: 5px 10px;	
	width:140px;
}
.sf-menu li ul li ul { margin-left:25px; margin-top:15px;}

.sf-menu li ul li:hover, .sf-menu li:hover { background-color:#f5f5f5; }
.sf-menu li ul li, .sf-menu li {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.sf-menu li ul li a { font-size:11px; color:#868787; padding: 0px; }


.fix-fish-menu select {
	display: none;
	width:  100%;
	height: 28px;
	margin: 21px 0;
}

/******************* BOTTOM MENU ****************/
#secondary-nav { border-bottom: 1px solid #e7e7e7; position: relative;  }
#secondary-nav li {	float: left; list-style-type: none;	margin-left: 27px; }
#secondary-nav ul {	float:right; margin-bottom: 0px; }
#secondary-nav li a { color:#898a8a; text-decoration:none; }
#secondary-nav li a:hover { color:#333; }
.gray-dash-3px { border-bottom: 3px solid #b9b9b9; position:absolute; width:40px; height:3px; right: 0; bottom: -3px; }
#top-panel .gray-dash-3px { border-bottom: 3px solid #b9b9b9; position:absolute; width:40px; height:3px; right: 0; top: 27px; }


/******************* INFO BLOCK ****************/
#info-block { margin-top: 50px; }
#info-block ul { float: left; margin-bottom:0; }
#info-block ul li { float: left; margin-right: 20px; }
#info-block ul li > div { float: left; height: 100px; width: 295px; }
#info-block ul li h4 { font-size: 18px; line-height: 24px; margin-bottom: 0px; }
#info-block ul li p { padding-left: 0px; }

/******************* TESTIMONIALS ****************/
#testimonials-block { font-style:italic; }
#testimonials-block .content { float: left; }
#testimonials-block .content::before {
	background: url('../images/icons/sprites.png') 0 -395px no-repeat;
	content: '\0020';
	display: block;
	float: left;
	height: 14px;
	padding-right: 5px;
	position: relative;
	top: 3px;
	width: 18px;
}
#testimonials-block .content-author { float: left; width: 100%; }
#testimonials-block .content-author h4 a { text-decoration: none; color:#6A6A6A; }
#testimonials-block .content-author h4 { font-size: 12px; color:#6A6A6A; }
#testimonials-block .content-author h4::before { content: "— "; }
#testimonials-block .content-author  h4 span { display: block; font-size: 11px; line-height: 14px; text-indent: 15px; }


/******************* LATEST PROJECTS ****************/
.header-block { margin-top:50px; }
/*#latest-projects { margin-top:50px; }*/
#latest-projects .columns { position:relative; padding-bottom:31px; }		
#latest-projects .columns:hover .stack  { top:30px; background-color:#f5f5f5; }
#latest-projects .columns:hover .stack .rd-arrow  { opacity:1;
	-moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	 filter: alpha(opacity=100);}
#latest-projects .block {
	background-color:white;
	border: 1px solid #e7e7e7;
	position:relative;
	width:215px;
	height:200px;
}
#latest-projects .block img { display:block; padding:6px; width:203px; height:188px; }
#latest-projects .block iframe { display:block; padding:6px; width:203px; height:188px; }
 
#latest-projects .block .mask { 
	width:203px;
	height:188px;
	position:absolute;
	top:6px;
	left:6px;
/*	background:#000;*/
	background-color: rgba(0,0,0, 0.2);	
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;	
}
#latest-projects .columns:hover .block .mask {opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);filter: alpha(opacity=100); }
#latest-projects .block .mask a { 
	display: block; width: 100%; 
	height: 100%; 
	text-align:center;
	vertical-align:text-top; 
	position:absolute; 
	color:#e30613; 
	font-size:24px; 
	text-decoration:none; 
	text-transform:uppercase; 
	padding-top:0px; 
	opacity: 0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";	
	filter: alpha(opacity=80); }
#latest-projects .stack {
	background-color:white;
	border: 1px solid #e7e7e7;
	position:absolute;
	left:3px;
	top:3px;
	width:215px;
	height:200px;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;	
}
#latest-projects .block .mask a:hover {	/*padding-top:80px;*/ }
.stack .title {	position:absolute; left:0px; bottom: 0px; display:block; width:100%; height: 29px; overflow: hidden; }
.stack .title a { display:block; line-height: 29px; padding-left: 10px;	height: 29px; }
.stack a { color:#6A6A6A; text-decoration:none; }
.stack a:hover { color:#000; }

/* Right-Down Arrow*/
.stack .rd-arrow {
	position:absolute;
	bottom:0px;
	right:0px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 25px 25px;
	border-color: transparent transparent #e30613 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #e30613 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	-webkit-transform:rotate(360deg);
	-moz-opacity: 0;
	opacity:0;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	 filter: alpha(opacity=0);	
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;	
}
.cta-arrow {
	position:absolute;
	bottom:-1px;
	right: -1px;
	width:25px;
	height:25px;
}
.bg-arrow {
	position:absolute;
	bottom:-8px;
	right:-3px;
	z-index:1;
	width: 20px;
}
.container .columns.lp-header { margin-bottom:40px; }
.nav-projects { border-top: 1px solid #e2e5e6; position:absolute; width:inherit; top:10px;}
.header-block h6 { background-color: white; display: inline-block; padding-right: 15px; position:relative; z-index:1; }
.grey-line { border-top: 1px solid #686969; position:absolute; width: 15px; height: 1px; left:109px; top:-1px;}

#projects-carousel li, #posts-carousel li, #clients-carousel li {	margin-bottom:0; }



/******************* LATEST POSTS ****************/
#latest-posts .columns { position:relative; padding-bottom:31px; }		
#latest-posts .columns:hover .stack  { top:30px; background-color:#f5f5f5; }
#latest-posts .columns:hover .stack .rd-arrow  { opacity:1; 	
	-moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	 filter: alpha(opacity=100);}
#latest-posts .block {
	background-color:white;
	border: 1px solid #e7e7e7;
	position: relative;	
	width:215px;
	height:200px;
}
#latest-posts .block .content { position:absolute; top:0; left:0; width:100%; height:100%;}
#latest-posts .block .text { margin:15px; height: 125px; overflow: hidden;}
#latest-posts .block .title { margin:15px;}
#latest-posts .mejs-container {position:absolute !important; left:15px; bottom:15px; width:185px !important; margin-bottom:0 !important; }
#latest-posts .block img { display:block; padding:6px; width:203px; }
#latest-posts .block iframe { display:block; padding:6px; width:203px; height:188px; }
#latest-posts .block .mask { 
	width:203px;
	height:188px;
	position:absolute;
	top:6px;
	left:6px;
	background:#000;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;	
}
#latest-posts .columns:hover .block .mask {-moz-opacity: 0.30; opacity: 0.30; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);filter: alpha(opacity=30); }
#latest-posts .stack {
	background-color:white;
	border: 1px solid #e7e7e7;
	position:absolute;
	left:3px;
	top:3px;
	width:215px;
	height:200px;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;	
}
#latest-posts .columns:hover .ribbon-wrapper {
	top:20px;
	opacity:1;
	-moz-opacity: 1.0;		
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: alpha(opacity=100);	
}


/******************* SIMILAR POSTS ****************/

#similar-posts {
	position:relative;
	width: 680px;
	margin-bottom: 50px;	
}
#similar-posts h6 {
	margin-bottom: 17px;
	border-bottom: 1px solid #E7E7E7;
	line-height: 30px;
}
#similar-posts .gray-dash-3px {
	border-bottom: 3px solid #B9B9B9;
	position: absolute;
	width: 40px;
	height: 3px;
	right: 0;
	bottom: -2px;
}

/* Ribbon Style */
.ribbon-wrapper {
	position: absolute;
	top:170px;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	border-top: px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;	
}
 .ribbon-front {
	background-color: #e30613;
	height: 23px;
	width: 23px;
	position: relative;
	left:-9px;
	z-index: 2;	
}

.ribbon-front,
.ribbon-back-left,
.ribbon-back-right {
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

.ribbon-edge-topleft,
.ribbon-edge-topright {}

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright { top: 23px; }

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {	left: -9px;	border-color: transparent #d87c22 transparent transparent; }

.ribbon-edge-topleft { top: 0px; border-width: 0px 9px 0 0; }
.ribbon-edge-bottomleft {	border-width: 0 9px 10px 0; }

.ribbon-edge-topright,
.ribbon-edge-bottomright { left: 14px; border-color: transparent transparent transparent #d87c22; }

.ribbon-edge-topright { top: 0px; border-width: 0px 0 0 0px; }
.ribbon-edge-bottomright { border-width: 0 0 0px 0px; }

.ribbon-back-left { position: absolute; top: 10px; left: 0px; width: 0px; height: 23px; z-index: 0; }

.ribbon-back-right { position: absolute; top: 0px; right: 0px; width: 0px; height: 23px; z-index: 0; }

/* Post Format*/
.post-format { background-image:url('../images/icons/sprites.png'); background-repeat:no-repeat; height:23px; width:23px; display:block;}
.blog-post-format { background-image:url('../images/icons/sprites.png'); background-repeat:no-repeat; height:30px; width:30px; display:block;}

/* Homepage Post Format*/
.format-image .post-format { background-position:-80px 0px; }
.format-video .post-format { background-position:-80px -23px; }
.format-audio .post-format { background-position:-103px 0px; }
.format-aside .post-format { background-position:-103px -23px; }
.format-gallery .post-format { background-position:-126px 0px; }
.format-quote .post-format { background-position:-126px -23px; }
.format-link .post-format { background-position:-40px 0px; }

/* Blog Post Format*/
.format-image .blog-post-format { background-position:-150px -729px; }
.format-video .blog-post-format { background-position:-30px -729px; }
.format-audio .blog-post-format { background-position:-90px -729px; }
.format-aside .blog-post-format { background-position:-120px -729px; }
.format-gallery .blog-post-format { background-position:-180px -729px; }
.format-quote .blog-post-format { background-position:-60px -729px; }
.format-link .blog-post-format { background-position:0 -729px; }


/*#latest-projects .block img, 
#latest-posts .block img, 
#latest-projects .stack, 
#latest-posts .stack,
#latest-projects .block,
#latest-posts .block {
	-webkit-transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	transition: width 0.3s linear;	
}*/


/******************* CLIENTS ****************/
#clients .block { background-color:white; border: 1px solid #e7e7e7; position: relative; width:218px; }
#clients .block img { display:block; width:218px; }
#clients .block {
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
#clients .block:hover { background-color:#f5f5f5;; }


/******************* FOOTER ****************/
#footer {
	background-color:#f7f8f7;
	border-top: 1px solid #e7e7e7;	
	margin-top:50px;
	width:100%;
	height:auto;
}
#footer .copyright { color:#ababab;	font-size:11px; }
#footer .copyright a { color :#ababab; font-size:11px; }
#footer .copyright a:hover { color :#5D5D5D; }
#footer .copyright img { margin-bottom:10px; }
#footer .container { padding:30px 0; }


#footer-social li, #social-icons li {
	list-style-type:none;	
	background-image:url('../images/icons/social.png');
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left:5px;
}
/*#social-icons { float:right; }*/
#footer-social { float:right; margin-top:16px; margin-bottom:0;}
#footer-social li, #footer-social a, #social-icons li, #social-icons a { width:26px; height:26px; float:left;  }
#footer-social li, #social-icons li { background-color:#c0c5c9; }
#footer-social .behance, #social-icons .behance { background-position: 0 0; }
#footer-social .rss, #social-icons .rss { background-position: -26px 0; }
#footer-social .twitter-alt, #social-icons .twitter-alt { background-position: -52px 0; }
#footer-social .linkedin, #social-icons .linkedin { background-position: -78px 0; }
#footer-social .tumblr, #social-icons .tumblr { background-position: -104px 0; }
#footer-social .dribbble, #social-icons .dribbble { background-position: -130px 0; }
#footer-social .facebook, #social-icons .facebook { background-position: -156px 0; }
#footer-social .google, #social-icons .google { background-position: -182px 0; }
#footer-social .skype, #social-icons .skype { background-position: -208px 0; }
#footer-social .deviant, #social-icons .deviant { background-position: -234px 0; }
#footer-social .twitter, #social-icons .twitter { background-position: 0 -26px; }
#footer-social .vimeo, #social-icons .vimeo { background-position: -26px -26px; }
#footer-social .flickr, #social-icons .flickr { background-position: -52px -26px; }

#footer-social .behance:hover, #social-icons .behance:hover { background-color:#1769FF; }
#footer-social .rss:hover, #social-icons .rss:hover { background-color:#f38f36; }
#footer-social .twitter-alt:hover, #social-icons .twitter-alt:hover { background-color:#33ccff }
#footer-social .linkedin:hover, #social-icons .linkedin:hover { background-color:#069; }
#footer-social .tumblr:hover, #social-icons .tumblr:hover { background-color:#497392; }
#footer-social .dribbble:hover, #social-icons .dribbble:hover { background-color:#cc3a70; }
#footer-social .facebook:hover, #social-icons .facebook:hover { background-color:#7c9ec7; }
#footer-social .google:hover, #social-icons .google:hover { background-color:#d85237; }
#footer-social .skype:hover, #social-icons .skype:hover { background-color:#00aff0; }
#footer-social .deviant:hover, #social-icons .deviant:hover { background-color:#cfdd20; }
#footer-social .twitter:hover, #social-icons .twitter:hover { background-color:#33ccff }
#footer-social .vimeo:hover, #social-icons .vimeo:hover { background-color:#0dadd6; }
#footer-social .flickr:hover, #social-icons .flickr:hover { background-color:#ff0084; }

/******************* JCAROUSEL ****************/
.jcarousel-skin-tango .jcarousel-container { /*    border: 1px solid #346F97;*/ }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  100%; }
.jcarousel-skin-tango .jcarousel-item { width: 230px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -51px;
    right: 10px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: transparent url('../images/icons/sprites.png') no-repeat -40px -25px;
	border-right: 1px solid #E2E5E6;
	border-bottom: 1px solid #E2E5E6;
	border-left: 1px solid #E2E5E6;		
	border-top: 3px solid #e30613;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-color:#f5f5f5; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; border-top: 3px solid #ffd6ae; }
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
	top: -51px;
	right: 53px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    background: transparent url('../images/icons/sprites.png') no-repeat 0 -25px;
	border: 1px solid #E2E5E6;
	border-top: 3px solid #e30613;	
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-color:#f5f5f5; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; border-top: 3px solid #004687; }


/******************* IMAGE BLOCKS ****************/
img.border, iframe.border {
	border: 1px solid #e7e7e7; padding:6px;
}

.four-column img:hover {border-bottom: 1px solid #e30613; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter: alpha(opacity=80);}
div.four-column {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;		
}
div.column-last { margin-right: 0; }
.four-column img {
	display: block;
	width: 137px;
	-webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -ms-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;	
}
.four-column .description {
	font-size: 11px;
	color: #ABABAB;	
	margin-bottom: 0;
	margin-top: 6px;
	text-align: center;
}
.four-column .zoom-icon {
	width: 27px;
	height: 27px;
	background-image: url('../images/icons/sprites.png');
	background-repeat: no-repeat;
	background-position: -25px -759px;
	position: absolute;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.four-column .mask {
	position:absolute;
	width: 137px;
	height: 137px;	
	top: 50px;
	left: 50px;
	background: rgba (255,255,255, .5 );
	opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);filter: alpha(opacity=0);	
}
.four-column:hover .mask {
	opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);filter: alpha(opacity=100);
}
.four-column:hover .mask .zoom-icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}


/* #Page Styles
================================================== */


/******************* PAGE ENTRY ****************/
.entry-page {
width: 680px;
position: relative;
margin-bottom: 50px;
}

/******************* BLOG ****************/
#separator h4 { margin:20px 0;}
#main-content {	float: left; /*width: 100%;*/ }
.main-wrapper { margin-top: 50px; }

.info-post { top: 30px;	left: 0; position: absolute; }
.info-post .ribbon-wrapper { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: alpha(opacity=100); top:0;	}
.info-post .ribbon-front { background-color: #e30613; height: 30px; width: 30px; position: relative; left: 0; z-index: 2; }
.info-post .ribbon-edge-bottomleft { top: 30px; left: 0;}

.meta-post { position: absolute; bottom:0; left:15px; width:95.5%; font-size: 11px; padding: 9px 0; }
.meta-post > div { display: inline-block; padding-right:20px; background-image:url('../images/icons/sprites.png'); background-repeat:no-repeat; padding-left:20px; }
.tag-meta-post > div { display: inline-block; background-image:url('../images/icons/sprites.png'); background-repeat:no-repeat; padding-left:20px;}
.tag-meta-post .tags { background-position: -268px 0; }
.meta-post .date { background-position: -149px 0; }
.meta-post .tags { background-position: -268px 0; max-width: 200px; }
.meta-post .comments { background-position: -149px -22px; }
.meta-post .author { background-position: -380px -22px; }
.meta-post .tweets { background-position: -269px -22px; float: right; padding-right: 0; padding-left: 25px; }
.meta-post iframe { float: right; }

.text-post { padding: 15px 0 15px 15px; margin-top: 42px; }
.text-post .last { margin-bottom: 0; }

.title-post {  }
.title-post h6 { margin-bottom: 10px; font-weight: bold; }
.title-post a { text-decoration: none;}
.title-post a:hover { color:#000;}

.entry-post { /*width: 680px;*/ position: relative; margin-bottom: 50px; }
.entry-post .stack {
	background-color:#f5f5f5;
	border: 1px solid #E7E7E7;
	position: absolute;
	left: 12px;
	top: 40px;
	height: 320px;
	width: 656px;
	padding: 15px;
}
.single-post .tag-meta-post { width:100%; font-size: 11px; padding: 9px 0; border-bottom: 1px dotted #E7E7E7; border-top: 1px dotted #E7E7E7; }
.single-post .share-post { float: right; }

.format-video .stack { height: 363px; }

.image-post {
	padding: 6px;
	position:relative;
	background-color: white;
	border: 1px solid #E7E7E7;		
	width: 674px;
	margin-left: 9px;
	-webkit-transition: border 0.4s linear;
     -moz-transition: border 0.4s linear;
     -ms-transition: border 0.4s linear;
     -o-transition: border 0.4s linear;
     transition: border 0.4s linear; 	
}
.image-post img { display:block; width:100%; }
.image-post:hover { border-bottom: 1px solid #e30613; }
.format-image .image-post img {
	-webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -ms-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear;	
}
.format-image .image-post img:hover { opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter: alpha(opacity=80);  }
.single-post .image-post:hover { border-bottom: 1px solid #E7E7E7; }
.image-post iframe { display: block; width: 100%; height: 380px; }

.format-gallery .image-post { height: 337px; }
.format-gallery img { width:674px; }

.format-quote .image-post { height: 140px; }
.format-quote .stack { height: 123px; top: 40px; }
.format-quote .quote-text { margin: 15px; height: 100px; }
.format-quote .divider-blog-1px { margin-top:34px; }
.format-quote blockquote { border-left: 0; margin: 0; }
.format-quote .quote-text span { margin-left:20px; color:#ABABAB; }

.format-link .stack { height: 73px; top: 40px; }
.format-link .divider-blog-1px { margin-top:34px; }
.format-link .image-post { height: 90px; }
.format-link .link-text { margin: 15px; height: 60px; }
.format-link .link-text a { padding-left: 20px; padding-top: 10px; font-size: 17px;  text-decoration: none; display: inline-block; }
.format-link .link-text span { padding-left:20px; color:#ABABAB; display:block; }

.format-audio .image-post { height: 78px; }
.format-audio .stack { height: 61px;}
.format-audio .audio-wrapper { width:606px; padding:24px 34px; }
.format-audio .mejs-container {
/*	position: absolute !important;
	left: 0;
	top: 30px;*/
	margin-bottom: 0 !important;
/*	margin-left:40px;*/
}

.format-aside .image-post { height: 78px; }
.format-aside .stack  { height: 61px; }
.format-aside .aside-text { padding: 30px 34px; }
.format-aside .divider-blog-1px { margin-top:89px; }

#sidebar, #sidebar-left { float: left; /*width: 220px;*/ }
#sidebar .widget { position: relative; margin-bottom: 50px; padding-left: 10px;	}
#sidebar-left .widget { position: relative; margin-bottom: 50px; padding-right: 10px;	}
#sidebar .widget li a, #sidebar-left .widget li a { text-decoration: none; }
.widget h6 {
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #E7E7E7;
	line-height: 30px;
}
.widget .gray-dash-3px {
	border-bottom: 3px solid #B9B9B9;
	position: absolute;
	width: 40px;
	height: 3px;
	right: 0;
	top: 27px;
}

#sidebar-left .widget .gray-dash-3px {
	border-bottom: 3px solid #B9B9B9;
	position: absolute;
	width: 40px;
	height: 3px;
	right: 10px;
	top: 27px;
}

.widget li { margin-bottom: 0; line-height: inherit; }
.widget.video iframe { width: 100%; height: 124px; }

/* ------------------------------------------------
				Blog Tags
------------------------------------------------ */
.widget .tags li { float:left; margin-right: 10px; margin-bottom: 10px; }


/* ------------------------------------------------
				Comments
------------------------------------------------ */
#comments-block { position: relative; display: block; /*width:680px;*/ margin-bottom:50px; }
.comments-title h6 {
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #E7E7E7;
	line-height: 30px;
}
.comments-title .gray-dash-3px {
	border-bottom: 3px solid #B9B9B9;
	position: absolute;
	width: 40px;
	height: 3px;
	right: 0;
	bottom: -2px;
}
#comments-block .gravatar img {
	border: 1px solid #E7E7E7;
	padding: 6px;
	margin: 0 15px 0 0px;	
}
#comments-block .gravatar img:hover {
	border-bottom: 1px solid #e30613;
}

.gravatar {
	float:left;
	position: relative;
}
.replay {
	display: block;
	border: 1px solid #E7E7E7;
	
}
.comments-title {
	position: relative;
}
.comment-block {
	margin-bottom:30px;
}
.comment-block .gravatar .nickname {
	display:block;
	margin-left:15px;
}
.comment-info .italic {
	font-style:italic;
	color:#ABABAB;
	font-size: 11px;
}
.comment-text .comment {
	margin: 5px 15px 0 15px;
}
.replay-block {
	display: block;
	margin-left: 30px;
	width: 605px;
/*	background:#F6F6F6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	margin-bottom:15px;
}
.replay-block.second-item {
	display: block;
	margin-left: 180px;
	width: 455px;
}
#comments-form textarea {
	width: 400px;
}
#form-post-comment { margin-bottom: 0; }

/* ------------------------------------------------
				Blog Pagination
------------------------------------------------ */
#nav-pagination { padding-bottom: 0px; }
/*ul.nav-pagination li a:hover { color: #BF252F !important; }*/
ul.nav-pagination {	display: block;	height: 28px; /*margin-bottom: 15px; left: 50%;*/ position: relative; margin-bottom: 0; list-style:none; }
ul.nav-pagination li { border: 1px solid #CACBCB; text-align:center; float: left; margin-right:5px; margin-bottom: 0; padding: 3px 0; width:25px;
 	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear; }
ul.nav-pagination li:hover { background-color:#f5f5f5; }
ul.nav-pagination li:hover a, ul.nav-pagination li.current a { color:#000; }
ul.nav-pagination li a { text-decoration:none; padding: 5px 5px;}
ul.nav-pagination li.first {  background-position: -5px -27px; margin-right:10px;  }
ul.nav-pagination li.first a, ul.nav-pagination li.last a { padding: 5px 15px;  }
ul.nav-pagination li.first:hover, ul.nav-pagination li.last:hover { background-color:#f5f5f5;}
ul.nav-pagination li.last , ul.nav-pagination li.first { border-top: 3px solid #e30613; width: 30px; background-image: url('../images/icons/sprites.png'); padding: 2px 0;}
ul.nav-pagination li.last { background-position: -45px -27px; margin-left:5px; }
ul.nav-pagination li.current { background-color: #f5f5f5 !important; }
ul.nav-pagination li.dots { line-height:25px; cursor:auto; text-align:center; border:none; }
.pag-button { display: block; width: 20px; padding: 7px 10px; text-align: center }
.nav-pagination li:hover a { color: #e30613 !important }


/* ------------------------------------------------
				Portfolio
------------------------------------------------ */

#filterby { float:left; text-indent: 7px; background: url(../images/icons/sprites.png) -25px 0 no-repeat; margin: 5px 10px 0 10px; width: 13px; height: 14px; display: block; }
#filters { display:block; line-height: 14px; margin: 0 auto; margin-bottom:23px; }
#filters li { float: left; text-transform: capitalize; }
#filters a {
	color: #6A6A6A;
	border: none;
	border: 1px solid #CACBCB;
	margin: 0 10px 3px 0;
	padding: 0 10px;
	font-size: 11px;
	line-height:19px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;

	-webkit-box-shadow: 2px 2px 0px 0px #E2E4E4;
	-moz-box-shadow: 2px 2px 0px 0px #e2e4e4;
	box-shadow: 2px 2px 0px 0px #E2E4E4;
}

#filters a:hover { color: #e30613; text-decoration:none; background-color:#f5f5f5; }
#filters li .selected { color: #000; text-decoration:none; background-color:#f5f5f5;}
/*ul#stage li { float:left; display: block; margin-bottom: 15px; }
ul#stage li:last-child {
	 margin-right: 0
}
ul#stage { width: 100%; padding-left:0; margin-bottom: 9px;}*/



/*#container-sort{ display:block; overflow:hidden; width: 100%; }
#container-sort .portfolio-4 li { float:left; position: relative; margin-bottom: 40px;  list-style: none outside none; }
#container-sort .portfolio-3 li { float:left; width: 300px; height:273px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-2 li { float:left; width: 460px; height:375px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-dir li { float:left; width: 220px; height:240px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; } */

#container-portfolio { margin-bottom: 20px; }


/*	Block Images */
.block-images .mask { position: absolute; left: 0; top: 0; background: transparent; }

/*	Portfolio  Items */
.item-block { margin-bottom: 30px; }
.portfolio-4 .columns, .portfolio-3 .column { position:relative; padding-bottom:30px; }		
.portfolio-4 .columns:hover .stack, .portfolio-3 .column:hover .stack  { top:30px; background-color:#f5f5f5; }
.portfolio-4 .columns:hover .stack .rd-arrow, .portfolio-3 .column:hover .stack .rd-arrow  { opacity:1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: alpha(opacity=100); }
.portfolio-4 .block { background-color:white; border: 1px solid #e7e7e7; position:relative; width:215px; height:200px; }
.portfolio-3 .block { background-color:white; border: 1px solid #e7e7e7; position:relative; width:295px; height:274px; }
.portfolio-4 .block img { display:block; padding:6px; width:203px; height:188px; }
.portfolio-3 .block img { display:block; padding:6px; width:283px; height:262px; }
.portfolio-4 .block iframe { display:block; padding:6px; width:203px; height:188px; }
.portfolio-3 .block iframe { display:block; padding:6px; width:283px; height:262px; }
.item-block .mask, .image-item .mask {
	position:absolute;
	top:6px;
	left:6px;
/*	background:#000;*/
	background-color: rgba(0,0,0, 0.2);	
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.portfolio-4 .mask { width:203px; height:188px; }
.portfolio-3 .mask { width:283px; height:262px; }
.portfolio-4 .columns:hover .mask, .portfolio-3 .column:hover .mask, .image-item:hover .mask {opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);filter: alpha(opacity=100); }
.portfolio-4 .block .mask a, .portfolio-3 .block .mask a, .image-item .mask a { 
	display: block;
	text-align:center;
	vertical-align:text-top; 
	position:absolute; 
	color:#e30613; 
	font-size:24px; 
	text-decoration:none; 
	text-transform:uppercase; 
	padding-top:0px; 
	opacity: 0.8;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";	
	filter: alpha(opacity=80); }
.item-block .stack {
	background-color:white;
	border: 1px solid #e7e7e7;
	position:absolute;
	left:3px;
	top:30px;
	-webkit-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	transition: top 0.5s ease;}
.portfolio-4 .stack { width:215px; height:200px; }
.portfolio-3 .stack { width:295px; height:274px; }

.portfolio-4 .stack .title { width: 190px; }
.portfolio-3 .stack .title { width: 267px; }

/*.portfolio-4 .block .mask a:hover {	padding-top:80px; }*/

.link-icon { background-position: 0 -80px; top: 162px; left: 177px; }
.zoom-icon { background-position: -26px -80px; top: 0; left: 0; }
.zoom-icon, .link-icon {
	background-image: url('../images/icons/sprites.png');
	background-repeat: no-repeat;
	width:26px;
	height: 26px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
   -moz-transform: scale(0);
   -webkit-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -ms-transform: scale(0);	
	
}
.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-4 .columns:hover .mask .link-icon,
.portfolio-3 .column:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .link-icon, .image-item:hover .zoom-icon {
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   -ms-transform: scale(1);	
}

.portfolio-4 .columns:hover .mask .zoom-icon { top:81px; left: 73px; }
.portfolio-4 .columns:hover .mask .link-icon { left: 105px;	top:81px; }
.portfolio-3 .column:hover .mask .zoom-icon { top:118px; left: 112px; }
.portfolio-3 .column:hover .mask .link-icon { top:118px; left: 144px; }

.portfolio-3 .mask .link-icon { top: 236px; left: 257px; }		

.portfolio-4 .block .mask a:hover, .portfolio-3 .block .mask a:hover, .image-item .mask a:hover { opacity:1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: alpha(opacity=100); }

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


/* Portfolio Item */
.entry-item {
	
}
#slides-item { z-index: 0 ;position: relative; }
.related-projects { margin-bottom: -20px; }
.image-item {
	padding: 6px;
	position:relative;
	background-color: white;
	border: 1px solid #E7E7E7;		
	width: 654px;
	margin-bottom:20px;
	-webkit-transition: border 0.4s linear;
     -moz-transition: border 0.4s linear;
     -ms-transition: border 0.4s linear;
     -o-transition: border 0.4s linear;
     transition: border 0.4s linear; 	
}
.image-item img { display:block; width:100%; }
.image-item iframe { display: block; width: 100%; height: 100%; }
.image-item .mask {	width: 654px; height: 327px; }
.image-item .zoom-icon { left:48%; top: 46%;  }
.format-gallery .image-item { height: 337px; }
.format-gallery .image-item img { width:654px; }
.format-video .image-item { height: 365px; }
.text-item { padding-right: 32px; }
.text-item .last { margin-bottom: 0; }

.title-item {  }
.title-item h6 { margin-bottom: 10px; font-weight: bold; }
.nav-items {
	position: relative;
	border: 1px solid #E7E7E7;
	background-color: #F5F5F5;	
	height: 34px;
	margin-bottom: 15px;
}
.items-info {
	color: #ABABAB;
	display: block;
	font-size: 11px;
	line-height: 34px;
	width: 164px;
	text-align: center;
	height: 100%;
}
.nav-items .prev,.nav-items .next {
	text-indent: -999em;
	z-index:10;
	border:none;
	bottom:5px;
	right:0;		
	position: absolute;
	width: 22px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #E2E5E6;
	border-top: 3px solid #e30613;
	background-color: #FFF;
	background-repeat:no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}
.nav-items a.prev { right:30px; background-image: url('../images/icons/sprites.png'); background-position: -9px -30px; }
.nav-items a.next { right:5px; background-image: url('../images/icons/sprites.png'); background-position: -49px -30px; }
.nav-items a.prev:hover, .nav-items a.next:hover { background-color:#f5f5f5; }


/* ------------------------------------------------
				Tweet - Twitter
------------------------------------------------ */

#twitter-widget { /*width: 95.8%;*/ }
#twitter-widget .tweet { width: 100%; line-height:18px !important }
#twitter-widget .tweet a { }
#twitter-widget .tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
#twitter-widget .tweet_list .awesome,
#twitter-widget .tweet_list .epic { text-transform: uppercase; }
#twitter-widget .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; line-height:21px; /*background: url('../images/icons/sprites.png') no-repeat 0 -786px; 
padding-left: 23px !important;*/ }
#twitter-widget .tweet_list .tweet_even { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_odd { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_odd:last-child { margin-bottom:0;}
#twitter-widget .tweet_list .tweet_first{ /*padding-top:0 !important;*/ }
#twitter-widget .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
#twitter-widget .tweet_list .tweet_avatar img { vertical-align: middle;	}
#twitter-widget .tweet_list .tweet_time { display:block; font-size: 11px; }
#twitter-widget .tweet_list .tweet_time a { font-style:italic; color: #ABABAB; text-decoration: none; }
#twitter-widget img { display: block; float:left; margin-right: 10px; }
#twitter-widget h3 { float:left; margin-right: 20px; line-height: 40px; }
#twitter-widget .v-line { height:40px;  border-right: 1px solid #ddd;  display: block; margin-top:0px; float:left; margin-right: 20px }


/* ------------------------------------------------
				Flickr Block In Footer
   ------------------------------------------------ */
.thumbs { margin: 0; padding: 0; overflow: hidden; width: 100%;}
.thumbs li { list-style: none; float: left; margin: 0 7px 7px 0; padding: 3px; 
	border: 1px solid #E7E7E7;
	-webkit-transition: all 0.4s linear;
     -moz-transition: all 0.4s linear;
     -ms-transition: all 0.4s linear;
     -o-transition: all 0.4s linear;
     transition: all 0.4s linear; 
}
.thumbs li a { }
.thumbs li img { display: block; width:55px; height:55px; background:white;}
.thumbs li a img { }
.thumbs li:hover { border-bottom: 1px solid #e30613; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter: alpha(opacity=80); }


/* ------------------------------------------------
				Blog Post Slideshow
   ------------------------------------------------ */
#slidesjs-container { /*margin:0 auto; position:relative;	z-index:0; width: inherit;*/ }
#slides-post { z-index: 0 ;position: relative; }
#slidesjs-container {	overflow:hidden; position:relative;  }

#slidesjs-container img { display:block; height: 337px; }
/*.entry-post .slides-items {	float:left; width:inherit;}*/

#slidesjs-container .pagination { position: absolute; bottom: 1px; right: 10px; margin-bottom:0 !important; z-index: 10; }
#slidesjs-container .pagination li { float:left; margin-right:5px; list-style:none; padding: 10px 0; }
#slidesjs-container .pagination li a {
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width:10px;
	height:10px;
	background-color:#FFF;
	float:left;
	overflow:hidden;
	text-indent: -999em;
}
#slidesjs-container .pagination li a:hover, #products .pagination li a:hover { background-color:#BF252F; }
#slidesjs-container .pagination li.current a, #products .pagination li.current a { background-color:#BF252F; }
#slidesjs-container .prev, #slidesjs-container .next, #products .prev, #products .next {
	text-indent: -999em;
	z-index:10;
	border:none;
	bottom:5px;
	top:inherit;
	left:inherit;		
	position: absolute;
	width: 30px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #E2E5E6;
	border-top: 3px solid #e30613;
	background-color: #FFF;
	background-repeat:no-repeat;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}
#slidesjs-container a.prev, #products a.prev { right:38px; background-image: url('../images/icons/sprites.png'); background-position: -5px -30px; }
#slidesjs-container a.next, #products a.next { right:5px; background-image: url('../images/icons/sprites.png'); background-position: -45px -30px; }
#slidesjs-container a.prev:hover, #slidesjs-container a.next:hover, #products a.prev:hover, #products a.next:hover { background-color:#f5f5f5; }


/* 
   ---------------------------------------------------------------------------------------------------------
	Collapse / Toggles
   ---------------------------------------------------------------------------------------------------------		
*/
[class^="collapse-"] .active, [class*="collapse-"] .active {background-position: 0 -21px; padding-left:25px;}
.collapse-styling .active {background-position: 0 -142px; padding-left:25px;}
.col {float: left; width:210px; margin-right:30px;}
.disclaim {margin:10px; padding:10px; background: red;}
[class^="collapse-"] h6, [class*="collapse-"] h6 {
/*	padding: 5px 5px 6px 5px;*/
	cursor: pointer;
	background: url('../images/icons/state.png') no-repeat 0 5px;
	display: block;
	text-decoration: none;
	margin: 0;
	margin-top: 10px;
	padding-left:25px;
	border: 1px solid #E6E5E5;
	font-size: 12px;
	color: #555;
	-webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
     -ms-transition: background-color 0.3s linear;
     -o-transition: background-color 0.3s linear;
     transition: background-color 0.3s linear;	
}
.collapse-styling h6 {
/*	padding: 5px 5px 6px 5px;*/
	cursor: pointer;
	background: url('../images/icons/state.png') no-repeat 0 -115px;
	display: block;
	text-decoration: none;
	margin: 0;
	margin-top: 10px;
	padding-left:25px;
	border: 1px solid #E6E5E5;
-webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
     -ms-transition: background-color 0.3s linear;
     -o-transition: background-color 0.3s linear;
     transition: background-color 0.3s linear;	
}

.collapse-demo1, .collapse-demo2, .collapse-styling { margin-bottom:25px; }
[class^="collapse-"] h6 a, [class*="collapse-"] h6 a { text-decoration:none; height: 29px; display: block; line-height: 30px;}
.collapse-demo1 h6:hover, .collapse-demo2 h6:hover, .collapse-styling h6:hover {color: #BF252F; text-decoration:none; background-color:#f9f9f9; }
.toggle-content {
	padding:15px;
	border: 1px solid #E6E5E5;
	border-top: none;
}


/* ------------------------------------------------
				Gallery
------------------------------------------------ */

#container-pro {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#products_example {
	width:100%;
	height:100%;
	position:relative;
}

#products .slides_container {
	width:668px;
	height: 352px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
}
#products .slides_control img {
	display: block;
	height: 337px;
	width: 654px;
}
#products .slides_container a {
	width: 668px;
	height: 352px;
	display:block;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;	
}

/*
	Pagination
*/

#products .pagination {
	float:left;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-left: 10px;	
}

#products .pagination li {
	float:left;
	margin-bottom: 5px;
	margin-right: 5px;
	list-style:none;
	
}

#products .pagination li a {
	display:block;
	width:98px;
	float:left;
	background:#f9f9f9;
	border:1px solid #E7E7E7;
}
#products .pagination li img { width: 98px; display:block;}
#products .pagination li.current a {
	border:1px solid #e30613;
	margin:0;
}
#products a.prev, #products a.next { top: 315px; }
#products a.prev { left: 592px; }
#products a.next { left: 625px; }




/* 
   ---------------------------------------------------------------------------------------------------------
	Contacts
   ---------------------------------------------------------------------------------------------------------		
*/

.contacts-block {
	position: relative;
	display: block;
	margin-top: 30px;	
}
:invalid { box-shadow: none; }
.notification_ok {
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 8px;
	text-align: center;
	color: green;
	margin-bottom:15px;	
}
.notification_error {
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 5px;
	text-align: left;
	margin-bottom:15px;
	color:red;
} 


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#info-block ul li > div { height: 65px; width: 478px; }
		.resize { display: none; }	
		
/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "First Name"; }
		td:nth-of-type(2):before { content: "Last Name"; }
		td:nth-of-type(3):before { content: "Job Title"; }
		td:nth-of-type(4):before { content: "Favorite Color"; }
		td:nth-of-type(5):before { content: "Wars of Trek?"; }
		td:nth-of-type(6):before { content: "Nick Name"; }
		td:nth-of-type(7):before { content: "Date of Birth"; }
		td:nth-of-type(8):before { content: "Dream Vacation City"; }
		td:nth-of-type(9):before { content: "GPA"; }
		td:nth-of-type(10):before { content: "Arbitrary Data"; }	
		
		.resize	{ display: none; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#latest-projects .block, #latest-posts .block, .portfolio-4 .block { width:167px; height:155px; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:167px; height:155px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:155px; height:143px }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:155px; height:143px; }

		.portfolio-3 .block, .portfolio-3 .stack { width:231px; height:215px; }
		.portfolio-3 .block img, .portfolio-3 .block .mask, .portfolio-3 .block iframe { width:219px; height:203px }
		
		.jcarousel-skin-tango .jcarousel-item { width: 172px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}
		#clients .block { width:170px;}
		#clients .block img { width:170px;}
		#latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe { width:155px; height:143px; }
		#top-panel .location-map iframe { width:172px; height:200px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:162px;}
		#contacts-form textarea { width: 354px; }
		#latest-posts .mejs-container {width:137px !important;}
		#latest-posts .block .text { height: 80px;}
		.image-post { width: 530px; }
		.entry-post { /*width: 536px;*/ }
		.entry-post .stack { width: 512px; height: 248px; }
		.meta-post .tags { display: none; }		
		.meta-post { width: 94%; }
		.image-post iframe { height: 295px; }
		.format-video .stack { height: 278px; }		
		.format-audio .stack { height: 61px; }
		.format-quote .stack { height: 122px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }		
		.format-audio .audio-wrapper { width: 462px; }	
		.format-quote .image-post { height: 165px; }
		.format-quote .stack { height: 148px; }
		.format-aside .image-post { height: 95px; }		
		.format-aside .stack { height: 78px; }		
		 #slidesjs-container img {	height: 265px; }		
		 #slidesjs-container, .slides_container { height: 265px; }		 
		.format-gallery img { width: 530px; }
		.format-gallery .image-post { height: 265px; }
		.thumbs li img { width: 66px; height: 66px; }	
		#searchform input[type=text] { padding-right: 0; width: 162px; background-position: 141px -759px;}
		.four-column img { width: 236px; }
		.portfolio-4 .mask .link-icon { top: 117px; left: 129px; }
		.portfolio-3 .mask .link-icon { top: 177px; left: 193px; }		
		.portfolio-4 .columns:hover .mask .zoom-icon { top: 58px; left: 56px; }
		.portfolio-4 .columns:hover .mask .link-icon { top: 58px; left: 88px; }
		.portfolio-3 .column:hover .mask .zoom-icon { top: 88px; left: 80px; }
		.portfolio-3 .column:hover .mask .link-icon { top: 88px; left: 112px; }		
		.portfolio-4 .stack .title { width: 140px; }
		.portfolio-3 .stack .title { width: 205px; }
		.image-item { width: 542px; }
		.format-video .image-item { height: 302px; }
		.format-gallery .image-item img { width: 542px; }
		.items-info { width: 116px; }
		.format-gallery .image-item { height: 265px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }		
		.google-map iframe { width: 542px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 258px; }
		#contacts-form-main textarea { width: 547px; }
		#products .slides_container { width:555px;	height: 292px; }
		#products .slides_control img {	height: 278px; width: 541px; }
		#products a.prev, #products a.next { top: 255px; }
		#products a.prev { left: 477px; }
		#products a.next { left: 510px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:170px; }
		#products .pagination li img { width: 170px; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) { 
	
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#latest-projects .block, #latest-posts .block, .portfolio-4 .block  { width:195px; height:inherit; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:195px; height:181px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:183px; height:169px; }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:183px; height:169px; }
		
		.portfolio-4 .block, .portfolio-3 .block { width:185px; height:inherit; }
		.portfolio-4 .stack, .portfolio-3 .stack { width:185px; height:172px; }
		.portfolio-4 .block img, .portfolio-3 .block img { width:173px; height:160px; }
		.portfolio-4 .block .mask, .portfolio-3 .block .mask { width:173px; height:160px; }
		.portfolio-4 .block iframe, .portfolio-3 .block iframe { width:173px; height:160px;}
		.item-block { width: 190px !important; margin: 0 10px 30px 10px !important; }
		
		#clients .block { width:198px; height:inherit;}
		#clients .block img { width:198px;}		
		.jcarousel-skin-tango .jcarousel-item { width: 200px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}
		#nav { display:none;}
		#secondary-nav { display:none; }
		#footer-social { float:left; }
		.jcarousel-skin-tango .jcarousel-next-horizontal { right:0; }
		.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 43px;}
		#info-block ul li > div { height: 65px; width: 420px; }	
		#latest-projects .block iframe, #latest-posts .block iframe { width:183px; height:169px; }	
		.fix-fish-menu select {	display:block; }
		#menu { float: none; }
		.ribbon-front { left: 1px; }
		.ribbon-edge-topleft, .ribbon-edge-bottomleft { display:none; }
		#footer-social li { margin-right: 5px; margin-left: 0px; }
		#top-panel .columns { margin-bottom:20px;}
		#top-panel .location-map iframe { width:420px; height:200px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:190px;}
		#contacts-form textarea { width: 410px; }
		#contact-info li { width:165px; padding-right:20px; }
		#latest-posts .mejs-container {width:165px !important;}
		#latest-posts .block .text { height: 110px;}
		#latest-posts .block { width:195px; height:181px; }
		.image-post { width: 394px; }
		.entry-post { width: 420px; }
		.entry-post .stack { width: 376px; height: 180px; }
		.meta-post .tags { display: none; }		
		.meta-post { width: 92%; }
		.image-post iframe { height: 225px; }
		.format-audio .stack { height: 60px; }
		.format-quote .stack { height: 122px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }
		#sidebar, #sidebar-left  { margin-top: 50px; }
		.format-video .stack { height: 208px; }
		.format-audio .audio-wrapper { width: 326px; }	
		.format-quote .image-post { height: 190px; }
		.format-quote .stack { height: 172px; }
		.format-aside .image-post { height: 95px; }		
		.format-aside .stack { height: 77px; }		
		 #slidesjs-container img {	height: 197px; }		
		 #slidesjs-container, .slides_container {	height: 197px; }		 
		.format-gallery img { width: 394px; }
		.format-gallery .image-post { height: 197px; }
		.thumbs li img { width: 67px; height: 67px; }		
		#searchform input[type=text] {  width: 379px; background-position: 383px -759px;}
		.widget.video iframe { height: 200px; }
		.four-column img { width: 168px; }
		#comments-block { width: 420px; }
		#comments-form { width: 420px; }				
		#comments-form textarea { width: 410px; }
		.portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon { top: 134px; left: 147px; }
		.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon { top: 67px; left: 57px; }
		.portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon { top: 67px; left: 89px; }	
		.portfolio-4 .stack .title { width: 160px; }
		.portfolio-3 .stack .title { width: 160px; }	
		
		.image-item { width: 406px; }
		.image-item .mask { width: 406px; height: 203px; }		
		.format-video .image-item { height: 235px; }
		.format-gallery .image-item img { width: 406px; }
		.format-gallery .image-item { height: 197px; }
		.items-info { width: 364px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }
		
		#menu { margin-top: 0px; }
		#topcontrol	{ display: none; }
		.google-map iframe { width: 406px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 190px; }
		#contacts-form-main textarea { width: 410px; }	
		
		#products .slides_container { width:420px;	height: 221px; }
		#products .slides_control img {	height: 207px; width: 406px; }
		#products a.prev, #products a.next { top: 185px; }
		#products a.prev { left: 342px; }
		#products a.next { left: 375px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:203px; }
		#products .pagination li img { width: 203px; }
		#products .pagination { margin-top: 20px; }		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {		
		
		#nav { display:none;}
		#secondary-nav { display:none; }
		#footer-social { float:left; }
		.jcarousel-skin-tango .jcarousel-next-horizontal { right:0; }
		.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 43px;}
		.jcarousel-skin-tango .jcarousel-item { width: 300px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}				
		#latest-projects .block, #latest-posts .block, .portfolio-4 .block { width:295px; height:inherit; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:295px; height:274px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:283px; height:262px; }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:283px; height:261px; }
		.nav-projects .viewall { display:none;}
		#clients .block { width:298px;}
		#clients .block img { width:298px;}
		#info-block ul li > div { height: 85px; width: 270px; }
		#latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe { width:283px; height:262px; }
		.fix-fish-menu select {	display:block; }
		#menu { float: none; }
		#clients .columns { padding-bottom:20px; }
		.ribbon-front { left: 1px; }
		.ribbon-edge-topleft, .ribbon-edge-bottomleft { display:none; }
		#footer-social li { margin-right: 5px; margin-left: 0px; }
		#top-panel .columns { margin-bottom:20px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:130px;}
		#contacts-form textarea { width: 290px; }
		#contact-info li { width:275px; }
		#latest-posts .mejs-container {width:265px !important;}
		#latest-posts .block .text { height: 200px;}
		#latest-posts .block { width:295px; height:274px; }
		
		.image-post { width: 274px; }
		.entry-post { width: 300px; }
		.entry-post .stack { width: 256px; height: 120px; }
		.meta-post .tags, .meta-post .comments, .meta-post .author { display: none; }	
		.meta-post { width: 90%; }
		.image-post iframe { height: 159px; }
		.format-audio .stack { height: 60px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }
		#sidebar, #sidebar-left { margin-top: 50px; }
		.format-video .stack { height: 144px; }
		.format-audio .audio-wrapper { width: 206px; }	
		.format-quote .image-post { height: 265px; }
		.format-quote .stack { height: 247px; }
		.format-aside .image-post { height: 116px; }		
		.format-aside .stack { height: 98px; }				
		 #slidesjs-container img {	height: 137px; }		
		 #slidesjs-container, .slides_container {	height: 137px; }		 
		.format-gallery .image-post { height: 137px; }
		.format-gallery img { width: 274px; }		
		ul.nav-pagination li { margin-right: 4px; }
		ul.nav-pagination li.last { margin-right: 0 !important; }		
		#searchform input[type=text] {  width: 270px; background-position: 270px -759px;}
		.widget.video iframe { height: 200px; }	
		.four-column img { width: 270px; }
		#comments-block { width: 300px; }
		#comments-form { width: 300px; }				
		#comments-form textarea { width: 290px; }
		.portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon { top: 236px; left: 257px; }		
		.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon { top: 117px; left: 113px; }
		.portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon { top: 117px; left: 145px; }
		.item-block { margin-bottom: 30px !important; }
		.portfolio-4 .stack .title { width: 265px; }
		.portfolio-3 .stack .title { width: 265px; }	
		
		.image-item { width: 286px; }
		.image-item .mask { width: 286px; height: 143px; }		
		.format-video .image-item { height: 165px; }
		.format-gallery .image-item img { width: 286px; }
		.format-gallery .image-item { height: 137px; }
		.items-info { width: 244px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }
		
		#menu { margin-top: 0px; }
		#topcontrol	{ display: none; }
		.google-map iframe { width: 286px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 290px; }
		#contacts-form-main textarea { width: 290px; }	
		
		#products .slides_container { width:300px;	height: 158px; }
		#products .slides_control img {	height: 144px; width: 286px; }
		#products a.prev, #products a.next { top: 122px; }
		#products a.prev { left: 222px; }
		#products a.next { left: 255px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:143px; }
		#products .pagination li img { width: 143px; }
		#products .pagination { margin-top: 20px; }		
	
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {width:457px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}

#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}




/* ------------------------------------------------
				Stupid IE
------------------------------------------------ */
.ie.ie8 .jcarousel-item .ribbon-wrapper, .ie.ie7 .jcarousel-item .ribbon-wrapper { display: none; }
.ie.ie8 .columns:hover .ribbon-wrapper, .ie.ie7 .columns:hover .ribbon-wrapper { display:block; }
.ie.ie8 .portfolio-4 .mask .zoom-icon,
.ie.ie8 .portfolio-4 .mask .link-icon,
.ie.ie8 .portfolio-3 .mask .zoom-icon,
.ie.ie8 .portfolio-3 .mask .link-icon,
.ie.ie8 .image-item .zoom-icon {	display: none; }

.ie.ie8 .portfolio-4 .columns:hover .mask .zoom-icon, 
.ie.ie8 .portfolio-4 .columns:hover .mask .link-icon,
.ie.ie8 .portfolio-3 .column:hover .mask .zoom-icon, 
.ie.ie8 .portfolio-3 .column:hover .mask .link-icon, 
.ie.ie8 .image-item:hover .zoom-icon { display:block; }