/* @override 
	http://www.joshcleland.com/wp/wp-content/themes/clelandillustration/style.css
	http://www.joshcleland.com/stagestest/wp-content/themes/clelandillustration2/style.css
	http://localhost:8888/wordpress/wp-content/themes/clelandillustration2/style.css
	http://localhost:8888/wordpress/wp-content/themes/clelandillustration/style.css
*/

/*
Theme Name: ClelandIllustration
Theme URI: http://www.joshcleland.com
Description: A theme designed by Josh Cleland for Cleland Illustration.
Version: 2
Author: Josh Cleland
Author URI: http://www.joshcleland.com

*/





/* @end */



@font-face {
						font-family: 'LunchBoxSlab-Light';
						src: url('fonts/lunchboxslablight.eot');
						src: url('fonts/lunchboxslablight.eot?#iefix') format('embedded-opentype'),
								 url('fonts/lunchboxslablight.woff') format('woff'),
								 url('fonts/lunchboxslablight.ttf') format('truetype'),
								 url('fonts/lunchboxslablight.svg#lunchboxslablight') format('svg');
						font-weight: normal;
						font-style: normal;
				}


/*Resent*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
	margin: 0;
}
body {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
/*End Resent*/




/* @group Home page */
.home-custom {
   background: #f5f5f5 url(images/cream_dust.png) repeat fixed;
}



#header-home {
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
	z-index: 100;
	overflow: hidden;
}


.nivoSlider {
	width: 960px;
	height: 300px;
	
}

#welcome {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 510px;/* holiday value: 570px */
	background: url(images/home-bg.png) no-repeat center bottom;
}

#header-home-wrapper {
	width: 100%;
	max-width: 1200px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

#welcome span  {
	color: #000;
	text-shadow: #fff 0 1px 0;
	background-position: 0;
	font-weight: 800;
}


img.header-img-custom {
	z-index: 999;
	width: 364px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 44px;
}
img.header-img-custom.sub{
}
#page-home {
  min-height: 400px;
  padding-bottom: 20px;
  overflow: visible;
	
}
#content-home {

	max-width: 1500px;
	overflow: visible;
}

/* @group Slider CSS */
#DDSliderCont{
	-webkit-box-shadow: 0px -0px 10px #ddd;
-moz-box-shadow: 0px 0px 10px #ddd;
box-shadow: 0px 0px 10px #ddd;
}

#DDPrevSlide{
	float: left;
	display: block;
	background: url(images/dd-prev-slide.png) no-repeat;
	width: 60px;
	height: 100px;
	position: relative;
	top: 100px;
	margin-right: 600px;
	left: -18px;
}
#DDNextSlide{
	background: url(images/dd-next-slide.png) no-repeat;
	width: 60px;
	height: 100px;
	top: 100px;
	float: right;
	display: block;
	position: relative;
	right: -18px;
}

ul#DDSelectors {
	margin-right: auto;
	margin-left: auto;
	float: left;
	position: absolute;
	bottom: -27px;
	right: 47%;
	background-color: #eee;
	padding: 3px;
}

/* @end */

h4, h5, h6{
	color: #424242;
	font-family: "ff-tisa-web-pro", Georgia, serif;
	font-weight: 700;
}
h4{
	font-size: 1.2em;
}
h5{
	font-size: 1em;
}
h6{
	font-size: .8em;
}
#home-section-blog div.home-section-content p {
	line-height: 19px;
	font-size: .8em;
}

span.header-callout {
  color: #f76037;
  font-family: 'Lobster', arial, serif;
  font-size: 61px;
	display: block;
	text-align: center;
}
ul#home-btns {
  clear: left;
	padding-left: 0;
	padding-top: 3px;
	text-align: center;
	margin: 15px auto 10px;
	width: 960px;
}

ul#home-btns li {
	float: left;
	display: inline-block;
	text-align: center;
}

span.view-my {
	
	width: 100%;
	float: left;
	color: #676767;
	font-size: .75em;
}

ul#home-btns li a {
  -webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 300ms ease-in;
  /* futureproofing */
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
	color: #f76037;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	text-align: center;
	background: #fff none no-repeat;
	margin-right: 10px;
	width: 310px;
	padding-top: 10px;
	padding-bottom: 11px;
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #fff,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	-webkit-box-shadow: 0px 0px 3px #bbb;
-moz-box-shadow: 0px 0px 3px #bbb;
box-shadow: 0px 0px 3px #bbb;
	font-size: 1.2em;
	line-height: 23px;
}
ul#home-btns li a:hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 6px #2fc3d3;
-moz-box-shadow: 0px 0px 6px #2fc3d3;
box-shadow: 0px 0px 6px #2fc3d3;
	color: #2fc3d3;
}

ul#home-btns li a:active {
	position: relative;
	top: 1px;
}
#home-section-blog {
  display: block;
  float: left;
  padding-bottom: 20px;
	width: 648px;
}

#footer-section-social {
  
  display: block;
	width: 99%;
	float: left;
	vertical-align: middle;
	margin-top: 13px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

#blog-posts-wrapper {
	float: left;
}

ul.recent-comments {
	float: left;
	width: 400px;
	min-height: 235px;
}

ul.recent-comments li {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 4px;
}

ul.recent-comments li strong a {
	font-family: Arial, Helvetica, Sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}



li.home-section-content {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
  display: block;
  float: left;
	width: 454px;
	padding-bottom: 10px;
}

li.home-section-content:first-child{
	margin-right: 33px;
}
li.home-section-content p{
	line-height: 143%;
	font-size: .9em;
	width: 100%;
	float: left;
}
.home-blog-content-wrapper {
	width: 434px;
	padding: 10px;
	float: left;
	height: 124px;
}

div#footer-section-social ul#social-nav {
	float: right;
}
.social-footer {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	max-width: 620px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-bottom: 1px solid #acacac;
	border-top: 1px solid #acacac;
}
.footer-contact i{
	font-size: 20px;
	vertical-align: -3px;
}
.footer-contact span.phone{
	margin-left: 13px;
}
.footer-contact{
	width: 70%;
	max-width: 1200px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footer-contact a, #footer p{
	color: #8d8d8d;
}
.footer-contact a:hover{
	color: #2fc3d3;
}
.social-footer h4{
	color: #5d5d5d;
	
	margin-bottom: 15px;
	text-align: center;
	font-size: 24px;
	font-style: italic;
}
.social-icons-wrapper{
}
.social-icon{
	width: 7%;
	height: 46px;
	padding-top: 10px;
	text-align: center;
	margin-right: 2px;
	margin-bottom: 2px;
	display: inline-block;
}

.social-icon:hover i{
	color: #96bb00;
}
.social-icon i{
	color: #898989;
	font-size: 30px;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul#social-nav li {
	float: left;
	border-top-style: none!important;
}
ul#social-nav li a {
  width: 32px;
  height: 32px;
  margin-right: 10px;
	display: inline-block;
	float: left;
}


a.blog-thumb-home, div.blog-thumb-home {
  float: left;
  padding: 5px;
  background-color: #fff;
  margin-right: 10px;
  border: 1px solid #cfcfcf;
	margin-bottom: 27px;
}

div.home-section-content img.attachment-thumbnail.wp-post-image, img.attachment-thumbnail.wp-post-image { float: left;
  padding: 5px;
  background-color: #fff;
  margin-right: 10px;
}
span.home-date {
  text-transform: uppercase;
  color: #636363;
	white-space: nowrap;
	float: left;
	width: 100%;
	border-top: 1px dotted #d4d4d4;
	border-bottom: 1px dotted #d4d4d4;
	margin-bottom: 10px;
	font-size: .85em;
}

li.home-section-content.shadow a img.attachment-blog-thumb-home.wp-post-image {
	margin-bottom: 0!important;
	float: left;
}

span.home-date a {
	margin-left: 10px;
	padding-left: 10px;
	text-decoration: none;
	border-left: 1px solid #808080;
	padding-right: 10px;
	margin-right: 5px;
}

ul#social-nav li.flickr a {
  background: url(images/social-flickr.gif) left -32px;
}
ul#social-nav li.flickr a:hover {
  background: url(images/social-flickr.gif) left top;
}
ul#social-nav li.gplus a {
  background: url(images/social-gplus.png) left -32px;
	display: inline-block;
}
ul#social-nav li.gplus a:hover {
  background: url(images/social-gplus.png) left top;
}
ul#social-nav li.linkedin a {
  background: url(images/social-li.png) left -32px;
	display: inline-block;
}
ul#social-nav li.linkedin a:hover {
  background: url(images/social-li.png) left top;
}
ul#social-nav li.dribbble a {
  background: url(images/social-dribbble.gif) left -32px;
	display: inline-block;
}
ul#social-nav li.dribbble a:hover {
  background: url(images/social-dribbble.gif) left top;
}

ul#social-nav li.twitter a {
  background: url(images/twitter-home.gif) left -32px;
	display: inline-block;
}
ul#social-nav li.twitter a:hover {
  background: url(images/twitter-home.gif) left top;
}
ul#social-nav li.facebook a {
  background: url(images/fb-home.gif) left -32px;
}
ul#social-nav li.facebook a:hover {
  background: url(images/fb-home.gif) left top;
}
ul#social-nav li.rss a {
  background: url(images/rss-home.gif) left -32px;
}
ul#social-nav li.rss a:hover {
  background: url(images/rss-home.gif) left top;
}
ul#social-nav li.email a {
  background: url(images/email-home.gif) left -32px;
}
ul#social-nav li.email a:hover {
  background: url(images/email-home.gif) left top;
}
a.read-more-home {
  color: #f76037;
  text-decoration: none;
}

a.read-more {
	color: #f76037;
	text-decoration: none;
}
a:hover.read-more {
	color: #5f5f5f;
}

h2.opening {

	
	color: #f76037;
	
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	text-align: center;
	width: 78%;
	max-width: 900px;
	font-family: "Life Savers", Georgia, "Times New Roman", Times, serif;
	font-size: 3.3em;line-height: 120%;
	padding-top: 0;/* pre-holiday value: 20px */
}
h2.opening::selection{
	background-color: #f76037;
	color: #fff;
}
h2.opening::-moz-selection{
	background-color: #f76037;
	color: #fff;
}
.home-section-quicklinks {
	padding-bottom: 12px;
	padding-top: 5px;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-bottom: 24px;
	padding-left: 5px;
}

.home-section-featured {
	padding-bottom: 12px;
	padding-top: 11px;
	margin-bottom: 14px;
	width: 100%;
	display: block;
	float: left;
	margin-top: 12px;
	overflow: visible;
}


.home-block {
	display: block;
	width: 100%;
	overflow: visible;
	float: left;
	margin-top: 0;
}




.home-section-featured.last {
	margin-right: 0;
}
.home-section-blog {
	float: left;
	display: block;
	width: 416px;
	padding: 20px;
	background-color: #fff;
	height: 400px;
	border: 1px solid #e2e2e2;
}
.home-section-blog.right {
	margin-left: 39px;
}

#home-section-quote {
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 23px;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	width: 100%;
}

#home-section-quote p {
	font-style: italic;
}
#other-work{
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	background-color: #f2cb0c;
}
#other-work p{
	color: #fff;
	font: 200 1.1em "Open Sans", sans-serif;
}

#home-section-quote a{
	text-align: center;
	margin-left: auto;
	width: 70%;
	margin-right: auto;
	margin-bottom: 0;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.6em;
	color: #2fc3d3;
	text-shadow: #fff 0 1px 0;
}

#home-section-quote a:hover {
	color: #f76037;
}

#home-section-quote blockquote cite {
	color: #8a8a8a;
	margin-top: 7px;
	font-weight: normal;
	font-style: normal;
}

/* My Comment */
#content-home .rule{
	border-bottom: 1px solid #b5b5b5;
	z-index: -3;
	width: 96%;
	margin-top: 5px;
	margin-left: 4px;
}

.section-hdr{
	width: 100%;
	z-index: 2000;
	padding-top: 11px;
	padding-bottom: 16px;
	background: #fff no-repeat 0;
	margin-top: 0;
}
.home-section-blog h3 {
	border-bottom: 1px dotted #cfcfcf;
	margin-bottom: 15px;
}
.section-hdr h3 {
	color: #959595;
	text-align: left;
	z-index: 1001;
	text-transform: uppercase;
	font: 1em "Open Sans", sans-serif;
	font-weight: 200;
	float: left;
	margin-left: 10px;
	text-shadow: #fff 0 1px 0;
}


a.services-more {
	color: #f76037;
  text-decoration: none;
	line-height: 18px;
	font-size: .8em;
	float: left;
}

.home-section-featured.last h3 {
	width: 91%;
	margin-right: 0;
	float: left;
}

.home-section-blog h3, .home-section-comments h3 {
	color: #7f7f7f;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

.home-section-blog h3 a {
	color: #7f7f7f;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

.home-section-blog h3 a:hover {
	color: #f76037;
}

#footer-section-social h4 {
	float: right;
	margin-bottom: 0px!important;
	font-family: Lobster, arial, serif;
	margin-top: 6px;
	color: #979797;
	margin-right: 14px;
	text-shadow: #eee 0 1px 0;
}

p.opening a{
	-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */

	color: #f76037;
	text-decoration: none;
}


a.home-title-link, a:visited.home-title-link {
  color: #474747;
  text-decoration: none;
	font-weight: bold;
	
	display: block;
	margin-bottom: 3px;
}
.home-section-content a:hover, p.opening a:hover, a:hover.services-more {
  color: #808080;
  text-decoration: underline;
}

ul li.home-section-content h4 {
	font-size: 1.2em;
	line-height: 130%;
	float: left;
	text-transform: uppercase;
	display: block;
	width: 100%;
}

.home-thumb-link {
	min-height: 90px;
	float: left;
	display: block;
}
#footer-home {
  width: 100%;
  height: 70px;
  background: url(images/bg-footer-repeating.jpg) repeat center top;
	padding-top: 10px;
}

#footer-home p {
	margin-left: 170px;
	text-shadow: #fff 0 1px 0;
	font: italic .7em Georgia, "Times New Roman", Times, serif;
}
/* @end */

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: block;
	min-height:500px;
}
#wrapper-inner{
	width: 100%;
	max-width: 1500px;
	margin-right: auto;
	margin-left: auto;
}
.site-bg {
	color: #fafafa;
	background: #fcfcfc;
	background-width:50px auto;
}
body {
	font: 100% 'Open-Sans', "Helvetica neue", Helvetica, Arial, Sans-serif;
	font-weight:300;
}

div.entry-meta {
	margin-top: 12px;
	font-size: 12px;
	color: #2f2f2f;
}

p.page-title a {
	-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */
	color: #9d9d9d;
  font-size: 12px;
	margin-bottom: 10px;
	text-decoration: none;
	text-transform: uppercase;
  display: block;
	background-color: #fff;
	-moz-border-radius: 10px;
  border-radius: 10px;
	text-shadow: #feffff 0 1px 0;
	float: left;
	margin-right: 8px;
	padding: 8px 10px;
	text-align: center;
}

p.page-title a:hover {
	color: #f76037;
	background: none;
}


#page {
  width: 100%;
  
  min-height: 750px;
  overflow: visible;
	padding-top: 10px;
	background-color: #fafafa;
	background-image: url(images/bg-repeating.jpg);
}

.error-search form#searchform {
	corner-radius:3px;
	margin-top: 2px;
	margin-left: auto;
	float: none;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	padding: 5px;
	margin-right: auto;
	width: 90%;
	max-width: 500px;
	height: 27px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.error-search input#s{
	width: 80%;
	max-width: 400px;
}
div.header-logo {
	width: 332px;
	height: 95px;
	background: url(images/header-overlay-bg.png) no-repeat -4px 0;
	padding-top: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 9px;
}

/* @group Test Masonry Layout */




ul#container{
	max-width: 960px;
	overflow: hidden;
	margin: 25px auto 40px;
	padding-top: 5px;
}

li.itemtest {
	-webkit-transition: all 200ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 200ms ease-in;
  /* FF3.7+ */

  -o-transition: all 200ms ease-in;
  float: left;
	margin-left: 5px;
	margin-bottom: 15px;
	background-color: #fff;
	display: block;
	width: 300px;
	height: 300px;
	margin-right: 10px;
}

li:hover.itemtest{
	-webkit-box-shadow: 0px 0px 6px #2fc3d3; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 6px #2fc3d39; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 6px #2fc3d3;
      
}

#container li.itemtest.masonry-brick h3 {
	line-height: 130%;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 3px 5px 10px;
}




/* @end */
ul.header-social {
	display: block;
	text-transform: uppercase;
	width: 275px;
	margin-top: -50px;
	margin-left: -274px;
	float: left;
	height: 0;
}
ul.header-social li{
	float: left;
}

li.location {
	background: url(images/hdr-icon-loc.png) no-repeat;
	padding-left: 19px;
	margin-right: 30px;
	color: #5b721b;
	font-size: 11px;
	
	padding-right: 13px;
	float: left;
	text-shadow: #bfe537 0 2px 0;
	height: 23px;
}
.twtr a{

}
li.twtr, li.fabook {
	margin-right: 13px;
}
object, iframe {
	z-index: inherit;
}

#card {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	height: 276px;
	display: block;
}

.location-card, .contact-details {
	padding-top: 11px;
	margin-right: 51px;
	margin-left: 40px;
	width: 309px;
}
.location-card {
	display: block;
	float: left;
	background: url(images/location-icon.png) no-repeat 0 6px;
	padding-left: 57px;
	height: 94px;
	border-bottom: 1px dotted #939393;
}
.contact-details {
	float: left;
	display: block;
	height: 110px;
	padding-top: 28px;
}
#card h4 {
	padding-top: 0;
	margin-top: 0;
	border-top-style: none!important;
	color: #f76037;
	font: 1.3em Lobster, arial, serif;
}
img.about-photo {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0px 1px 6px 0 rgba(0,0,0,0.35);
}
#card p{
	margin-bottom: 0;
}

/* =Menu
ul#menu-main-nav {
  font-family: "Arial Rounded MT Bold", Arial, Helvetica, Sans-serif;
  font-weight: bold;
  display: block;
  width: 600px;
  float: left;
}
#menu-main-nav li a {
  text-decoration: none;
  color: #2fc3d3;
  padding-top: 12px;
  padding-bottom: 12px;
}
#menu-main-nav li a:hover {
  color: #f76037;
}
*/
.subscribe  {
	background: url(images/subscribe-rss-nav.png) no-repeat 26px 11px;
	padding-left: 30px;
	display: block;
	font-size: 12px;
	padding-bottom: 2px;
}


ul#menu-main-nav {
	float: left;
	width: 366px;
	margin-left: 35px;
}

#menu-main-nav-right {
	float: right;
	width: 279px;
	margin-right: 34px;
}
.floatleft{
	float: left;
}
.floatright {
	float: right;
}
div.breadcrumbs {
	width: 100%;
	max-width: 720px;
	font-size: 12px;
	color: #767676;
	display: block;
	margin: 36px auto 20px;
}

#content-about div.breadcrumbs {
	margin-bottom: 11px;
}

.breadcrumbs a {
	color: #2fc3d3;
	font-weight: bold;
}

.breadcrumbs a:hover {
	color: #f76037;
}
#header-top li,
div.menu li{float:left;position:relative;

}

.entry h3, #entry h3{
  color: #424242;
  margin-top: 20px;
	margin-bottom: 8px;
	font: 1.5em/1.25em "ff-tisa-web-pro", Georgia, serif;
	font-weight: 700;
}

#post-about .entry h3 {
    padding-top: 20px;
	
}

.entry ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 10px;
	margin-bottom: 22px;
}

ol li{
	margin-bottom: 6px;
	list-style-type: decimal;
	list-style-position: inside;
}

div.entry ol {
	list-style-type: decimal;
	color: #727272;
	list-style-position: outside;
	padding-left: 25px;
}

div.entry ol, div.entry ul {
	margin-bottom: 17px;
	font-size: 1.2em;
}

p, ol, ul, li{
	color: #151515;
	font-family: "Open Sans", sans-serif;
}
p{
	font-size: 1.2em;
	line-height: 1.6em;
}

ol, ul li{
	font-size: 1em;
	line-height: 1.7em;
}
::selection{
	background-color: #f2cb0c;
	color: #353535;
}
::moz-selection{
	background-color: #f2cb0c;
	color: #353535;
}
#header-wrapper h1 {
	color: #a1b4b7;
	font: 2em Lobster, arial, serif;
	float: left;
	text-decoration: none;
	text-shadow: #fff 2px 2px 0;
	margin-top: -6px;
	padding-left: 0;
	margin-right: 14px;
	position: absolute;
	top: -1000px;
	left: -1000px;
}
#header-wrapper {
	width: 100%;
	z-index: 500;
}

#header-inner{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


#header-strip{
	width: 100%;
	height: 60px;
}
.process-image a img {
	margin-top: 8px;
	border: 1px solid #c2c2c2;
	padding: 5px;
}


#header {
	width: 100%;
}

#header-shadow{
	width: 100%;
	height: 10px;
	float: left;
	margin-top: 5px;
	background-repeat: no-repeat;
}
#header-shadow-top{
	height: 44px;
	background-repeat: no-repeat;
	background-position: 0 39px;
	float: left;
	margin-left: 215px;
	width: 650px;
}
div.sharedaddy h3{
	width: 100%!important;
}
div.sharedaddy .sd-content{
	float: left!important;
}

.inst {
    position: relative;
    height: 0;
    overflow: hidden;
	padding-bottom: 100%;
	padding-top: 94px;
}
.inst iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    max-width: 612px;
    height: 100%;
}
/* @group menu drop-down */

/*-------------------------------------------------------------- */
ul#menu-main-nav {
	display: block;
    height: 40px;
    margin-left: auto;
	margin-right: auto;
}
.menu-main-nav-container{
	margin-right: auto;
	margin-left: auto;
	width: 365px;
}
#nav{
	width: 100%;
	z-index: 1000;
	background: #f2cb0c;
	display: block;
	float: left;
}
#header-social{
	width: 256px;
	padding-top: 4px;
	padding-bottom: 0;
	float: left;
	display: inline-block;
	margin-left: 10px;
}
#header-social a i{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	font-size: 21px;
	color: #999;
}
#header-social a:hover i{
	color: #111;
}
ul#menu-main-nav li{
	float: left;
	
	display: block;
	position: relative;
	
	background-repeat: no-repeat;
}


ul#menu-main-nav li:first-child{
	border-left-style: none;
	background-image: none;
}
span.sub {
	text-align: left;
	text-transform: none;
	color: #96bb00;
	font: normal normal .8em Lobster, arial, serif;
}
ul#menu-main-nav li a{
	color: #111;
	display: block;
	padding: 5px 16px;
	text-transform: uppercase;
	font: 1.3em "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}
ul#menu-main-nav li a:hover, ul#menu-main-nav li:hover {
	color: #ffffff;
}
#nav ul ul {
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.13);
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.13);
box-shadow: 0px 2px 10px rgba(0,0,0,0.13);
	 
	display: none;
	position: absolute;
	z-index: 9999;
	width: 186px;
	float: left;
	margin: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	left: 0;
	background: #fff;
	top: 2.2em;
}
#nav ul ul li{
	
	text-align: left;
	height: 32px;
	border-left-style: none;
	background-image: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	width: 72%;
	font-size: .7em;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 9px;
}

#nav ul ul li:last-child{
	border-bottom-style: none;
}
#nav ul ul li:first-child{
	border-top-style: none;
}
#nav ul ul li a{
	display: block;
	color: #111;
	font-size: 1.8em;
	padding-top: 9px;
	padding-bottom: 9px;
	font-weight: normal;
	font-style: normal;
}
#nav ul ul li a:hover {
	color: #2fc3d3;
}
#nav ul li:hover > ul {
	display: block;
}

/* @end */


/* @group Searchform stylings */

input[type="text"], input[type="password"], textarea {
 
        
    border: 1px solid #cccccc;

    padding: 2px;
}
input[type="text"]:focus, textarea:focus, input[type="text"]:active {
  box-shadow: none;outline: none;
}
input#s {
color: #3d3d3d;
font-size: 13px; 
padding: 7px 30px 4px 8px;
text-transform: lowercase; 
width: 40px;
 
transition-duration: 400ms;
transition-property: width, background;
transition-timing-function: ease; 
 
/* Safari and Chrome */
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease; 
 
/* Opera */
-o-transition-duration:400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
	margin-bottom: 0;
	margin-left: 0;
	border-style: none;
	background-color: #fff;
	float: left;
} 
#nav #searchform{
	float: right;
	margin-right: 19px;
	display: inline-block;
	background-color: #fff;
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	right: 3px;
	top: 3px;
	margin-top: 0;
}
#s:focus, #s:active { width: 200px;box-shadow: none;
} 
#searchform i{
	float: right;
	margin-top: 6px;
	margin-right: 3px;
	color: #93bf2a;
	display: block;
}
#contact-bar-wrapper{
	width: 100%;
	height: 70px;
	position: fixed;
	z-index: 1000;
}

#contact-bar{
	width: 100%;
	height: 35px;
	background-color: rgba(232,232,232,0.5);
	z-index: 1000;
	color: #999;
}
.contact-dets{
	float: left;
	display: block;
	width: 350px;
	margin-top: 7px;
	margin-left: 11px;
	color: #646464;
	font-size: 15px;
}
.contact-dets a{
	color: #646464;
	margin-right: 10px;
}
.contact-dets a:hover{
	color: #3f3f3f;
}
img.header-img {
  float: left;
  display: block;
  margin-top: 49px;
  margin-left: 380px;
}
#footer {
  width: 100%;
	padding: 0 0 40px;
	clear: both;
	overflow: hidden;
	border-top-style: none;
	margin: 50px 0 0;
}
p.colophon{
	font-style: italic;
}
#footer-inner {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.post-info {
  color: #808080;
  width: 700px;
  display: block;
  float: left;
  font-size: 13px;
  margin-left: 5px;
  margin-top: 5px;
}
span.client, span.posted-under-port {
  color: #474747;
  margin-left: 5px;
  margin-right: 20px;
}
.posted-under-port a {
  color: #808080;
}
.posted-under-port a:hover, #portfolio-tags a:hover {
  color: #f76037;
  text-decoration: none;
}
div#post-hdr {
  display: block;
  
	overflow: visible;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-bottom: 25px;
}

#portfolio-wrapper {
  
	float: left;
	width: 100%;
	margin-bottom: 20px;
	display: block;
	text-align: center;
}
#portfolio-wrapper.products{
	max-width: 940px;
	width: 63%;
	margin-top: 0;
	float: left;
	display: block;
	
}


#portfolio-wrapper img{
	box-shadow:0px 1px 4px 1px rgba(0,0,0,0.13);
	margin-bottom: 28px;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
.shadow {
	-webkit-box-shadow: 0 4px 12px 2px rgba( 196, 196, 196,0.1 );
  -moz-box-shadow: 0 4px 12px 2px rgba( 196, 196, 196,0.1 );
  box-shadow: 0 4px 12px 2px rgba( 196, 196, 196,0.1 );
  -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #fcfcfc;
	border-bottom: 2px solid #fff;
	
}





img.attachment-large.wp-post-image {
	height: auto;
	border-bottom: 1px solid #dcdcdc;
}

#portfolio-wrapper img.attachment-illustration-featured.wp-post-image{
	max-width: 100%;height: auto;
	margin-bottom: 14px;
}

div.featured-image-popout {
	width: 100%!important;height:auto;
	margin-right: auto;
	margin-left: auto;
}


#portfolio-tags {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 9px;
}

div#portfolio-tags.design {
	float: left;
	margin-left: 0;
	margin-top: 19px;
	margin-bottom: 15px;
}
div#portfolio-tags.design a{
	background-color: #fff;
	color: #8c8c8c;
}

#portfolio-tags a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	background-color: #fff;
	padding: 3px 5px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	color: #7b7b7b;
	margin-right: 7px;
	margin-left: 0;
	margin-bottom: 8px;
}

#page-inner-wrapper {

	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/* @group Back to top stylings */

#back-top {
	position: fixed;
	background: url(images/bac-to-top-bg.png) repeat;
	width: 120px;
	-webkit-box-shadow: 0px 0px 4px #bbb;
-moz-box-shadow: 0px 0px 4px #bbb;
box-shadow: 0px 0px 4px #bbb;
	margin-top: -87px;
	margin-left: 9px;
}

#back-top a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #565656;
	font-size: 10px;		width: 110px;
	height: 20px;
/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	line-height: 10px;
}


#back-top a span {
	display: block;
	margin-top: -1px;
	text-align: left;
	background: url(images/up-arrow-small.png) no-repeat 0 4px;
	margin-right: auto;
	margin-left: 3px;
	height: 20px;
	padding-top: 6px;
	text-indent: 27px;
}

#back-top a:hover {
	
	background-color: #fff;
	color: #f76037;
}

/* @end */





/* @group Blog stylings */

#widget-posts {
	float: left;
	width: 100%;
}

h3.related-posts {
  margin-bottom: 17px;
	display: block;
	width: 97%;
	float: left;
	margin-top: 25px;
	text-align: center;
	font: 100 26px "Open Sans", sans-serif;
	color: #1b1b1b;
}

#related_posts ul li div.relatedcontent h3 {
	font-size: 1em;
	line-height: 125%;
}
#related_posts ul {
	width: 724px;
}

#related_posts  li{
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	margin-right: 11px;
	min-height: 270px;
	width: 150px;
}

/* Forcing related posts thumbnails to 150px by 150px */

#related_posts li img {
	width: 150px;
	height: 150px;
	padding: 0;
	margin-bottom: 6px;
}

.relatedcontent a{
	-webkit-transition: all 200ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 200ms ease-in;
  /* FF3.7+ */

  -o-transition: all 200ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */
	color: #f76037;
  text-decoration: none;
	font-weight: bold;
	width: 100%;
}

.relatedcontent a:hover{
	color: #afafaf;
}

#cat-archive {
	padding: 10px;
	margin-left: 90px;
	line-height: 1.4em;
	color: #acacac;
	height: 30px;
	float: left;
}

a.cat-archive-back{
	display: block;
	text-decoration: none;
	font-size: .8em;
	margin-bottom: 5px;
}

a:hover.cat-archive-back {
	color: #f76037;
}
.post-search {
	float: left;
	width: 100%;
	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 16px;
	padding-top: 6px;
}

#page h1.blog-hdr, #page h2.blog-hdr {
	text-align: left;
	color: #c9c9c9;
	margin-right: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c2c2c2;
	margin-left: 90px;
	padding-right: 21px;
	font: 21px "Arial Rounded MT Bold", Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	width: 600px;
	margin-top: 10px;
}

#page h2.blog-hdr a {
	color: #c9c9c9;
	text-decoration: none;
}

#page h2.blog-hdr a:hover {
	color: #f76037;
}

h1.search {
	color: #999;
	font: 29px 'lobster';
	padding-top: 5px;
	margin-bottom: 10px;
}

p.search-kudos {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #656565;
	margin: 10px auto 30px;
	text-align: center;
}
span.search-results {
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	color: #f76037;
	margin-left: 18px;
}
.blog-info{
	margin-top: 0;
	width: 90%;
	padding-top: 8px;
	padding-bottom: 22px;
}
.thumbnail-wrapper.related figure{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.thumbnail-wrapper.blog figure {
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	min-height: 600px;
	padding-right: 1.3%;
	padding-left: 1.3%;
	border-right: 1px solid #d7d7d7;
	width: 22.5%;
}
.thumbnail-wrapper.blog figure:last-child{
	padding-right: 0;
}
.thumbnail-wrapper.blog figure img, .thumbnail-wrapper.related figure img{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: .7;
}
.thumbnail-wrapper.blog figure:hover img, .thumbnail-wrapper.related figure:hover img{
	opacity: 1;
}

.thumbnail-wrapper.blog{
	margin-top: 71px;
	width: 96%;
	background-color: #fff;
	padding-right: 2%;
	padding-left: 2%;
}
.recent-work-header{
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #f2cb0c url(images/recent-work-dots.png) repeat-x;
}
.recent-work-header h3{
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	color: #555;
	padding-right: 20px;
	padding-left: 20px;
}
.thumbnail-wrapper.blog h3, .recent-work-header h3 {
	text-align: center;
	
	font: 300 1.8em "Open Sans Condensed", sans-serif;
	
	text-transform: uppercase;
}
.thumbnail-wrapper.blog h3{
	color: #252525;
	padding-bottom: 16px;
	padding-top: 12px;
}
.thumbnail-wrapper.blog.clearfix figure:last-child{
	border-right-style: none;
}
.blog-info .post-date{
	margin-top: 9px;
	margin-bottom: 15px;
	width: 80%;
}
.blog-excerpt{
	height: 148px;
}
.blog-info p{
	font: 1em/160% "Open Sans", sans-serif;
}
.blog-info h4, #store-grid li h2{
	margin-bottom: 11px;
	font: 400 1.4em/130% "ff-tisa-web-pro", Georgia, serif;
}
.blog-info h4 a, #store-grid li h2 a{
	color: #252525;
}
.blog-info h4 a:hover, #store-grid li h2 a:hover{
	color: #f76037;
}
/* @group Comments */
#comments {
	overflow: visible;
	width: 900px;
	max-width: 90%;
	background-color: #fff;
	margin: 20px auto 30px;
	padding-right: 32px;
	padding-left: 32px;
	padding-top: 7px;
}
#commentform {
  margin-top: 13px;
	margin-bottom: 35px;
	background-color: #fefefe;
	padding-top: 30px;
	padding-bottom: 40px;
}
p.comment-notes {
  margin-bottom: 11px;
}
#comments p {
  vertical-align: top;
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
  margin-bottom: 20px;
}
p.form-allowed-tags {
  margin-bottom: 13px;
  font-size: 13px;
}
code {
  font-size: 11px;
  color: #888;
}
#comments p label {
  vertical-align: top;
}
.comment {
  min-height: 154px;
  overflow: hidden;
  margin-top: 10px;
	list-style-type: none;
	float: left;
	background: url(images/comment-balloon.png) no-repeat 80px 31px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

li.post.pingback {
	border: 1px solid #c6c6c6;
	margin-top: 10px;
	float: left;
	width: 93%;
	background-color: #fff;
	padding: 10px 25px 10px 10px;
}
.depth-1 {
}
#user-comment {
  width: 446px;
  min-height: 154px;
  float: left;
  background: #fafafa none repeat-y left;
  padding-top: 23px;
  padding-bottom: 13px;
  padding-right: 28px;
  margin-left: 19px;
}
cite {
  display: block;
  color: #f76037;
  
  margin-bottom: 6px;
  text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
}
.commentauthor cite, .commentauthor cite a {
  text-decoration: none;
	color: #f76037;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;
}

div.commentauthor {
	float: left;
	display: block;
	text-align: center;
	width: 75px;
	line-height: .95em;
}


div.comment-meta.commentmetadata {
  color: #959595;
  font-style: italic;
  font-size: 11px;
  margin-top: 9px;
}
.comment-edit-link {
  border-left: 1px solid #9d9d9d;
  padding-left: 10px;
  margin-left: 10px;
}
ul.children {
  background-color: #fafafa;
  margin: 9px 10px 8px 35px;
}
small.commentmetadata, .comment-reply-link {
  text-decoration: none;
  text-transform: uppercase;
  font: normal normal 10px helvetica, arial, geneva, sans-serif;
  margin-top: 13px;
}
div.comment-author.vcard {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 16px;
  margin-left: 3px;
	display: block;
	width: 65px;
	height: 65px;
	float: left;
	margin-bottom: 6px;
	background-color: #fff;
	padding: 0;
	overflow: hidden;
}

#comments-title em {
  text-transform: capitalize;
  letter-spacing: 2px;
  color: #5f5f5f;
}
.comment-body {
  min-height: 90px;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 22px;
	padding-left: 99px;
	padding-right: 22px;
}
a.comment-reply-link {
  margin-top: 8px;
  display: block;
}
span.required {
  color: #f76037;
  font-weight: bold;
  font-size: 22px;
}
div.comment-body p {
  margin-bottom: 10px;
	font: italic 15px/22px Georgia, "Times New Roman", Times, serif;
}
ol.commentlist {
  margin-bottom: 32px;
}
input#author, input#email, input#url {
  width: 98%;
  display: block;
}
input#author,
input#email,
input#url,
textarea#comment {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-top: .5em;
  padding-bottom: .5em;
  margin-bottom: 11px;
  border: 1px solid #c6c6c6;
  padding-left: 10px;
  font-size: 14px;
  color: #858585;
	background-color: #fcfcfc;
}
textarea#comment {
  width: 98%;
 
}
h3#reply-title, h3#comments-title {
	margin: 25px auto 17px;
	font: 30px "Open Sans", sans-serif;
	font-weight: 100;
	color: #1b1b1b;
}
#submit, input.email-submit, a.more-link {
 -webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 300ms ease-in;
  /* futureproofing */
  -moz-border-radius: 4px;
  border-radius: 4px;
	color: #fff;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: center;
	background: #f76037 none no-repeat;
	margin-right: 7px;
	width: 203px;
	padding-top: 10px;
	padding-bottom: 13px;
	display: inline-block;
	border-style: none;
	-webkit-appearance:none;
	font-size: 14px;
}
#submit:hover, #submit:focus, input.email-submit:hover, input.email-submit:focus {
	background-color: #b44628;
}
/* @end */
#content {
  display: block;
	overflow: visible;
	margin: 40px auto 35px;
	float: left;
}
#content.store{
	max-width: 1500px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#content-center-col {
	 display: block;
  
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 90%;
  max-width: 800px;
}

#content-left-col {
	float: left;
	width: 400px;
}
#content-right-col {
	float: right;
}

#content-left-col h2, #content-right-col h2{
	margin-top: 15px;
	margin-bottom: 5px;
}

#content-left-col ul li a:hover, #content-right-col li a:hover {
	color: #f76037;
	text-decoration: none;
}
#content-blog {
	display: block;
	margin-bottom: 30px;
	border-right: 1px none #d1d1d1;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#content-page{
	display: block;
	margin-bottom: 30px;
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


div.post.products {
	width: 90%;
	overflow: visible;
	background: none repeat;
	padding: 0;
	margin-top: 10px;
	border-style: none;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

div.post.design {
	padding-left: 5px;
	-webkit-box-shadow: 0px 0px 0px #bbb;
-moz-box-shadow: 0px 0px 0px #bbb;
box-shadow: 0px 0px 0px #bbb;
	float: left;
}

#sliderdesign div.fluxslider ul.pagination {
	margin-left: 17px!important;
	padding-top: 10px!important;
	margin-top: 4px!important;
	font-family: "Open Sans", sans-serif;
}

#sliderdesign div.fluxslider ul.pagination li {
	float: left;
}

#sliderdesign div.fluxslider ul.pagination li.current {
	color: #2fc3d3;
	font-weight: bold;
}



.post.attachment{
	width: 850px;
}

.post h4, .entry h4, #entry h4 {
	margin-bottom: 5px;
}
.post h5, .entry h5, #entry h5 {
  font-weight: bold;
	font-size: .7em;
}
.post h6 {
  font-size: 12px;
  font-weight: bold;
}

.post-title a {
	color: #808080;
	text-decoration: none;
}
.post a:hover {
	color: #f76037;
	text-decoration: underline;
}
.entry a, .portfolio-entry a{
	font-weight: bold;
}

.navigation {
	margin-bottom: 25px;
	float: left;
	width: 100%;
	font-size: .75em;
	margin-top: 20px;
}

.portfolio-nav {
	max-width: 900px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#wrapper div.portfolio-nav.clearfix span.previous-entries i.generalEnclosed.foundicon-left-arrow, #wrapper div.portfolio-nav.clearfix span.next-entries i.generalEnclosed.foundicon-right-arrow {
	vertical-align: -14px;
	color: #96bb00;
}



.portfolio-nav i{
	font-size: 42px;
}
.portfolio-nav a{
	color: #bcbcbc;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.portfolio-nav a:hover{
	text-decoration: none!important;
}
span.previous-entries {
	float: left;
}

span.next-entries {
	float: right;
}

span.next-entries, span.previous-entries {
	color:  #9d9d9d;
	
}


.navigation a, #content-blog span.blog-back a {
	color: #9d9d9d;
	text-decoration: none;
}

#content-blog span.blog-back a {
	font-size: .75em;
	margin-top: -27px;
	float: left;
	margin-bottom: 13px;
}

#content-blog span.blog-back a:hover {
	color: #2fc3d3;
}

span.blog-back {
	float: left;
}

.navigation a:hover {
	color: #f76037;
}
.post.shadow.list{
	background-color: #fff!important;
}
.post {
	
    -moz-border-radius: 5px;
  border-radius: 5px;

  display: block;
  margin-bottom: 62px;
	clear: both;
	float: left;
	width: 100%;
}
.post.grid{
	width: 300px;
	float: left;
	clear: none;
	margin-right: 26px;
}
.post.grid h2{
	font-size: 27px;
}
.post.grid .post-title{
	position: relative;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 4px;
}
#content-blog .entry {
  line-height: 18px;
  overflow: visible;
	padding-bottom: 30px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.post-details{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	padding: 14px 5%;
}
.entry ul, ul.services {
  padding-left: 30px;
  list-style-image: url(images/bullet_green.gif);
  list-style-position: outside;
  list-style-type: disc;
  margin-top: 0;
}
.entry li {
  margin-top: 5px;
  margin-bottom: 10px;
}
.post-title {
	
	width: 90%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}



.products-info {
	display: block;
	max-width: 500px;
	width: 30%;
	margin-left: 10px;
	float: right;
	margin-right: 30px;
}

p.product-type {
	text-transform: uppercase;
}


a.purchase {
	float: left;
	padding: 15px;
	text-decoration: none;
	background-color: #b3b3b3;
	color: #fff;
}

.products-info a:hover.more-link {
	text-decoration: none;
}



.products-info h1{
	color: #0a2a34;
	margin-bottom: 8px;
	padding-bottom: 8px;
	float: left;
	width: 100%;
	font: bold 1.4em/120% "ff-tisa-web-pro", Georgia, serif;
}

.post-title h1, #post-about h1, #post-about h2, .post-title h2, #content-left-col h1, h1.post-title, #post h1, .page-title h2{
  color: #0a2a34;
  margin-bottom: 15px;
	letter-spacing: -1px;
	margin-top: 5px;
	font: 200 2.3em/120% "ff-tisa-web-pro", Georgia, serif;
}

.post-title h2, .post-title h1 {
	margin-right: auto;
	margin-left: auto;
	font-family: "ff-tisa-web-pro", Georgia, serif;

}
.page-title{
	width: 90%;
	font-family: "open sans", sans-serif;
}

#post-about h1{
	color: #353535;
}

h1#post-815 {
	margin-bottom: 41px;
}


.post-title-search h2 {
	font-weight: bold;
	margin-bottom: 3px;
}

.post-meta {
	display: block;
	width: 80%;
	color: #0e3f4e;
	border-top-width: 40px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

div.post-meta i {
	font-size: 1.3em;
	vertical-align: -4px;
	color: #b6b6b6;
}
.post-meta a{
	color: #2fc3d3;
	font-weight: bold;
}
.post-details .post-meta{
	width: 100%;
	border-top-style: none;
	border-bottom-style: none;
}

.post-details .post-meta span.post-cat{
	border-right-style: none;
}

a.comments-link {
	text-transform: uppercase;
}
.featured-blog {
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	margin-right: auto;
	margin-left: auto;
	float: none!important;
	overflow: hidden;
}

.featured-blog.products img {
	-moz-border-radius: 0px;
  border-radius: 0px;
  padding: 15px;
	border-style: none;
	margin-top: 0;
	margin-bottom: 0;
}



.featured-blog.products {
	float: left;
	overflow: visible;
}

.post-title-search h2 a {
	text-decoration: none;
	color: #f76037;
}

#post-about h2 {
	margin-bottom: 30px;
	margin-top: 26px;
	clear: both;
}
.post-title h2 a {
  color: #0a2a34;
  text-decoration: none;
	
}

span.search-date {
	font-size: .8em;
	text-transform: uppercase;
	color: #797979;
}
.post-date {  

	color: #0e3f4e;
	text-transform: uppercase;
}


span.post-comments {
	margin-top: 5px;
}
span.post-cat, .post-meta .post-date {
	padding-right: 15px;
	border-right-style: solid;
	border-right-width: 1px;
	margin-right: 15px;
}





span.post-month {

  display: block;
  font-size: 13px;
  line-height: 11px;
  text-align: left;
  text-transform: uppercase;
}
.post-day {

  display: block;
  padding-top: 8px;
  text-align: center;
  text-transform: uppercase;
	font: 34px/18px Lobster, arial, serif;
}
.post-year {

  display: block;
  font-size: 13px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
	margin-top: 2px;
}
#sidebar {
  width: 210px;
  float: right;
  padding-left: 12px;
  margin-top: 40px;
	background-repeat: no-repeat;
	background-position: left;
}

#content-blog div.post div.entry ul.related_post li small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #747474;
}

/* @group image stylings */

/* @group Gallery */

/* @group Cleaner Gallery css */

/* [gallery] shortcode styles. */
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 9px auto 0;
	float: left;
}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	height: auto;
	margin: 0 10px 10px auto;
	border: 1px solid #cdcdcd;
}
.gallery-caption {
	margin-left: 0;
	}

/* @end */





dt.gallery-icon {margin:0;padding:0}

dd.gallery-caption {text-transform:capitalize;font-family:Georgia;font-size:14px;text-align:left;text-indent:8px}

dl.gallery-item {}

div.gallery {padding:0!important}

#gallery-1 dl.gallery-item dt.gallery-icon a img.attachment-thumbnail {
	border: 1px solid #cfcfcf;
}

/* @end 'Gallery' */

/* @group blog image stylings */

div.entry img, .wp-caption {
	
	margin-bottom: 20px;
}

.wp-caption {
	border: 1px solid #dadada;
	background-color: #fff;
	max-width: 100%;
	width:100% !important;
	float: left;
}
.wp-caption img {
	width: 100%;
}
.wp-caption p{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
img.no-border {
	border-style: none!important;
	background: none!important;
}



img.alignnone.size-full.wp-image {
	background-color: #fff;
}

div.entry img, #entry img, div.post-title img.wp-post-image {
	max-width: 100%;
}
img.attachment-thumbnail {
	background-color: #fff;
}
img.alignnone, img.blog_thumb {
	background-color: #fff;
}

img{
	height: auto;max-width: 100%;
}

p.wp-caption-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	color: #8e8e8e;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	display: block;
	width: 100%;
}

img.alignright {
	
	float: right;
	margin-left: 10px;
}

img.alignleft {
	
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.alignleft {
	float: left;
	display: block;
}
.alignright {
	float: right;
}

img.alignleft, img.alignright, img.aligncenter {
	background-color: #fff;
}

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

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* @end 'blog image stylings'*/


/* @end */

.widget {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
    
    -moz-border-radius: 5px;
  border-radius: 5px;

  margin-bottom: 25px;
	color: #acacac;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	background-color: #fff;
	float: left;
	width: 176px;
	padding: 15px 15px 20px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	border: 1px solid #fff;
}

img.blog-welcome {
	margin-bottom: 9px;
}

p.blog-welcome {
	margin-bottom: 12px;
}


.widget div.featured-grid {
	margin-left: 6px;
	width: 110%;
}

.featured-grid img{
	width: 65px;
	height: 65px;
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
	
}
.featured-grid img:hover {
	opacity:1;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.widget:hover, .widget:focus {
	-webkit-box-shadow: 0px 0px 8px #aaa;
-moz-box-shadow: 0px 0px 8px #aaa;
box-shadow: 0px 0px 8px #aaa;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 1);
	/* For IE 5.5 - 7*/
	
}

.widget ul#social-nav {
	border-top: 1px dotted #c9c9c9;
	padding-top: 13px;
	padding-left: 7px;
}

div.widget.welcome h3 {
	font-size: 166%;
}

.widget h3, .sidebar-social h3, .widget h3 a{
	color: #f76037;
	font: 15px Lobster, arial, serif;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	float: left;
	text-decoration: none;
}

.widget ul li a {
  text-decoration: none;
  color: #696969;
}

.widget ul li a:hover {
  color: #f76037;
}

.widget ul li {
  border-top: 1px solid #e0e0e0;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
	font-size: 1em;
}
.widget ul li:first-child {
	border-top: none;
}
ul.tweets li a {
	color: #2fc3d3;
}

a.timesince {
	color: #aaa!important;
}

.featured-grid a {
	float: left;
	margin-bottom: 10px;
}

a img.attachment-thumbnail.wp-post-image {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
}

a:hover img.attachment-thumbnail.wp-post-image, a:focus img.attachment-thumbnail.wp-post-image {
	-webkit-box-shadow: 0px 0px 4px #2fc3d3;
-moz-box-shadow: 0px 0px 4px #2fc3d3;
box-shadow: 0px 0px 4px #2fc3d3;
	
}

/* Twitter */
ul.twitter {
	color: #636363;
	line-height: 18px;
}

span.twitter-timestamp {
	color: #acacac;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
}

a.twitter_title_link {
	text-decoration: none;
	color: #f76037;
}




/* @end */

div.sidebar-social{
	margin-bottom: 27px;
	width: 100%;
	text-align: center;
	display: block;
	float: left;
	margin-top: 8px;
}

#sidebar div.sidebar-social ul li{
	float: left;
}

div.sidebar-social h3{
	margin-bottom: 12px;
}
#sidebar-about {
  display: block;
  float: left;
  width: 176px;
  
  margin-left: 30px;
  margin-top: 40px;
  padding-right: 10px;
	overflow: visible;
}

#menu-about-me-menu {
	margin-bottom: 16px;
}




#quote {
  color: #acd734;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 20px;
  font-style: italic;
  line-height: 25px;
  margin-top: 20px;
  text-align: center;
}
.quote_credit {
  color: #acd734;
  font-size: 15px;
  text-align: right;
}
#menu-about-me-menu .current-menu-item a {
  color: #f76037;
}
#menu-about-me-menu li a {
  color: #2fc3d3;
  display: block;
  font-family: 'Arial Rounded MT Bold', 'Arial Bold', Verdana, sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  padding-top: 12px;
  text-decoration: none;
	border-bottom: 1px solid #d5d5d5;
}
#menu-about-me-menu li a:hover {
  color: #f76037;
}
#content-about {
  display: block;
  float: left;
  width: 70%;
  max-width: 800px;
  border-left: 1px solid #d5d5d5;
	margin-right: 3px;
	margin-top: 40px;
	padding-left: 60px;
}
#post.illustration h1, #post.illustration h1 a, #post.illustration h1 a:visited, h2.entry-title {
  color: #333;
  text-decoration: none;
	display: inline-block;
	padding-bottom: 41px;
	text-shadow: #fff 0 1px 0;
	width: 80%;
	text-align: center;
	font: 400 3.6em/120% "ff-tisa-web-pro", Georgia, serif;
}
h1.blog{
	padding-bottom: 5px!important;
}

div#entry.portfolio-entry {
	margin-left: auto;
	width: 85%;
	margin-bottom: 30px;
	margin-right: auto;
}


.next-previous {
  display: block;
  float: right;
  width: 65px;
  height: 20px;
  margin-right: 10px;
}
.next-previous a {
  display: block;
  float: right;
  font-size: 24px;
}
.prev-img {
  margin-right: 5px;
}

span.btn-forward {
	margin-right: 5px;
	float: right;
	display: block;
}

span.btn-back {
	margin-left: 0;
	margin-right: 8px;
	float: right;
	display: block;
}

span.btn-back a, span.btn-forward a {
	-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */

	text-decoration: none;
	color: #c4c4c4;
	font-size: 70px;
	display: inline-block;
	font-weight: bold;
	margin-top: -14px;
	height: 40px;
	float: right;
}

a.post-edit-link {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	background-color: #fff;
	padding: 3px 5px;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 20px;
	width: 170px;
	text-align: center;
	display: block;
	float: left;
}

a  {
	color: #f76037;
	text-decoration: none;
}

a:hover {
	color: #808080;
	text-decoration: none;
}

p.edit a:hover {
	color: #f76037;
}


a.back, a.more-link {
	float: left;
}
a:hover.back, a:focus.back, a:hover.more-link {
  background-color: #c14b2a;
	text-decoration: none;
	color: #fff;
}

span.btn-back a:hover, span.btn-forward a:hover, span.btn-back a:focus, span.btn-forward a:focus {
	color: #f76037;
}

span.back-arrow {
	float: left;
	margin-top: -5px;
	font: 35px Arial, Helvetica, Sans-serif;
}

span.back-type {
	display: inline-block;
	margin-left: 5px;
	margin-top: 9px;
	float: left;
}

#tag-name-wrapper {
	float: left;
	clear: left;
	display: block;
	padding-left: 7px;
	width: 100%;
	margin-top: 20px;
}

a.back-btn {
	float: left;
}
p.currently-viewing{
	font-size: 12px;
	color: #6b6b6b;
	line-height: 43px;
	margin-left: 11px;
	display: block;
}

span.tag-name {
	font-style: italic;
	font-weight: bold;
	margin-left: 8px;
	color: #2fc3d3;
	font-size: 17px;
}

#tag-name-wrapper a.back {
	background-color: #fff;
}

#post {
 
  display: block;
  overflow: visible;
	padding-bottom: 15px;
	float: left;
	margin-right: auto;
	margin-top: 15px;
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}


	


#post.illustration {
	max-width: 1240px;
	width: 95%;
	margin: 10px auto 55px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
#post.illustration.blog{
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

h4.details {
	width: 100%;
	display: block;
	float: left;
	margin-right: auto;
	font: 1.2em Lobster, arial, serif;
	color: #707070;
}

.details-rule {
	width: 720px;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	display: block;
	height: 5px;
	float: left;
}

form.db_posts_per_page_form {
}

input#db_posts_per_page.text {
	border: 1px solid #bbb;
	width: 40px;
	margin-left: 6px;
	margin-right: 7px;
	padding-left: 5px;
	height: 20px;
}

/* @group Test Store grid */

#store-grid li {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 200ms ease-in;
	width: 24%;
	float: left;
	background-color: #fff;
	margin-bottom: 41px;
	min-height: 500px; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow: hidden;
	margin-right: 9px;
	box-shadow:0px 1px 4px 1px rgba(0,0,0,0.13);
}
#store-grid li:last-child{
	margin-right: 0;
}
#store-grid li img{
	width: 100%;height: auto;
}
#store-grid li:hover {
	

box-shadow:0px 1px 15px 1px rgba(0,0,0,0.2);
}

#store-grid li a {
	color: #767676;
}
#store-grid li a:hover {
	color: #f76037;
	text-decoration: underline;
}

#store-grid li span {
	padding-right: 10px;
	margin-right: 10px;
	border-right-style: solid;
	border-right-width: 1px;
	text-transform: uppercase;
}
#store-grid li h2{
	
}
.stock-info{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

ul#store-grid {
	margin: 24px auto 38px;
	width: 100%;
}
p.store-welcome {
	width: 744px;
	margin-left: auto;
	margin-right: auto;
}
h1.illustration-title{
	color: #4c4c4c;
	
	text-align: center;
	font: 200 2.4em "open sans", sans-serif;
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 32px;
	display: block;
}
h3.products-title-grid{
	color: #4c4c4c;
	
	text-align: center;
	font: 200 2.4em "open sans", sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	max-width: 1200px;
	margin: 40px auto 32px;
	border-bottom: 1px dashed #bebebe;
	border-top: 1px dashed #bebebe;
	display: block;
	float: left;
}
h1.store-title {
	color: #2fc3d3;
	font: 4em 'Lobster', arial, serif;
	text-shadow: #fff 0 1px 0;
	text-align: center;
	margin: 17px auto 16px;
}

a.store-more {
	-webkit-transition: all 200ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 200ms ease-in;
  /* FF3.7+ */

  -o-transition: all 200ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */

	float: left;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #e5e5e5;
	text-align: center;
	text-decoration: none;
	margin-top: 6px;
	text-transform: uppercase;
}
a:hover.store-more {
	background-color: #acd734;
	text-decoration: none!important;
	color: #434343!important;
}


/* @end */

/* @group gallery grid using the db_posts_per_page plugin*/

.wp-pagenavi {
	clear: both;
	margin-bottom: 30px;
}
a.page.larger, a.nextpostslink, span.current, a.previouspostslink, a.page.smaller{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	text-align: center;
}
span.pages, span.extend, a.last, span.current, a.first{
	float: left;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */
	text-decoration: none;
	color: #7b7b7b;
	border-right-style: none;
	margin: 2px;
	padding: 8px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #4d4d4d;
	color: #3e3e3e;
	background-color: #f76037;
}
.wp-pagenavi a{
	background-color: #e1e1e1;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}
.wp-pagenavi span.current {
	font-weight: bold;
	background-color: #f76037;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	color: #fff;
}


.navigationgrid {
	margin-right: 10px;
	display: block;
	float: left;
	padding-top: 4px;
	padding-right: 10px;
}

#nav-below {
	display: inline;
	float: left;
	margin-left: 52px;
	width: 938px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.nav-previous a, .nav-next a{
	text-decoration: none;
}

.nav-previous a:hover, .nav-next a:hover {
	color: #2fc3d3;
}

.nav-previous, .nav-next {
	float: left;
	margin-right: 14px;
	font-size: 12px;
}

form.db_posts_per_page_form fieldset label {
	color: #858585;
	font-size: 12px;
}



/* @end */

#design-metabox {
	float: left;
	color: #434343;
	margin-bottom: 20px;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 10px;
}

#design-metabox span.item-meta {
	text-transform: none;
}

span.design-metabox-hdr {
	font-size: 10px;
	float: left;
	border-bottom: 1px none #b7b7b7;
	padding-bottom: 4px;
	display: block;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	text-transform: uppercase;
}

.entry p, #entry p {
	margin-bottom: 15px;
}

.products-info p{
	font-size: 1em;
}
.sharing-wrapper{
	float: left;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 13px;
}
.facebook-share{
	float: left;
	display: block;
	width: 500px;
	height: 30px;
}
#portfolio-share {
	display: block;
	width: 98%;
	float: left;
	margin-top: 15px;
}
#portfolio-share.left {
	-webkit-box-shadow: 0px 0px 0px #bbb;
  -moz-box-shadow: 0px 0px 0px #bbb;
  box-shadow: 0px 0px 0px #bbb;
	position: fixed;
	left: 0;
	border-radius: 0px; 

-moz-border-radius: 0px; 

-webkit-border-radius: 0px;
padding-right: 10px;
padding-left: 20px;
	top: 190px;
	background-image: url(images/bg-main-repeating.gif);
	width: 60px;
}

#blog-share {
	display: block;
	margin-bottom: 42px;
	float: left;
	width: 100%;
}
.twitter-share-button {
	margin-top: -5px;
}
.stubborn-buttons{
	margin-top: 0px;
	float: left;
}
#portfolio-call {
	display: block;
	float: left;
	width: 719px;
	margin-bottom: 10px;
}

div.nav-buttons {
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding: 10px;
	-moz-border-radius:0px 0px 3px 3px;
-webkit-border-radius:0px 0px 3px 3px;
border-radius:0px 0px 3px 3px;
	font-family: arial;
	border-top-width: 1px;
	border-top-color: #e4e4e4;
}

#sliderdesign {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 700px;
	background-color: #fff;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	overflow: hidden;
	padding-bottom: 15px;
	float: left;
}

div.fluxslider, #sliderdesign div.fluxslider div.surface div.images, div.image1 {
	width: 700px!important;
	
}



#portfolio-call div.nav-buttons {
	margin-right: 67px;
	margin-left: auto;
	margin-bottom: 8px;
}



#portfolio-share h4 {
	color: #565656;
	margin-bottom: 8px;
	float: left;
	display: block;
	margin-top: 9px;
	margin-right: 15px;
	font-family: Lobster, arial, serif;
}

#portfolio-share ul#social-nav {
	float: left;
	display: block;
	border-right: 1px solid #979797;
}

.random-posts {
	float: left;
	width: 174px;
	margin-top: 5px;
	text-align: center;
	display: block;
	overflow: visible;
}



div.featured-grid {
	float: left;
	display: block;
	clear: both;
}



#post div.random-posts h4 {
	margin-bottom: 5px;
	color: #858585;
	display: inline-block;
	margin-top: 4px;
	font: 1.2em Lobster, arial, serif;
}

a.design-link{
	webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */
	color: #565656;
	font: .6em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 10px;
}

a:hover.design-link, a:focus.design-link {
	color: #f76037;
}

a.pdf-portfolio, a.rss-portfolio {
		-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */
	color: #565656;
	
  font-size: 12px;
	text-decoration: none;
  display: block;
	
	text-shadow: #feffff 0 1px 0;
	float: left;
	padding-left: 32px;
	padding-right: 20px;
}

a.pdf-portfolio {background: url(images/bg-pdf-portfolio.png) no-repeat 0 center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-left: 8px;
}

#portfolio-call ul {
	display: block;
	margin-bottom: 37px;
	float: left;
	text-align: center;
	width: 100%;
}
#portfolio-cal ul li{
	float: left;
	display: inline-block;
}

a.rss-portfolio {
	background: #fff url(images/bg-rss-portfolio.png) no-repeat 16px center;
	margin-right: 13px;
}

a:hover.pdf-portfolio {
	color: #f76037;

}

.consider-sharing {
	-webkit-transition: all 300ms ease-in;
  /* Saf3.2+, Chrome */

  -moz-transition: all 300ms ease-in;
  /* FF3.7+ */

  -o-transition: all 300ms ease-in;
  /* Opera 10.5+ */

  transition: all 1000ms ease-in;
  /* futureproofing */
	text-decoration: none;
	font: 18px Lobster, arial, serif;
	text-shadow: #fff 0 1px 0;
	color: #afafaf;
	float: left;
	margin-right: 14px;
	margin-top: -5px;
}





blockquote {
  display: block;
  color: #474747;
  margin-left: 50px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-bottom: 20px;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

a.more-link {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 10px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;

	display: block;
	overflow: visible;
	margin-bottom: 14px;
	float: left;
}
ul.illustration-thumbnails {
	display: block;
	width: inherit;
	margin-right: auto;
	margin-top: 43px;
	margin-left: auto;
}

#content-home ul.illustration-thumbnails {
	margin-top: 0;
}









ul.thumbnails.gallery {
	overflow: visible;
	width: 928px;
	margin-right: auto;
	margin-left: auto;
}
ul.thumbnails.featured {
	width: 100%;
	visibility: visible;
	float: left;
	margin-top: 0;
}

ul.thumbnails.featured li{
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
	text-align: center;
	line-height: 18px;
	margin-right: 8px;
	margin-bottom: 8px;
	width: 230px;
	height: 110px;
	float: left;
}
a.seemore {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #252525;
	margin-right: 12px;
	font: 1.5em "Open Sans", sans-serif;
	font-weight: 200;
}



a:hover.seemore {
	color: #f76037;
}
ul.thumbnails.featureddesign li{
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
	width: 454px;
	height: 240px;
	background-color: #fff;
	padding-bottom: 8px;
	float: left;
}

ul.thumbnails.featureddesign li:first-child{
	margin-right: 38px;
}
.search-section {
	margin-top: 25px;
	float: left;
	display: block;
	height: 400px;
}
div#post-thumbs {
  width: 700px;
  display: block;
  float: right;
  margin-bottom: 40px;
  margin-top: 20px;
}
div#portfolios-menu {
  display: block;
  width: 958px;
  height: 90px;
	float: left;
}
ul#menu-portfolios {
  color: #808080;
  font-family: 'Lobster', arial, serif;
  display: block;
  height: 45px;
  z-index: 200;
}

div.menu-portfolios-container {
	text-align: center;
	display: block;
	border-bottom: 1px solid #d6d6d6;
}

/* @group Design project list stylings */


ul#menu-portfolios li {
  margin-left: 10px;
  display: block;
  padding-right: 10px;
  height: 35px;
  font-size: 20px;
  float: left;
}
ul#menu-portfolios li a {
	background: none no-repeat center 28px;
  text-decoration: none;
  display: block;
  float: left;
  height: 45px;
  z-index: 200;
	color: #7f7f7f;
}
ul#menu-portfolios a:hover, #menu-portfolios .current-disciplines-ancestor a, ul#menu-portfolios .current-menu-item a{
  color: #2fc3d3;
  background: url(images/portfolio-nav-bar-over.png) no-repeat center 28px;
  z-index: 200;
}
ul#menu-portfolios-sub-illustration, ul#menu-portfolios-sub-design {
  display: block;
  float: left;
  font-size: 12px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: -2;
  margin-top: -1px;
}

span.narrow {
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	font-size: 12px;
	color: #bebebe;
}
ul#menu-portfolios-sub-illustration li, ul#menu-portfolios-sub-design li {
  color: #808080;
  float: left;
  display: block;
  padding-right: 20px;
  font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
}
ul#menu-portfolios-sub-design .current-menu-item a, ul#menu-portfolios-sub-illustration .current-menu-item a {
  color: #2fc3d3;
}
ul#menu-portfolios-sub-illustration li a, ul#menu-portfolios-sub-design li a {
	
  text-decoration: none;
	color: #7f7f7f;
}
ul#menu-portfolios-sub-illustration li a:hover, ul#menu-portfolios-sub-design li a:hover {
  color: #2fc3d3;
}

/* @group Gallery CSS */
/* image figures */
figure { 
  float: left;
  position: relative;
  	width: 25%;
	line-height: 0;
	margin: 0;
	overflow: hidden;
}
figure img{
	width: 100%;
}
figcaption {
  width: 90%;
  position: absolute; 
  background: rgba(47,195,211,0.95);
  font-size: 1.3em; 
  color: #fff; 
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
	float: left;
	height: 100%;
	margin-bottom: 0;
	margin-left: 0;
	bottom: -10px;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	line-height: 145%;
}
figcaption.thumb a{
	padding-top: 10%;
	font-size: .9em;
}
figcaption a { color: #fff;
	width: 100%;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	display: block;
	float: left;
	padding-right: 0;
	padding-left: 0;
	padding-top: 30%;
	height: 100%;
}
figcaption a:hover { color: #fff;
}
figcaption i{
	width: 50px;
	height: 60px;
	display: block;
	color: #fff;
	font-size: 34px;
	margin-top: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
figcaption span{
	float: left;
	width: 100%;
	margin-top: 20px;
}

figure:hover figcaption { opacity: 1;
	bottom: 0;
}

figcaption.thumb img.look-icon{
	margin-top: 10px;
}
figcaption.light {
  width: 300px;
  position: absolute;
  background: rgba(255,255,255,0.6);
  font-size: 1.2em;
  color: #444;
  padding: 10px 16px;
  opacity: 0;
  left: 3px;
  bottom: -10%;
  -webkit-transition: all 0.44s ease;
  -moz-transition: all 0.44s ease;
  -o-transition: all 0.44s ease;
  transition: all 0.44s ease;
}
figcaption.light a { color: #60a7d7; }
figcaption.light a:hover { color: #4d92c0; }
.thumbnail-more{
	width: 25%;height: 300px;
	background-color: #96bb00;
	float: left;
	display: block;
}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.thumbnail-wrapper{
	width: 100%;
}
.thumbnail-wrapper.related{
	max-width: 1240px;
	width: 900px;
	max-width:90%;
	margin: 10px auto 30px;
	padding-right: 32px;
	padding-left: 32px;
	padding-top: 7px;
	background-color: #fff;
}
.related h3.related-posts{
	text-align: left;
	font-size: 30px;
	margin-bottom: 41px;
}
/* @end */



ul.illustration-thumbnails li:hover, ul.illustration-thumbnails li:focus, ul.thumbnails.featured li:hover, ul.thumbnails.featured li:focus, ul.thumbnails.featureddesign li:hover, ul.thumbnails.featureddesign li:focus, li.home-section-content:hover, li.home-section-content:focus {
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}

li.home-section-content.design{
	height: 242px;
}
li.home-section-content span.title{
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

div.home-section-featured h3 span, .section-hdr h3 span, .home-section-blog h3 a {
	text-transform: capitalize;
	color: #f76037;
	font: 19px Lobster, arial, serif;
}
ul.services {
	padding-left: 15px;
	width: 189px;
	display: block;
	float: left;
	margin-top: 9px;
}
ul.services li{
	padding-top: 2px;
	padding-bottom: 2px;
}


.section-hdr h3 a {
	text-decoration: none;
}
.section-hdr h3 a:hover {
	color: #bf0012;
}
ul.thumbnails-design li {
  float: left;
  margin-bottom: 20px;
  display: block;
  margin: 5px;
	border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
	line-height: 19px;
	overflow: hidden;
		width: 454px;
	height: 250px;
	padding-bottom: 5px;
}



ul.thumbnails-design.general li {
		background-color: #fff;
}

ul.thumbnails-design.single{
	float: left;
}

ul.thumbnails-design {
	margin-bottom: 20px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

ul.thumbnails-design.general {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}

ul.thumbnails-design.single {
	margin-bottom: 70px;
}
ul.thumbnails-design li img {
width: 100%;
	float: left;
	margin-bottom: 11px;
}

#content ul.thumbnails-design.single li {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
	border: none;
}
#content ul.thumbnails-design.single li:hover {
	background-color: #fff;

}
ul.thumbnails-design.single li a img {
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;
	opacity:0.2;
filter:alpha(opacity=40); /* For IE8 and earlier */
	
}
ul.thumbnails-design.single li a img:hover{
	opacity:1;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.design-title-wrapper {
  display: block;
  float: left;
  width: 200px;
  margin-top: 10px;
  margin-left: 10px;
  clear: left;
}
ul.thumbnails-design h2 a, ul.thumbnails-design.single li a  {
 
  text-decoration: none;
  display: block;
	margin-bottom: 11px;
	font: italic 1em/26px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
ul.thumbnails-design h2 a:hover, ul.thumbnails-design.single li a:hover span.hide  {
  color: #f76037;
}

ul.thumbnails-design.single li a span.hide{
	-webkit-transition: all 200ms ease-in; /* Saf3.2+, Chrome */
    -moz-transition: all 200ms ease-in; /* FF3.7+ */
    -o-transition: all 200ms ease-in; /* Opera 10.5+ */
    transition: all 1000ms ease-in;

	color: #a9a9a9;
	opacity:0.0;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
ul.thumbnails-design h2 a{
	color: #2fc3d3;
}
ul.thumbnails-design.single li a:hover span.hide{
	opacity:1;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.design-excerpt {
	margin-top: 5px;
	display: block;
	float: left;
	width: 470px;
	margin-bottom: 4px;
	font-size: 13px;
	line-height: 19px;
}

span.item-meta{
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase!important;
}
.design-info-wrapper{
	float: left;
	display: block;
	width: 475px;
	font-size: 12px;
	margin-bottom: 2px;
}

.design-info-wrapper p {
	display: block;
	float: left;
	margin-right: 9px;
	color: #2fc3d3;
	text-transform: uppercase;
	font-weight: bold;
}
a.read-more-design {
  color: #f76037;
  text-decoration: none;
  font-size: 12px;
  margin-top: 30px;
  display: block;
  margin-left: 20px;
}
a:hover.read-more-design {
  color: #2fc3d3;
}
h2.item-title {
  color: #808080;
  margin-top: 5px;
  display: block;
  
  text-decoration: none;
	text-align: center;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}

/* @end */

.thumbnails li a {
	text-decoration: none;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
}

.thumbnails li a span {
	color: #f76037;
	padding-left: 10px;
	float: left;
	margin-top: 4px;
}

h2.item-title a:hover {
  color: #f76037;
  text-decoration: underline;
}
div#social {
  color: #7e7e7e;
  font-size: 12px;
  margin-top: 10px;
	text-shadow: #fff 0 1px 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	float: left;
	display: block;
}

#social p {
	color: #7e7e7e;
	font: italic 120%/26px Georgia, "Times New Roman", Times, serif;
	float: left;
}
#social ul li a {
  color: #7f7f7f;
  text-decoration: none;
}
#social ul li a:hover {
	text-decoration: underline;
}
#social ul li {
	color: #7e7e7e;
  display: block;
  padding-right: 12px;
	padding-left: 7px;
	font-size: 1.2em;
	height: 27px;
}
#social ul{
	width: 30%;
	float: left;
}
#social ul li.facebook, #social ul li.twitter, #social ul li.email{
	border-bottom: 1px solid #7b7b7b;
}
#social ul li.facebook, #social ul li.twitter, #social ul li.email, #social ul li.phone {

  margin-right: 5px;
}
div#faq-callout {
  display: block;
  float: right;
  margin-right: 40px;
  margin-top: 2px;
}
#credits {
  display: block;
  float: left;
}
#faq{
	background-color: #fff3c2;
	padding-bottom: 40px;
	display: block;
	float: left;
	margin-top: 30px;
	width: 100%;
	margin-bottom: 40px;
}
.entry i{
	vertical-align: -4px;
}
.center-col{
	width: 90%;
	max-width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
}
h1#post-68{
	width: 90%;
	max-width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
}
#faq-callout h3 a {
  color: #2fc3d3;
  text-decoration: none;
}
#faq-callout h4 a {
  color: #808080;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  margin-right: 20px;
}
#faq-callout h4 a:hover {
  color: #f76037;
}

/* @group elastic video */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 600px;
	max-width: 100%;
}

/* @end */

/* @group Subscription form stylings */

span.email-check  {
	color: #f76037;
	float: left;
	font: 800 6em/76px "Open Sans", sans-serif;
	text-shadow: #fff 0 2px 0;
	margin-bottom: 40px;
}

h1#post-836 {
	color: #f76037;
	font: 800 4em/63px "Open Sans", sans-serif;
	text-shadow: #fff 0 2px 0;
	text-align: center;
	margin-top: 78px;
}
.post-3221 p{
	font: 600 1em/25px "Open Sans", sans-serif;
	color: #2fc3d3;
	width: 516px;
}
.post-836, .post-832 {
	text-align: center;
}
p.email-forget {
	width: 506px;
	margin-right: auto;
	margin-left: auto;
}

span.label,span.spacer,span.multiple span {float:left;
	margin-bottom: 3px;
	text-transform: uppercase;
	color: #2fc3d3;
}



div.clear {clear:both;padding-top:5px;} 
#subForm{
	width: 300px;
	float: right;
	border-left: 1px dotted #bbb;
	padding-left: 20px;
	margin-top: -14px;
}
.subscribe-copy {
	width: 549px;
	float: left;
	display: block;
}
#name, #ttljty-ttljty, #subscribe-field  {
  background-color: #fff;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  padding-bottom:8px;
  padding-left:5px;
  padding-top:8px;
  width: 95%;
	border: 1px solid #c2c2c2;
	margin-bottom: 16px;
}

#subscribe-field {
	margin-top: 16px;
}
input.email-submit{
	width: 97%;
}
input#submit.submit-sidebar {
	width: 100%;
}
/* @end */

/* @group Contact Form */

#contact {
	padding-left: 6px;
}
.contact_field {
  background-color: #fff;
 
  font-family: "Open Sans", sans-serif;
  font-size:16px;
  padding-bottom:8px!important;
  padding-left:5px!important;
  padding-top: 8px!important;
  width: 95%;
	border: 1px solid #c2c2c2;
}
input, textarea{
	
}

div#wpcf7-f3154-p3155-o1.wpcf7 {
	margin-top: 45px;
	border-top-style: groove;
	padding-top: 21px;
	border-top-width: 1px;
	width: 100%;
}

#wpcf7-f3154-p3155-o1 form.wpcf7-form p {
	
	margin-bottom: 30px;
	font-weight: bold;
}

/* @end */

/* @group 404 page */
#error-content h1{
	text-transform: uppercase;
	color: #909090;
	text-align: center;
	margin-bottom: 7px;
}

p.error {
	width: 100%;
	max-width:600px;
	font-family: "Open Sans", sans-serif;
	font-weight: 30000;
	text-align: center;
	margin: 10px auto;
}

#error-content div.featured-grid {
	width: 344px;
	margin-top: 18px;
}
h2.error{
	color: #f76037;
	font: 3em/58px Lobster, arial, serif;
	text-shadow: #fff 1px 1px 0;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 35px;
	margin-top: 35px;
}

.error-search {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	display: block;
}

img.error-image {
	float: left;
	display: block;
}

div#error-content {
	display: block;
	float: left;
	margin-top: 14px;
	margin-left: 13px;
}

#menu-icon {
	display: none;
	visibility: hidden;
}

/* @end */

img#wpstats{display:none;
} 
/* gets rid of annoying WP stats smiley face */
/*
@media only screen and (max-width:1499px){
	#wrapper {
	max-width: 1200px;
	
}
ul.illustration-thumbnails {
	width: 1200px;
	margin-top: 43px;
}
}
@media only screen and (max-width:1099px){
	#wrapper {
	max-width: 960px;
}
ul.illustration-thumbnails {
	width: 910px;
	margin-top: 43px;
}
}
*/


 

@media screen and (-webkit-min-device-pixel-ratio: 2) {
#welcome{
	
	background: url(images/home-bg@2x.png) no-repeat center bottom;
	background-size:1200px auto;
	}

}

@media only screen and (max-width:1024px){
	div.featured-image-popout {
	width: 100%;height:auto;
	margin-left: 0px;
}
h2.opening {
	text-shadow: #fff 1px 1px 0;
	
	color: #f76037;
	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 85%;line-height: 120%;
	padding-top: 0;/* pre-holiday value: 20px */
	font-size: 3.1em;
}
div.post.products {
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.products-info {
	max-width: 320px;
	width: 30%;
	margin-left: 10px;
	margin-right: 10px;
}


}
@media only screen and (max-width: 960px){
	#content {width: 90%;}
	#content-home {width: 100%;}
	p.store-welcome {
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}

figure { 
	width: 33.333333%;
}
h2.opening{
	width: 80%;
	font-size: 2.8em;
}
.portfolio-entry p{
	width: 100%;
}
.thumbnail-wrapper.sub{
	
	width: 100%!important;
	padding-right: 0!important;
	padding-left: 0!important;
}

}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 870px){
#welcome{
	
	background: url(images/home-bg-tablet@2x.png) no-repeat center bottom!important;
	background-size:800px auto!important;
	}
	
	}
@media only screen and (max-width: 870px){
	
	.post-title h1, #post-about h1, .post-title h2, #content-left-col h1, h1.post-title{
	line-height: 100%;
	font-size: 2em;
}
	#content {width: 100%;}
#wrapper{
	width: 100%;
}

#header-home-wrapper {
	padding-top: 10px;
}
img.home-image{
	width: 100%;height: auto;
	margin-right: auto;
	margin-left: auto;
}
#header{
	width: 100%;
	
}
#header-shadow-top{
	width: 70%;
	margin-left: 0;
	float: right;
}
form#searchform{
	margin-left: 0;
	float: right;
	margin-right: 40px;
}
#nav {
	width: 100%;
}
span.sub {
	font: normal normal .7em Lobster, arial, serif;
}

.menu-main-nav-container{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}
ul#menu-main-nav li{
	padding-top: 0;
}

#nav ul ul {
	top: 2.4em;
}
#header-wrapper {
	padding-bottom: 0;
}
#nav #searchform {
	float: left;
	margin-top: -161px;
	margin-left: 458px;
}	
input#s {
  width: 95%;
	margin-top: 0;
	
}


#header-home {width: 100%; height: auto;
}
#content-center-col {
	padding-right: 2.5%;
	padding-left: 2.5%;
	width: 90%;
}
#page-inner-wrapper {
	padding: 0;
	width: 100%;
}
#content-about {
  width: 70%;
  border-left: 1px solid #d5d5d5;
	margin-right: auto;
	margin-top: 10px;
	padding-right: 2.5%;
	padding-left: 2.5%;
	margin-left: auto;
}
#sidebar-about {
width: 20%; margin-left: 0;
}
#welcome {
	width: 100%; height: 417px;
	background: url(images/home-bg-tablet.png) no-repeat center bottom;
	background-size:800px auto;
}
h2.opening{
	width: 85%;
	margin-bottom: 10px;
	font-size: 2.4em;
}

.home-section-featured {
	width: 100%;
}

li.home-section-content, li.home-section-content:first-child {
 width: 45%;
}
li.home-section-content.shadow a img.attachment-blog-thumb-home.wp-post-image, li.home-section-content.design.shadow a img {
	width: 100%;
	height: auto;
	float: none;
}

.home-blog-content-wrapper {
	width: 80%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

ul.thumbnails.featureddesign li, ul.thumbnails-design li{
	width: 45%;
	height: 200px;
	
	
}

ul.illustration-thumbnails {
 width: 608px;
	display: block;
}


ul.thumbnails.featureddesign li a img, ul.thumbnails-design li img {
	width: 100%;height: auto;
}



.home-section-blog {width: 300px; height: 514px;
	float: left;
	display: block;
	margin-bottom: 10px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}

.home-section-blog.right {
	height: auto;
	overflow: hidden;
	margin-left: 10px;
}
.section-hdr{
}
ul.services {
	width: 100%;
}
#footer-inner {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	padding-top: 9px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
#post.illustration {
	width: 95%;
	float: none;
	margin-top: 10px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
#portfolio-wrapper, #portfolio-wrapper.products {
	width: 100%!important;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.random-posts {
	width: 90%;
	float: left;
	margin-top: 20px;
	margin-right: 2.5%;
	margin-left: 2.5%;
}


div.breadcrumbs {
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
#content-blog {
	display: block;
	width: 95%;
	margin-bottom: 30px;
	border-right: 1px none #d1d1d1;
	padding-top: 39px;
	margin-right: auto;
	margin-left: auto;
}


.post-title {
	
	overflow: hidden;
	display: block;
	margin-top: 15px;
}

.featured-blog img, img.attachment-large.wp-post-image, #portfolio-wrapper img.attachment-illustration-featured.wp-post-image {
	max-width: 100%;
	height: auto;
	
}


.wp-caption img,
.wp-caption {
	max-width: 100%;
}
.wp-caption {
	text-align: center;
}
img.size-full, #attachment {
	width: 100%;
	height: auto;
	
}
#sidebar {
	display: none;
}
.wp-caption p{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	float: none;
	width: 100%;
}


div#entry.portfolio-entry {
	width: 100%!important;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
h4.details {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
div#portfolios-menu {
  display: block;
  width: 95%;
  height: 90px;
	float: none;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
ul.thumbnails {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.products-info {
	max-width: 100%;
	margin-left: 0;
	float: none;
	width: 100%;
}

div.post.design {
	width: 100%;
}

.thumbnail-wrapper.blog figure {
width: 25%;
	padding-right: 0;
	padding-left: 0;
	border-style: none;
	border-right-style: none!important;
}
#store-grid li {
	width: 32%;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 568px){
#welcome{
	
	background: url(images/home-bg-mobile@2x.png) no-repeat center bottom!important;
	background-size:568px auto!important;
	}
	
	}

@media only screen and (max-width: 568px) {
	.site-bg {
	background: #fafafa none;
}
	.hide-mobile{
	display:none!important;
}
#contact-bar{
	display: none;
	background-color: #f2cb0c;
}
.contact-dets{
	color: #fff;
	text-align: center;
}
.contact-dets a{
	color: #fff;
	margin-right: 0;
	display: block;
}
.contact-dets span.number{
	display: none;
}
#welcome{
	height: 380px;
	background: url(images/home-bg-mobile.png) no-repeat center center;
	background-size:568px auto;
}
		.post-title h1, #post-about h1, .post-title h2, #content-left-col h1, h1.post-title{
	
	font-size: 1.4em!important;
	font: 400 2.3em/120% "ff-tisa-web-pro", Georgia, serif;
	margin-bottom: 0;
}
.thumbnail-wrapper.blog.clearfix figure {
width: 100%;
}	
	.thumbnail-wrapper{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
	figure{
	width: 50%;height: auto;
}
figure img{
	width: 100%;
}
	figcaption{
	display: none;
}
img.look-icon{
	display: none;
}
div#entry.portfolio-entry {
	width: 90%!important;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.entry {
	margin-right: 0;
	margin-left: 0;
	padding: 15px 2.5% 30px;

	float: left;
}
.blog-info{
	margin-right: auto;
	margin-left: auto;
}
#content-blog .entry{
	padding-bottom: 30px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.post-details{
	padding-right: 2.5%;
	padding-left: 2.5%;
}
	#header-shadow-top{
	display: none;
}
p, ul, ol {
	font-size: 1em;
}

#header-wrapper {
	min-height: 90px;
	margin-bottom: 0;
	margin-top: 0;
	overflow: visible;
	background-image: none;
	height: 116px;
	background-color: #fafafa;
	width: 100%;
}
#header-home {width: 100%; height: auto;
-webkit-box-shadow: inset 0px 0px 0px 0px #aaa;
-moz-box-shadow: inset 0px 0px 0px 0px #aaa;
box-shadow: inset 0px 0px 0px 0px #aaa;
	background-image: url(images/bg-main-repeating.gif);
	border-style: none;
}


#page-home, #content-home, #page {
 width: 100%;
}

h2.opening {width: 95%;
	font: 700 1.4em "Life Savers", Georgia, "Times New Roman", Times, serif;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0!important;
}
#header-social{
	display: none;
}
.menu-main-nav-container{
	width: 270px;
	margin-right: auto;
	margin-left: auto;
}
ul#menu-main-nav {
	margin-left: 0;
	height: 30px;
	background-image: none;
	width: 100%;
}
ul#menu-main-nav li a{
	color: #111;
	display: block;
	padding: 5px 10px 2px;
	text-transform: uppercase;
	font: 1em "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul#menu-main-nav li{
	background-image: none;
	padding-right: 0;
	padding-left: 0;
}
ul#menu-main-nav li:first-child{
	border-top-style: none;
	padding-top: 0;
}
#header ul ul li{
	border-top-style: none;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: none;
}
#header ul ul li:first-child{
	padding-top: 15px;
}
#header ul ul {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 5px #777;
-moz-box-shadow: 0px 0px 5px #777;
box-shadow: 0px 0px 5px #777;
	 
	 display: none;
	position: absolute;
	z-index: 9999;
	width: 75%;
	float: right;
	margin: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	background: #fff ;
	top: 3em;
	left: 70px;
}
span.sub {
	display: block;
	float: left;
}
#contact-bar-wrapper{
	height: 36px;
	background-color: #fafafa;
	position: relative;
}
#nav {
	overflow: visible;
	padding-top: 0;
	padding-bottom: 2px;
	background-image: none;
	background-color: #f2cb0c;
}
.post-title{
	width: 90%;
	margin-top: 0;
}

.post-month, .post-day, .post-year{
	float: left;
	padding: 0;
	display: inline-block;
	font: 13px/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin-top: 0;
	margin-right: 5px;
}
.post-month {
	float: left;
	padding: 0;
	padding-top: 0!important;
	display: inline-block;
	font: 13px/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
}
.post-day{
	float: left;
	padding: 0;
	padding-top: 0!important;
	display: inline-block;
	font: 13px/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-align: left;
}
div#nav #searchform {
	margin-left: -150px;
	float: left;
	margin-top: -133px;
	
}

input#s {
  width: 90%;
	float: left;
	margin-top: 0;
	-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.error-search input#s{
	width: 60%;
	
}
.home-section-featured {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
ul.thumbnails, ul#thumbnails.featured {
	width: 95%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

.home-block {
	width: 95%;
	float: none;
}

.menu-main-nav-container a, .menu-main-nav-right-container a{
	height: 25px;
	min-width: 17px;
	text-align: center;
	padding: 5px 3px 0;
	font: 10px HelveticaNeue-Bold, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
.section-hdr{
	width: 95%;
	float: none;
	height: auto;
	overflow: hidden;
	margin-right: 2.5%;
	margin-left: 2.5%;
	background-position: 0;
}

li.home-section-content, li.home-section-content:first-child, ul.thumbnails.featureddesign li, ul.thumbnails-design li {
 width: 95%;
	float: none;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 10px;
}
li.home-section-content{
}
li.home-section-content.design{
	height: 200px;
}
li.home-section-content p{
	width: 90%;
}
ul li.home-section-content h4, span.home-date, li.home-section-content p  {
	width: 90%;
}
.home-blog-content-wrapper {
	width: 80%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}

li.home-section-content.shadow a img.attachment-blog-thumb-home.wp-post-image {
	width: 100%;
	height: auto;
	float: none;
}


div.post.design {
	background-image: url(images/bg-main-repeating.gif);
	width: 100%;
	padding-left: 5px;
}
div.fluxslider {
	width: 100%!important;
	
}
#sliderdesign div.fluxslider div.surface div.images, .image1{
	width: 300px!important;
	height: 200px!important;
	background-size: 300px auto;
}
#sliderdesign {
	width: 300px;
	height: 250px;
}

ul.thumbnails-design {
	width: 100%;
}
ul.illustration-thumbnails {
 width: 100%;
}

ul.thumbnails.featureddesign li a img, ul.thumbnails-design li img {
	width: 100%;
}
ul.thumbnails-design.general {
	width: 100%;

}
.home-section-blog, .home-section-blog.right {width: 85%; height: auto;
	float: none;
	display: block;
	margin-right: 5%;
	margin-bottom: 10px;
	margin-left: 5%;
	padding-right: 2.5%;
	padding-left: 2.5%;
	overflow: hidden;
}
#header-top ul ul a {
	background: none;
	
}
#page-inner-wrapper {
	width: 100%;
	padding: 0;
}
#content-blog {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.post {
	margin-right: auto;
	margin-left: auto;
	float: none;
	overflow: hidden;
	width: 95%;
}
.shadow {
	-webkit-box-shadow: 0px 1px 4px #999;
  -moz-box-shadow: 0px 1px 4px #999;
  box-shadow: 0px 1px 4px #999;
  -webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background: #fff repeat-x 0 bottom;
	
}
h1.illustration-title{
width: 100%;
	float: left;
}
.featured-blog img, img.attachment-large.wp-post-image {
	max-width: 100%;
	height: auto;
}
.wp-caption img,
.wp-caption {
	max-width: 95%;
}
img.size-full, #attachment {

}
#sidebar {
	display: none;
}
#header-top ul li.current_page_item > a,
#header-top ul li.current-menu-ancestor > a,
#header-top ul li.current-menu-item > a,
#header-top ul li.current-menu-parent > a {
  background: none no-repeat center bottom;
}
#content {
	width: 100%;
	margin-top: 40px;
}
#post.illustration, #post {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

#portfolio-wrapper {
	width: 100%;
	float: none;
	margin: 0 auto 12px;
}


#post.illustration h1, #post.illustration h1 a, #post.illustration h1 a:visited, h2.entry-title {
	
	font: 400 1.9em/120% "ff-tisa-web-pro", Georgia, serif;
	padding-bottom: 0!important;
	width: 90%;
}

div.nav-buttons {
	width: 93%;
}
.details-rule {
	width: 100%;
	float: left;
}
h3.details {
	margin: -13px auto 16px 35%;
}
#portfolio-share {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
a.pdf-portfolio, a.rss-portfolio, #portfolio-share ul#social-nav {
	display: none;
}
.random-posts {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.products-info {
	
	margin-top: 5px;
	max-width: 95%;
	float: none;
}

p.store-welcome {
	width: 95%;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
ul#store-grid {
	margin: 24px auto 38px;
	width: 95%;
}
#store-grid li {
	width: 80%;
	padding: 10px;
	margin-left: auto;
	margin-bottom: 41px;
	margin-right: auto;
	float: none;
	height: auto;
	overflow: hidden;
}

img.attachment-product-thumb.wp-post-image {
	width: 100%;
	height: auto;
}

#footer-inner {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
	padding-top: 9px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.footer-contact{
	width: 90%;
	text-align: left;
}
#footer-section-social h4 {
	float: left;
}
div#footer-section-social ul#social-nav {
	float: left;
}
.footer-contact span{
	margin-left: 0;
	float: left;
	display: block;
	width: 100%;
}
.footer-contact span.phone{
	margin-left: 0;
}
#back-top {
	display: none;
	
	
}
#sidebar-about {
  display: block;
  float: left;
  width: 100%;
  
  margin-left: 0;
  margin-top: 10px;
  padding-right: 0;
	overflow: visible;
}
#menu-about-me-menu li a {
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  text-decoration: none;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-style: none;
	padding-top: 2px;
}

#menu-about-me-menu{
	width: 100%;
	border-bottom: 1px solid #9d9d9d;
	margin-bottom: 5px;
	float: left;
	display: block;
}
#sidebar-about div.sidebar-social {
	display: none;
}
#content-about {
  width: 95%;
  border-left: 1px solid #d5d5d5;
	margin-right: auto;
	margin-top: 10px;
	padding-right: 2.5%;
	padding-left: 2.5%;
	margin-left: auto;
}
div.breadcrumbs {
	float: none;
	width: 95%;
	font-size: 10px;
	color: #767676;
	margin: 5px auto;
}
.breadcrumbs a {
	font-weight: normal;
	font-style: normal;
}
.contact_field {
	width: 95%;
}


#related_posts ul {
	width: 95%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#related_posts  li{
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	margin-right: 11px;
	min-height: 170px;
	width: 35%;
}
#related_posts li img {
	width: 100%;
	height: auto;
}
#comments {
	width: 85%;
	max-width: 85%;
	overflow: visible;
	margin: 20px auto 30px;
	float: left;
}
#submit, a.more-link {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-size: 14px;
}
ul#menu-portfolios-sub-illustration li, ul#menu-portfolios-sub-design li, span.narrow {
 display: none;
}
ul.thumbnails.featured li{
	width: 80%;
	float: none;
	margin-right: 10%;
	margin-left: 10%;
}

ul.thumbnails.featured li{
	width: 80%;
	float: none;
	margin-right: 10%;
	margin-left: 10%;
}

#wrapper {
	width: 100%;
	float: left;
	display: block;
}
.comment-body {
	margin-left: 0;
	padding: 80px 22px 22px;
	display: block;
}
div.commentauthor {
	display: block;
	text-align: center;
	width: 100%;
	line-height: .95em;
}
.commentauthor cite, .commentauthor cite a {
	float: left;
}
#commentform {
	float: left;
}
#content-center-col {
	padding-right: 2.5%;
	padding-left: 2.5%;
	width: 90%;
}
div.header-logo {
	width: 90%;
	background-image: none;
}
img.header-img-custom{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
	width: 80%;
	height: auto;
	padding-top: 0;
}
#menu-main-nav, #menu-main-nav-right {
	display: block;
	margin-right: 0;
	width: 50%;
	margin-left: 0;
}

h1.store-title {
	font-size: 2em;
}

#card {
	height: auto;
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	margin-bottom: 20px;
}
.contact-details {width: 70%;
	margin-bottom: 20px;
}
.location-card {
	height: 79px;
	border-bottom: 1px dotted #939393;
	margin-left: auto;
	margin-right: auto;
	width: 87%;
}
ul#container{
	width: 310px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
 height: auto;
 overflow: hidden;
}
.social-footer {
	display: block;
	margin-bottom: 20px;
	width: 95%;
	max-width: 620px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #acacac;
}
.social-icon{
	width: 17%;
	height: 37px;
	overflow: hidden;
	margin-right: 3px;
	margin-bottom: 3px;
	float: left;
}
.social-icon i{
	font-size: 28px;
}
#social ul li {
  float: left;
  display: block;
	width: 97.5%;
	padding: 5px 0 5px 2.5%;
	font-size: 1.2em;
}
#social ul li.facebook, #social ul li.twitter, #social ul li.email, #social ul li.phone {
  border-right-style: none;
  margin-right: 5px;
	border-bottom: 1px solid #a4a4a4;
}

ul#social-nav li a {
  margin-right: 5px;
}
/* menu toggle */
#mobi-menu { background: transparent url(images/menu-icon.png) no-repeat scroll 0 0; cursor: pointer; display: inline-block; 	float: right; height: 60px; margin: 12px; width: 120px; visibility: visible;
	top: 40px;
	position: absolute;
	left: 10px;
	color: #fff;
	text-transform: uppercase;
	text-indent: 35px;
	background-size:30px auto;
	font-size: 20px;
	
}

/* end menu toggle */
span.post-cat, .post-meta .post-date, .post-comments {
	padding-right: 0;
	border-right-style: none;
	margin-right: 15px;
	display: block;
	float: left;
}
span.post-comments{
	margin-top: 0;
}
.post-meta{
	text-align: left;
	font-size: 12px;
	width: 100%;
}
	}


/* font-face */
@font-face {
  font-family: "SocialFoundicons";
  src: url("fonts/social_foundicons.eot");
  src: url("fonts/social_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/social_foundicons.woff") format("woff"), url("fonts/social_foundicons.ttf") format("truetype"), url("fonts/social_foundicons.svg#SocialFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GeneralFoundicons";
  src: url("fonts/general_foundicons.eot");
  src: url("fonts/general_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/general_foundicons.woff") format("woff"), url("fonts/general_foundicons.ttf") format("truetype"), url("fonts/general_foundicons.svg#GeneralFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GeneralEnclosedFoundicons";
  src: url("fonts/general_enclosed_foundicons.eot");
  src: url("fonts/general_enclosed_foundicons.eot?#iefix") format("embedded-opentype"), url("fonts/general_enclosed_foundicons.woff") format("woff"), url("fonts/general_enclosed_foundicons.ttf") format("truetype"), url("fonts/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}
 
[class*="social foundicon-"]:before {
  font-family: "socialFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	height: 20px!important;
}
[class*="general foundicon-"]:before {
  font-family: "generalFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
[class*="generalEnclosed foundicon-"]:before {
  font-family: "GeneralEnclosedFoundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}

/* icons */
.foundicon-thumb-up:before {
  content: "\f000";
}

.foundicon-thumb-down:before {
  content: "\f001";
}

.foundicon-rss:before {
  content: "\f002";
}

.foundicon-facebook:before {
  content: "\f003";
}

.foundicon-twitter:before {
  content: "\f004";
}

.foundicon-pinterest:before {
  content: "\f005";
}

.foundicon-github:before {
  content: "\f006";
}

.foundicon-path:before {
  content: "\f007";
}

.foundicon-linkedin:before {
  content: "\f008";
}

.foundicon-dribbble:before {
  content: "\f009";
}

.foundicon-stumble-upon:before {
  content: "\f00a";
}

.foundicon-behance:before {
  content: "\f00b";
}

.foundicon-reddit:before {
  content: "\f00c";
}

.foundicon-google-plus:before {
  content: "\f00d";
}

.foundicon-youtube:before {
  content: "\f00e";
}

.foundicon-vimeo:before {
  content: "\f00f";
}

.foundicon-flickr:before {
  content: "\f010";
}

.foundicon-slideshare:before {
  content: "\f011";
}

.foundicon-picassa:before {
  content: "\f012";
}

.foundicon-skype:before {
  content: "\f013";
}

.foundicon-steam:before {
  content: "\f014";
}

.foundicon-instagram:before {
  content: "\f015";
}

.foundicon-foursquare:before {
  content: "\f016";
}

.foundicon-delicious:before {
  content: "\f017";
}

.foundicon-chat:before {
  content: "\f018";
}

.foundicon-torso:before {
  content: "\f019";
}

.foundicon-tumblr:before {
  content: "\f01a";
}

.foundicon-video-chat:before {
  content: "\f01b";
}

.foundicon-digg:before {
  content: "\f01c";
}

.foundicon-wordpress:before {
  content: "\f01d";
}




/* icons */
.foundicon-settings:before {
  content: "\f000";
}

.foundicon-heart:before {
  content: "\f001";
}

.foundicon-star:before {
  content: "\f002";
}

.foundicon-plus:before {
  content: "\f003";
}

.foundicon-minus:before {
  content: "\f004";
}

.foundicon-checkmark:before {
  content: "\f005";
}

.foundicon-remove:before {
  content: "\f006";
}

.foundicon-mail:before {
  content: "\f007";
}

.foundicon-calendar:before {
  content: "\f008";
}

.foundicon-page:before {
  content: "\f009";
}

.foundicon-tools:before {
  content: "\f00a";
}

.foundicon-globe:before {
  content: "\f00b";
}

.foundicon-home:before {
  content: "\f00c";
}

.foundicon-quote:before {
  content: "\f00d";
}

.foundicon-people:before {
  content: "\f00e";
}

.foundicon-monitor:before {
  content: "\f00f";
}

.foundicon-laptop:before {
  content: "\f010";
}

.foundicon-phone:before {
  content: "\f011";
}

.foundicon-cloud:before {
  content: "\f012";
}

.foundicon-error:before {
  content: "\f013";
}

.foundicon-right-arrow:before {
  content: "\f014";
}

.foundicon-left-arrow:before {
  content: "\f015";
}

.foundicon-up-arrow:before {
  content: "\f016";
}

.foundicon-down-arrow:before {
  content: "\f017";
}

.foundicon-trash:before {
  content: "\f018";
}

.foundicon-add-doc:before {
  content: "\f019";
}

.foundicon-edit:before {
  content: "\f01a";
}

.foundicon-lock:before {
  content: "\f01b";
}

.foundicon-unlock:before {
  content: "\f01c";
}

.foundicon-refresh:before {
  content: "\f01d";
}

.foundicon-paper-clip:before {
  content: "\f01e";
}

.foundicon-video:before {
  content: "\f01f";
}

.foundicon-photo:before {
  content: "\f020";
}

.foundicon-graph:before {
  content: "\f021";
}

.foundicon-idea:before {
  content: "\f022";
}

.foundicon-mic:before {
  content: "\f023";
}

.foundicon-cart:before {
  content: "\f024";
}

.foundicon-address-book:before {
  content: "\f025";
}

.foundicon-compass:before {
  content: "\f026";
}

.foundicon-flag:before {
  content: "\f027";
}

.foundicon-location:before {
  content: "\f028";
}

.foundicon-clock:before {
  content: "\f029";
}

.foundicon-folder:before {
  content: "\f02a";
}

.foundicon-inbox:before {
  content: "\f02b";
}

.foundicon-website:before {
  content: "\f02c";
}

.foundicon-smiley:before {
  content: "\f02d";
}

.foundicon-search:before {
  content: "\f02e";
}
/* icons */
.foundicon-settings:before {
  content: "\f000";
}

.foundicon-heart:before {
  content: "\f001";
}

.foundicon-star:before {
  content: "\f002";
}

.foundicon-plus:before {
  content: "\f003";
}

.foundicon-minus:before {
  content: "\f004";
}

.foundicon-checkmark:before {
  content: "\f005";
}

.foundicon-remove:before {
  content: "\f006";
}

.foundicon-mail:before {
  content: "\f007";
}

.foundicon-calendar:before {
  content: "\f008";
}

.foundicon-page:before {
  content: "\f009";
}

.foundicon-tools:before {
  content: "\f00a";
}

.foundicon-globe:before {
  content: "\f00b";
}

.foundicon-home:before {
  content: "\f00c";
}

.foundicon-quote:before {
  content: "\f00d";
}

.foundicon-people:before {
  content: "\f00e";
}

.foundicon-monitor:before {
  content: "\f00f";
}

.foundicon-laptop:before {
  content: "\f010";
}

.foundicon-phone:before {
  content: "\f011";
}

.foundicon-cloud:before {
  content: "\f012";
}

.foundicon-error:before {
  content: "\f013";
}

.foundicon-right-arrow:before {
  content: "\f014";
}

.foundicon-left-arrow:before {
  content: "\f015";
}

.foundicon-up-arrow:before {
  content: "\f016";
}

.foundicon-down-arrow:before {
  content: "\f017";
}

.foundicon-trash:before {
  content: "\f018";
}

.foundicon-add-doc:before {
  content: "\f019";
}

.foundicon-edit:before {
  content: "\f01a";
}

.foundicon-lock:before {
  content: "\f01b";
}

.foundicon-unlock:before {
  content: "\f01c";
}

.foundicon-refresh:before {
  content: "\f01d";
}

.foundicon-paper-clip:before {
  content: "\f01e";
}

.foundicon-video:before {
  content: "\f01f";
}

.foundicon-photo:before {
  content: "\f020";
}

.foundicon-graph:before {
  content: "\f021";
}

.foundicon-idea:before {
  content: "\f022";
}

.foundicon-mic:before {
  content: "\f023";
}

.foundicon-cart:before {
  content: "\f024";
}

.foundicon-address-book:before {
  content: "\f025";
}

.foundicon-compass:before {
  content: "\f026";
}

.foundicon-flag:before {
  content: "\f027";
}

.foundicon-location:before {
  content: "\f028";
}

.foundicon-clock:before {
  content: "\f029";
}

.foundicon-folder:before {
  content: "\f02a";
}

.foundicon-inbox:before {
  content: "\f02b";
}

.foundicon-website:before {
  content: "\f02c";
}

.foundicon-smiley:before {
  content: "\f02d";
}

.foundicon-search:before {
  content: "\f02e";
}

/* @group Animated intro */
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-ms-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}



/* @end */