/* ---------------------------------------------------
	SCREEN CSS
	Author:		Derek Balmer
	Modified:	06/07/2010
	HOLD FAST CREATIVE | theholdfast.com
--------------------------------------------------- */

@import url(reset.css);

/* @group Common */
* {margin:0;padding:0;}

/*@font-face {font-family: "CA BND Web Bold";src: url(/fonts/CABNDWebBold.otf) format("opentype");}*/
h2, h4, #services dt {letter-spacing:0.0125em;font-weight:bolder;}

ol {list-style:decimal-leading-zero outside;margin:0 0 10px 20px;}
ol li {margin:0px 0px 4px 20px;padding:4px 0 4px 10px;font-size:14px;line-height:18px;background:#fff;border-bottom:1px solid #ddd;}

#summary {margin:0 0 20px 0;padding:0 0 10px 0;text-align:left;border-bottom:1px solid #8D8C7B;overflow:hidden;}
#summary h3 {float:left;display:inline;width:680px;margin:0 20px 10px 0;padding:0;font-size:18px;line-height:32px;letter-spacing:0.05em;font-weight:normal;text-transform:none;color:#666;}
#summary .action {float:left;display:inline;width:240px;overflow:hidden;}
#summary p {clear:both;display:block;}

#summary h4 {text-indent:-9999px;}
#summary h4 a {width:220px;height:60px;display:block;overflow:hidden;margin:0 0 10px 20px;background:transparent url(../themes/site_themes/HFCv3/btnSprite.png) no-repeat 0 0;}

#summary h4 a.getEstimate {background-position:0 0;}
#summary h4 a.getEstimate:hover {background-position:0 -60px;}

#summary h4 a.viewPortfolio {background-position:-220px 0;}
#summary h4 a.viewPortfolio:hover {background-position:-220px -60px;}

#summary h4 a.viewServices {background-position:-440px 0;}
#summary h4 a.viewServices:hover {background-position:-440px -60px;}

.org {font-weight:bolder;}
.adr {margin:5px 0;}
.country-name {display:block;}
.tel {font-weight:bolder;padding-left:24px;background:url(../themes/site_themes/HFCv3/telBG.png) no-repeat 0 50%;}
p.gMaps {text-align:center;font-size:1.0em;}

/* @end */

/* @group Layout */
#masthead {width:940px;height:70px;margin:0 auto 20px auto;text-align:center;overflow:hidden;}
#wrapper {width:auto;margin:0 auto;padding:10px 0 20px 0;text-align:center;}
#content {width:940px;margin:0 auto;text-align:left;}
#footerWrap {clear:both;width:auto;margin:30px auto;padding:50px 0 0 0;text-align:center;color:#8D8C7B;background:url(../themes/site_themes/HFCv3/footerBG.png) 50% 0 no-repeat;}
#footer {width:940px;margin:0 auto;padding:10px 0;text-align:left;overflow:hidden;}
/* @end */

/* @group Masthead */
#masthead h1 {float:left;display:inline;width:140px;height:60px;margin:0 20px 0 0;padding:0;font-size:12px;text-indent:-9999px;}
#masthead h1 a {display:block;width:140px;height:60px;overflow:hidden;background:transparent url(../themes/site_themes/HFCv3/Hold-Fast-Creative.png) no-repeat 0 0;}
#masthead h1 a:hover {opacity:0.875;}
#masthead h1 a:active {outline:none;opacity:1.0;}

#masthead ul {float:right;display:inline;width:780px;height:45px;margin:20px 0 0 0;overflow:hidden;}
#masthead li {float:left;display:inline;}
#masthead li a {width:140px;height:45px;display:block;margin-right:20px;overflow:hidden;text-indent:-9999px;background:url(../themes/site_themes/HFCv3/navBG.png) no-repeat;}

#masthead li.tnAbout a {background-position:0 0;}
#masthead li.tnAbout a:hover, #masthead li.tnAboutSelected a {background-position:0 -45px;}

#masthead li.tnServices a {background-position:-160px 0;}
#masthead li.tnServices a:hover, #masthead li.tnServicesSelected a {background-position:-160px -45px;}

#masthead li.tnPortfolio a {background-position:-320px 0;}
#masthead li.tnPortfolio a:hover, #masthead li.tnPortfolioSelected a {background-position:-320px -45px;}

#masthead li.tnContact a {background-position:-480px 0;}
#masthead li.tnContact a:hover, #masthead li.tnContactSelected a {background-position:-480px -45px;}

#masthead li.tnJournal a {margin-right:0;background-position:-640px 0;}
#masthead li.tnJournal a:hover, #masthead li.tnJournalSelected a {background-position:-640px -45px;}

#about li.tnAbout a {background-position:0 -45px;}
#services li.tnServices a {background-position:-160px -45px;}
#portfolio li.tnPortfolio a {background-position:-320px -45px;}
#contact li.tnContact a {background-position:-480px -45px;}
#journal li.tnJournal a {background-position:-640px -45px;}

/* @end */

/* @group Home */
body#home {background:#f4f4ed url(../themes/site_themes/HFCv3/bodyBGHome.png) repeat-x 0 0;}
#home #wrapper {margin:0 auto;padding:0;width:960px;background:url(../themes/site_themes/HFCv3/homeCopyBG.png) no-repeat 50% 0;}
#home #masthead {float:left;display:inline;width:480px;height:395px;margin:10px auto 30px 10px;}

#home #masthead h1, #home #masthead h2, #home #masthead h3,  #home #masthead h4 {float:none;display:block;text-indent:-9999px;overflow:hidden;}
#home #masthead h1, #home #masthead h1 a {width:140px;height:50px;display:block;margin:0 0 34px 0;background:transparent url(../themes/site_themes/HFCv3/brandingHome.png) no-repeat 0 0;}

#home #masthead h2 {width:460px;height:80px;margin:0 0 20px 0;}
#home #masthead h3 {width:460px;height:110px;margin:0 0 40px 0;display:block;}

#home #masthead h4 {float:right;width:320px;height:60px;margin:0 20px 0 0;}
#home #masthead h4 a {width:320px;height:60px;display:block;background:transparent url(../themes/site_themes/HFCv3/btn_createForYou.png) no-repeat 0 0;}
#home #masthead h4 a:hover {background-position:0 -60px;}

#home #recent-work {float:left;display:inline;width:450px;height:395px;overflow:hidden;margin:15px 5px;}

#home ul.sections {clear:both;width:940px;height:100px;margin:0 0 0 10px;padding:0;border-top:1px solid #ccc;overflow:hidden;}
#home ul.sections li {float:left;width:235px;height:90px;margin:0;padding:0;overflow:hidden;}
#home ul.sections li strong {font-weight:bolder;text-transform:uppercase;display:block;}
#home ul.sections li a {padding:10px;display:block;text-align:left;color:#8D8C7B;text-decoration:none;}
#home ul.sections li a:hover, #home ul.sections li a strong {color:#253237;}

#home ul.sections li {background:#fff;background:rgba(147,202,217,0.0);-webkit-transition:background-color .5s linear;}
#home ul.sections li:hover {background:#93CAD9;background:rgba(147,202,217,0.5);}

#testimonials {margin:40px auto;text-align:left;}
p.client-quote {font:18px/32px georgia, serif;font-style:italic;margin:0 20px;padding-bottom:10px;border-bottom:2px solid #93CAD9;text-shadow:1px 1px 1px #ccc;}
p.quote-author {margin:10px 20px;font-size:1.0em;}
p.quote-author strong {text-transform:uppercase;margin-right:10px;}
/* @end */

/* @group About */
#about-derek {margin:40px 0 0 0;padding-top:20px;border-top:1px solid #8D8C7B;}
#about-derek img {float:left;display:inline;width:450px;height:150px;margin:0 20px 20px 0;padding:4px;background:#fff;border:1px solid #ccc;}
.bio {float:right;display:inline;width:460px;margin:0 0 20px 0;}
#about-derek h5 {text-transform:uppercase;font-weight:normal;color:#8D8C7B;}
#about-derek ul {float:left;display:inline;width:460px;margin:0 20px 20px 0;}
#about-derek li {font:14px/22px georgia, serif;text-align:left;padding:4px;margin-bottom:10px;color:#333;border-bottom:1px solid #ccc;text-shadow:1px 1px 1px #fff;}

#about-brett {margin:40px 0 0 0;padding-top:20px;border-top:1px solid #8D8C7B;clear:both;}
#about-brett img {float:left;display:inline;width:450px;height:150px;margin:0 20px 20px 0;padding:4px;background:#fff;border:1px solid #ccc;}
.bio {float:right;display:inline;width:460px;margin:0 0 20px 0;}
#about-brett h5 {text-transform:uppercase;font-weight:normal;color:#8D8C7B;}
#about-brett ul {float:left;display:inline;width:460px;margin:0 20px 20px 0;}
#about-brett li {font:14px/22px georgia, serif;text-align:left;padding:4px;margin-bottom:10px;color:#333;border-bottom:1px solid #ccc;text-shadow:1px 1px 1px #fff;}

/* @end */

/* @group Services */
#services #summary {border-bottom:none;}
#services dl {margin:0 0 20px 0;overflow:hidden;}
#services dt {float:left;display:inline;width:240px;margin:0 0 40px 0;border-top:1px solid #8D8C7B;color:#197896;font-size:16px;text-transform:uppercase;}
#services dd {float:left;display:inline;width:700px;margin:0 0 40px 0;border-top:1px solid #8D8C7B;font-size:14px;line-height:24px;}

/* @end */

/* @group Portfolio */
#featuredProject {margin:0 0 20px 0;overflow:hidden;padding-left:480px;}
#featuredProject img {float:left;position:relative;width:440px;height:330px;margin:0 -440px 20px -480px;}
#featuredProject a img {padding:8px;background:#fff;-webkit-transition:background-color .5s linear;border:1px solid #ccc;}
#featuredProject a:hover img {background:#253237;}
#featuredProject h5 {margin:0 0 5px 0;padding:0 0 3px 0;line-height:1.0;border-bottom:1px #ddd solid;}
#featuredProject p {font-size:12px;margin:0 0 10px 0;padding:0;}

#portfolio-projects {width:940px;margin:0 0 20px 0;padding:0;overflow:hidden;}
#portfolio-projects li {float:left;display:inline;width:235px;height:250px;margin:0 0 20px 0;padding:0;font-size:0.875em;background:url(../themes/site_themes/HFCv3/portfolioProjectsBG.png) no-repeat 0 0;}
#portfolio-projects a {padding:10px;display:block;background:transparent;color:#8D8C7B;-webkit-transition:background-color .5s linear;}
#portfolio-projects a:hover {color:#fff;background:#253237;text-decoration:none;}
#portfolio-projects img {width:215px;height:150px;}
#portfolio-projects li strong {display:block;margin-top:10px;text-transform:uppercase;letter-spacing:0.05em;}

#projectDetail h2 {float:left;display:inline;width:780px;margin-right:20px;}
.projectNav {float:left;display:inline;width:140px;height:36px;line-height:36px;text-align:center;background:url(../themes/site_themes/HFCv3/projectNavOutline.png) no-repeat 0 0;}
.projectNav a {margin:0;width:70px;height:36px;color:#eee;font-size:32px;line-height:32px;font-weight:bolder;background:url(../themes/site_themes/HFCv3/projectNavBG.png);}
a.prevProject {display:block;float:left;background-position:0 50%;}
a.nextProject {display:block;float:right;background-position:100% 50%;}
.projectNav a:hover {text-decoration:none;text-shadow:2px 2px 2px #c63;}
.projectNav a:active {text-decoration:none;color:#fff;}

#projectDetail hr {display:block;clear:both;margin:10px 0;height:1px;border:none;outline:none;}
#projectDetail img {float:left;display:inline;width:600px;margin:0 20px 20px 0;padding-bottom:20px;background:url(../themes/site_themes/HFCv3/dShadow600.png) no-repeat 50% 99%;}

dl.projectMeta {float:left;display:inline;width:320px;margin:0 0 20px 0;overflow:hidden;}
dl.projectMeta dt {float:left;display:inline;width:80px;margin:0;padding:5px 0 0 0;font-weight:normal;color:#c63;clear:left;}
dl.projectMeta dd {width:220px;margin:0 0 16px 0;padding:5px 0 0 100px;border-top:1px solid #ccc;}
.projectDescription {clear:both;margin:0 0 20px 0;}
/* @end */

/* @group Contact */
#contact #primary {float:left;display:inline;width:660px;margin:0 40px 20px 0;overflow:hidden;}
#contact #secondary {float:left;display:inline;width:240px;margin:0 0 20px 0;overflow:hidden;}

#contact #primary form {margin:0;padding:0;}
#contact #primary fieldset {display:block;margin:0 0 20px 0;border-top:1px solid #8D8C7B;}
#contact #primary label {display:block;margin:10px 0;}
#contact #primary label span {float:left;display:block;width:200px;margin-right:20px;padding-left:20px;letter-spacing:0.125em;text-transform:uppercase;}

#contact #primary label input {width:410px;}
#contact #primary label textarea {width:410px;height:140px;}
#contact #primary select {width:420px;}
#contact #primary input[type="submit"], #contact #primary p small {margin-left:240px;margin-top:0;}
#contact #primary p small {display:block;margin-top:20px;}

#contact #secondary .vcard {margin:20px auto;padding:10px;border:2px solid #fff;font-size:1.325em;}
#contact #secondary h3 {color:#c63;text-shadow:1px 1px 1px #ddd;}
#contact #secondary h3.tel {font-size:1.5em;}
/* @end */

/* @group Journal */
#journal #primary {float:left;display:inline;width:660px;margin:20px 40px 20px 0;}
#journal #secondary {float:left;display:inline;width:240px;margin:20px 0 20px 0;}

#recent-entries {margin:0 auto 40px auto;text-align:left;}
#recent-entries h3 {margin-left:160px;}

h2.entry-title {width:660px;line-height:1.2;margin-bottom:12px;}

.entry {padding:10px 0 0 160px;margin:0 0 20px 0;border-top:1px solid #8D8C7B;}
.entry h4 {font-size:1.75em;line-height:1.2;text-transform:uppercase;}
.posted {float:left;position:relative;margin:0 0 0 -160px;}
.posted h5 {font-size:1.25em;line-height:1.25;margin-bottom:0.25em;padding:2px 4px;text-transform:uppercase;font-weight:normal;letter-spacing:0.125em;background:#93CAD9;}
.posted p {font-size:1.0em;margin:0.5em 0;padding:2px 0;}
a.permalink {padding-left:20px;background:url(../themes/site_themes/HFCv3/icn_anchor.png) no-repeat 0 50%;}
a.comments {padding-left:20px;background:url(../themes/site_themes/HFCv3/icn_comments.png) no-repeat 0 50%;}
p.journalSummary {font:16px/24px georgia, serif;margin-bottom:10px;color:#666;text-shadow:1px 1px 1px #fff;}
.entry img, .entry p img {display:block;margin:0 auto 20px auto;padding:9px;background:#fff;border:1px solid #93CAD9;}

.commentsTitle {padding-bottom:10px;border-bottom:1px solid #8D8C7B;padding-left:160px;}
#comments {margin:0 0 20px 0;}
.entry-comment {padding:0 0 10px 160px;margin:0 0 20px 0;border-bottom:1px solid #93CAD9;overflow:hidden;}
.comment-author {float:left;position:relative;width:160px;margin:0 0 20px -160px;overflow:hidden;}
.comment-author img {
	width:80px;height:80px;margin:0 40px;-webkit-border-radius:12px;-moz-border-radius:12px;
	border-radius:12px;-webkit-box-shadow:0px 2px 2px #bbb;box-shadow:2px 2px 2px #bbb;
}
.comment-body h4 span {font-size:0.875em;font-weight:normal;color:#999;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

#write-comment form {margin:0;padding:0;}
#write-comment fieldset {display:block;margin:0 0 20px 0;}
#write-comment fieldset h3 {padding-bottom:10px;border-bottom:1px solid #8D8C7B;}
#write-comment label {display:block;margin:10px 0;}
#write-comment label span {float:left;display:block;width:200px;margin-right:20px;padding-left:20px;letter-spacing:0.125em;text-transform:uppercase;}

#write-comment label input {width:410px;}
#write-comment label textarea {width:410px;height:140px;margin-bottom:0;}
#write-comment select {width:420px;}
#write-comment input[type="submit"], #write-comment p small {margin-left:240px;margin-top:0;}
#write-comment p small {display:block;margin-top:20px;}

#write-comment ul {margin:0 0 10px 240px;padding:0;overflow:hidden;}
#write-comment li {float:left;display:inline;margin:0;padding:0;}
#write-comment li input {margin-right:5px;}
.rememberInfo {width:180px;}
.commentNotifications {width:240px;}

#write-comment h5 {float:left;display:block;width:200px;margin-right:20px;padding-left:20px;text-transform:uppercase;}
.captchaQuestion {font:16px/24px georgia, serif;font-style:italic;padding-bottom:5px;}
.captcheezy {margin:10px 0 0 0;display:block;}

.pagination {margin:10px 0;font-size:1.2em;text-transform:uppercase;padding-top:5px;border-top:1px solid #8D8C7B;color:#8D8C7B;}
.pagination a {margin:2px 0;padding:2px;-webkit-transition:background-color .5s linear;}
.pagination a:hover {background:#c63;color:#fff;text-decoration:none;}

#journal #secondary select {width:240px;margin-bottom:10px;}
a.rssLink {font-size:1.25em;text-transform:uppercase;margin:5px 0;padding-left:24px;background:url(../themes/site_themes/HFCv3/icn_rss.png) no-repeat 0 50%;}

#journal #secondary ul {margin:0 0 20px 0;overflow:hidden;}
#journal #secondary li {display:inline;}
#journal #secondary li a {display:block;margin:0 0 5px 0;padding:4px;text-transform:uppercase;border-bottom:1px solid #ddd;background:transparent;-webkit-transition:background-color .5s linear;}
#journal #secondary li a:hover {background:#253237;color:#fff;text-decoration:none;}

/* @end */

/* @group Footer */
#footer #ftPrimary {float:left;display:inline;width:380px;margin:0 20px 20px 0;overflow:hidden;}
#footer .vcard {float:left;display:inline;width:160px;margin:0 20px 10px 0;}
#footer p {font-size:1.0em;}
#footer ul {float:left;display:inline;width:140px;margin:0 20px 60px 0;text-align:center;}
#footer li {display:inline;width:140px;height:20px;font-size:12px;line-height:20px;}
#footer li a {display:block;width:140px;height:20px;margin-bottom:4px;border-bottom:1px solid #ddd;}

#footer div.footer-info {float:left;display:inline;width:380px;margin:0 0 0 0;}
#footer .proBadge {clear:both;display:block;margin:0 auto 20px auto;}

#footer h5 {border:none;font-weight:bolder;}
#footer a {color:#666;}
#footer a:hover {color:#253237;}

#theForm {width:380px;margin:0;}
#theForm label {width:160px;height:30px;float:left;display:inline;margin-right:50px;}
#theForm label input[type="input"] {display:inline;float:left;height:30px;vertical-align:top;}
#theForm .btnSubscribe {width:100px;height:30px;float:left;padding:0;-webkit-border-radius:none;-moz-border-radius:none;border-radius:none;}
#theForm input[type="submit"] {margin:0;padding:4px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;vertical-align:top;}

#footer p.website-summary {clear:both;display:block;margin:30px 0;padding:10px 0;border-top:1px solid #ddd;color:#999;}
/* @end */