#frame { width: 900px; margin: 0 auto; text-align: left; }

#header { height: 94px; }
#header div.logo { float: left; width: 289px; height: 94px; }
#header div.logo img { float: left; }
#header div.info { float: right; width: 611px; height: 94px; background-image: url(../images/trbg.gif); background-repeat: no-repeat; font-size: 0.75em; color: #fff; }
#header div.info div a { color: #fff; text-decoration: none; }
#header div.info div a:hover { text-decoration: underline; }
#header div.info div.address { float: left; height: 87px; padding-top: 7px; line-height: 87px; padding-left: 50px; }
#header div.info div.directions { float: right; height: 87px; padding-top: 7px; line-height: 87px; padding-right: 50px; }

#title { height: 63px; line-height: 62px; }
#title h1 { color: #fff; }
.sub-title { font-size: 1.1em; border-bottom: solid 1px #888; padding-bottom: 5px; margin-bottom: 5px; }
#preload { display: none; }

#content { padding-top: 10px; padding-bottom: 30px; color: #fff; font-size: 0.8em; }

#footer { clear: both; text-align: left; font-size: 0.7em; padding-top: 10px; padding-bottom: 20px; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Slide Effect */

#slide-window { width: 900px; overflow: hidden; position: relative; }
#slide-list { width: 2700px; list-style: none; margin: 0px; padding: 0px; overflow: none; position: relative; left: 0px; }
.slide-list-li { width: 900px; display: inline; float: left; margin: 0px; padding: 0px; }

/* End Slide Effect */

/* Casestudy Effect */

#casestudy { width: 900px; height: 270px; overflow: hidden; position: relative; }
#casestudy a.left { float: left; width: 50px; }
#casestudy a.right { float: right; width: 50px; }
#casestudy-window { float: left; width: 800px; overflow: hidden; position: relative; }
#casestudy-list { width: 2400px; list-style: none; margin: 0px; padding: 0px; overflow: none; position: relative; left: 0px; }
#casestudy-list li { width: 800px; height: 270px; overflow: none; display: inline; float: left; margin: 0px; padding: 0px; }
#casestudy-list li div.snapshot { height: 270px; }
#casestudy-list li div.extended { height: 270px; }
#casestudy-list a { text-decoration: none; }

/* End Casestudy Effect */

/* Navigation */

#navigation a.home { width: 73px; background-image: url(../images/nav/home1.jpg); }
#navigation a.home:hover { background-image: url(../images/nav/home2.jpg); }
#navigation a.home-selected { background-image: url(../images/nav/home3.jpg); }

#navigation a.services { width: 87px; background-image: url(../images/nav/services1.jpg); }
#navigation a.services:hover { background-image: url(../images/nav/services2.jpg); }
#navigation a.services-selected { background-image: url(../images/nav/services3.jpg); }

#navigation a.online-services { width: 129px; background-image: url(../images/nav/online1.jpg); }
#navigation a.online-services:hover { background-image: url(../images/nav/online2.jpg); }
#navigation a.online-services-selected { background-image: url(../images/nav/online3.jpg); }

#navigation a.custom-framing { width: 144px; background-image: url(../images/nav/framing1.jpg); }
#navigation a.custom-framing:hover { background-image: url(../images/nav/framing2.jpg); }
#navigation a.custom-framing-selected { background-image: url(../images/nav/framing3.jpg); }

#navigation a.greeting-cards { width: 123px; background-image: url(../images/nav/cards1.jpg); }
#navigation a.greeting-cards:hover { background-image: url(../images/nav/cards2.jpg); }
#navigation a.greeting-cards-selected { background-image: url(../images/nav/cards3.jpg); }

#navigation a.online-support { width: 122px; background-image: url(../images/nav/support1.jpg); }
#navigation a.online-support:hover { background-image: url(../images/nav/support2.jpg); }
#navigation a.online-support-selected { background-image: url(../images/nav/support3.jpg); }

#navigation a.inkjet-giclee { width: 112px; background-image: url(../images/nav/giclee1.jpg); }
#navigation a.inkjet-giclee:hover { background-image: url(../images/nav/giclee2.jpg); }
#navigation a.inkjet-giclee-selected { background-image: url(../images/nav/giclee3.jpg); }

#navigation a.upload-file { width: 110px; background-image: url(../images/nav/upload1.jpg); }
#navigation a.upload-file:hover { background-image: url(../images/nav/upload2.jpg); }
#navigation a.upload-file-selected { background-image: url(../images/nav/upload3.jpg); }

/* End Navigation */

/* Background */

body.bg-home {}
body.bg-services { background-image: url(../images/bg/services.gif); }
body.bg-online-services { background-image: url(../images/bg/online.gif); }
body.bg-framing { background-image: url(../images/bg/framing.gif); }
body.bg-greeting { background-image: url(../images/bg/greeting.gif); }
body.bg-support { background-image: url(../images/bg/support.gif); }
body.bg-inkjet { background-image: url(../images/bg/inkjet.gif); }
body.bg-upload { background-image: url(../images/bg/upload.gif); }

/* End Background */

/* Giclee Kiosk */

#giclee-preloader { margin-top: 17px; margin-left: 21px; width: 816px; height: 541px; line-height: 541px; text-align: center; background-image: url(../images/kiosk-loading.jpg); }
#giclee-preloader img { vertical-align: middle; }

/* End Giclee Kiosk */

/* Services */

ul.list-services { padding-left: 0px; }
ul.list-services li { padding-top: 5px; }
ul.list-services li a { color: #fff; text-decoration: none; }
ul.list-services li a:hover { color: #ff9b02; }
table.services-table { width: 100%; }
table.services-table th { text-align: left; font-size: 1.1em; font-weight: bold; border-bottom: solid 1px #999; padding-bottom: 5px; }

/* End Services */

/* Inkjet-Giclee */

.inkjet-list { list-style-position: outside; list-style-type: disc; padding-left: 20px; }
.inkjet-list li { padding-top: 5px; }
.inkjet-list li ul { list-style-position: inside; list-style-type: circle; padding-bottom: 10px; }
.inkjet-list li ul li { padding-left: 25px; }

.industry-list a { text-decoration: none; color: #3598d1; }
.industry-list a:hover { color: #fff; }

/* End Inkjet-Giclee */

/* Greeting Cards */

.gradient-table { width: 100%; background-color: #242424; border: solid 1px #666; background-image: url(../images/table-gradient-bg.gif); background-repeat: repeat-x; }
.gradient-table th { padding: 10px; }
.gradient-table td { padding: 0 10px 10px 10px; }

/* End Greeting Cards */

/* Online Support */

.support-list { list-style-position: outside; list-style-type: decimal; padding-left: 20px; }
.support-list li { padding-top: 5px; }
.support-list li ul { list-style-position: inside; list-style-type: decimal; padding-bottom: 10px; }
.support-list li ul li { padding-left: 25px; }

/* End Online Support */