/* Body. */
body { font-size: 62.5%; font-family: Times New Roman, serif; height: 100%; margin: 0px; padding: 0px; }

/* Links style */
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

/* Main container aligned in the center of the screen. */
#background { background: #eceef8 url(images/background.png) no-repeat fixed center; width: 100%; height: 100%; position: absolute; }
#container { position: absolute; top: 50%; width: 100%; height: 564px; margin-top: -282px; }
#content { position: relative; margin: auto; width: 768px; height: 564px; }

#menubar { position: relative; height: 48px; line-height: 48px; padding-top: 1px; }
#menu { float: right; margin-right: 5px; text-align: left; font-size: 1.6em; }

#body { position: relative; height: 487px; clear: both; padding-left: 35px; padding-right: 13px; }

#body-front-content { text-align: center; padding-top: 14px; }
#body-front-content img { margin-left: 7px; margin-right: 7px; }
.front-image { cursor: pointer; padding: 8px 8px 8px 8px; background: transparent url(images/front-box.png) no-repeat left top; }

#body-gallery { float: left; height: 487px; width: 100%; }
#film-strip { float: left; height: 487px; width: 100px; position: relative; }
#film-strip-main { position: absolute; width: 100px; height: 435px; top: 32px; left: 0px; }
#film-strip-main-inner { position: absolute; width: 100px; height: 435px; top: 0px; left: 0px; text-align: center; overflow: hidden; }
#film-strip-prev { cursor: pointer; position: absolute; width: 95px; height: 10px; top: 5px; left: 0px; background: transparent url(images/arrow-up.png) no-repeat center; }
#film-strip-next { cursor: pointer; position: absolute; width: 95px; height: 10px; top: 472px; left: 0px; background: transparent url(images/arrow-down.png)  no-repeat center; }
#main-image { float: left; height: 487px; width: 620px; position: relative; }

.thumbnail { cursor: pointer; display: block; margin-left: 7px; padding: 5px 5px 5px 5px; margin-bottom: 12px; background: transparent url(images/thumb-box.png) no-repeat left top; }

#loading { display: none; position: absolute; height: 13px; top: 50%; margin-top: -7px; width: 208px; left: 50%; margin-left: -104px; }

#information { float: left; height: 482px; width: 100%; padding-top: 4px; }
#information #left { float: left; width: 229px; height: 477px; margin-top: 5px; padding-left: 5px; padding-right: 5px; overflow: hidden; }
#information #left-center { float: left; width: 1px; height: 477px; overflow: hidden; margin-top: 5px; background: #eee; }
#information #center { float: left; width: 229px; height: 477px; margin-top: 5px; padding-left: 5px; padding-right: 5px; overflow: hidden; }
#information #center-right { float: left; width: 1px; height: 477px; overflow: hidden; margin-top: 5px; background: #eee; }
#information #right { float: left; width: 229px; height: 477px; margin-top: 5px; padding-left: 5px; padding-right: 5px; overflow: hidden; }
#information .info { font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; font-size: 1.1em; }
#information .info h1 { font-size: 1.2em; font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; } 
#information .info p { text-align: justify; }

#testimonials { padding-top: 2px; }
#testimonials .full { float: left; width: 710px; height: 482px; margin-top: 5px; padding-left: 5px; padding-right: 5px; overflow: hidden;}
#testimonials .full .section { margin-bottom: 3em; }
#testimonials .full p { font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; font-size: 1.2em; margin-left: 1em; margin-right: 2em;}
#testimonials .full p.name { text-align: right; }
#testimonials .full p.dquo { margin: 0px 0px -0.7em 0px; font-size: 4.0em; font-family: Georgia, serif; color: #aaa;}
               
#footer { position: relative; height: 27px; line-height: 27px; color: #999; text-align: right; font-size: 1.3em; }
#footer #left-side { margin-left: 25px; float: left; }
#footer a { margin-left: 15px; }
#footer a:link, #footer a:visited { color: #999; }
#footer a:hover, #footer a:active { color: #666; }

.nav, .nav * { margin: 0; padding: 0; list-style: none; }
.nav { line-height: 1.0; }
.nav ul { position: absolute; top: -999em; width: 5em; }
.nav ul li, .nav a { width: 100%; }
.nav li { float: left; position: relative; z-index: 99; }
.nav a { display: block; }
.nav li:hover ul, ul.nav li.sfHover ul { left: -1px; top: 2.5em; }
.nav li:hover li ul, .nav li.sfHover li ul { top: -999em; }
.nav li li:hover ul, ul.nav li li.sfHover ul { left: 5em; top:-1px; }
.superfish li:hover ul, .superfish li li:hover ul { top: -999em; }

.nav { float:left; margin-right: 10px; }
.nav li { height: 48px; line-height: 48px; padding-left: 8px; }
.nav a { display: block; width: 100%; outline: none; -moz-outline: none; color: #444; padding-right: 4px; }

.nav li:hover, .nav li.sfHover { background: transparent url(images/tab-l.png) no-repeat left top; }
.nav a:hover, .nav a:active { background: transparent url(images/tab-r.png) no-repeat right top; }
.nav li.sfHover a { background: transparent url(images/tab-r.png) no-repeat right top; }

.nav li li { background: #fff; height: 2em; line-height: 2em; }

.nav li li:hover { background: #fff !important; }
.nav li li.sfHover { background: #fff !important; }
.nav li li a { background: none !important; }

.tab { background: transparent url(images/tab-l.png) no-repeat left top; }
.tab a { background: transparent url(images/tab-r.png) no-repeat right top; }

#message { width: 236px; margin: auto; font-size: 1.0em; color: #000; text-align: left; }
#message label { display: block; margin-bottom: 3px; }
#message .required { color: #ff5c5c; display: block; margin-bottom: 3px; }
#message .field { width: 95%; margin-bottom: 0.2em; font-family: 'Lucida Grande',Verdana,Helvetica,Arial,sans-serif; font-size: 1em; background-color: #fff; border: 1px solid #ccc; color: #000; }
#message textarea { padding: 3px; }
#send { color: #000; cursor: pointer; display: block; margin-top: 6px; padding-top: 2px; padding-bottom: 2px; background-color: #fff; border: none; font-size: 1em; }
#send-result { margin-top: 10px; }

a.jScrollArrowUp {
  background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
  background-position: 0 -15px;
}
a.jScrollArrowDown {
  background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
  background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  background-position: 0 -30px;
}