/* Thats Life 2008 */

html {}
body {background:  url(../images/page-back.jpg) repeat-x #FFFFFF; text-align: center; margin: 0em; font-family: trebuchet ms, tahoma, arial; font-size: 13px;}

/* Layout */

#hold-all {width: 800px; margin: 0px auto 0px auto; padding-bottom: 10px;}
#header {height: 486px; background:  url(../images/page-logo.jpg) top left no-repeat;}
#main-body {}

/* Nav */

.navunit {text-align: right; padding: 20px 0px 0px 0px; width: 400px; float: right;}

#navbuttons {border: 0; padding: 0; margin: 0;}
#navbuttons li {float: left; list-style: none; padding: 0; font-size: 11px; height: 35px; width: 110px; margin: 0px; overflow: hidden;}
#navbuttons li a {color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center; padding: 10px 0px 10px 0px; display: block; width: 100%; height: 100%; background: url(../images/navbutton-off.png) top no-repeat;}
#navbuttons li a:hover, #navmenu li a.active {color: #FFFFFF; font-weight: bold; background: url(../images/navbutton-on.png) top no-repeat;}

/* Snapshots */
.header-center {height: 335px;}
.snapshots {text-align: center; width: 700px; margin: 0px auto 0px auto;}
.snapshot {background: url(../images/snapshot-holder.png) center no-repeat; width: 138px; height: 129px; float: left;}
.snapshot-img {padding: 18px 7px 0px 4px;}
.snapshot-img img {border: 1px solid #666666;}

/* Body */

.welcome-frame {background: url(../images/welcome-frame.png) center no-repeat; width: 338px; height: 356px; float: left;}
.welcome-frame-inner {padding: 15px; text-align: left;}
.welcome-link {height: 32px; width: 186px; background: url(../images/enter.png) center no-repeat; padding: 5px 0px 0px 0px; text-align: center; margin-top: 20px;}
.welcome-frame-inner a {font-weight: bold; font-size: 16px; text-decoration: none; color: #000000;}
.showoff {font-size: 15px; font-weight: bold;}

.welcome-right {width: 435px; float: right;}
.welcome-right {text-align: left; padding: 10px;}
.welcome-right h2 {margin: 0px; font-size: 14px;}
.welcome-right a {color: #000000;}

.clear {height: 0px; overflow: hidden; clear: both;}

/* Footer */
#footer {padding: 20px 0px 0px 10px; color: #333333;}
#footer a {color: #333333; text-decoration: none;}