/* @override http://trufcreative.com/wp-content/themes/truftheme-sotd/style_optimized.css */

/* @override http://trufcreative.com/wp-content/themes/truftheme/style_optimized.css */

.container_12, 
.container_16{margin-left:auto; margin-right:auto; width:960px}

.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_16{display:inline; float:left; margin-left:10px; margin-right:10px}

.container_12 .grid_3, 
.container_16 .grid_4{width:220px}

.container_12 .grid_6, 
.container_16 .grid_8{width:460px}

.container_12 .grid_9, 
.container_16 .grid_12{width:700px}

.container_12 .grid_12, 
.container_16 .grid_16{width:940px}

.alpha{margin-left:0}

.omega{margin-right:0}

.container_12 .grid_1{width:60px}

.container_12 .grid_2{width:140px}

.container_12 .grid_4{width:300px}

.container_12 .grid_5{width:380px}

.container_12 .grid_7{width:540px}

.container_12 .grid_8{width:620px}

.container_12 .grid_10{width:780px}

.container_12 .grid_11{width:860px}

.container_16 .grid_1{width:40px}

.container_16 .grid_2{width:100px}

.container_16 .grid_3{width:160px}

.container_16 .grid_5{width:280px}

.container_16 .grid_6{width:340px}

.container_16 .grid_7{width:400px}

.container_16 .grid_9{width:520px}

.container_16 .grid_10{width:580px}

.container_16 .grid_11{width:640px}

.container_16 .grid_13{width:760px}

.container_16 .grid_14{width:820px}

.container_16 .grid_15{width:880px}

.container_12 .prefix_3, 
.container_16 .prefix_4{padding-left:240px}

.container_12 .prefix_6, 
.container_16 .prefix_8{padding-left:480px}

.container_12 .prefix_9, 
.container_16 .prefix_12{padding-left:720px}

.container_12 .prefix_1{padding-left:80px}

.container_12 .prefix_2{padding-left:160px}

.container_12 .prefix_4{padding-left:320px}

.container_12 .prefix_5{padding-left:400px}

.container_12 .prefix_7{padding-left:560px}

.container_12 .prefix_8{padding-left:640px}

.container_12 .prefix_10{padding-left:800px}

.container_12 .prefix_11{padding-left:880px}

.container_16 .prefix_1{padding-left:60px}

.container_16 .prefix_2{padding-left:120px}

.container_16 .prefix_3{padding-left:180px}

.container_16 .prefix_5{padding-left:300px}

.container_16 .prefix_6{padding-left:360px}

.container_16 .prefix_7{padding-left:420px}

.container_16 .prefix_9{padding-left:540px}

.container_16 .prefix_10{padding-left:600px}

.container_16 .prefix_11{padding-left:660px}

.container_16 .prefix_13{padding-left:780px}

.container_16 .prefix_14{padding-left:840px}

.container_16 .prefix_15{padding-left:900px}

.container_12 .suffix_3, 
.container_16 .suffix_4{padding-right:240px}

.container_12 .suffix_6, 
.container_16 .suffix_8{padding-right:480px}

.container_12 .suffix_9, 
.container_16 .suffix_12{padding-right:720px}

.container_12 .suffix_1{padding-right:80px}

.container_12 .suffix_2{padding-right:160px}

.container_12 .suffix_4{padding-right:320px}

.container_12 .suffix_5{padding-right:400px}

.container_12 .suffix_7{padding-right:560px}

.container_12 .suffix_8{padding-right:640px}

.container_12 .suffix_10{padding-right:800px}

.container_12 .suffix_11{padding-right:880px}

.container_16 .suffix_1{padding-right:60px}

.container_16 .suffix_2{padding-right:120px}

.container_16 .suffix_3{padding-right:180px}

.container_16 .suffix_5{padding-right:300px}

.container_16 .suffix_6{padding-right:360px}

.container_16 .suffix_7{padding-right:420px}

.container_16 .suffix_9{padding-right:540px}

.container_16 .suffix_10{padding-right:600px}

.container_16 .suffix_11{padding-right:660px}

.container_16 .suffix_13{padding-right:780px}

.container_16 .suffix_14{padding-right:840px}

.container_16 .suffix_15{padding-right:900px}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}

.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}

.clearfix{display:inline-block}

* html .clearfix{height:1%}

.clearfix{display:block}

body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid; border-top-width:1px; clear:both; height:0}

h1{font-size:25px}

h2{font-size:23px}

h3{font-size:21px}

h4{font-size:19px}

h5{font-size:17px}

h6{font-size:15px}

ol{list-style:decimal}

ul{list-style:square}

li{margin-left:30px}

p, 
dl, 
hr, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
ol, 
ul, 
pre, 
table, 
address, 
fieldset{margin-bottom:20px}

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; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}


:focus{outline:0}

ins{text-decoration:none}
del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0}

html{background:url(/images/dots.png) repeat fixed; margin:0; padding:0}

body{background:url(/images/truf_big_logo.png) no-repeat scroll center -1px; margin:0; padding:0; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; height:1000px}

a{color:#000; text-decoration:none}

a:hover{color:#fd1c15}

p{text-align:justify}

.red{color:#ff0101}

.current-cat a{color:#fd1c15}

#header{background-color:#efe8d8; height:147px; position:relative}

#wtf{position:absolute; top:0px; left:11px; text-indent:-500px; overflow:hidden; height:25px; display:block; width:166px; background:url(/images/wtf_gr.png) no-repeat}

#wtf:hover, #wtf-on #wtf{background-position:0 bottom}

#work-on #rightcol h3, #about-on #rightcol h3, #belief-on #rightcol h3{margin-bottom:18px; text-transform:uppercase}

#work-on #rightcol hr, #about-on #rightcol hr, #belief-on #rightcol hr{margin-top:20px}

#contact-on #main{overflow:hidden; padding-bottom:20px}

#contact-on hr{margin-top:5px}

#contact-on #main h2{font-size:13px; padding-bottom:10px}

#col1_3{margin-top:20px; font-size:15px; line-height:22px}

#trufphone{font-size:46px; text-align:left; padding-bottom:20px; letter-spacing:1.5px; padding-top:5px}

#contact-on #client_bt{margin-top:13px}

#col2_3{margin-top:20px; font-size:15px; line-height:22px}

#col2_3 li#alert{background-color:#fd1c15; color:white; padding:12px; text-align:center; margin-top:20px; margin-bottom:10px}

#col3_3{margin-top:20px; font-size:11px; line-height:22px}

#contact-on form{padding-top:16px}

#contact-on #col3_3 li{background-color:#ccc2b2; margin-bottom:12px; padding:14px; color:#5a5040; line-height:16px}

#contact-on #col3_3 a{color:#fd1c15}

#contact-on #socialicons{margin-right:auto; margin-left:auto; padding-left:3px; padding-bottom:6px}

#contact-on #socialicons li{display:inline; margin:0 1px 0 0; padding:0; background-color:#efe8d8}

#contact-on #attrufcreative{padding-top:10px}

#contact-on form p{position:relative; display:block; top:-26px; font-size:15px}

#contact-on form .submitform{margin-top:-20px}

#contact-on label{position:relative; color:#5a5040}

.contactinputstyle{border:0px solid #d9c0a6; background:#ccc2b2 url(none) no-repeat; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-size:15px; color:#fff; width:283px; margin-top:5px; padding:15px 5px 15px 12px; margin-bottom:15px}

#contact-on label.infieldon{position:relative; top:25px; left:12px; color:white}

.contactinputstyleon{border:0px solid #d9c0a6; background:#ccc2b2 url(none) no-repeat; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-size:15px; color:#fff; width:283px; padding:10px 5px 24px 11px; margin-top:-12px; margin-bottom:0}

#contact-on form .submitformon{margin-top:-4px}

input.contactinputstyleon, textarea.contactinputstyleon{padding-top:17px; margin-left:0; padding-left:11px; padding-bottom:18px}

#signupwrapper{width:940px; height:349px; background-image:url(/images/truf_signup_graphic.png)}

#thankyouwrapper{width:940px; height:349px; background-image:url(/images/truf_signup_thankyou.png)}

#signupwrapper .signupinputstyle, #thankyouwrapper .signupinputstyle{border:0px solid #d9c0a6; background:#f0e0bc url(none) no-repeat; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-size:15px; color:#000; width:237px; margin-bottom:0; padding:0 5px 0 8px; height:28px; margin-top:-16px; top:307px; position:absolute; left:598px}

#newsletterform input.submitformon{position:relative; top:249px; left:860px}

#signupwrapper .nojs, #thankyouwrapper .nojs{color:#f0e0bc; top:296px; position:absolute; left:553px; z-index:1; font-size:15px}

#signupwrapper .infieldon, #thankyouwrapper .infieldon{color:#5a5040; top:296px; position:absolute; left:606px; z-index:1; font-size:15px}

#signupwrapper .submitform, #thankyouwrapper .submitform{position:absolute; top:290px; left:864px}



#tblogandttw{display:block; position:absolute; width:197px; height:83px; left:761px; overflow:hidden; background-image:url(/images/truf_bars_196x252.png); top:0; padding:0}

#tblogandttw li{display:block; position:absolute; list-style:none; margin:0; padding:0}

#tblogandttw a{display:block; text-indent:-9999px; text-decoration:none; outline:none}

#tblog{left:0px; top:0px; height:83px; width:142px; z-index:10; position:absolute}

#ttw{left:55px; height:83px; width:142px; position:absolute}

#tblog a{height:83px; background:url(/images/truf_bars_196x252.png) 0 0px; position:absolute; width:88px}

#tblog a:hover{background: url(/images/truf_bars_196x252.png) 0 -84px; position:absolute; width:152px}

#ttw a{height:83px; z-index:10; width:150px}

#ttw a:hover{background: url(/images/truf_bars_196x252.png) 0 -168px; position:absolute; left:-1px}



#tandl{display:block; position:absolute; width:197px; height:83px; left:761px; overflow:hidden; background-image:url(/images/fresh_truf_bars_196x252.png); top:0; padding:0}

#tandl li{display:block; position:absolute; list-style:none; margin:0; padding:0}

#tandl a{display:block; text-indent:-9999px; text-decoration:none; outline:none}

#fresh{left:0px; top:0px; height:83px; width:142px; z-index:10; position:absolute}

#lies{left:55px; height:83px; width:142px; position:absolute}

#fresh a{height:83px; background:url(/images/fresh_truf_bars_196x252.png) 0 0px; position:absolute; width:88px}

#fresh a:hover{background:url(/images/fresh_truf_bars_196x252.png) 0 -83px; position:absolute; width:152px}

#lies a{height:83px; z-index:10; width:150px}

#lies a:hover{background:url(/images/fresh_truf_bars_196x252.png) 0 -166px; position:absolute; left:-1px}




#home{position:absolute; height:18px; width:15px; overflow:hidden; left:10px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -2px 0}
#home:hover, #home-on #home{background-position:-2px bottom}

#work{position:absolute; height:18px; width:45px; overflow:hidden; left:24px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -15px 0}
#work:hover, #work-on #work{background-position:-15px bottom}

#about{position:absolute; height:18px; width:57px; overflow:hidden; left:70px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -61px 0}
#about:hover, #about-on #about{background-position:-61px bottom}
#belief{position:absolute; height:18px; width:57px; overflow:hidden; left:127px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -118px 0}
#belief:hover, #belief-on #belief{background-position:-118px bottom}

#clients{position:absolute; height:18px; width:66px; overflow:hidden; left:184px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -175px 0}
#clients:hover, #clients-on #clients{background-position:-175px bottom}

#contact{position:absolute; height:18px; width:65px; overflow:hidden; left:250px; top:70px; text-indent:-100px; background:url(/images/main_nav.png) -241px 0}
#contact:hover{background-position:-241px bottom}

#header>#nav{position:relative; top:43px; right:-9px}

#line1, #line2, #line3{height:5px; background-image:url(/images/line.png); clear:left}

#linesm1{height:3px; width:940px; background-color:#000}

#trufbar{background-color:#efe8d8; height:42px; padding-top:11px; font-size:1.5em}

#trufbar h1{font-size:24px; overflow:hidden; height:30px}

#truftext{margin-left:10px}

#main{background-color:#efe8d8; position:relative; overflow:auto}

#slider{padding-top:20px; margin-left:10px; position:relative; padding-bottom:20px}

#slider ul, #slider li{margin:0; padding:0; list-style:none}
#slider li{width:940px; height:284px; overflow:hidden}

#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:881px; top:265px}
#nextBtn{left:914px}
#prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(/images/btn_prev.png) no-repeat 0 0; text-indent:-320px; overflow:hidden}
#nextBtn a{background:url(/images/btn_next.png) no-repeat 0 0; position:relative}

#thumbnails{border-width:thin; background-color:#efe8d8; overflow:auto; padding-bottom:20px}

#thumbnails li{position:relative; overflow:hidden; height:105px; margin-top:20px; width:220px}

#thumbnails a:hover img{position:relative; right:220px; overflow:hidden}

#singlepost{position:relative; overflow:auto; padding-bottom:20px; padding-top:20px; font-size:11px; line-height:16px}

#singlepost .viewsite img{float:right; top:0; padding-top:0; margin-top:0; margin-left:12px; margin-bottom:5px; padding-bottom:0}

#singlepost h2{display:inline; float:left; margin-right:4px; font-size:1.1em}

#singlepost object, #singlepost img{margin-top:10px; margin-bottom:5px}

#singlepost p{padding-bottom:5px}

#singlepost .entryshort p{padding-bottom:5px; width:640px}

#singlepost hr{margin-bottom:10px; margin-top:10px}

#footer{background-color:#efe8d8; height:70px; position:relative}

#facebook{position:absolute; top: 20px; left: 631px; display:block; width: 67px; text-indent:-100px; overflow:hidden; background:url(/images/footer_rev_7_22.png) no-repeat 0 0px; height:19px}

#facebook:hover{background-position:0 bottom}

#dribble{position:absolute; top:20px; left: 698px; display:block; width: 67px; overflow:hidden; text-indent:-100px; background: url(/images/footer_rev_7_22.png) no-repeat -67px 0; height:19px}

#dribble:hover{background-position:-67px bottom}

#flickr{position:absolute; top:20px; left:765px; display:block; width:53px; overflow:hidden; text-indent:-100px; background: url(/images/footer_rev_7_22.png) no-repeat -134px 0; height:19px}

#flickr:hover{background-position:-134px bottom}

#linkedin{position:absolute; top:20px; left:818px; display:block; width:68px; overflow:hidden; text-indent:-900px; background: url(/images/footer_rev_7_22.png) no-repeat -187px 0; height:19px}

#linkedin:hover{background-position:-187px bottom}

#signup{position:absolute; top:20px; left:886px; display:block; width:67px; overflow:hidden; text-indent:-900px; background: url(/images/footer_rev_7_22.png) no-repeat -255px 0; height:19px}

#signup:hover{background-position:-255px bottom}

#copyright{position:absolute; top:20px; left:10px; display:block; width:135px; overflow:hidden; text-indent:-220px; background:url(/images/footer_copyright.png) no-repeat}

.style_18_24{font-size:18px; line-height:24px}

.style_11_16{font-size:11px; line-height:16px}

#about_halfcol h3{font-size:13px; line-height:18px; padding-bottom:6px; padding-top:0; margin-top:-6px}

#about_halfcol .experience{margin-top:8px}

#about_halfcol1{width:338px; margin-right:24px; display:block; float:left}

#about_halfcol2{width:338px; display:block; float:left}

hr{height:3px; background-color:#000; color:#000}

#work-on #thumbnails{width:720px; float:left}

#clients-on #thumbnails{float:left}

#rightcol{margin-top:20px; margin-bottom:20px; float:right}

#rightcol p{text-align:left}

#maintextblock{margin-top:20px}

#maintextblock p{padding-bottom:5px}

#maintextblock hr{margin-bottom:0; margin-top:10px}

#post-2, #post-46, #post-50{text-align:justify}

@media screen{ .sIFR-flash{ visibility:visible !important;  margin:0;  padding:0}
 
 .sIFR-replaced, .sIFR-ignore{ visibility:visible !important}
 
 .sIFR-alternate{ position:absolute;  left:0;  top:0;  width:0;  height:0;  display:block;  overflow:hidden}
 
 .sIFR-replaced div.sIFR-fixfocus{ margin:0pt;  padding:0pt;  overflow:auto;  letter-spacing:0px;  float:none}
}

@media print{ .sIFR-flash{ display :none !important;  height :0;  width :0;  position :absolute;  overflow :hidden}
 
 .sIFR-alternate{ visibility:visible !important;  display :block !important;  position :static !important;  left :auto !important;  top :auto !important;  width :auto !important;  height :auto !important}
}

@media screen{.sIFR-active h1{ visibility:hidden;  font-family:Verdana;  line-height:1em;  font-size:30px}
}