/* @override http://themes.siiimple.com/symple-blank/wp-content/themes/symple/framework/css/responsive.css?ver=3.3.2 */

/*
* 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
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

#nav .selector select {
	display: none;
}

#nav .selector option {
	background: #444;
	color: #fff;
	padding: 5px;
}

#nav .selector, 
#nav .selector span {
	cursor: pointer !important;
	background: url("../images/nav_plus_white.png") 97% center no-repeat;
}

#nav .selector, 
#nav .selector * {
	margin: 0;
	padding: 0;
}

#nav .selector select {
	top: 0px;
	left: 0px;
}

#nav .selector {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

#nav .selector span {
	cursor: pointer;
	color: #fff;
}

#nav .selector {
	height: 30px;
	line-height: 30px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	width: 96%;
}

#nav .selector select:focus {
	outline: 0;
}

#nav .selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
	font-size: 13px;
	font-weight: normal;
}

#nav .selector span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#nav .selector select {
	position: absolute;
	height: 35px;
	background: none;
	width: 100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	cursor: pointer;
	font-size: 12px !important;
	font-weight: 500;
	border: 0 !important;
}

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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
#nav .selector {
	display: none;
}

.sf-menu li:last-child {
	border-right: 0;
}

.sf-menu a {
	font-size: 10px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #3c3c3c;
	border-left: 1px solid rgba(255,255,255, 0.08);
	border-right: 1px solid #111;
	border-right: 1px solid rgba(0,0,0, 0.7);
}

#nav {
	min-height: 50px;
	margin-bottom: 20px;
}

.sf-menu a {
	padding: 0 15px !important;
}

.sf-menu .icon-pie > a,
	.sf-menu .icon-bolt > a,
	.sf-menu .icon-pig > a,
	.sf-menu .icon-briefcase > a,
	.sf-menu .icon-camera > a,
	.sf-menu .icon-film > a,
	.sf-menu .icon-gear > a,
	.sf-menu .icon-grid > a,
	.sf-menu .icon-home > a,
	.sf-menu .icon-mail > a,
	.sf-menu .icon-pencil > a,
	.sf-menu .icon-photo > a,
	.sf-menu .icon-graph > a,
	.sf-menu .icon-lab > a,
	.sf-menu .icon-map > a,
	.sf-menu .icon-cloud > a,
	.sf-menu .icon-cart > a,
	.sf-menu .icon-flag > a,
	.sf-menu .icon-bulb > a,
	.sf-menu .icon-date > a,
	.sf-menu .icon-brush > a,
	.sf-menu .icon-megaphone > a,
	.sf-menu .icon-support > a,
	.sf-menu .icon-person > a,
	.sf-menu .icon-bubble > a,
	.sf-menu .icon-rss > a,
	.sf-menu .icon-link > a {
	padding-left: 28px !important;
	background-position: 5px center;
}

ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul {
	left: -180px;
}

.sf-menu ul .sf-sub-indicator {
	display: none;
}

span.sf-sub-indicator {
	margin-top: -6px;
	right: 2px !important;
}

.circle-wrap-1,.circle-wrap-2,.circle-wrap-3,.circle-wrap-4 {
	margin-left: 15px;
}

#service-content {
	width: 430px;
}

#latest-features .three {
	margin: 10px 0px 80px 80px !important
}

.demo1 {
	margin: 0px 0px !important;
}

ul.ca-menu {
	margin-left: -40px !important;
}

.ca-menu li {
	height: 150px;
	width: 150px;
}

.eight.columns.search {
	width: 380px !important;
}

#footer .four.columns {
	width: 140px !important;
	margin-right: 30px;
}

#footer .four.columns #wp-calendar {
	width: 150px;
}

ul#pikame {
	margin: 0 8%;
}

.filter-wrap li.q-thumb { 
	margin-left:45px !important; 
	}


/*BLOG PAGES*/

#page-header.ten.columns {
	width: 300px;
}

#top-blog-header .five.columns {
	width: 400px;
}

#full-right.ten.columns {
	width: 424px;
}

#full-right.ten.columns img {
	width: 100%;
}

#full-right.ten.columns .six.columns {
	width: 63%;
	margin-right: 0;
}

#sidebar-container.six.columns {
	width: 200px;
}

ul.sub-menu {
	margin-top: 0;
}

.sf-menu ul a {
	padding: 12px 10px !important;
}

.nine.columns.bottom-right {
	width: 470px !important;
	margin-right: 0;
}

#page-full img.full-thumb {
	width: 100% !important;
}

#single .ten.columns.single-right,#single .ten.columns.single-left {
	width: 55%;
	margin-right: 20px;
}

#blog1 #small-right {
	width: 55%;
}

#blog-left-loop.ten.columns {
	width: 55%;
}

#blog-left-loop.ten.columns img {
	width: 100%;
}

#blog-left-loop .six.columns {
	width: 61%;
}

img.post-img {
	width: 100%;
}

#page-full img.full-thumb {
	width: 100% !important;
	height: 20%;
}

.inner-full img.full-thumb {
	width: 360px !important;
	height: 160px;
}

.ten.columns.single-right {
	margin-left: 20px !important;
	margin-right: 0 !important;
}

#single .sixteen.columns.no-sidebar {
	width: 92%;
	margin-right: 0;
}

#single .sixteen.columns.no-sidebar img.full-thumb {
	width: 100% !important;
	height: 300px;
}

.blog-gallery .post {
	margin-right: 47px !important;
	margin-bottom: 47px !important;
}
	
.idTabs { 
	width: 96%;
	padding-right: 0; 
	}	

.idTabs li {
	list-style: none;
	min-width: 220px;
	float: left;
}

.idTabs .tabs-tab-content { 
	margin-top: 70px; 
	}

.span4.inner h3  { 
	line-height: 25px !important; 
	}
/***************************************END*/	
}

/* 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) {
	
#nav {
	width: 420px;
	min-height: 50px !important;
}

#s2.pics, img.cycle-img { 
	height: 180px !important;
	}
	
p#caption { 
bottom: 110px;	
	}
	
a#next2 { 
	margin-top: -12px; 
	}

#s3 {width:420px !important;}

#s3.pics div img,#s3.pics img,#s3.pics div,#s3.pics {width:100%; height: 200px !important;}

#nav .selector,
#nav select {
	display: inline-block !important;
}

#nav ul {
	display: none;
}

.three h3 a {
	line-height: 23px;
}

.four .span3.inner p {
	padding: 0px 50px;
}

#latest-features .three.columns, #latest-features .three.columns img {
	width: 150px;
}

#latest-features .three.columns {
	min-height: 330px;
}

#latest-features .three.columns img {
	height: 110px;
}

ul#service-tabs li a {
	width: 320px !important;
}

#service-content {
	width: 88%;
}

.eight.columns.logo {
	margin: 20px 0px 40px;
}

.eight.columns.search {
	margin: 0 auto;
	width: 420px !important;
}

.eight.columns.search form#searchform {
	width: 420px;
}

.eight.columns.search form#searchform input {
	width: 400px;
	background: url(../images/search.png)380px no-repeat;
}

.circle-wrap-1,.circle-wrap-2,.circle-wrap-3,.circle-wrap-4 {
	margin-left: 144px;
}

#circles2.row .four.columns {
	margin-bottom: 30px;
}

#main.hero-unit p {
	padding: 0 20px;
}

#main.hero-unit h2 {
	padding: 0 30px;
}

#marketing .five.columns {
	width: 380px;
	height: 200px !important;
}

#marketing .five.columns .span4.inner {
	padding: 40px 0px;
}

#footer .four.columns {
	width: 375px;
	border-bottom: 1px solid #444;
	padding-bottom: 30px;
	margin-top: 0;
}

#footer .four.columns.first {
	margin-top: 30px;
}

.filter-wrap li.q-thumb { 
	margin-left:45px !important; 
	}

ul.filter.clearfix li { 
	margin-left: 0;
	padding:10px;
	}

/*BLOG PAGES*/

#page-header.ten.columns {
	width: 170px;
}

#breadcrumbs {
	display: none;
}

#top-blog-header .five.columns {
	width: 200px;
}

#full-right.ten.columns {
	width: 358px;
	margin-right: 0;
}

#full-right.ten.columns img {
	width: 100%;
	height: 150px;
}

#full-right.ten.columns .six.columns {
	width: 60%;
	margin-right: 0;
}

.three.columns.blog-meta {
	width: 30%;
	margin-right: 30px;
}

#sidebar-container.six.columns {
	width: 85%;
	margin-top: 20px;
}

.nine.columns.bottom-right {
	width: 420px !important;
}

ul#social {
	float: left;
	margin-top: 0;
}

.six.columns.bottom-left p {
	margin-bottom: 0px;
}

#single .ten.columns.single-right,#single .ten.columns.single-left {
	width: 85%;
	margin-right: 0;
}

#small-right.ten.columns {
	width: 85%;
}

img.post-img {
	width: 100%;
}

#page-full img.full-thumb {
	width: 100% !important;
	height: 20%;
}

.inner-full img.full-thumb {
	width: 360px !important;
	height: 160px;
}

#page-header.ten.columns {
	width: 100%;
}

h2.page-template { 
	font-size: 24px; 
	}

img.small-post-img, img.blog-small-image {
	width: 50%;
	height: 170px;
	margin-bottom: 0 !important;
}

#single .sixteen.columns.no-sidebar {
	width: 85%;
}

#blog1 .five.columns {
	display: none;
}

#blog-left-loop.ten.columns, #small-right, #full-right,#blog-left {
	width: 85%;
}

#blog-left-loop.ten.columns img {
	width: 100%;
	height: 160px;
}

#blog-left-loop.ten.columns .six.columns {
	width: 60%;
}

.blog-gallery .post {
	width: 388px !important;
	margin-right: 0 !important;
}

#blog-gallery .blog-gallery .post img {
	width: 100px !important;
	height: 100px !important;
	float: left !important;
	margin-right: 20px;
}

ul#filters { 
	padding: 10px 0px 10px 0px;
	text-align: center; 
	}
	
ul#filters li#filter-title { 
	margin-right: 10px; 
	}
	
ul#filters li#all { 
	margin-right: 5px; 
	}

ul#filters li { 
	font-size: 12px;
	display: inline;
	margin: 0;
	padding-bottom: 5px;
	padding:0 5px 0px 5px;
	}
	

p.date-gallery { 
	padding-left: 0 !important;
	margin-top: 5px;
	font-size: 12px;
	}
	
#latest-features.row.features-gallery { 
	 margin-bottom: 0;
	}
	
ul#da-thumbs.da-thumbs { 
	width: 400px; 
	}
	
ul#da-thumbs.da-thumbs li { 
	float: left;
	display: inline;
	margin: 0 10px 0 18px;
	border: 1px solid #eee;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; 
	height: 140px;
	width: 150px; 
	}
	
ul#da-thumbs.da-thumbs li img, ul#da-thumbs.da-thumbs li a{ 
	height: 140px;
	width: 150px; 
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	}
	

.idTabs { 
	width: 90%;
	padding-right: 0; 
	}	

.idTabs li {
	list-style: none;
	min-width: 380px;
	float: left;
}

.idTabs .tabs-tab-content { 
	margin-top: 350px; 
	width: 95%;

	}
	
.gallery-post ul li img { 
	width: 358px !important;
	}
	



/***************************************END 480 - 767*/
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
	
#nav {
	width: 300px;
	min-height: 50px !important;
}

#nav .selector,
#nav select {
	display: inline-block !important;
}

#nav ul {
	display: none;
}

	
a#next2 { 
	margin-top: -12px; 
	}

#s3 {width:300px !important;}

#s3.pics div img,#s3.pics img,#s3.pics div,#s3.pics {width:100%; height: 190px !important;}

a#prev2 { 
	top: 96px !important; 
	}

.three h3 a {
	line-height: 23px;
}

.four .span3.inner p {
	padding: 0px 50px;
}

#latest-features .three.columns, #latest-features .three.columns img {
	width: 82% !important;
}

#latest-features .three.columns .side-corner-tag img {
	width: 100% !important;
	min-height: 150px;
}

#latest-features .three.columns {
	min-height: 330px;
}

#latest-features .three.columns img {
	height: 110px;
}

ul#service-tabs li a {
	width: 210px !important;
}

#service-content {
	width: 78%;
}

#service-content .one_half,#service-content .one_third {
	width: 100%;
}

.eight.columns.logo {
	margin: 20px 0px 40px;
}

.eight.columns.search {
	margin: 0 auto;
	width: 320px !important;
}

.eight.columns.search form#searchform {
	width: 320px;
}

.eight.columns.search form#searchform input {
	width: 278px;
	background: url(../images/search.png)270px no-repeat;
}

.circle-wrap-1,.circle-wrap-2,.circle-wrap-3,.circle-wrap-4 {
	margin-left: 82px;
}

#circles2.row .four.columns {
	margin-bottom: 30px;
}

#main.hero-unit { 
	padding:40px 0px; 
	}

#main.hero-unit p {
	padding: 0 20px;
	font-size: 14px;
	line-height: 22px;
}

#main.hero-unit h2 {
	padding: 0 30px;
	line-height: 30px;
	font-size: 22px;
}

#marketing .five.columns {
	width: 260px;
	height: 200px !important;
}

#marketing .five.columns .span4.inner {
	padding: 40px 0px;
}

#footer .four.columns {
	width: 260px;
	border-bottom: 1px solid #444;
	padding-bottom: 30px;
	margin-top: 0;
}

#footer .four.columns.first {
	margin-top: 30px;
}

span.tch-right {
	display: none;
}

h2.top-creative-header {
	text-align: center;
}

.filter-wrap li.q-thumb { 
	margin-left:-15px !important; 
	}

ul.filter.clearfix li { 
	margin-left: 0;
	padding:2px;
	}

/*BLOG PAGES*/

#page-header.ten.columns {
	width: 170px;
}

#breadcrumbs {
	display: none;
}

#top-blog-header .five.columns {
	width: 200px;
}

#full-right.ten.columns {
	width: 358px;
	margin-right: 0;
}

#full-right.ten.columns img {
	width: 100%;
	height: 150px;
}

#full-right.ten.columns .six.columns {
	width: 60%;
	margin-right: 0;
}

.three.columns.blog-meta {
	width: 30%;
	margin-right: 30px;
}

#sidebar-container.six.columns {
	width: 80%;
	margin-top: 20px;
}

.nine.columns.bottom-right {
	width: 420px !important;
}

ul#social {
	float: left;
	margin-top: 0;
}

.six.columns.bottom-left p {
	margin-bottom: 0px;
}

#single .ten.columns.single-right,#single .ten.columns.single-left {
	width: 80%;
	margin-right: 0;
}

#small-right.ten.columns {
	width: 80%;
}

img.post-img {
	width: 100%;
}

#page-full img.full-thumb {
	width: 100% !important;
	height: 20%;
}

.inner-full img.full-thumb {
	width: 360px !important;
	height: 160px;
}

#page-header.ten.columns {
	width: 100%;
}

img.small-post-img, img.blog-small-image {
	width: 50%;
	height: 170px;
	margin-bottom: 0 !important;
}

#single .sixteen.columns.no-sidebar {
	width: 85%;
}

#blog1 .five.columns {
	display: none;
}

#blog-left-loop.ten.columns, #small-right, #full-right,#blog-left {
	width: 85%;
}

#blog-left-loop.ten.columns img {
	width: 100%;
	height: 160px;
}

#blog-left-loop.ten.columns .six.columns {
	width: 60%;
}

.blog-gallery .post {
	width: 388px !important;
	margin-right: 0 !important;
}

#blog-gallery .blog-gallery .post img {
	width: 100px !important;
	height: 100px !important;
	float: left !important;
	margin-right: 20px;
}

.nine.columns.bottom-right {
	width: 300px !important;
}

.nine.columns.bottom-right  img {
	margin-bottom: 10px;
}

span.comments span {
	display: none;
}

#main,#circles2,#marketing,#footer,#nav,.slideshow-block,a.link,#circles,#latest {
	width: 298px !important
}

.relative,.demo1,#content{ 
	width: 298px !important; 
	padding:0 10px;
	margin-left: -7px;
	}

.blog-gallery {
	width: 320px !important;
}

.header-hidden,.pika-stage, .pika-textnav {
	width: 300px !important;
}

.da-slide {
	width: 290px !important;
	top: -30px !important;
}

.da-slide h2 {
	font-size: 17px !important;
	top: 100px !important;
	letter-spacing: 0px !important;
	margin-bottom: 0 !important;
	top: 90px !important
}

.da-slide p {
	width: 80% !important;
	top: 140px !important;
	z-index: 1;
	font-size: 14px !important;
	line-height: 18px !important;
}

.header-hidden,.pika-stage, .pika-textnav,.demo1,#content {
	width: 275px !important;
}

.pika-stage {
	height: 200px !important;
}

ul#pikame li img,ul#pikame li {
	width: 60px !important;
	height: 60px !important;
	margin-bottom: 0;
}

a.da-link {
	width: 90px;
	padding: 0 !important;
}

nav.da-arrows span.da-arrows-prev,nav.da-arrows span.da-arrows-next {
	top: 150px !important;
}

.da-img img {
	width: 200px;
	height: 300px;
}

#content .relative img.imgMap {
	width: 300px !important;
	height: 200px !important;
}

ul.ca-menu li { 
	margin-left: -100px; 
	margin-bottom: 20px;
	}
	
img.cycle-img, #s2 { 
	width: 300px !important;
	height: 210px !important; 
	}
	
iframe { 
	width: 248px; 
	}
	
.one_half, .one_third, .one_fourth { 
	width: 100%; 
	}
	
ul#filters li { 
	font-size: 11px;
	display: block;
	margin: 0;
	padding-bottom: 5px;
	}
	

p.date-gallery { 
	padding-left: 0 !important;
	margin-top: 5px;
	font-size: 12px;
	}
	

ul#da-thumbs.da-thumbs { 
	width: 400px; 
	}
	
ul#da-thumbs.da-thumbs li { 
	float: left;
	display: inline;
	margin: 0 10px 0 18px;
	border: 1px solid #eee;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px; 
	height: 100px;
	width: 100px; 
	}
	
ul#da-thumbs.da-thumbs li img, ul#da-thumbs.da-thumbs li a{ 
	height: 100px;
	width: 100px; 
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	}	

h2.page-template { 
	font-size: 22px; 
	}	
	
.idTabs { 
	width: 90%;
	padding-right: 0; 
	}	

.idTabs li {
	list-style: none;
	min-width: 260px;
	float: left;
}

.idTabs .tabs-tab-content { 
	margin-top: 350px; 
	width: 80%;

	}
	
#full-right.ten.columns { 
	width: 80%; 
	}
	
	.gallery-post ul li img { 
	width: 240px !important;
	}
	
.gallery-post ol { 
	bottom: 35px;
	margin-left: 20px; 
	}
	
ul.sub-meta { 
	width:250px; 
	margin-bottom: 0;
	}
	
.post .six.columns p { 
	width: 250px; 
	}
	
span.comments { 
	float: left;
	margin-bottom: 10px; 
	}
	
#s2,img.cycle-img { 
	height: 140px !important; 
	}
	
a#prev2 { 
	margin-top: -29px; 
	}
	
p#caption { 
	bottom:150px !important; 
	font-size: 11px !important;
	padding: 5px !important;
	}
/****************************************END OF MOBILE PORTRAIT*/	
}


/* #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: 'ProximaNovaRegular';
	    src: url('../fonts/proximanova-regular-webfont.eot');
	    src: url('../fonts/proximanova-regular-webfont.eot?iefix') format('eot'),
	         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
	         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
	         url('../fonts/proximanova-regular-webfont.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/