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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
h1,h2,h3,h4 {font-weight:700; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link, a:visited {
	text-decoration: none;
}
.gal a { border: 0; }
body {
	font-family: Geneva, "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	line-height: 1.6em;
	letter-spacing: .02em;
	background: url(http://www.brandclay.com/images/bg.png) repeat 0px 0px;
	color: #4D4D4D;
	text-align:center;
	font-size:12px;
	height:100%;
}

input, textarea { font-size:12px; font-family: Geneva, "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;  border:0; color:#9a9a9a ;  }

p { margin: 0 auto 1.2em; line-height: 1.6em; }
a.titles { font-size:14px; font-weight:bold; border-bottom: 1px solid #D8D8D8; line-height:16px; }
a, a.touch:hover, a.touch2:hover, h2.titles a, a.red:hover { color: #4d4d4d; border-bottom: 1px solid #D8D8D8 }
a:hover, a.touch, span.author a, a.touch2, h2.titles a:hover, .copyright2 a:hover, a.red { cursor:pointer; color:#B75727; }
span.author a { font-weight:700; }
.who { margin:15px 0; float:left; width:100%; }
.content { width:675px; padding: 40px 105px 20px; background:url(/images/bg2.png) repeat-y top center; float:left; height:100%; }
.main { width: 885px; margin:0 auto; height:100%; position:relative;}
.head { float:left; width: 100%; }
.main-logo { width:240px; height:67px; display:inline; background:url(http://www.brandclay.com/images/main.png) 0 -198px; float:left; margin: 0 0 60px 218px; border:0; }
.menu { float:left; display:inline;  width:564px; position:relative; margin: 0 0 55px 56px; }
.menu li { float:left; padding: 15px 30px; border-right: 1px solid #DEDEDE; }
.menu li a { float:left; height: 10px; background:url(http://www.brandclay.com/images/main.png);border:0; }
.footer { float:left; width: 100%; padding: 30px 0; }
li.services a { width: 86px; background-position: 0 -175px; }
li.portfolio a { width: 108px; background-position: -94px -175px; }
li.contact a { width: 73px; background-position: -210px -175px; }
li.blog a { width: 48px; background-position: -293px -175px; }
li.services a:hover, li.services-cur a { width: 86px; background-position: 0 -185px; }
li.portfolio a:hover, li.portfolio-cur a { width: 108px; background-position: -94px -185px; }
li.contact a:hover, li.contact-cur a { width: 73px; background-position: -210px -185px; border:0; }
li.blog a:hover, li.blog-cur a { width: 48px; background-position: -293px -185px; border:0; }
li.blog, li.blog-cur { border:0;  }
.menu li a:hover { border:0; }
span.home { float:left; background: url(http://www.brandclay.com/images/main.png) -140px 0; width: 30px; height:32px; margin: 0 0 0 323px; clear:both; }
span.port { float:left; background: url(http://www.brandclay.com/images/main.png) -176px 0; width: 32px; height:32px; margin: 0 0 0 321px; clear:both; }
span.sweep { float:left; background: url(http://www.brandclay.com/images/main.png) -66px 0; width: 32px; height:32px; margin: 0 0 0 321px; clear:both; }
span.stove { float:left; background: url(http://www.brandclay.com/images/main.png) -205px -70px; width: 50px; height:52px; margin: 65px 0 0 313px; clear:both; }
span.contact { float:left; background: url(http://www.brandclay.com/images/main.png) -205px -124px; width: 30px; height:32px; margin: 65px 0 0 313px; clear:both; }
span.clipboard { float:left; background: url(http://www.brandclay.com/images/main.png) -242px 0; width: 30px; height:32px; margin: 0 0 0 320px; clear:both; }
span.shout { float:left; background: url(http://www.brandclay.com/images/main.png) -274px 0; width: 31px; height:32px; margin: 0 0 0 320px; clear:both; }
span.line { float:left; width: 417px; margin: 15px 0 15px 129px; height:1px; background: #DEDEDE; clear:both; }
.box { float:left; width: 560px; margin: 0 0 0 58px; }
.box2 { float:left; width: 589px; margin: 0 0 0 44px; }
.box img, .box2 img { margin-bottom: 15px; }
img.p2b { margin: 60px 0 30px; }
.more { display:none; float:left; width: 100%; }
.gal { float:left; width: 589px; height: auto; background: url(http://www.brandclay.com/images/box.png) no-repeat top center; margin:20px 0 0 28px; padding:15px 15px 0; position:relative; }
.gal-bottom { float:left; width: 619px; height: 15px; background: url(http://www.brandclay.com/images/box.png) no-repeat bottom center; margin:0 0 20px 28px; position:relative; }
.footer-module { float:left; width: 165px; margin: 0 0 0 45px;}
.footer-menu { float:left; width:100%; }
.footer-menu li { margin-top:5px; }
.footer-menu li a { color: #BBBBBB; }
.footer-menu li a:hover { color: #C87562; }
.connect { margin-top: 2px; }
#connect { margin-top: 4px; }
.service { float:left; width: 102px; height:102px; background: url(http://www.brandclay.com/images/main.png) no-repeat -101px -69px; display:inline; margin: 0 35px 35px; position:relative; text-align:center; }
.service p { top: 65px; text-align:center; width: 102px; position:absolute; }
span.ld {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: 0 0; width: 24px; height:32px; float:left; margin: 0 0 10px 268px; }
span.br {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: -28px 0; width: 32px; height:32px;float:left;margin: 0 0 10px 263px; }
span.wb {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: -64px -36px; width: 32px; height:32px; float:left;margin: 0 0 10px 264px; }
span.mb {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: 0 -36px; width: 22px; height:32px; float:left;margin: 0 0 10px 268px; }
span.st {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: -28px -36px; width: 32px; height:32px; float:left;margin: 0 0 10px 264px;}
span.gr {background:url(http://www.brandclay.com/images/main.png) no-repeat; background-position: -103px 0; width: 32px; height:32px; float:left;margin: 0 0 10px 264px; }
form#hire-me input, form#searchform input { float:left; width:200px; height: 20px; padding: 6px 5px 4px; background:url(http://www.brandclay.com/images/form-field.png) no-repeat top left; clear:both; margin-bottom:10px; }
form#hire-me input#project_budget, form#searchform input#search, form#searchform input#search2 { width:170px; height: 18px;  padding: 6px 5px 4px; clear:none; background-position:left center; margin:0; !important }
form#searchform input#search2 { height:19px; !important }
.left-100 { float:left; width: 100%; overflow:hidden;  }
.left-100-10 { float:left; width: 100%; margin-bottom:10px; }
.left-100-15 { float:left; width: 100%; margin-bottom:15px; }
.left-100-25 { float:left; width: 100%; margin-bottom:25px; }
.left-100-30 { float:left; width: 100%; margin-bottom:30px; }
.left-100-35 { float:left; width: 100%; margin-bottom:35px; }
.project-extend { float:left; width:28px; height: 18px; padding: 7px 0 3px; background:url(http://www.brandclay.com/images/form-field.png) no-repeat right center; border:0;}
.hire-left { float:left; width: 210px; }
.additional-hold { float:right; width: 235px; }
#choose-budget { float:left;  display:none;  }
.choose-it {  margin:0 7px 1px; padding: 2px 5px; background: #4D4D4D; float:left; width: 100%; width: 186px; color: #fff; clear:left; }
.choose-it:hover { background: #B75727; color:#fff;  }
form#hire-me textarea { float:right; width: 215px; height: 263px; background: url(http://www.brandclay.com/images/textarea-hire.png) no-repeat top left; padding:10px; }
form#hire-me { width: 500px; margin: 0 auto; }
.form-button { width:86px; height: 22px; margin-top:4px; background: url(http://www.brandclay.com/images/main.png) no-repeat -260px -92px; border:0; color: #fff; padding:0; }
.form-button:hover { background-position: -260px -69px; cursor:pointer; }
#test-submit  { float:right; }
#test-reset { float:left; }
#test-form, #commentform { width: 212px; margin:0 auto 25px; }
form#test-form input, form#commentform input { float:left; width:190px; height: 18px; padding: 5px 10px 5px; background:url(http://www.brandclay.com/images/contact-boxes.png) no-repeat top center; clear:both; margin-bottom:5px; }
form#test-form textarea, form#commentform textarea { float:left; width: 192px; height: 88px; padding:10px; background: url(http://www.brandclay.com/images/contact-boxes.png) no-repeat bottom center; clear: both; }
.more-contact { float:left; width:100%; margin: 65px 0 30px; }
.searchform { width: 210px; margin: 0 auto;}
button { border:0; }
button:hover { cursor:pointer; }
button.project-extend { float:left; width:28px; height: 29px; padding: 7px 0 3px; background:url(http://www.brandclay.com/images/form-field.png) no-repeat right center; }
.more-buttons { position:absolute; bottom:5px; left:25px; right:25px; height: 15px; z-index:9999; }
.sticky { position:absolute; top:25px; left:25px;width:32px;height: 32px; z-index:9999; }
.more-button, .more-button-cur { background:url(http://www.brandclay.com/images/main.png) no-repeat -223px -1px; height:12px; width:12px; float:right; margin-left:10px; border:0; }
.more-button:hover, .more-button-cur { background:url(http://www.brandclay.com/images/main.png) no-repeat -211px -1px; border:0; }
.pic-hold { float:left; width: 100%; position:relative; }
.pic-inside {float:left; width: 589px; display:inline; height:auto; position:relative; text-align:center; }
.next-button{ position:absolute; top:45%; right:25px; height: 17px; width:15px; z-index:9999; background:url(http://www.brandclay.com/images/main.png) no-repeat -147px -36px; border:0; }
.next-button:hover { background:url(http://www.brandclay.com/images/main.png) no-repeat -115px -36px;border:0; }
.prev-button{ position:absolute; top:45%;left:25px; width:15px; height: 17px; z-index:9999; background:url(http://www.brandclay.com/images/main.png) no-repeat -131px -36px;border:0; }
.prev-button:hover { background:url(http://www.brandclay.com/images/main.png) no-repeat -99px -36px; }
.like { float:left;width:100%;padding:45px 0; }
.lp { color: #808080 margin: 0 auto 1.2em; line-height: 1.6em; padding-top:40px; }
a.previous-page { background:url(http://www.brandclay.com/images/main.png) no-repeat -216px -36px; float:left; width: 25px;height:25px;border:0; }
a.previous-page:hover { background:url(http://www.brandclay.com/images/main.png) no-repeat -164px -36px;border:0; }
a.next-page { background:url(http://www.brandclay.com/images/main.png) no-repeat -243px -36px; float:right; width: 25px;height:25px;border:0;  }
a.next-page:hover { background:url(http://www.brandclay.com/images/main.png) no-repeat -190px -36px; border:0; }
#form-response, #form-response2 { margin-top:10px; font-weight:normal; }
.big-comment { position:relative; padding:4px 9px 9px 8px; font-size:10px; background:url(/images/comment.png) no-repeat center; color:white; }
span.comments { font-size: 14px; }
ol.commentlist { float:left; width:100%; }
.commentlist li { float:left; width: 100%; }
.share-footer a { float:left; background:url(images/sharebg.png) no-repeat; height:21px; margin-right: 35px; border:0; }
.share-footer a.facebook:hover { background-position: 0 0; width: 89px; }
.share-footer a.twitter:hover { background-position: -93px 0; width:76px; }
.share-footer a.flickr:hover { background-position:-174px 0; width: 59px; }
.share-footer a.linkedin:hover { background-position:-238px 0; width: 82px; margin-right:0; }
.share-footer a.facebook { background-position: 0 -22px; width: 89px; }
.share-footer a.twitter { background-position:-93px -22px; width:76px; }
.share-footer a.flickr { background-position: -174px -22px; width: 59px; }
.share-footer a.linkedin { background-position:-238px -22px; width: 82px; margin-right:0;}
.share-footer { float:left; width: 425px; margin-left:130px; display:inline; }
.copyright2 { float:left; width: 100%; margin-top:30px; font-size:10px; color: #999090; }
.copyright2 a { color: #999090 }
.copyright { float:left; width: 100%; margin-top:5px; font-size:10px; color: #999090; }
.alignleft { float:left; }
.alignright { float:right; }
.center { margin:0 auto; }
.big-comment a { color: #fff; border:0; }
.blog-content { float:left; width:100%; margin: 0 0 25px; text-align:justify; }
.in-content { float:left; width:100%;text-align:justify; }
.blog-content p, .in-content p { text-align:justify; }
div.more p { font-style: italic; }
.red { color:#B75727 }
.rss, .rss img { border:0; padding: 0; margin:0; }
h2.red { font-size: 14px; font-weight:300 }
.here-at { margin-bottom: 55px; }
a.social-buttons { float:left; border:0; width:17px; height:17px; background:url(/images/bar.jpg) no-repeat; margin-right:10px; }
#design-float { background-position: -10px -2px; }
#delicious { background-position: -40px -2px; }
#reddit { background-position: -70px -2px; }
#twitter { background-position: -100px -2px; }
#stumble { background-position: -130px -2px; }
#facebook { background-position: -160px -2px; }
#digg { background-position: -190px -2px; margin-right:0; }
.button-hold { float:left; display:inline; margin: 10px 0 0 203px; width:207px; }
.pagination a { padding: 0px 4px; border: 3px solid #B75727; background:#fff; color: #B75727; margin: 3px; font-size:12px; }
.pagination a.next, .pagination a.back { color:#999999; border:0; }
#current, .pagination a:hover { color: #fff; background:#B75727 }