body { background: url(../images/bg.jpg) fixed bottom no-repeat #000; font-family:"Trebuchet MS", Tahoma, Arial; color: #68858f; font-size: 11px; }
p { text-align: justify; margin: 10px 0px; }
a { color: #68858f; text-decoration: underline; }
a:hover { text-decoration: none; }
.center { text-align: center; margin-top: 10px; }
h2 { display: none; }
h3#t-about { background: url(../images/t-about.png) top left no-repeat; height: 15px; width: 53px; text-indent: -9999px; float: left; }
h3#t-project { background: url(../images/t-project.png) top left no-repeat; height: 18px; width: 98px; text-indent: -9999px; float: left; }
h3#t-websites { background: url(../images/t-websites.png) top left no-repeat; height: 15px; width: 80px; padding-bottom: 20px; text-indent: -9999px; float: left; }
h3#t-photography { background: url(../images/t-photography.png) top left no-repeat; height: 19px; width: 114px; padding-bottom: 20px; text-indent: -9999px; float: left; }
h3#t-questions { background: url(../images/t-questions.png) top left no-repeat; height: 15px; width: 202px; margin-top: 20px; padding-bottom: 10px; text-indent: -9999px; float: left; }
.arrow-down { background: url(../images/arrow.png) top left no-repeat; height: 16px; width: 16px; cursor: pointer; position: absolute; right: 15px; top: 10px; }
.arrow-toggle { background: url(../images/slide-arrow.png) top left no-repeat; padding: 5px 0px; margin: 5px 0px 0px 10px; display: block; height: 5px; width: 13px; cursor: pointer; float: left; }
#logo { background:url(../images/logo.png) top left no-repeat; display:block; text-indent:-9999px; height:82px; width:207px; position:absolute; bottom:630px; }
#logoWrapper { margin:0px auto; width:207px; }
#footer { background: url(../images/bg-footer.png) repeat-x; height: 53px; position: fixed; bottom: 0px; left: 0px; width: 100%; }
#fwrapper { margin: 0px auto; height: 45px; margin-top: 12px; width: 1000px; }
#nav { padding: 4px 0px 0px 210px; float: left; }
#nav li { float: left; margin-right: 40px; }
#nav li a { display: block; height: 37px; text-indent: -9999px; cursor: pointer; }
a#about { background: url(../images/nav-about.gif) top left no-repeat; width: 56px; }
a#about:hover { background: url(../images/nav-about.gif) top right no-repeat; width: 56px; }
a#project { background: url(../images/nav-project.gif) top left no-repeat; width: 102px; }
a#project:hover { background: url(../images/nav-project.gif) top right no-repeat; width: 102px; }
a#portfolio { background: url(../images/nav-portfolio.gif) top left no-repeat; width: 81px; }
a#portfolio:hover { background: url(../images/nav-portfolio.gif) top right no-repeat; width: 81px; }
#wrapper { width: 1000px; margin: 0px auto; position: relative; }
ul#services { margin-left: 10px; }
.relative { position: relative; }
.window { background: url(../images/window.png) top left no-repeat; height: 459px; width: 253px; padding: 10px 17px; position: absolute; bottom: 19px; right: 150px; }
#fBottom { position: fixed; bottom: 45px; width: 100%; }
.fb { background: url(../images/facebook.png) top left no-repeat; display: block; text-indent: -9999px; height: 37px; width: 40px; float: left; }
.tw { background: url(../images/twitter.png) top left no-repeat; display: block; text-indent: -9999px; padding-right: 3px; height: 41px; width: 41px; float: left; }
.fl { background: url(../images/flickr.png) top left no-repeat; display: block; text-indent: -9999px; height: 41px; width: 40px; float: left; }
.twentyTen { background: url(../images/2010.gif) top left no-repeat; display: block; text-indent: -9999px; height: 31px; width: 60px; margin-top: 10px; float: right; }
a.w-link { display: block; text-indent: -9999px; height: 75px; width: 250px; margin-left: 2px; }
a#w-mm { background: url(../images/w-mcadams.gif) top left no-repeat; }
a#w-mm:hover { background: url(../images/w-mcadams.gif) bottom left no-repeat; }
a#w-abbn { background: url(../images/w-autos.gif) top left no-repeat; }
a#w-abbn:hover { background: url(../images/w-autos.gif) bottom left no-repeat; }
a#w-lora { background: url(../images/w-lora.gif) top left no-repeat; }
a#w-lora:hover { background: url(../images/w-lora.gif) bottom left no-repeat; }
a#w-ssl { background: url(../images/w-ssl.gif) top left no-repeat; }
a#w-ssl:hover { background: url(../images/w-ssl.gif) bottom left no-repeat; }
a#w-lca { background: url(../images/w-lca.gif) top left no-repeat; }
a#w-lca:hover { background: url(../images/w-lca.gif) bottom left no-repeat; }
#s-websites { width: 250px; line-height: 10px; }
.clear { clear: both; }
label { width:53px; float: left; font-size: 12px; margin: 2px 3px; }
input.normal { background: #1c2d33; border: 1px solid #3c5a65; width: 181px; height: 14px; font-size: 12px; color: #CCC; margin-bottom: 5px; float: left; padding: 2px; }
textarea.normal { background: #1c2d33; border: 1px solid #3c5a65; width: 181px; height: 65px; overflow: hidden; font-size: 12px; color: #CCC; margin-bottom: 5px; padding: 2px; }
input.btn-send { background: url(../images/send.gif) top left no-repeat; height: 22px; width: 80px; text-indent: -9999px; border: 0px; margin:5px 0px 0px 166px; cursor: pointer; }
#images { height: 285px; width: 242px; background: none; padding: 0; margin:0px auto; overflow: hidden; text-align: center;}
#wrap { background: none; width: 242px; text-align: center; }
#images img { border: 1px solid #313435; margin: 0px auto; position: relative; }
#images img:hover { border: 1px solid #666; }
h4#title, h4 a { color: #436a77; font-size: 16px; margin-top: 10px; text-align: left; }
h4 a:hover { text-decoration: none; }
.flickrNav { margin: 0px auto; text-align: center; }
a#prev { color: #68858f; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 0px 10px 0px 0px; font-size: 14px; }
a#prev:hover { color: #1d2b30; }
a#next { color: #68858f; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px; }
a#next:hover { color: #1d2b30; }
p#link { text-align: center; margin-top: 30px; background: #1d2b30; padding: 5px 0px; }
#link a { color: #436a77; font-size: 12px; text-decoration: underline; }
#link a:hover { text-decoration: none; }
#sample-images { margin-left: 5px; overflow: hidden; height: 425px; width: 265px; }
#sample-images img { border: 1px solid #313435; width: 75px; height: 75px; margin: 0px 7px 7px 0px; }
#sample-images img:hover { border: 1px solid #666; }
.slide-portfolio { width: 265px; height: 425px; }
.visible { display: block; }
a#threeSLink { display: block; height: 275px; width: 200px; text-indent: -9999px; z-index: 10; position: absolute; bottom: 180px; left: 342px; }

/* Time Changes */
.meNight { background: url(../images/me-night.png) top left no-repeat; position: absolute; bottom: 50px; left: 200px; height: 184px; width: 565px; }
.me7am { background: url(../images/3.png) top left no-repeat; position: absolute; bottom: 0px; left: 230px; height: 483px; width: 271px; }
.me8am { background: url(../images/2.png) top left no-repeat; position: absolute; bottom: 0px; left: 195px; height: 220px; width: 412px; }
.me9am { background: url(../images/6.png) top left no-repeat; position: absolute; bottom: 0px; left: 215px; height: 499px; width: 280px; }
.me10am { background: url(../images/5.png) top left no-repeat; position: absolute; bottom: 0px; left: 210px; height: 293px; width: 294px; }
.me11am { background: url(../images/14.png) top left no-repeat; position: absolute; bottom: 0px; left: 250px; height: 489px; width: 256px; }
.me12pm { background: url(../images/4.png) top left no-repeat; position: absolute; bottom: 0px; left: 275px; height: 344px; width: 222px; }
.me1pm { background: url(../images/1.png) top left no-repeat; position: absolute; bottom: 20px; left: 175px; height: 447px; width: 540px; }
.me2pm { background: url(../images/13.png) top left no-repeat; position: absolute; bottom: -10px; left: 200px; height: 337px; width: 600px; }
.me3pm { background: url(../images/11.png) top left no-repeat; position: absolute; bottom: 0px; left: 250px; height: 528px; width: 252px; }
.me4pm { background: url(../images/7.png) top left no-repeat; position: absolute; bottom: 0px; left: 320px; height: 543px; width: 167px; }
.me5pm { background: url(../images/15.png) top left no-repeat; position: absolute; bottom: 5px; left: 330px; height: 523px; width: 143px; }
.me6pm { background: url(../images/9.png) top left no-repeat; position: absolute; bottom: 10px; left: 325px; height: 346px; width: 240px; }
.me7pm { background: url(../images/8.png) top left no-repeat; position: absolute; bottom: 0px; left: 220px; height: 563px; width: 324px; }
.me8pm { background: url(../images/10.png) top left no-repeat; position: absolute; bottom: 130px; left: 290px; height: 410px; width: 244px; }
.me9pm { background: url(../images/16.png) top left no-repeat; position: absolute; bottom: 40px; left: 280px; height: 295px; width: 220px; }
.me10pm { background: url(../images/12.png) top left no-repeat; position: absolute; bottom: 0px; left: 250px; height: 549px; width: 270px; }
.error { background: url(../images/404.png) top left no-repeat; position: absolute; bottom: 0px; left: 300px; height: 571px; width: 210px; }
.nojs { background: url(../images/0.png) top left no-repeat; position: absolute; bottom: 0px; left: 200px; height: 568px; width: 335px; }