/*
Theme Name: JLB Works
Theme URI: 
Description: Theme created for JLB Works
Version: 1.0
Author: JLB Works
Tags: 
*/


/* -------------------------------------------------------------- 
  
   START reset.css
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; outline: 0;
}

body {
  font-size: 62.5%;
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Remove annoying border on linked images. */
a img {border: none;}

/* -------------------------------------------------------------- 
  
   END reset.css
   
-------------------------------------------------------------- */


/* Main Styles */
/* ------------------------------------- */

body {margin: 0; font-size: 62.5%; line-height: 1.4em; font-family: "Trebuchet MS", trebuchet, sans-serif; color: #777; background: #f2f2f2;}

h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 0 0 1em;}

p {}

ol, ul {}

strong {font-weight: bold;}
em {font-style: italic;}

a {color: #146481; text-decoration: none;}
a:hover {color: #083d63;}

hr {margin: 3em 0; border: 0; border-bottom: 1px dotted #c7c7c7;}

.container {position: relative; margin: 0 auto; padding: 0; width: 940px;}


/* Header / Headline Styles */
/* ------------------------------------- */

#header {padding-top: 13px; height: 56px; background: url('images/bg-header.png') repeat-x bottom center;}
#header h1 {height: 42px; width: 126px;}
#header h1 a {display: block; height: 42px; width: 126px; text-indent: -9999px; background: url('images/logo.png') no-repeat;}

#header ul#nav {position: absolute; top: 13px; right: 0; margin: 0; padding: 0; list-style: none;}
#header ul#nav li {margin: 0 0 0 35px; float: left;}
#header ul#nav li a {font-size: 1.4em; color: #bbb; text-transform: uppercase; text-decoration: none;}
#header ul#nav li a:hover {color: #888;}
#header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a {color: #b74a26;}

#headline {padding: 5em 0; background: #fff;}
#headline h2 {margin: 0; font-size: 6em; line-height: 1.25em; font-family: Georgia, Times, "Times New Roman", serif; color: #146481; text-align: center;}


/* Feature Styles */
/* ------------------------------------- */

#feature {padding: 27px 0; overflow: hidden;}

#feature #feature-slider-content {width: 940px; overflow: hidden;}
#feature #feature-slider-content ul {margin: 0; padding: 0; width: 9999px; list-style: none; line-height: 0;}
#feature #feature-slider-content ul li {float: left; padding: 0;}
#feature #feature-slider-content ul li a {}
#feature #feature-slider-controls * {cursor: pointer;}
#feature #feature-slider-controls #slide-previous {position: absolute; top: 50%; left: -80px; display: block; margin-top: -102px; height: 204px; width: 46px; text-indent: -9999px; cursor: pointer; background: url('images/arrow-previous.png') no-repeat top right;}
#feature #feature-slider-controls #slide-next {position: absolute; top: 50%; right: -80px; display: block; margin-top: -102px; height: 204px; width: 46px; text-indent: -9999px; cursor: pointer; background: url('images/arrow-next.png') no-repeat top left;}


/* Content Styles */
/* ------------------------------------- */

#content {padding: 30px 0; background: #fff; overflow: hidden;}

#content p {font-size: 1.2em; line-height: 1.5em;}
#content h3 {margin: 0 0 .25em; font-weight: bold; font-size: 1.4em; line-height: 1.3em; color: #b74a26; text-transform: uppercase;}
#content h4 {}
#content h5 {}
#content li {margin: 0 0 0 1.5em; font-size: 1.2em;}


/* Footer Styles */
/* ------------------------------------- */

#footer {margin: 0 0 20px 0; padding: 20px 0; background: url('images/bg-footer.png') repeat-x;}

#footer .container {padding: 10px 0 20px; border-left: 1px dotted #c7c7c7; border-right: 1px dotted #c7c7c7; overflow: hidden;}

#footer #footer-left {float: left; width: 529px;}
#footer #footer-left ul {margin: 0; padding: 2px 0; list-style: none; text-align: center; overflow: hidden;}
#footer #footer-left ul li {display: inline; padding: 0 15px;}
#footer #footer-left ul li a {font-size: 1.2em; line-height: 1em; color: #bbb; text-transform: uppercase; text-decoration: none;}
#footer #footer-left ul li a:hover {color: #888;}

#footer #footer-right {float: right; width: 410px; height: 16px; text-align: center; border-left: 1px solid #c7c7c7;}
#footer #footer-right {font-size: 1.2em; line-height: 1em; color: #bbb;}
#footer #footer-right img#icon-rss {margin: 0 0 -4px 10px;}
#footer #footer-right img#icon-bbb {margin: 0 0 -25px 12px;}


/* Home Styles */
/* ------------------------------------- */

.home #feature #feature-slider-content ul {line-height: 1em;}
.home #feature #feature-slider-content ul li {padding: 0 68px 0 0; width: 268px;}
.home #feature #feature-slider-content ul li .image-thumb {height: 90px; width: 268px; background-image: url('images/bg-imageroll03.png');} 
.home #feature #feature-slider-content ul li .title {margin: .5em 0 .2em; font-size: 1.8em; line-height: 1em; font-family: Georgia, Times, "Times New Roman", serif;}
.home #feature #feature-slider-content ul li .meta {margin: 0 0 1em; font-weight: bold; font-size: 1.2em; line-height: 1em; color: #b74a26; text-transform: uppercase;}
.home #feature #feature-slider-content ul li .meta em {font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none;}
.home #feature #feature-slider-content ul li .storycontent p {font-size: 1.2em; line-height: 1.5em;}

.home #content .work-row {position: relative; left: -17.5px; padding: 10px 0 0; width: 975px; background: url('images/bg-workrows.png') repeat-y 17.5px -50px; overflow: hidden;}
.home #content .page {float: left; width: 160px; padding: 0 17.5px;}
.home #content .page .image-thumb {height: 130px; width: 160px;}
.home #content .page .title {margin: .5em 0 .2em;}


/* Our People Styles */
/* ------------------------------------- */

.page-id-159 #feature #feature-slider-content ul {line-height: 1em;}
.page-id-159 #feature #feature-slider-content ul li {padding: 0 68px 0 0; width: 268px;}
.page-id-159 #feature #feature-slider-content ul li .title {margin: .5em 0 .2em; font-size: 2.4em; line-height: 1em; font-family: Georgia, Times, "Times New Roman", serif;}
.page-id-159 #feature #feature-slider-content ul li .meta {font-weight: bold; font-size: 1.4em; text-transform: uppercase; color: #b74a26;}

.parent-pageid-159 h2 em {font-size: .5em; color: #89b1c0;}
.parent-pageid-159 .page {margin-left: 260px;}

.parent-pageid-159 #sidebar .title {margin: 10px 0 0; font-size: 2em; line-height: 1em; font-family: Georgia, Times, "Times New Roman", serif;}
.parent-pageid-159 #sidebar .title strong {font-weight: normal; color: #146481;}
.parent-pageid-159 #sidebar .meta {font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #b74a26;}
.parent-pageid-159 #sidebar #sidebar-social {margin: 20px 0 0;}
.parent-pageid-159 #sidebar #sidebar-social ul {position: relative; left: -10px; margin: 0; padding: 0; list-style: none; overflow: hidden;}
.parent-pageid-159 #sidebar #sidebar-social ul li {float: left; margin: 0; padding: 0 0 0 10px;}
.parent-pageid-159 #sidebar #sidebar-blogs {margin: 20px 0 0;}
.parent-pageid-159 #sidebar #sidebar-blogs strong {display: block; font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #b74a26;}
.parent-pageid-159 #sidebar #sidebar-blogs ul {margin: 0; padding: 0; list-style: none;}
.parent-pageid-159 #sidebar #sidebar-blogs ul li {margin: 5px 0 0 0; padding: 0;}

.parent-pageid-159 #content #sidebar {float: left; padding: 0 30px 0 0; width: 200px; border: 0; border-right: 1px dotted #c7c7c7;}

.parent-pageid-159 a.image-thumb {background-image: url('images/bg-imageroll02.png');}


/* Our Work Styles */
/* ------------------------------------- */

.page-id-161 #content {padding: 17px 0;}
.page-id-161 #content .work-row {position: relative; left: -17.5px; margin: 0 0 20px; padding: 31px 0 0; width: 975px; background: url('images/bg-workrows.png') repeat-y 17.5px 0; overflow: hidden;}
.page-id-161 #content .work-row.first {padding-top: 10px; background-position: 17.5px -50px;}
.page-id-161 #content .page {float: left; width: 160px; padding: 0 17.5px;}
.page-id-161 #content .page p {font-size: 1.1em;}
.page-id-161 #content .page .image-thumb {margin-bottom: 10px;}

.parent-pageid-161 a.image-thumb {background-image: url('images/bg-imageroll02.png');}
.parent-pageid-161 .page {width: 673px;}


/* E-marketing Styles */
/* ------------------------------------- */

.page-id-165 #email-left, .parent-pageid-165 #email-left {float: left; padding: 0 20px 0 0; width: 550px; border-right: 1px dotted #c7c7c7; overflow: hidden;}
.page-id-165 #email-left #email-subnav, .parent-pageid-165 #email-left #email-subnav {position: relative; left: -13px; margin: 0; padding: 0; width: 576px; list-style: none;}
.page-id-165 #email-left #email-subnav li, .parent-pageid-165 #email-left #email-subnav li {float: left; margin: 10px 13px; width: 262px;}
.page-id-165 #email-left #email-subnav li a, .parent-pageid-165 #email-left #email-subnav li a {display: block; padding: 15px 0; font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #b74a26; text-align: center; background: #f2f2f2;}
.page-id-165 #email-left #email-subnav li a:hover, .parent-pageid-165 #email-left #email-subnav li a:hover {color: #c97c63; background: #f9f9f9;}

.page-id-165 #email-right, .parent-pageid-165 #email-right {float: right; width: 349px;}
.page-id-165 #email-right form, .parent-pageid-165 #email-right form {display: block; margin-top: 30px;}
.page-id-165 #email-right label, .parent-pageid-165 #email-right label {display: block; margin: 0 0 .5em; font-weight: bold; font-size: 1.4em; text-transform: uppercase; color: #b74a26;}
.page-id-165 #email-right input[type="text"], .parent-pageid-165 #email-right input[type="text"] {margin: 0 0 10px; padding: 3px; width: 160px; font-size: 1.4em; border: 1px solid #c7c7c7;}
.page-id-165 #email-right input[type="password"], .parent-pageid-165 #email-right input[type="password"] {margin: 0 0 10px; padding: 3px; width: 160px; font-size: 1.4em; border: 1px solid #c7c7c7;}
.page-id-165 #email-right #email-emma-user, .parent-pageid-165 #email-right #email-emma-user {float: left; width: 167px; padding: 0 8px 0 0;}
.page-id-165 #email-right #email-emma-pass, .parent-pageid-165 #email-right #email-emma-pass {float: left; width: 166px; padding: 0 0 0 8px;}
.page-id-165 #email-right #email-emma-pass input[type="submit"], .parent-pageid-165 #email-right #email-emma-pass input[type="submit"] {float: right;}


/* Contact Styles */
/* ------------------------------------- */

.page-id-166 #contact-left, .parent-pageid-166 #contact-left {float: left; padding: 0 30px 0 0; width: 430px; border-right: 1px dotted #c7c7c7;}
.page-id-166 #contact-left iframe, .parent-pageid-166 #contact-left iframe {display: block; margin-bottom: 20px;}
.page-id-166 #contact-left ul, .parent-pageid-166 #contact-left ul {margin: 0; padding: 0; list-style: none;}
.page-id-166 #contact-left ul li, .parent-pageid-166 #contact-left ul li {margin: 0; padding: 0; float: left; width: 33%; text-align: center;}
.page-id-166 #contact-left ul li a, .parent-pageid-166 #contact-left ul li a {font-weight: bold; font-size: 1.2em; line-height: 1.3em; color: #b74a26; text-transform: uppercase;}

.page-id-166 #contact-right, .parent-pageid-166 #contact-right {float: right; width: 450px;}
.page-id-166 #contact-right form {display: block; margin: 30px 0 0; overflow: hidden;}
.page-id-166 #contact-right label {display: block; margin-bottom: 2px; font-weight: bold; font-size: 1.2em; font-style: normal; color: #146481; text-transform: uppercase;}
.page-id-166 #contact-right input[type="text"] {margin-bottom: 15px; padding: 3.5px; width: 441px; font-size: 1.4em; border: 1px solid #c7c7c7;}
.page-id-166 #contact-right input[type="text"]:hover {border: 1px solid #999;}
.page-id-166 #contact-right textarea {margin-bottom: 10px; width: 447px; height: 100px; border: 1px solid #c7c7c7;}
.page-id-166 #contact-right textarea:hover {border: 1px solid #999;}
.page-id-166 #contact-right .contact-form-left {float: left; margin-right: 5px; width: 220px;}
.page-id-166 #contact-right .contact-form-left input[type="text"] {width: 211px;}
.page-id-166 #contact-right .contact-form-right {float: right; margin-left: 5px; width: 220px;}
.page-id-166 #contact-right .contact-form-right input[type="text"] {width: 211px;}


/* Blog Styles */
/* ------------------------------------- */

.blog #content .post, .single #content .post, .archive #content .post, .search #content .post, #content #respond, #content #pagination {width: 673px;}

.blog #content .post h3.title, .blog #content .post div.meta, .blog #content .post .storycontent, .blog #content .post .read-more {margin-left: 190px;}

.blog #feature .post {overflow: hidden;}
.blog #feature .image-thumb {float: left; width: 550px; background-image: url('images/bg-imageroll03.png');}
.blog #feature .title {margin: 0 0 0 570px; font-weight: normal; font-size: 2.5em; line-height: 1.3em; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none;}
.blog #feature .meta {margin: 0 0 1em 570px; font-weight: bold; font-size: 1.2em; line-height: 1em; color: #b74a26; text-transform: uppercase;}
.blog #feature .meta em {font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none;}
.blog #feature .storycontent p {margin-left: 570px; font-size: 1.2em; line-height: 1.5em;}
.blog #feature .read-more {margin-left: 570px;}

.blog #content .storycontent p {font-size: 1.1em; line-height: 1.5em;}

#content .post {overflow: hidden; margin: 0 0 27px; padding: 0 0 27px; border-bottom: 1px dotted #c7c7c7; overflow: hidden;}
#content .post .title {margin: 0; font-weight: normal; font-size: 2.5em; line-height: 1.3em; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none;}
#content .post .meta {margin: 0 0 1em; font-weight: bold; font-size: 1.2em; line-height: 1em; color: #b74a26; text-transform: uppercase;}
#content .post .meta em {font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none;}
#content .post .image-thumb {float: left; height: 132px; width: 175px;}
#content .post .postmetadata {margin: 0; font-size: 1em;}

#content #sidebar {float: right; padding-left: 30px; width: 200px; border-left: 1px dotted #c7c7c7;}
#content #sidebar ul {margin: 0 0 35px; padding: 0; list-style: none;}
#content #sidebar em {display: block; margin-bottom: .8em; font-weight: bold; font-style: normal; font-size: 1.2em; color: #146481; text-transform: uppercase;}
#content #sidebar li {margin-bottom: .8em;}
#content #sidebar li a {font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; color: #888;}
#content #sidebar li a:hover {color: #555;}
#content #sidebar #searchform {display: block; margin: 0 0 35px; overflow: hidden;}
#content #sidebar #searchform label {display: block; margin-bottom: .8em; font-weight: bold; font-size: 1.2em; font-style: normal; color: #146481; text-transform: uppercase;}
#content #sidebar #searchform input[type="submit"] {float: right;}
#content #sidebar #searchform input[type="text"] {float: left; padding: 3.5px; width: 135px; font-size: 1.4em; border: 1px solid #c7c7c7;}

#content #pagination {overflow: hidden; font-size: 1.2em;}
#content #pagination #pageprev {float: left;}
#content #pagination #pagenext {float: right;}

#content #respond {margin: 27px 0 0; font-size: 1.1em; border-top: 1px dotted #c7c7c7;}
#content #respond h3 {margin: 20px 0 0; font-weight: bold; font-size: 1.4em; line-height: 1.3em; color: #b74a26; text-transform: uppercase;}
#content #respond label {font-weight: bold;}


/* Extra Styles */
/* ------------------------------------- */

input[type="submit"] {padding: 5px 10px; text-transform: uppercase; color: #fff; background: url('images/bg-button.png') repeat-x; border: 0;}

.image-thumb {display: block; background: url('images/bg-imageroll01.png') no-repeat center center;}

.read-more {display: block; font-size: 1.1em; text-transform: uppercase;}

.error404 .error-text {margin: 0; font-size: 6em; line-height: 1.25em; font-family: Georgia, Times, "Times New Roman", serif; color: #b74a26;}

/* Begin Images */
p img {padding: 0; max-width: 100%;}

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

img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

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