/*  
Theme Name: J Taylor Design V 12.4
Theme URI: 
Description: Custom WordPress Theme for J Taylor Design V 12.4
Version: 1
Author: J Taylor Design
Author URI: http://www.thejtsite.com

*/

@charset "UTF-8";

@import url("reset.css");

/* Main ////////////////////////////////////////////////////////// */

/* Sets all Defaults to 0 */

* {
	margin: 0;
	padding: 0;
}

html, body  {
	height: 100%;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 23px;
	color: #666666;
	-webkit-text-size-adjust: none;
	background: #F0F0F0;
}

.clearboth {
	clear: both;
	height: 0px;
}

img {
	border: 0px;
}

/* Typography ////////////////////////////////////////////////////////// */

a:link, a:active, a:visited { 
	text-decoration: none; 
	color: #CB5432;
	vertical-align: baseline;
}

a:hover, a:focus { 
	text-decoration: none; 
	color: #6C9F9F; 
}

a:active {
	outline: none;
}

:focus
{
	-moz-outline-style: none;
}

@font-face {
	font-family: 'helvetica67';
	src: url('../font/helvetica67.eot');
	src: local('?'), url('../font/helvetica67.woff') format('woff'), url('../font/helvetica67.ttf') format('truetype'), url('../font/helvetica67.svg#webfontW1AjT318') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStd47LtCn';
    src: url('../font/helveticaneueltstd-ltcn-webfont.eot');
    src: url('../font/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStd47LtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HoeflerTextItalic'; src: url('../font/hoeflertext-italic-webfont.eot'); src: url('../font/hoeflertext-italic-webfont.eot?iefix') format('eot'), url('../font/hoeflertext-italic-webfont.woff') format('woff'), url('../font/hoeflertext-italic-webfont.ttf') format('truetype'), url('../font/hoeflertext-italic-webfont.svg#webfontxsLnbxhP') format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'HoeflerTextBlackItalic'; src: url('../font/hoeflertext-blackitalic-webfont.eot'); src: url('../font/hoeflertext-blackitalic-webfont.eot?iefix') format('eot'), url('../font/hoeflertext-blackitalic-webfont.woff') format('woff'), url('../font/hoeflertext-blackitalic-webfont.ttf') format('truetype'), url('../font/hoeflertext-blackitalic-webfont.svg#webfontls4IzySd') format('svg'); font-weight: normal; font-style: normal;
}

input[type="text"],
input[type="email"],
input[type="image"],
input[type="submit"] {
	-webkit-border-radius: 0px;
    -webkit-appearance: none;
	-moz-border-radius: 0px 0px;
	border-radius: 0px 0px;
}

h1 {
	font-family: 'HelveticaNeueLTStd47LtCn', Sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

.no-fontface h1 {
	color: 18px;
}

h1 span {
	display: none;
}

h2 {
	color: #42301A;
	font-family: 'helvetica67', Sans-serif;
	font-size: 60px;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	margin-bottom: 15px;
	text-transform: uppercase;
}

h2 span {
	color: #9D0D13;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
}

h3 {
	color: #42301A;
	font-family: 'HoeflerTextItalic', serif;
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	font-style: normal;
	margin-bottom: 15px;
	text-shadow: 1px 1px 0px #f3f3f3;
}

.no-fontface h3 {
	font-style: italic;
}

h4 {
	font-weight: normal;
	font-style: normal;
}

h5 {
	font-family: 'HoeflerTextItalic', serif;
	font-weight: normal;
}

.no-fontface h5 {
	font-style: italic;
}

p {
	padding-bottom: 15px;
}

small {
	font-size: 11px;
	font-weight: bold;
	color: #2D2625;
}

ul, ol {
	margin-bottom: 15px;
}

ul li {
	list-style-position: outside;
}

strong, small, em, span {
	vertical-align: baseline;
}

.arrows_dark li, #recent li, .related li, li.archive-list {
	background: url(../img/li.jpg) 3px 10px no-repeat;
	padding-left: 16px;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #CB5432;
	padding: 10px 15px 13px 16px;
	quotes: "\201C""\201D""\2018""\2019";
	margin-bottom: 15px;
	font-style: italic;
	color: #8C8C8C;
}

blockquote:before {
	color: #CB5432;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}

blockquote p {
	display: inline;
}

/* Images ////////////////////////////////////////////////////////// */

.alignright {
	padding: 5px;
	background: #2F2725;
	margin: 4px 0px 5px 13px;
	display: inline;
	float: right;
}

.alignleft {
	padding: 5px;
	background: #2F2725;
	margin: 4px 13px 5px 0px;
	display: inline;
	float: left;
}

.floatleft {
	display: inline;
	float: left;
	padding: 0px 15px 15px 0px;
}

.upcoming a {
	overflow: hidden;
	display: block;
	float: left;
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 2px #b4b4b4;
	-moz-box-shadow: 0px 0px 2px #b4b4b4;
	-webkit-box-shadow: 0px 0px 2px #b4b4b4;
}

/* Navigation //////////////////////////////////////////////////////////////// */

#nav-container {
	width: 100%;
	height: 91px;
	background: url(../img/top.png) repeat-x;
	position: absolute;
	z-index: 15;
}

#mobile {
	width: 100%;
	height: 50px;
	background: url(../img/top.png) repeat-x;
	position: absolute;
	z-index: 15;
}

.logo {
	display: inline;
	float: left;
	margin-right: 5px;
}

.logo {
	display: block;
	position: relative;
	left: -7px;
	text-decoration: none;
	font-weight: normal;
	transition-property: left;
	transition-duration: 300ms;
	-webkit-transition-property: background;
	-webkit-transition-duration: 300ms;
	-moz-transition-property: background;
	-moz-transition-duration: 300ms;
	-o-transition-property: background;
	-o-transition-duration: 300ms;
}

.logo a, .logo a:visited {
	display: block;
	color: #ffffff;
	transition-property: padding;
	transition-duration: 300ms;
	-webkit-transition-property: padding;
	-webkit-transition-duration: 300ms;
	-moz-transition-property: padding;
	-moz-transition-duration: 300ms;
	-o-transition-property: padding;
	-o-transition-duration: 300ms;
	padding: 13px 10px 14px 7px;
}

.logo a:hover {
	position: relative;
	background: url(../img/nav.jpg) no-repeat #CB5432;
	padding: 13px 10px 14px 17px;
}

.logo.current a {
	background: url(../img/nav.jpg) no-repeat #CB5432;
	padding: 13px 10px 14px 17px;
}

.logo:hover {
	background: #CB5432;
}

.nav {
	height: 50px;
	margin: 0px auto;
	font-style: normal;
}

.mainnav {
	float: left;
	position: relative;
	list-style: none;
}

.mainnav {
	text-align: left;
	float: left;
}

.mainnav ul {
	margin: 0px;
	padding: 0px;
}

.mainnav li {
	display: inline-block;
}

.mainnav li a, .mainnav li a:link, .mainnav li a:visited {
	font-family: 'helvetica67', Sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 0px;
	font-weight: normal;
	padding: 25px 0 20px;
	margin: 0px 7px 0px 10px;
	display: inline-block;
	border-bottom: 4px solid transparent;
}

.no-fontface .mainnav li a, .no-fontface .mainnav li a:link, .no-fontface .mainnav li a:visited {
	font-size: 11px;
}

.mainnav li a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 4px solid #CB5432;
}

.mainnav li.current a, .mainnav li.current a:hover, .mainnav li.current a:visited {
	background: url(../img/nav.jpg) no-repeat #CB5432;
	border: none;
	position: relative;
	padding: 25px 10px 25px 17px;
	margin: 0px 0px 0px 0px;
	left: -7px;
}

.mainnav li#nav-last a {
	margin: 0px 0px 0px 10px;
	padding-right: 0px;
}

.mainnav li.after {
	left: -10px;
	position: relative;
}

.social {
	float: right;
}

.social li {
	display: inline-block;
	margin-top: 13px;
	float: left;
	margin-left: 5px;
}

.social li.twitter a {
	display: block;
	background: url(../img/twitter.jpg);
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
}

.social li.twitter a:hover, .social li.facebook a:hover {
	background-position: bottom;
}

.social li.facebook a {
	display: block;
	background: url(../img/facebook.jpg);
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
}

.info {
	clear: both;
	height: 27px;
	margin: 13px auto 0;
	font-style: normal;
}

.info h3 {
	font-family: 'helvetica67', sans-serif;
	text-transform: uppercase;
	color: #BCBCBC;
	font-size: 14px;
	text-shadow: 1px 1px 2px #ffffff;
}

.info h3 span, .info h3 span a {
	color: #666666;
}

.info-left {
	display: inline;
	float: left;
	width: 60%;
}

.info-right {
	float: right;
	width: 40%;
	text-align: right;
}

/* Nav Appear ////////////////////////////////////////////////////////// */

#if-mobile { 
	background: none repeat scroll 0 0 #D1D1D1;
	font-family: helvetica67,Helvetica,Sans Serif;
	height: 80px;
	line-height: 80px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

#if-mobile a {
	color: #F0F0F0;
	text-shadow: 1px 1px 0px #BABABA;
}

#if-mobile a span {
	color: #FFFCBD;
}

#top {
	position: fixed;
	top: -55px;
	z-index: 10;
	width: 100%;
	height: 50px;
	background: #222222;
}

/* Slider ////////////////////////////////////////////////////////// */

#slider-container {
	width: 100%;
	margin: 0px auto;
	position: relative;
	display: block;
}

#slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	-moz-transition: height 0.3s ease 0s;
	-webkit-transition: height 0.3s ease 0s;
	-o-transition: height 0.3s ease 0s;
}

#slideshow .effectContainer {
	width: 100%; overflow: hidden;
}

#slideshow .slide {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#slide-nav {
	position: absolute;
	z-index: 8;
	width: 45px;
	margin-left: 50%;
}

a#back {
	display: block;
	float: left;
	width: 20px;
	height: 22px;
	background: url(../img/slide-prev.png) no-repeat;
	text-indent: -9999px;
}

a#next {
	display: block;
	float: right;
	width: 20px;
	height: 22px;
	background: url(../img/slide-next.png) no-repeat;
	text-indent: -9999px;
}

.featured {
	position: absolute;
	z-index: 8;
	margin-left: 50%;
}

.featured h4 {
	font-family: 'HoeflerTextItalic', serif;
	color: #797979; text-shadow: 1px 1px 0px #000000;
	font-size: 18px;
}

.featured h4 a, .featured h4 a:visited {
	font-family: 'helvetica67', Serif;
	text-transform: uppercase;
	color: #F0F0F0;
	font-size: 20px
}

.slide-block a {
	display: block;
	margin: 0px auto;
}

/* Opening ////////////////////////////////////////////////////////// */

#opening-container {
	background: #ffffff;
}

#inside #opening-container {
	padding-top: 91px;
}

#opening {
	margin: 0px auto;
}

#opening h2 {
	margin: 0px auto;
	width: 60%;
}

#inside #opening h2 {
	width: 100%;
	display: block;
	position: relative;
}

#opening h5 {
	text-align: center;
	font-size: 18px;
	color: #807D7C;
	margin-bottom: 20px;
}

#opening h2 {
	text-align: center;
	color: #524D4C;
}

#opening p {
	margin: 0px auto;
	color: #BABABA;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

#opening a {
	border-bottom: 2px solid #CB5432;
}

#opening a:hover {
	border-bottom: 2px solid #807D7C;
}

#opening img {
	padding-right: 10px;
}

/* Lovingly ////////////////////////////////////////////////////////// */

#working-container {
	background: url(../img/divide1-bg.jpg) center;
}

#working {
	margin: 0px auto;
}

#working-left {
	display: inline;
	float: left;
	width: 45%;
	padding: 30px 5% 25px 0;
	background: url(../img/divide1.jpg) right no-repeat;
}

#working-left p {
	color: #fcfcfc;
	text-shadow: 1px 1px 0px #BABABA;
}

#working h4 {
	font-family: 'helvetica67', Serif;
	font-size: 22px;
	margin-bottom: 10px;
	color: #F0F0F0;
	text-shadow: 1px 1px 0px #BABABA;
}

#working-right {
	float: left;
	width: 45%;
}

/* Listening ////////////////////////////////////////////////////////// */

#listening-container {
	background: url(../img/divide2-bg.jpg) center;
}

#listening {
	margin: 0px auto;
	background: #D0D0D0;
}

#listening-left {
	display: inline;
	float: left;
	padding: 30px 0px 0px;
	height: 50px;
	background: url(../img/divide2.jpg) right no-repeat #616161;
}

#listening h4 {
	font-family: 'helvetica67', Serif;
	font-size: 20px;
	margin-bottom: 10px;
	color: #B9B9B9;
	text-shadow: 1px 1px 0px #525252;
}

#listening-right {
	float: left;
	height: 45px;
	overflow: hidden;
	position: relative;
}

#album-wrap {
	width: 150%;
	left: -50%;
	position: relative;
}

.album {
	display: inline;
	float: right;
}

.album img {
	width: 42px;
	height: 42px;
}

.album a {
	display: block;
	background: url(../img/album.jpg) no-repeat;
	padding: 1px 0px 0px 2px;
	width: 62px;
	height: 44px;
}

/* Approach ////////////////////////////////////////////////////////// */

#approach-container {
	background: #E5E5E5;
	padding: 50px 0px;
}

#approach {
	margin: 0px auto;
	overflow: hidden;
}

#steps {
	margin: 0px auto;
	height: 80px;
	background: url(../img/m-under.jpg) repeat-x 0px 20px;
}

#steps h5 {
	color: #BFBFBF;
	text-shadow: #ffffff;
	background: #E5E5E5;
	text-shadow: 1px 1px 1px #ffffff;
	font-size: 20px;
	padding: 10px;
	vertical-align: middle;
	display: block;
	margin: 0px auto;
	text-align: center;
}

.steps {
	position: relative;
}

.step-outer {
	display: inline;
	float: left;
	position: relative;
	background: url(../img/35.png);
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
}

.step-middle {
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
	background: url(../img/35.png);
}

.step-inner {
	background: #E9E9E9;
	text-align: center;
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
}

.step-inner h5 {
	color: #787573;
	font-size: 18px;
	text-shadow: #bababa;
}

.steps-mobile {
	width: 100%;
}

.steps-mobile .step-1, .steps-mobile .step-2, .steps-mobile .step-3, .steps-mobile .step-4, .steps-mobile .step-5 {
	left: 0px;
}

.circles {
	display: inline;
	float: left;
	width: 30%;
	margin-bottom: 50px;
}

.description {
	float: left;
	width: 70%;
	padding-top: 30px;
}

/* Services ////////////////////////////////////////////////////////// */

#services-container {
	background: #E5E5E5;
	padding: 50px 0px;
}

#services {
	margin: 0px auto;
	width: 600px;
}

.services {
	position: relative;
}

.services-outer {
	display: inline;
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	padding: 10px;
	background: url(../img/35.png);
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
}

.services-middle {
	width: 120px;
	height: 120px;
	padding: 30px;
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
	background: url(../img/35.png);
}

.services-inner {
	width: 120px;
	height: 100px;
	padding-top: 20px;
	background: #E9E9E9;
	text-align: center;
	-webkit-border-radius: 120px 120px;
	-moz-border-radius: 120px 120px;
	border-radius: 120px 120px;
}

.services-inner h5 {
	color: #787573;
	font-size: 18px;
	text-shadow: #bababa;
}

/* Filter ////////////////////////////////////////////////////////// */

#filter-container {
	background: #ffffff;
	padding-top: 91px;
}

#filter {
	margin: 0px auto;
	overflow: auto;
}

#filter h5, #filter h5 a {
	color: #807D7C;
	font-size: 18px;
}

#filter h5 img {
	padding: 3px 4px 9px;
}

#filter-left {
	display: inline;
	float: left;
	width: 70%;
	height: 30px;
}

#filter-left h5 {
	display: inline;
	float: left;
}

#filter-left ul li {
	display: inline;
	float: left;
}

#filter-left ul li a {
	font-family: 'helvetica67', sans-serif;
	font-size: 16px;
	color: #524D4C;
	margin-left: 17px;
	padding-top: 2px;
	cursor: pointer;
}

#filter-left ul li a.current {
	border-bottom: 2px solid #CB5432;
}

#filter-right {
	float: right;
	width: 30%;
	height: 30px;
	text-align: right;
}

.clientlist {
	display: none;
}

.clients {
	display: inline;
	float: left;
	width: 22%;
	margin: 30px 4% 0 0;
}

.clients.fourth {
	margin-right: 0;
}

.clients ul {
	margin: 0;
	padding: 0;
}

.clients li a {
	display: block;
	border-bottom: 1px solid #f1f1f1;
	padding: 10px 0px;
	margin: 0px;
	color: #807D7C;
}

.clients li a:hover {
	color: #CB5432;
}

/* Projects ////////////////////////////////////////////////////////// */

.projects h2 {
	color: #B8B8B8;
	font-size: 30px;
	text-transform: capitalize;
	background: url(../img/m-under.jpg) bottom repeat-x;
	padding-bottom: 25px;
	margin-bottom: 40px;
}

.projects h2 a {
	color: #B8B8B8;
}

.projects h2 a span {
	background: url(../img/launch.jpg) top left no-repeat #CB5432;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 8px 5px 15px;
	vertical-align: middle;
	display: inline-table;
}

.projects-left {
	display: inline;
	float: left;
}

.testimonial, .overview {
	background: url(../img/m-under.jpg) bottom repeat-x;
	color: #B8B8B8;
}

.testimonial em {
	font-size: 16px;
}

.testimonial strong {
	font-size: 11px;
}

.overview h3, .solutions h3 {
	text-transform: capitalize;
	color: #7A7776;
	text-shadow: 1px 1px 0px #f7f7f7;
	font-size: 18px;
}

.started a {
	background: url(../img/started.jpg) bottom center no-repeat #DADADA;
	display: block;
	color: #7A7776;
	text-shadow: 1px 1px 0px #f7f7f7;
	text-align: center;
	margin-top: 40px;
	padding: 20px 0 60px;
}

.solutions {
	color: #B8B8B8;
}

.solutions span {
	color: #202020;
}

.projects-middle {
	float: left;
}

.projects-middle img, .projects-right img {
	width: 100%;
}

.projects-right {
	float: right;
}

.projects-right p {
	padding-bottom: 0;
}

.print-img {
	margin-bottom: 10px !important;
}

.projects-right h2 {
	background: none;
}

.hide-me {
	display: none;
}

#project-space {
	width: 100%;
	height: 70px;
	display: block;
}

/* Print Projects ////////////////////////////////////////////////////////// */

.projects-right h2 {
    overflow: auto;
    margin-bottom: 0px;
}

#project-7 .projects-right-right h2 a {
	background-image: url("../images/uploads/print/NLF-Brochure-2012.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
    float: right;
    text-align: right;
    width: 100%;
}

#project-71 .projects-right-right h2 a {
	background-image: url("../images/uploads/print/WV-Brochure-2011.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
    float: right;
    text-align: right;
    width: 100%;
}

#project-9 .projects-right-left h2 a {
	background-image: url("../images/uploads/print/stj_cal09.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto;
    float: right;
    text-align: right;
    width: 100%;
}

/* Blog ////////////////////////////////////////////////////////// */

.blog {
	margin: 0px auto 140px;
}

.blog-single {
	margin: 45px 0 70px;
}

.blog h2 {
	color: #B8B8B8;
	font-size: 30px;
	/*text-transform: capitalize;*/
	text-transform: none;
	background: url(../img/m-under.jpg) bottom repeat-x;
	padding-bottom: 25px;
	margin-bottom: 40px;
}

.blog h2 a {
	color: #B8B8B8;
}

.blog h2 a span {
	display: none;
}

.blog h2 a:hover span {
	display: inherit;
	background: url(../img/launch.jpg) top left no-repeat #CB5432;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 8px 5px 15px;
	vertical-align: middle;
	white-space: pre;
}

.mainimg img, .main-image img {
	width: 100%;
	margin-bottom: 30px;
}

.main_image {
	margin-bottom: 20px;
}

.blog-left {
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #B8B8B8;
}

.blog-left strong {
	color: #2C2624;
}

.fb-like, #___plusone_0, #___plusone_1, #___plusone_2, #___plusone_3, #___plusone_4, #___plusone_5, #___plusone_6, #___plusone_7, #___plusone_8, #___plusone_9, #___plusone_10 {
	float: left !important;
}

.blog-middle {
	float: right;
}

.blog-middle a {
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
}

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

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

.article-left, .article-right {
	display: inline;
	float: left;
	width: 45%;
}

pre code {
	font-family: Consolata, monospace;
    font-size: 100%;
	background: url(../images/code.jpg) top left no-repeat #e5e5e5;
	padding: 3% 5%;
	margin: 0 0 20px;
    clear: both;
    display: block;
    line-height: 120%;
    overflow-x: auto;
    width: 90%;
}

.galleries {
	width: 110%;
	display: block;
}

.galleries a {
	width: 70px;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 0 22px 22px 0 !important;
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 2px #e4e4e4;
	-moz-box-shadow: 0px 0px 2px #e4e4e4;
	-webkit-box-shadow: 0px 0px 2px #e4e4e4;
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.article-bottom {
	background: url(../img/m-under.jpg) top repeat-x;
	padding-top: 40px;
	margin-top: 25px;
}

.continue {
	text-align: right;
}

.continue a {
	position: relative;
	font-family: 'helvetica67', Sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: none;
	background: url(../img/launch.jpg) top left no-repeat #CB5432;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 8px 5px 15px;
	vertical-align: middle;
}

.pag-prev {
	float: left;
}

.pag-next {
	float: right;
}

.blog-right {
	float: right;
}

.blog-right h5 {
	font-size: 18px;
	margin-bottom: 15px;
}

#searchbox {
	margin-bottom: 40px;
}

input#search {
	background: url(../img/search.jpg) left no-repeat #E2E2E2;
	border: none;
	height: 50px;
	font-weight: bold;
}

#recent, .related {
	margin-bottom: 40px;
	background: url(../img/m-under.jpg) bottom repeat-x;
	padding-bottom: 25px;
}

#recent li {
	font-size: 11px;
	font-weight: bold;
}

.email {
	display: inline;
	float: left;
	background: #E2E2E2;
	border: none;
	height: 50px;
	font-weight: bold;
	-webkit-border-radius: 0px 0px;
	-moz-border-radius: 0px 0px;
	border-radius: 0px 0px;
}

.button {
	background: url(../img/signup.jpg) left no-repeat #CB5432;
	height: 50px;
	width: 83px;
	padding-left: 7px;
	border: none;
	cursor: pointer;
	font-family: 'HoeflerTextItalic', serif;
	color: #E1B2A4; text-shadow: 1px 1px 0px #B54A2C;
	font-size: 16px;
}

/* Contact ////////////////////////////////////////////////////////// */

#contact {
	margin: 50px auto;
}

.form_left {
	display: inline;
	float: left;
	width: 100px;
	font-family: helvetica67, Helvetica, Sans Serif;
	font-size: 16px;
	color: #7A7776;
	padding-top: 14px;
	text-align: right;
	margin-right: 20px;
}

.form_left span {
	color: #990000;
}

.form_half {
	background: #E2E2E2;
	color: #1e1e1e;
	height: 35px;
	padding: 5px;
	width: 290px;
	margin-bottom: 25px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	border: none;
}

.form_full {
	background: #E2E2E2;
	color: #1e1e1e;
	padding: 5px;
	width: 290px;
	height: 110px;
	margin-bottom: 25px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	border: none;
}

fieldset {
	padding-top: 30px;
}

.options {
	margin-bottom: 40px;
}

.options label {
    display: inline;
	float: left;
	width: 100px;
	font-family: helvetica67, Helvetica, Sans Serif;
	font-size: 16px;
	color: #7A7776;
	padding-top: 8px;
	text-align: right;
	margin-right: 20px;
}

.dd {
	width: 300px;
	overflow: hidden;
}

select {
	float: left;
	width: 320px;
	padding-left: 10px;
	height: 40px;
	/*border: 1px solid #D8D7D5;*/
	border: 0;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../img/dd.jpg) no-repeat;
	color: #1e1e1e;
	margin: 0px 0px 26px 0px;
	vertical-align: middle;
	-webkit-border-radius: 0px 0px;
	-moz-border-radius: 0px 0px;
	border-radius: 0px 0px;
}

.options li {
	clear: both;
}

.select_split {
	float: left;
	width: 15px;
	height: 20px;
}

textarea {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	-webkit-border-radius: 0px 0px;
	-moz-border-radius: 0px 0px;
	border-radius: 0px 0px;
}

#contact textarea:focus, #contact input:focus {
	background: #ffffff;
}

*:focus {outline: 0;}

input.error {
	border: 1px solid red;
	background: #ffffff;
}

.submitbutton {
	background: url(../img/send.jpg) left no-repeat #CB5432;
	height: 50px;
	width: 307px;
	margin-left: 113px;
	padding-left: 8px;
	border: none;
	cursor: pointer;
	font-family: 'HoeflerTextItalic', serif;
	color: #E1B2A4; text-shadow: 1px 1px 0px #B54A2C;
	font-size: 16px;
}

/* Footer ////////////////////////////////////////////////////////// */

footer {
	width: 100%;
	background: #222222;
	color: #8b8b8b;
}

#footer {
	height: 250px;
	margin: 0px auto;
	padding: 100px 0px;
	position: relative;
}

#testimonials {
	width: 100%;
	overflow: hidden;
}

#saying {
	height: 80px;
	background: url(../img/f-under.jpg) repeat-x 0px 20px;
}

#saying h5 {
	color: #FFFFFF;
	text-shadow: #000000;
	font-size: 20px;
	padding: 10px 0px;
	vertical-align: middle;
	display: block;
	margin: 0px auto;
	background: #222222;
	text-align: center;
}

.saying {
	display: inline;
	float: left;
	padding-bottom: 50px;
	background: url(../img/f-under.jpg) bottom repeat-x;
}

#f-contact {
	position: absolute;
	right: 0px;
	top: 120px;
	height: 140px;
	background: #1C1C1C;
	-webkit-border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	border-radius: 4px 4px;
}

.bigbutton a, .bigbutton a:visited {
	display: block;
	padding: 15px 15px 10px;
	-webkit-border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	border-radius: 2px 2px;
	background: #6F9FA1;
	color: #ffffff;
	text-shadow: 1px 1px 1px #4F7274;
	font-family: 'helvetica67', sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#bottom, #m-footer {
	display: none;
}

/* If Mobile //////////////////////////////////////////////////////////////// 

#if-mobile {
	padding: 20px;
}

#if-mobile h2 {
	margin-bottom: 5px;
	padding-bottom: 0px;
	line-height: normal;
	font-size: 50px;
	color: #E5E5E5;
	top: -5px;
	position: relative;
}*/

/* 990 Plus ////////////////////////////////////////////////////////// */
@media screen and (min-width: 1240px) {
	/* IMGs */
	
	.upcoming a { width: 70px; height: 70px; margin: 0 21px 11px 0; }
	
	/* Nav */

	#if-mobile { min-width: 1240px; font-size: 42px; display: inherit; }
	#top, #nav-container { display: block; }
	#mobile { display: none;}
	#nav-container { min-width: 1240px; }
	.nav { width: 1200px; }
	.mainnav li a, .mainnav li a:visited { font-size: 16px; }
	.info { width: 1200px; }
	#top { min-width: 1240px; }

	/* Slider */
	
	#slider-container { height: 600px; }
	#slider { min-width: 1240px; height: 600px; }
	#slide-nav { left: 535px; bottom: 50px; }
	.slide-block { width: 1240px; }
	.slide-block a { height: 540px; }
	.featured { left: 130px; bottom: 46px; }
	.featured h4 { color: #E5AA99; text-shadow: 1px 1px 0px #9B3F25; }
	#slideshow .effectContainer { height: 600px; }
	
	.slide-na { background: url('../img/slide-na-l.jpg') center no-repeat; }
	.slide-bg { background: url('../img/slide-bg-l.jpg') center no-repeat; }
	.slide-wv { background: url('../img/slide-wv-l.jpg') center no-repeat; }
	.slide-hl { background: url('../img/slide-hl-l.jpg') center no-repeat; }

	/* Opening */

	#opening-container { min-width: 1240px; }
	#opening { padding: 50px 0px; width: 1200px; }
	#opening h2 { font-size: 55px; }
	#opening p { width: 60%; }
	
	/* Lovingly */
	
	#working-container { min-width: 1240px; }
	#working { width: 1200px; }
	#working-right { padding: 4% 0px 0px 5%; }
	
	/* 5 Steps */
	
	#approach-container { min-width: 1240px; }
	#approach { width: 1200px; padding: 50px 0px; }
	#steps { width: 840px; }
	#steps h5 { width: 40%; }
	.steps { left: 170px; width: 150%; }
	.step-outer { width: 180px; height: 180px; padding: 10px; }
	.step-middle { width: 120px; height: 120px; padding: 30px; }
	.step-inner { width: 120px; height: 100px; padding-top: 20px; }
	.step-2 { left: -35px; }
	.step-3 { left: -70px; }
	.step-4 { left: -105px; }
	.step-5 { left: -140px; }
	
	/* Listening */
	
	#listening-container { min-width: 1240px; }
	#listening { width: 1200px; }
	#listening-left { width: 27%; }
	#listening-right { width:73%; margin: 15px 0px 20px; }
	.album a { margin-left: 35px; }
	
	/* Services */
	
	#services-container { min-width: 1240px; }
	
	/* Filter */
	#filter-container { min-width: 1240px; }
	#filter { padding: 40px 0px; width: 1200px; }
	.clients li a { font-size: 12px; }
	
	/* Projects */
	.projects { width: 1200px; padding: 100px 20px 0; margin: 0 auto; }
	.projects-left { width: 22%; margin-right: 4%; }
	.projects-middle { width: 48%; }
	.projects-right { width: 22%; }
	.projects-right img { margin-bottom: 40px; }
	.testimonial { padding-bottom: 40px; margin-bottom: 40px; }
	.overview { padding-bottom: 25px; margin-bottom: 40px; }
	
	/* Print Projects */
	#project-7 .projects-right-right h2 a, #project-71 .projects-right-right h2 a, #project-9 .projects-right-left h2 a { padding: 158px 0 0; }
	
	/* Blog */
	.blog { width: 1200px; padding: 0px 20px; }
	.blog-single { width: 74%; display: inline; float: left; }
	.blog-left { width: 30%; }
	.blog-middle { width: 65%; }
	.liking, .fb-root { display: inline; float:left; margin-bottom: 10px; }
	.blog-right { width: 20%; padding: 4% 0 0 3%; background: url(../img/blog-right.jpg) top left no-repeat; }
	input#search { width: 200px; padding-left: 40px; }
	.email { width: 130px; padding-left: 20px; }
	
	/* Contact */
	#contact { width: 540px; padding: 0px 350px; }
	
	/* Footer */

	#head-back { display: none; }

	footer { min-width: 1240px; }
	#footer { width: 1200px; }
	#saying { width: 74%; }
	#saying h5 { width: 30%; }
	.saying { width: 22%; margin-right: 4%; }
	#f-contact { width: 16%; padding: 4.1% 3%; }
	.bigbutton a { font-size: 20px; }
}

/* 989 Less ////////////////////////////////////////////////////////// */
@media screen and (max-width: 1240px) {
	/* IMGs */
	
	.upcoming a { width: 60px; height: 60px; margin: 0 11px 11px 0; }
	
	/* Nav */
	
	#if-mobile { min-width: 980px; font-size: 32px; display: inherit; }
	#top, #nav-container { display: block; }
	#mobile { display: none;}
	#nav-container { min-width: 980px; }
	.nav { width: 940px; }
	.mainnav li a, .mainnav li a:visited { font-size: 16px; }
	.info { width: 940px; }
	#top { min-width: 980px; }

	/* Slider */
	
	#slider-container { height: 500px; }
	#slider { min-width: 1240px; height: 500px; }
	#slider { min-width: 980px; }
	#slide-nav { left: 405px; bottom: 34px; }
	.slide-block { width: 980px; }
	.slide-block a { height: 540px; }
	.featured { left: 70px; bottom: 30px; }
	.featured h4 { color: #E5AA99; text-shadow: 1px 1px 0px #9B3F25; }
	.featured h4 span { display: none; }
	#slideshow .effectContainer { height: 500px; }
	
	.slide-mobile { background: url('../img/slide-mobile-medium.jpg') center no-repeat; }
	.slide-na { background: url('../img/slide-na.jpg') center no-repeat; }
	.slide-bg { background: url('../img/slide-bg.jpg') center no-repeat; }
	.slide-wv { background: url('../img/slide-wv.jpg') center no-repeat; }
	.slide-hl { background: url('../img/slide-hl.jpg') center no-repeat; }

	/* Opening */

	#opening-container { min-width: 980px; }
	#opening { padding: 50px 120px; }
	#opening h2 { font-size: 55px; }
	#opening p { width: 80%; }
	
	/* Lovingly */
	
	#working-container { min-width: 980px; }
	#working { width: 940px; }
	#working-right { padding: 7% 0px 0px 5%; }
	
	/* 5 Steps */
	
	#approach-container { min-width: 980px; }
	#approach { width: 940px; padding: 50px 0px; }
	#steps { width: 840px; }
	#steps h5 { width: 40%; }
	.steps { left: 30px; width: 900px; }
	.step-outer { width: 160px; height: 160px; padding: 10px; }
	.step-middle { width: 120px; height: 120px; padding: 20px; }
	.step-inner { width: 120px; height: 95px; padding-top: 25px; }
	.step-2 { left: -5px; }
	.step-3 { left: -10px; }
	.step-4 { left: -15px; }
	.step-5 { left: -20px; }
	
	/* Listening */
	
	#listening-container { min-width: 980px; }
	#listening { width: 940px; }
	#listening-left { width: 33%; }
	#listening-right { width:67%; margin: 15px 0px 20px; }
	.album a { margin-left: 30px; }
	
	/* Services */
	
	#services-container { min-width: 980px; }
	
	/* Filter */
	#filter-container { min-width: 980px; }
	#filter { padding: 40px 0px; width: 940px; }
	.clients li a { font-size: 11px; }
	
	/* Print Projects */
	#project-7 .projects-right-right h2 a, #project-71 .projects-right-right h2 a, #project-9 .projects-right-left h2 a { padding: 126px 0 0; }
	
	/* Projects */
	.projects { width: 940px; padding: 100px 20px 0; margin: 0 auto; }
	.projects-left { width: 22%; margin-right: 4%; }
	.projects-middle { width: 48%; }
	.projects-right { width: 22%; }
	.projects-right img { margin-bottom: 40px; }
	.testimonial { padding-bottom: 40px; margin-bottom: 40px; }
	.overview { padding-bottom: 25px; margin-bottom: 40px; }
	
	/* Blog */
	.blog { width: 940px; padding: 0px 20px; }
	.blog-single { width: 74%; display: inline; float: left; }
	.blog-left { width: 30%; }
	.blog-middle { width: 65%; }
	.liking, .fb-root { display: inline; float:left; margin-bottom: 10px; }
	.blog-right { width: 20%; padding: 4% 0 0 3%; background: url(../img/blog-right.jpg) top left no-repeat; }
	input#search { width: 150px; padding-left: 35px; }
	.email { width: 90px; padding-left: 10px; }
	
	/* Contact */
	#contact { width: 540px; padding: 0px 220px; }
	
	/* Footer */
	
	#head-back { display: none; }
	
	footer { min-width: 980px; }
	#footer { width: 940px; }
	#saying { width: 74%; }
	#saying h5 { width: 40%; }
	.saying { width: 22%; margin-right: 4%; height: 156px; }
	#f-contact { width: 18%; padding: 5% 2% 8.5%; }
	.bigbutton a { font-size: 18px; }
}

/* 800 Less ////////////////////////////////////////////////////////// */
@media screen and (max-width: 980px) {
	/* IMGs */
	
	.upcoming a { width: 70px; height: 70px; margin: 0 11px 11px 0; }
	
	/* Nav */
	
	#if-mobile { min-width: 760px; font-size: 30px; display: inherit; }
	#top, #nav-container { display: block; }
	#mobile { display: none;}
	#nav-container { min-width: 760px; }
	.logo { display: block; }
	.nav { width: 720px; }
	.mainnav li a, .mainnav li a:visited { font-size: 15px; }
	.info { width: 720px; }
	#top { min-width: 780px; }

	/* Slider */

	#slider-container { height: 400px; }
	#slider { min-width: 1240px; height: 400px; }
	#slider { min-width: 760px; }
	#slide-nav { left: 285px; bottom: 24px; }
	.slide-block { width: 760px; }
	.slide-block a { height: 340px; }
	.featured { left: -335px; bottom: 22px; }
	.featured h4 { color: #797979; text-shadow: 1px 1px 0px #000000; }
	#slideshow .effectContainer { height: 400px; }
	
	.slide-mobile { background: url('../img/slide-mobile.jpg') center no-repeat; }
	.slide-na { background: url('../img/slide-na-small.jpg') center no-repeat; }
	.slide-bg { background: url('../img/slide-bg-small.jpg') center no-repeat; }
	.slide-wv { background: url('../img/slide-wv-small.jpg') center no-repeat; }
	.slide-hl { background: url('../img/slide-hl-small.jpg') center no-repeat; }

	/* Opening */

	#opening-container { min-width: 760px; }
	#opening { width: 720px; padding: 50px 10px; }
	#home #opening h2 { font-size: 40px; width: 80%; margin: 0px auto; }
	#inside #opening h2 { font-size: 40px; width: 104%; left: -2%; margin: 0px auto; }
	#opening p { width: 90%; }
	
	/* Lovingly */
	
	#working-container { min-width: 760px; }
	#working { width: 720px; }
	#working-right { padding: 3% 0px 0px 5%; }
	
	/* 5 Steps */
	
	#approach-container { min-width: 760px; }
	#approach { width: 720px; padding: 50px 0px; }
	#steps { width: 720px; }
	#steps h5 { width: 50%; }
	.steps { left: 0px; width: 720px; }
	.step-outer { width: 132px; height: 132px; padding: 5px; }
	.step-middle { width: 102px; height: 102px; padding: 15px; }
	.step-inner { width: 102px; height: 87px; padding-top: 15px; }
	.step-2 { left: 0px; }
	.step-3 { left: 0px; }
	.step-4 { left: 0px; }
	.step-5 { left: 0px; }
	
	/* Listening */
	
	#listening-container { min-width: 760px; }
	#listening { width: 720px; }
	#listening-left { width: 40%; }
	#listening-right { width: 60%; margin: 15px 0px 20px; }
	.album a { margin-left: 28px; }
	
	/* Services */
	
	#services-container { min-width: 760px; }
	
	/* Filter */
	#filter-container { min-width: 760px; }
	#filter { padding: 40px 0px; width: 720px; }
	.clients li a { font-size: 10px; }
	
	/* Print Projects */
	#project-7 .projects-right-right h2 a, #project-71 .projects-right-right h2 a, #project-9 .projects-right-left h2 a { padding: 131px 0 0; }
	
	/* Projects */
	.projects { width: 720px; padding: 100px 20px 0; margin: 0 auto; }
	.projects-left { width: 30%; margin-right: 5%; }
	.projects-middle { width: 65%; }
	.projects-right { width: 65%; }
	.projects-right img { margin-bottom: 20px; }
	.projects-right-left { display: inline; float: left; width: 46%; margin-top: 25px; }
	.projects-right-right { float: right; width: 46%; margin-top: 25px; }
	.testimonial { padding-bottom: 20px; margin-bottom: 20px; }
	.overview { padding-bottom: 20px; margin-bottom: 20px; }
	
	/* Blog */
	.blog { width: 720px; padding: 0px 20px; }
	.blog-single { width: 65%; display: inline; float: left; }
	.blog-left { width: 100%; }
	.related { display: none; }
	.blog-middle { width: 100%; }
	.details { display: inline; float: left; margin-right: 20px; }
	.liking, .fb-root { display: inline; float:left; margin: 10px; }
	.blog-right { width: 26%; padding: 4% 0 0 2%; background: url(../img/blog-right.jpg) top left no-repeat; }
	input#search { width: 150px; padding-left: 35px; }
	.email { width: 90px; padding-left: 10px; }
	
	/* Contact */
	#contact { width: 540px; padding: 0px 110px;}

	/* Footer */
	
	#head-back { display: none; }
	
	footer { min-width: 760px; }
	#footer { width: 720px; }
	#saying { width: 65%; }
	#saying h5 { width: 50%; }
	.saying { width: 30%; margin-right: 5%; height: 126px; }
	.saying.last { display: none; }
	#f-contact { width: 26%; padding: 6.75% 2%; }
	.bigbutton a { font-size: 18px; }
}