/***************** RESET ******************/

* { margin: 0px ; padding: 0px; border: 0px }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}
a { outline: none; color: #fff; text-decoration: none }
a:hover { text-decoration: underline }

/***************** GRID ******************/

body { background: url('/images/global/bkgndbody.jpg') center; }
div#pagecontainer { background: url('/images/global/bkgnd.jpg') repeat-x top center; width: 100%; min-height: 796px; position: absolute; z-index: -3; top: 0px; }
div#paint { background: url("/images/global/paint.png") repeat-x left; width: 0%; height: 574px; position: absolute; top: 15px; z-index: -2 }
/* div#logo { background: url("/images/global/jameslaicreative.png") no-repeat; width: 205px; height: 34px; margin: 0 auto; padding-bottom: 40px } */
div#logo { background: url("/images/global/jameslaicreative_new.png") no-repeat; width: 157px; height: 50px; margin: 0 auto; padding-bottom: 34px } 
div#page { width: 1003px; margin: 0 auto; padding: 28px 0px 0px 0px; position: relative  }
div#showcase_container { background: url("/images/global/stamp.png") no-repeat top center; padding-top: 30px; opacity: 0; }
div#showcase { background: url("/images/global/showcasebkgnd.png") no-repeat; padding: 27px 0px 0px 22px; width: 464px; height: 337px; float: left; margin-right: 25px; margin-top: 5px }
div#comment { background: url("/images/global/honestdesign.png") no-repeat; width: 385px; height: 84px; display: inline; float: left; margin: 20px 0px 0px 20px; padding-top: 241px; }
div#ticket {  background: url("/images/global/ticket.png") no-repeat; width: 167px; height: 123px; position: absolute; left: 675px; top: 265px; padding: 270px 0px 0px 155px; cursor: pointer }
div#thumbs_container { padding-top: 50px; }
div#thumbs{ float: left; width: 420px; height: 200px }
div#inallthings { background: url("/images/global/inallthings.png") no-repeat; width: 492px; float: left; margin: 100px 0px 0px 0px; padding: 60px 0px 0px 40px;  }
div#feedcontainer { margin-top: 20px;  }
div#feedcontainer .content { font-size: 12px; color: #55190f; line-height: 16px; width: 333px; background: url('/images/global/twitter_texture.png') no-repeat; margin-left: 20px; padding:30px 30px 0px 25px; height: 345px; }
div#feedcontainer .content strong { color: #282828; font-weight: normal; }
div#feedcontainer .content li { margin-bottom: 10px; }
div#feedcontainer ul { list-style: none;}

div#description p, div#description li { font-size: 12px; line-height: 18px }
div#description p { margin-bottom: 15px }
div#description ul.deliverables li { border-bottom: 1px solid #824008 }
div#description ul.deliverables:last-child { border-bottom: 0px }
div#description ul.viewonline li { border-top: 1px solid #824008 }
div#description ul { list-style: none; margin-left: 20px; margin-bottom: 10px; }
div#description h2, div#description h3 { font-weight: normal }

div#blog { background: url('/images/global/blogbkgnd.png') no-repeat; width: 565px; height: 193px; padding: 80px 350px 0px 80px; }
div#blog p.blog_title, div#blog p.blog_date { text-transform: uppercase; font-size: 14px; color: #c18546 }
div#blog p { font-size: 30px; color: #fff }
div#blogfull { color: #000 }

div#footer { font-size: 14px; width: 1003px; margin: 0 auto }

/* Thumbs */

div.thumb1, div.thumb2, div.thumb3, div.thumb4 { width: 64px; height: 66px; padding: 18px; float: left }
div.thumb1 { background: url("/images/thumbs/thumbkgnd1.png") no-repeat; }
div.thumb2 { background: url("/images/thumbs/thumbkgnd2.png") no-repeat; }
div.thumb3 { background: url("/images/thumbs/thumbkgnd3.png") no-repeat; }
div.thumb4 { background: url("/images/thumbs/thumbkgnd4.png") no-repeat; }
div#navigation { background: url("/images/global/navigation.png") no-repeat; width: 398px; height: 67px; float: left }
div#tab1, div#tab2, div#tab3, div#tab4, div#tab5 { width: 20px; height: 18px; position: absolute;  }
div#tab1 { background: url("/images/tabs/1.png") no-repeat; left: 300px }
div#tab2 { background: url("/images/tabs/2.png") no-repeat; left: 320px }
div#tab3 { background: url("/images/tabs/3.png") no-repeat; margin-top: 2px; left: 340px }
div#tab4 { background: url("/images/tabs/4.png") no-repeat; margin-top: 1px; left: 360px }
div#tab5 { background: url("/images/tabs/5.png") no-repeat; left: 380px }
div#tab1 a, div#tab2 a, div#tab3 a, div#tab4 a, div#tab5 a { display: block; width: 20px; height: 18px; }

/* Buttons */
a.prevnav { display: block; float: left; width: 100px; height: 67px; cursor: pointer }
a.nextnav { display: block; float: right; width: 100px; height: 67px; cursor: pointer }

/* Fonts */
div { font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; color: #fff; line-height: 30px }