@charset "UTF-8";
/* CSS Document */


body {background: #556068 url(images/topBkg.jpg) repeat-x left top; margin:auto; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size: 62.5%;}

div {margin:auto; text-align:left;}

img {border:none;}



p {font-size: 1.3em; float:left; clear:both; display:block; padding: 0 0 1.5em 0; margin: 0;}

.thanks {display:block; text-align:center;}

.content p {width: 100%;}

.white {color:#FFF;}

a {color:#d7dde0; text-decoration:underline;}

a:hover {color:#36424a; text-decoration:underline;}

.header {height: 119px; top: 62px; margin: 0 auto 0 auto; text-align:center; width: 100%; position:absolute; z-index:2; float:left; clear:both; left: 0;}

.logo {display:inline; float: left; clear:right; margin: 0 8px 0 20px;}

.navLink {padding: 21px 27px 0 27px; float: left; clear:right; margin: 18px 0 0 0;}

.activeNav {background: url(/images/crownBkg.jpg) no-repeat center top; padding: 21px 27px 0 27px; float: left; clear:right; margin: 18px 0 0 0;}

.contentContainer {width: 1100px; float:none; clear: both; margin:auto; position:relative;}

.content {width: 100%; position: absolute; top: 123px; margin: 0 auto;  padding: 0; text-align:center; background: #828a8f; float:left; clear:both; left: 0;}

.contentBkg {background: #828a8f url(images/badgeBKG.jpg) no-repeat 575px -70px ; float:left; clear:both; width:100%;  padding: 58px 0 0 0;}

.contentNoBkg {background: #828a8f; float:left; clear:both; width:100%;  padding: 58px 0 20px 0;}

.inset {width: 465px; float:left; clear:right; margin: 38px 45px 0 65px; padding: 0 0 30px 0;}

.blogMain {width: 598px; float:left; clear:right; margin: 38px 50px 0 45px;}

.content .comments {margin-top: 5px; font-size: x-small;}

.content .blogMain img {display: inline-block; padding: 20px; background: #36424a; left: 0; right: 0; margin:auto;}

.blogSidebar {float:left; clear:right; width: 175px; margin: 38px 0 0 0;}

.blogSidebar ul{margin: 0; padding: 0; display:block;}

.blogMain ul {margin: 0; padding: 0; display:block; float:left; clear:both;}

.content .blogSidebar li {list-style:none; margin: 0; padding: 0; color: white; text-decoration: none;}

.content .blogMain li {list-style:none; margin: 0; padding: 0; color: white; font-size: 1.3em;}

.content .blogSidebar li a, .content .blogMain li a  {color: white; font-size: 1.3em; text-decoration: none;}

.content .blogSidebar a:hover  {text-decoration: underline;}


.blogSidebar h2 {display:block; border-top: dotted white 1px; color:#36424a; padding: 5px 0 0 0;}

.blogMain h2 {display:block; color:#36424a; padding: 5px 0 0 0;}

.blogNav {float:left; clear:both; width: 100%; border-top: dotted white 1px; color:#36424a; padding: 5px 0 0 0;}

.blogNavPlain {float:left; clear:both; width: 100%; color:#36424a; padding: 5px 0 0 0;}

.blogNavLeft {width: 278px; float: left; clear:right;}

.blogNavRight {text-align:right; float:left; clear:right; margin: 0 0 0 20px; width: 300px;}

#respond {float:left; clear:both; width: 100%;}

.content .blogNavRight p {float:right;}

.post {float:left; clear:both; border-top: dotted white 1px; padding: 15px 0 15px 0; display:block; width: 100%;}

.content .blogMain h2 a.postTitle {color:#36424a; text-decoration: none;}

.content p.postmetadata {color:#36424a; font-size: x-small; padding: 10px 0 0 0;}

.subNav {padding: 15px 0 30px 0; float: left; clear: both;}

.subNav a {text-decoration: none; color:#FFF;}

.aboutBox {float:left; clear:right; position:absolute; margin: -40px 0 0 575px; width: 443px;}

.aboutBox img {display:none;}

.contentSpan {width: 100%; padding: 38px 0 0 45px;}

.content p, .contentBlog p {color:#FFFFFF; width: 500px;}

.approach {float:left; clear: both;}

.approachLeft {width: 352px; float:left; clear:right; margin: 0 50px 0 60px; padding: 50px 0 61px 0;}

.approachRight {width: 352px; float:left; clear:right; margin: 50px 0 0 0;}

.approachLeft img {margin: 0 0 26px 0;}

.approachRight img {margin: 0 0 30px 0;}

.catContainer {float:left; clear:both; margin: 30px 0 0 0;  width: 100%;}

.catContainer img {float:left; clear:both; margin: 0 35px 20px 25px;}

.catLeft {float:left; clear:right; margin: 0 0 0 25px;}

.catRight {float:left; clear:right;}

.portfolio {width: 443px; float:left; clear:right; padding:0; position:relative; margin: -40px 0 0 0;}

.portfolioBox {width: 443px; height: 362px; float:left; clear:both; padding:0; position:relative;  background: url(images/porfolioBkg.jpg) no-repeat left top; text-align:center; margin: auto;}

.portfolioBox img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2 + " px");
    top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
}

.portfolioText {float:left; clear:both; width: 100%;}

.portfolioText p {margin: .8em 0 0 0;}



.portfolioText {height: 10em;}

a.portfolioNav {color:#FFF; background: #5f6168; text-decoration: none; padding: 4px 9px 6px 9px; margin: 0 5px 0 0; display:block; float:left; clear:right; cursor:pointer; border: solid 1px #5f6168;}

a.portfolioNav:hover {background:#cc9c4a;}

.formBox {width: 375px; float:left; clear:right; padding:0 0 20px 0;}

.formBox p {margin: 0 0 11px 0; padding: 0; float:left; clear:both;}

.formBox .entry input {margin: 0;  padding: auto; float:left; clear:both; width: 100%; border: 0; padding: 3px 0 ; border: solid 1px #666;}

.entry {float:left; clear:both; width: 375px;}

.entryblock {float:left; clear:right; width: 180px} 

.entryblockLeft {float:left; clear:right; width: 180px; margin: 0 15px 0 0;}

.blogBox {width: 430px; float:left; clear:right; padding:0 0 20px 0;}

ol.tumblr_posts { float:left; clear:right; list-style-image: none; list-style-type: none; margin: 0; padding: 0; width: 100%;}

li.tumblr_post {background:#fff; margin: 0 0 30px 0; float: left; clear:both; border: solid 1px #666; display: block; width: 100%;}

li.tumblr_post p {padding: 13px; margin: 0; float:left; clear:both; color:#666;}

li.tumblr_post a {font-size: 1.3em; padding: 13px; margin: 0; float:left; clear:both;}

li.tumblr_post p a {font-size: inherit; float:none; clear:none; margin: 0; padding: 0;}

li.tumblr_post img {margin: 13px 13px 0 13px; float:left; clear:both;}

.footer {float:left; clear:both;  width: 100%; background: #556068 url(images/bottomBkg.jpg) repeat-x left top; padding: 50px 0 50px 0;}

.footer p {color:#a5acb0; display:inline; border-top: dotted 1px #ac8f49; padding: 10px 0 0 20px; margin: 0 15px 0 0; float:right; clear:both; font-size: 1em; text-align: right; width: auto;}

.footer p img {margin: 0 0 -2px 3px;}

#reference {width: 100%;}

#message {height: 60px; margin: 0; border: 0; display: block; width: 100%; padding: 3px 0; border: solid 1px #666; font-family:Verdana, Geneva, sans-serif; font-size: 1.1em;}

#send {float:right; clear:both;}

.subText {margin: 0 10px 0 0; float: left; clear:right; border-right: solid 1px white; padding: 0 10px 0 0;}

.subTextLast {margin: 0 10px 0 0; float: left; clear:right; padding: 0 10px 0 0;}

#designTraining {}

#creativeFuel, #inspirationalMuse {}

.indented {display: block; padding: 0 30px;}