/* Reset */

* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#171717; font-size: 15px; color: #d1d1d1; font-family: Arial, helvetica, sans-serif; -webkit-text-size-adjust: 100%;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0; outline: none; border:none; text-decoration:none; display:inline;}
h1 { color: #ffff;}	
a, img { outline: none; border:none; text-decoration: none;}
p { margin: 0 0 15px; color:#e1e1e1; font-size:13pt; font-family:times; line-height: 15pt;}
img { display: block; margin:0px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
	
/* Page Structure */
	
.section { border:solid 0px black; position:relative; max-width:1375px; min-width:368px;  margin:auto; }

.section_padding { border:solid 0px red; position:relative; margin-left:30px; margin-right:30px; text-align: center; }

.gradient {background: linear-gradient(#1d1d1d, #000000); width:100%}

.hidden {position:absolute; width:1px; height:1px; overflow:hidden; }


/* Strips */

.home_strip { min-width:368px; height:400px; background:url(../images/home/strip2.gif) 0 0 no-repeat; background-position: center; background-size: auto 100%; background-color: black; width: 100%; border: solid 0px magenta; margin-bottom:15px;}

.about_strip { min-width:368px; height:400px; background-color: #eeeeee; background: linear-gradient(to left, #bbbbbb, #eeeeee, #ffffff, #eeeeee, #bbbbbb);  background-size: 100% auto; background-position: center; width: 100%; border: solid 0px magenta; margin-bottom:35px;}

.contact_strip { position:relative; min-width:368px; height:400px; width: 100%; border: solid 0px magenta; margin-bottom:35px; background:url(../images/contact/strip.jpg) 0 0 no-repeat #000000; background-position: center; background-size: auto 100%;}

.poster_strip { min-width:368px; height:400px; background:url(../images/posters/strip.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%; background-color: black; width: 100%; border: solid 0px magenta; margin-bottom:35px;}

.preload { position:absolute; width:1px; height:1px; overflow:hidden; background:url(../images/strip/stripi.jpg)}

.art_strip { position:relative;  min-width:368px; background: linear-gradient(#ffffff, #efefef); width: 100%; border: solid 0px magenta; margin-bottom:40px; text-align:center;}

.art_image {display:inline-block; vertical-align:top;  margin:30px; margin-top:10px; border:solid 0px white;}

.art {max-width:90%; height:auto; margin:auto; box-shadow: 2px 2px 10px #cccccc;}

.kyle { height:100%; background:url(../images/about/kyle.png) 0 0 no-repeat; background-size: auto 100%; background-position: center; }

.line {width:100%; border-top:solid 1px #333333;}

#billboardcontentwrapper { position:relative; width: 100%; height: 560px; border: 0px solid yellow; background-color: #000000; overflow:hidden; }
		
.billcontent{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; border: 0px solid red; display:block; }


		


/* Top Bar */

.navigation { border:solid 0px cyan; position:relative; width:100%; height:130px;  margin-bottom:425px; }

.menu { position:absolute; bottom:20px; right:2px; text-align: center; }

.menu_option { text-transform: uppercase; display:inline-block; border:solid 0px magenta; font-size:12pt; color:#000000; margin-left:25px;}

.menu_active {font-weight:bold;}

.selected {font-weight:bold; }

.logo { border:solid 0px red; position:absolute; bottom:8px; left:6px; height: 90px; width: 190px; display: block; background: url(../images/home/logo_white.svg) 0 0 no-repeat; background-position:center; text-indent: -9999px; }

.tag { border:solid 0px red; position:relative; width: 100%; display:inline-block; background: url(../images/home/tagline.svg) 0 0 no-repeat; background-size:45%; background-position:center; text-indent: -9999px; margin-top:20px; margin-bottom:20px; }


/* Thumb Buttons */

.button_box { position:relative; display:inline-block; border: solid 0px black; margin:15px; }

.button_link { border:solid 1px #333333; width:360px; height:233px; }
.button_padding { margin-top:25px; margin-bottom:25px; }

.button1 { background:url(../images/home/instagram.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.button2 { background:url(../images/home/billboards.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.button3 { background:url(../images/home/process.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }

/* Thumbnails */

.thumb_box { position:relative; display:inline-block; border: solid 0px black; margin:12px; }

.thumb_link { border:solid 0px red; width:225px; height:225px; }
.thumb_link_tall { border:solid 0px red; width:225px; height:332px; }

.thumb_text { border:solid 0px red; width:225px; padding-top:25px; padding-bottom:3px; color:#ffffff; text-transform: uppercase; }

.thumb_title { font-weight:bold; font-size:1.1em; border:solid 0px red; white-space: nowrap; overflow: hidden; height:1.4em; }

.thumb_desc { font-size:0.8em; border:solid 0px red; white-space: nowrap; overflow: hidden;  color: #888888; height:1em; }

.thumb1 { background:url(../images/thumbnails/st.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb2 { background:url(../images/thumbnails/jp.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb3 { background:url(../images/thumbnails/dh.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb4 { background:url(../images/thumbnails/s8.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb5 { background:url(../images/thumbnails/dnd.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb6 { background:url(../images/thumbnails/star.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb7 { background:url(../images/thumbnails/mara.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb8 { background:url(../images/thumbnails/woo.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb9 { background:url(../images/thumbnails/kw.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb10 { background:url(../images/thumbnails/stc.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb11 { background:url(../images/thumbnails/stc2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb12 { background:url(../images/thumbnails/mf.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb13 { background:url(../images/thumbnails/bob.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb14 { background:url(../images/thumbnails/ts.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb15 { background:url(../images/thumbnails/es.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb16 { background:url(../images/thumbnails/lf.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb17 { background:url(../images/thumbnails/megan.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb18 { background:url(../images/thumbnails/mw.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb19 { background:url(../images/thumbnails/ews.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb20 { background:url(../images/thumbnails/k8e.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb21 { background:url(../images/thumbnails/dk.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb22 { background:url(../images/thumbnails/ri.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb23 { background:url(../images/thumbnails/kl.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb24 { background:url(../images/thumbnails/ab.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb25 { background:url(../images/thumbnails/tt.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb26 { background:url(../images/thumbnails/cb.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb27 { background:url(../images/thumbnails/arv.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb28 { background:url(../images/thumbnails/st2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb29 { background:url(../images/thumbnails/jum.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb30 { background:url(../images/thumbnails/mag.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb31 { background:url(../images/thumbnails/as.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb32 { background:url(../images/thumbnails/ouatv.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb33 { background:url(../images/thumbnails/wm.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb34 { background:url(../images/thumbnails/ts2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb35 { background:url(../images/thumbnails/dl.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb36 { background:url(../images/thumbnails/ds.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb37 { background:url(../images/thumbnails/stcb.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb38 { background:url(../images/thumbnails/mst.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb39 { background:url(../images/thumbnails/sthnn.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb40 { background:url(../images/thumbnails/stwtud.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb41 { background:url(../images/thumbnails/cr.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb42 { background:url(../images/thumbnails/bj.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb43 { background:url(../images/thumbnails/bl.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb45 { background:url(../images/thumbnails/stcb2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb46 { background:url(../images/thumbnails/stcb3.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb47 { background:url(../images/thumbnails/sthnn2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb48 { background:url(../images/thumbnails/st3.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb49 { background:url(../images/thumbnails/batb.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb50 { background:url(../images/thumbnails/st3p.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb51 { background:url(../images/thumbnails/sthnn3.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb52 { background:url(../images/thumbnails/btvs.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb53 { background:url(../images/thumbnails/stcb4.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb54 { background:url(../images/thumbnails/aos.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb55 { background:url(../images/thumbnails/bl7.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb56 { background:url(../images/thumbnails/stcb5.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb57 { background:url(../images/thumbnails/htsdof.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb58 { background:url(../images/thumbnails/sae.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb59 { background:url(../images/thumbnails/tr.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb60 { background:url(../images/thumbnails/stdnd.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb61 { background:url(../images/thumbnails/stcb6.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb62 { background:url(../images/thumbnails/jc.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb63 { background:url(../images/thumbnails/stupu.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb64 { background:url(../images/thumbnails/sthm.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb65 { background:url(../images/thumbnails/htsdof3.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb66 { background:url(../images/thumbnails/tmnt.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb67 { background:url(../images/thumbnails/st4.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb68 { background:url(../images/thumbnails/dots.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb69 { background:url(../images/thumbnails/jct.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb70 { background:url(../images/thumbnails/st4v2.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb71 { background:url(../images/thumbnails/op.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb72 { background:url(../images/thumbnails/sthnn4.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.thumb73 { background:url(../images/thumbnails/gog.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }

.profile { width:430px; }


/* Featured */

.featured_image { position:relative; display:inline-block; border: solid 0px black; margin:12px; }
.featured_link { border:solid 0px red; width:480px; height:344px; }

.feature1 { background:url(../images/features/stranger-things-season-2-eleven-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature2 { background:url(../images/features/stranger-things-season-2-billboard-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature3 { background:url(../images/features/stranger-things-billboard-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature4 { background:url(../images/features/stranger-things-poster-hopper-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature5 { background:url(../images/features/wizard-of-oz-lion-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature6 { background:url(../images/features/jurassic-park-raptors-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature7 { background:url(../images/features/africa-rocks-san-diego-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }
.feature8 { background:url(../images/features/super-8-dvd-blu-ray-by-kyle-lambert.jpg) 0 0 no-repeat; background-position: top; background-size: 100% auto; }


/* Footer */

.footer { border: solid 0px red; height:45px; }

.email { width:40px; height:40px;  position:relative; margin-left:18px; display:inline-block; background: url(../images/social/email.svg) 0 0 no-repeat; }
.fb { width:40px; height:40px;  position:relative; display:inline-block; background: url(../images/social/fb.svg) 0 0 no-repeat; }
.tw { width:40px; height:40px;  position:relative; display:inline-block; margin-left:18px; background: url(../images/social/tw.svg) 0 0 no-repeat; }
.in { width:40px; height:40px; position:relative; display:inline-block; margin-left:18px; background: url(../images/social/in.svg) 0 0 no-repeat; }
	
.copyright {float:left; border:solid 0px green; font-size: 11px; color: #ffffff; text-align:left; font-family: Arial, helvetica, sans-serif; height:45px; margin-top:25px; margin-bottom:25px;}
.copyright_lines {display:inline-block; margin-bottom:2px;}

a.subtle:link, a.subtle:active, a.subtle:visited { outline: none; border:none; text-decoration: none;  color: #ffffff;}
a.subtle:hover {color:#555555;}

.social {float:right; font-size: 11px; color: #888888; font-family: Arial, helvetica, sans-serif; height:45px; margin-top:25px; margin-bottom:25px; border:solid 1px #000000;}


/* Writing */

.writing {position:relative; border:solid 0px red; margin-left:3%; margin-right:3%; margin-bottom:12px; text-align:center;}

.writing_column_l { float:left; width:48%; border:solid 0px blue; margin-bottom:0px; margin-top:0px;  margin-left:0px; text-align:center;}
.writing_column_r { float:right; width:48%; border:solid 0px blue; margin-bottom:0px; margin-top:0px;  margin-right:0px; text-align:center;}

.clear {clear:both;}
.heading {border:solid 1px rgba(0, 0, 0, 0.0); margin-bottom:15px;}

h1 {font-weight:bold; color:#ffffff; text-transform: uppercase; font-size:18pt; margin-bottom:4px; font-family: Arial, helvetica, sans-serif;}
h2 {color:#ffffff; text-transform: uppercase; font-weight:500; font-size:10pt; margin-bottom:8px; font-family: Arial, helvetica, sans-serif;}
h3 {font-size: 11px; color: #ffffff; text-align:left; font-family: Arial, helvetica, sans-serif; font-weight:normal; display:inline;}

.big_title {font-weight:bold; display:block; color:#ffffff; text-transform: uppercase; font-size:15pt; margin-bottom:4px; font-family: Arial, helvetica, sans-serif;}

.big_subtitle {color:#ffffff; display:block; text-transform: uppercase; font-weight:500; font-size:10pt; margin-bottom:10px; font-family: Arial, helvetica, sans-serif;}

.title {border:solid 1px rgba(0, 0, 0, 0.0); display:block; font-weight:bold; color:#ffffff; text-transform: uppercase; font-size:14pt; margin-bottom:0px; margin-top:0px; font-family: Arial, helvetica, sans-serif;}

.subtitle {border:solid 1px rgba(0, 0, 0, 0.0); display:block; font-weight:normal; color:#ffffff; text-transform: uppercase; font-size:10pt; margin:3px; font-family: Arial, helvetica, sans-serif;}

.padding { position:relative; display:block; border:solid 1px rgba(0, 0, 0, 0.0); font-weight:normal; margin:20px; color:#aaaaaa; font-size:11pt; text-align:center; font-family: Arial, helvetica, sans-serif;}

a.return:link, a.return:active, a.return:visited {display:inline-block; font-weight:bold; font-size:13pt; margin:5px; }
a.return:hover {color:#ff0000;}

a.email_link:link, a.email_link:active, a.email_link:visited {display:inline-block; font-weight:normal; font-size:13pt; margin:5px; color:#666666; font-family:arial;}
a.email_link:hover {color:#ff0000;}


/* Links */

a:link, a:active, a:visited {color:#ffffff;}

a:hover {color:#555555;}

a.selected:link, a.select:active, a.select:visited, a.select:hover {width:100%; height:100%; display:block; border:solid 0px lime; color:#ffffff;}

a.white_link:link, a.white_link:active, a.white_link:visited {color:#ffffff;}
a.white_link:hover {color:#555555;}

a.highlight:link, a.highlight:active, a.highlight:visited {width:100%; height:100%; display:block; border:solid 0px lime; }

a.highlight:hover {background-color: rgba(0, 0, 0, 0.4); }

a.blocklink:link, a.blocklink:active, a.blocklink:visited, a.blocklink:hover {width:100%; height:100%; display:block; border:solid 0px lime; }


/* Clients */

.client {width:190px; height:80px; display:inline-block; border:solid 1px rgba(0, 0, 0, 0.0); margin:8px;}
.clients {display:inline-block; margin:auto; width:80%;}

.adobe { background: url(../images/clients/adobe.svg) 0 0 no-repeat; background-position:center; }
.apple { background: url(../images/clients/apple.svg) 0 0 no-repeat; background-position:center; }
.bbc { background: url(../images/clients/bbc.svg) 0 0 no-repeat; background-position:center; }
.disney { background: url(../images/clients/disney.svg) 0 0 no-repeat; background-position:center; }
.darkhorse { background: url(../images/clients/darkhorse.svg) 0 0 no-repeat; background-position:center; }
.faberge { background: url(../images/clients/faberge.svg) 0 0 no-repeat; background-position:center; }
.gq { background: url(../images/clients/gq.svg) 0 0 no-repeat; background-position:center; }
.idg { background: url(../images/clients/idg.svg) 0 0 no-repeat; background-position:center; }
.netflix { background: url(../images/clients/netflix.svg) 0 0 no-repeat; background-position:center; }
.nvidia { background: url(../images/clients/nvidia.svg) 0 0 no-repeat; background-position:center; }
.paramount { background: url(../images/clients/paramount.svg) 0 0 no-repeat; background-position:center; }
.schawk { background: url(../images/clients/schawk.svg) 0 0 no-repeat; background-position:center; }
.vanityfair { background: url(../images/clients/vanityfair.svg) 0 0 no-repeat; background-position:center; }


/* Image Layouts */

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vimeovideowrap, .content, .youtubevideowrap, #disqus_thread, .videocontent { width: 100%; max-width: 800px; margin: 0 auto; margin-bottom:20px;}

.mask {position:absolute; top:0px; left:0px; background-color: rgba(0, 0, 0, 0.0); width:100%; height:100%}

.portfolio {max-width:80%; height:auto; margin:auto; }

.column_image { position:relative; height:0; padding-bottom:40%; width:100%;}
.about_poster { background:url(../images/about/movie-poster.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.about_digital { background:url(../images/about/digital-painting.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.endorse_adobe { background:url(../images/about/adobe-logo.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.endorse_procreate { background:url(../images/about/procreate-logo.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.endorse_stranger { background:url(../images/about/stranger-things-logo.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.endorse_nvidia { background:url(../images/about/nvidia-logo.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.contact_work { background:url(../images/contact/work.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.contact_question { background:url(../images/contact/question.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.feature_adobe { background:url(../images/about/adobe-spotlight.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}
.feature_imore { background:url(../images/about/imore-spotlight.jpg) 0 0 no-repeat; background-position: center; background-size: auto 100%;}

.image_container {border:solid 0px white; width:100%;}

.image_layout {position:relative; margin-left:5%; margin-right:5%; margin-bottom:27px; margin-top:27px; border-top:solid 0px green;}

.line_v {width:5px; background-color: white; position:absolute;}
.line_h {height:5px; background-color: white; position:absolute;}

.line_full_v {top:0px; height:100%; }
.line_full_h {left:0px; width:100%; }

.line_half_v {height:50%; }
.line_half_h {width:50%; }

.line_third_v {height:33%; }
.line_third_h {width:33%; }

.line_6x4_v {height:40%; }
.line_6x4_h {width:40%; }

.line_top {top:0px;}
.line_bottom {bottom:0px;}
.line_left {left:0px;}
.line_right {right:0px;}

.line_v1 {left:50%;}
.line_v2 {right:50%;}
.line_h1 {top:50%;}
.line_h2 {bottom:50%;}

.line_left_v1 {left:33%;}
.line_left_v2 {right:67%;}
.line_right_v1 {left:67%;}
.line_right_v2 {right:33%;}
.line_middle_v1 {left:50%;}
.line_middle_v2 {right:50%;}

.line_left_v3 {left:40%;}
.line_left_v4 {right:60%;}
.line_right_v3 {left:60%;}
.line_right_v4 {right:40%;}

.line_top_h1 {top:33%;}
.line_top_h2 {bottom:67%;}
.line_bottom_h1 {top:67%;}
.line_bottom_h2 {bottom:33%;}
.line_middle_h1 {top:50%;}
.line_middle_h2 {bottom:50%;}

.line_top_h3 {top:40%;}
.line_top_h4 {bottom:60%;}
.line_bottom_h3 {top:60%;}
.line_bottom_h4 {bottom:40%;}


/* Media Queries */

@media screen and (max-width: 1300px) {

.button_link {width:270px; height:170px; }
.button_box { margin:10px;}

/* Media Queries */

@media screen and (max-width: 1200px) {

.thumb_link {width:200px; height:200px;}
.thumb_link_tall {width:200px; height:295px;}
.thumb_text {width:200px;}
.home_strip, .about_strip, .contact_strip, .art strip, .poster_strip, #billboardcontentwrapper {height:350px;}
.navigation  {margin-bottom:350px;}
#billboardcontentwrapper {height:483px;}

.line_v {width:5px;}
.line_h {height:5px;}

.thumb_title {  font-size:1em;  height:1.4em; }
.thumb_desc { font-size:0.8em; height:1em;}

.featured_link { border:solid 0px red; width:428px; height:310px; }

.tag { background-size:50%; margin-top:15px; margin-bottom:15px; }


/* Media Queries */

@media screen and (max-width: 1000px) {

.button_link {width:240px; height:155px; }
.button_box { margin:7px;}

.thumb_link {width:225px; height:225px;}
.thumb_link_tall {width:225px; height:332px;}
.thumb_text {width:225px;}
.strip {height:325px;}
.featured_link { border:solid 0px red; width:350px; height:254px; }

.home_strip, .about_strip, .contact_strip, .art strip, .poster_strip, #billboardcontentwrapper {height:310px;}
.navigation  {margin-bottom:310px;}
#billboardcontentwrapper {height:443px;}

.tag { background-size:55%; }


/* Media Queries */

@media screen and (max-width: 850px) {

.button_link {width:210px; height:135px; }

.thumb_link {width:175px; height:175px;}
.thumb_link_tall {width:175px; height:258px;}
.thumb_text {width:175px;}
.home_strip, .about_strip, .contact_strip, .art strip, .poster_strip, #billboardcontentwrapper {height:250px;}
.navigation  {margin-bottom:250px;}
#billboardcontentwrapper {height:383px; }

.featured_link { border:solid 0px red; width:276px; height:200px; }

.copyright { height:auto; width:100%; text-align:center; margin-bottom:45px;}

.social { width:100%; margin-top:30px; margin-bottom:0px;}
.fb, .tw, .in {float:none;}

.writing {margin-left:5%; margin-right:5%;}

.copy_table {width:100%}

.vimeovideowrap, .content, .youtubevideowrap, #disqus_thread, .videocontent { width: 100%; max-width: 800px; margin: 0 auto; margin-bottom:0px; }

.writing_column_l { float:none; width:100%; margin-top:2px; margin-right:0%; margin-left:0%; margin-bottom:15px;}
.writing_column_r { float:none; width:100%; margin-top:2px; margin-bottom:0px; margin-left:0%; margin-right:0%}

.column_image { position:relative; height:0; padding-bottom:40%; width:100%; margin-left:0%; margin-right:0%;}

.thumb_title {  font-size:0.9em;  height:1.5em; }
.thumb_desc { font-size:0.7em; height:1.1em}

.client {width:145px; height:70px; border:solid 0px red; margin-top:0px;}

a.return:link, a.return:active, a.return:visited {display:inline-block; font-weight:bold; font-size:11pt; margin:0px;}
a.return:hover {color:#555555;}

.image_layout {margin-left:4%; margin-right:4%; margin-bottom:15px; margin-top:15px;}

.line_v {width:4px;}
.line_h {height:4px;}


.end {margin:15px; font-size:4pt;}

.navigation { position:relative; height:auto; border:solid 0px green; background-color: #000000;}
.menu { position:relative; margin:auto; bottom:0px; right:0px; border-top:solid 1px #333333; border-bottom:solid 1px #333333; }
.logo { height:80px; position:relative; margin:auto; margin-top:30px; margin-bottom:0px; bottom:10px;}
.menu_option {  margin-top:18px; margin-bottom:18px;  margin-left:15px; margin-right:15px; font-size:10pt;}
.section_padding { margin-left:0px; margin-right:0px; }

.home_strip, .about_strip, .contact_strip, .poster_strip, #billboardcontentwrapper {height:260px;}
.navigation  {margin-bottom:280px;}
#billboardcontentwrapper {height:320px; margin-top:130px;}


/* Media Queries */

@media screen and (max-width:750px) {

.button_link {width:175px; height:115px; }
.button_box { margin:5px; }

p {font-size:11pt; line-height:13pt;}



.about_strip, .contact_strip, .art_strip, .poster_strip, {margin-bottom:40px;}

.featured_link { border:solid 0px red; width:240px; height:174px; }

.thumb_box {margin:8px;}
.thumb_link {width:157px; height:157px;}
.thumb_link_tall {width:157px; height:232px;}
.thumb_text {width:157px; padding-top:17px; padding-bottom:2px;}

.thumb_title {  font-size:12px;  height:17px; }
.thumb_desc { font-size:9px; height:13px;}

.client {width:110px; height:65px; border:solid 0px red;}

.footer {margin-left:30px; margin-right:30px;}

.tag { background-size:70%; margin-top:13px; margin-bottom:13px; }




/* Media Queries */

@media screen and (max-width:630px) {

.button_link {width:330px; height:210px; }
.button_box { margin:10px;}
.button_padding { margin-top:15px; margin-bottom:15px; }

.featured_link { border:solid 0px red; width:330px; height:240px; }
.art_image {margin:0px;}
.art {width:100%; height:auto; max-width:100%; margin:0px;  box-shadow: 0px 0px 00px #cccccc;}

.navigation { position:relative; height:auto; border:solid 0px green; background-color: #000000;}
.menu { position:relative; margin:auto; bottom:0px; right:0px; border-top:solid 1px #333333; border-bottom:solid 1px #333333; }
.logo { height:80px; position:relative; margin:auto; margin-top:30px; margin-bottom:0px; }
.menu_option {  margin-top:18px; margin-bottom:18px;  margin-left:15px; margin-right:15px; font-size:10pt;}

.section_padding { margin-left:0px; margin-right:0px; }
.client {width:110px; height:55px; border:solid 0px red;}

.home_strip, .about_strip, .contact_strip, .poster_strip, .art strip, #billboardcontentwrapper {height:212px;}
.navigation  {margin-bottom:203px;}
#billboardcontentwrapper {height:250px; margin-top:126px;}

h1 {font-size:14pt}
h2 {font-size:9pt; margin-bottom:5px;}
.big_title {font-size:13pt}
.title {font-size:11pt}
.subtitle {font-size:8pt}
p {margin-left:15px; margin-right:15px;}

.tag { background-size:80%;}


/* Media Queries */

@media screen and (max-width: 500px) {


.client {width:80px; height:45px; border:solid 0px red;}
.clients {width:350px;}

.home_strip, .about_strip, .contact_strip, .poster_strip, .art strip, #billboardcontentwrapper {height:159px;}
.navigation  {margin-bottom:152px;}
#billboardcontentwrapper {height:185px; margin-top:138px;}

.footer {margin-left:50px; margin-right:50px;}
.bullet {visibility: hidden;}
.profile { width:330px; }

.tag { background-size:92%; margin-top:10px; margin-bottom:10px; }
