body, html {
width: 100%; height: 100%;
background-color: #fff;
}
a {
text-decoration: none; outline: none;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
*:focus { outline: 0; } /* suppress glow around form elements in safari */
img {
font-style: italic;
}
/* ---
content container
--- */
.content-container {
width: 100%; overflow: hidden;
}
/*
- flash container
*/
#flash-container {
width: 100%; height: 100%;
}
#flash-container p {
padding: 200px 0;
font-family: Times New Roman, Times, serif; font-size: 100%; line-height: 16px; font-weight: bold; text-align: center;
}
#flash-container a {
color: #f60;
}
#flash-container a:hover {
color: #000;
}
/*
- content
*/
.content {
position: relative;
width: 992px;
margin: 0 auto;
}
.content-placer {
position: relative;
}
.content-inner {
width: 980px; height: 547px; overflow: hidden;
background: url(/images/content_bg.gif) center center no-repeat;
}
/* ---
footer container
--- */
.footer-container {
position: relative;
width: 992px; height: 54px; overflow: hidden;
margin: 0 auto;
}
/*
- global nav
*/
#nav-global.ul-1 {
font-family: Times New Roman, serif; font-size: 77%; line-height: 14px; font-weight: bold; text-transform: uppercase;
}
#nav-global.ul-1 .li-1 {
display: inline;
}
#nav-global.ul-1 .a-1 {
display: block; float: left;
height: 14px;
margin: 4px 20px 3px 0; padding: 2px 0 1px;
border-bottom: solid 2px #fff;
color: #000;
}
#nav-global.ul-1 .a-1:hover,
#nav-global.ul-1 .active {
color: #ff6600;
border-bottom: solid 2px #ff6600;
}
/*
- footer nav
*/
#nav-footer.ul-1 {
position: absolute; right: 0; top: 30px;
font-family: Times New Roman, serif; font-size: 77%; line-height: 24px; text-transform: uppercase;
}
#nav-footer.ul-1 .li-1 {
display: inline;
}
#nav-footer.ul-1 .a-1 {
display: block; float: left;
margin-left: 12px;
color: #000;
}
#nav-footer.ul-1 .a-1:hover,
#nav-footer.ul-1 .active {
color: #ff6600;
}
/* ---
press
--- */
.press-container {
position: relative;
width: 850px; height: 350px; overflow: auto;
margin: 164px auto 24px;
}
.js .press-container {
overflow: visible;
}
.press-header {
float: left;
width: 175px; overflow: hidden;
padding-right: 55px;
}
.press-header .h-press {
height: 0; overflow: hidden;
padding-top: 12px;
background: url(/images/base.png) 0px -142px no-repeat;
margin-bottom: 16px;
}
.press-header p {
margin-bottom: 16px;
font-family: Times New Roman, serif; font-size: 100%; line-height: 16px;
}
.press-header a {
color: #ff6600;
}
.press-header a:hover {
color: #000;
}
.press-header h3 {
padding-top: 8px;
background: url(/images/header_border.gif) left top repeat-x;
font-size: 77%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.press-header .destination-collection {
}
.press-header .destination-collection li {
display: inline;
}
.press-header .destination-collection a {
display: block; float: left;
height: 0; overflow: hidden;
margin-right: 5px; padding-top: 32px;
background-image: url(/images/base.png);
background-repeat: no-repeat;
}
.press-header .destination-collection .facebook {
width: 50px;
background-position: 0px -166px;
}
.press-header .destination-collection .flickr {
width: 53px;
background-position: 0px -198px;
}
.press-header .destination-collection .youtube {
width: 56px;
background-position: 0px -230px;
}
.pressitem-collection {
float: left;
width: 620px;
}
.pressitem {
margin-bottom: 16px;
}
.pressitem-image {
float: left;
width: 125px; height: 94px; overflow: hidden;
margin-right: 16px;
}
.pressitem-image img {
display: block;
width: 100%; height: 100%;
background-color: #eee;
}
.pressitem-content {
float: left;
width: 471px;
}
.pressitem-content .pressitem-title {
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.pressitem-content .pressitem-dateline {
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px; text-transform: uppercase;
}
.pressitem-content .pressitem-copy {
height: 32px; overflow: hidden;
margin-bottom: 2px;
font-family: Times New Roman, serif; font-size: 100%; line-height: 16px;
}
.pressitem-content .pressitem-copy p {
margin-bottom: 16px;
}
.pressitem-content .open-pressitem {
color: #ff6600;
font-size: 85%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.pressitem-content .open-pressitem:hover {
color: #000;
}
.pressitem-content .close-pressitem {
display: none;
color: #ff6600;
font-size: 85%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.pressitem-link-collection {
display: none;
}
.page-collection {
position: absolute; left: 230px; top: 354px;
height: 16px;
}
.page-collection li {
display: inline;
}
.page-collection a {
display: block; float: left;
margin-right: 5px;
color: #000;
font-size: 85%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.page-collection a:hover,
.page-collection a.active {
color: #ff6600;
}
.page-collection .page-prev,
.page-collection .page-next {
width: 16px; height: 0; overflow: hidden;
padding-top: 16px;
background-image: url(/images/base.png);
background-repeat: no-repeat;
}
.page-collection .page-prev {
background-position: 0px -279px;
}
.page-collection .page-prev:hover {
background-position: 0px -263px;
}
.content .page-collection .page-prev-disabled {
background-position: 0px -263px;
cursor: default;
}
.page-collection .page-next {
background-position: -16px -279px;
}
.page-collection .page-next:hover {
background-position: -16px -263px;
}
.content .page-collection .page-next-disabled {
background-position: -16px -263px;
cursor: default;
}
.pressitem-detail {
position: absolute; left: 0; top: 0;
display: none;
}
.pressitem-detail-scrollable {
width: 850px; height: 314px; overflow: hidden;
}
.pressitem-detail .jScrollPaneDrag {
background-color: #ff6600;
cursor: default;
}
.pressitem-detail .jScrollPaneTrack {
width: 1px;
background: url(/images/scrolltrack_bg.gif) center top repeat-y;
cursor: default;
}
.pressitem-detail .pressitem-image {
width: 250px; height: 188px;
}
.pressitem-detail .pressitem-content {
float: left;
width: 550px;
}
.pressitem-detail .pressitem-content .pressitem-copy {
height: auto;
}
.pressitem-detail .open-pressitem {
display: none;
}
.pressitem-detail .close-pressitem {
display: block; float: left;
}
.pressitem-detail .link-collection {
position: absolute; left: 266px; top: 354px; z-index: 10;
}
.pressitem-detail .link-collection li {
display: inline;
}
.pressitem-detail .link-collection a {
display: block; float: left;
margin-right: 16px;
color: #ff6600;
font-size: 85%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.pressitem-detail .link-collection a:hover {
color: #000;
}
/* ---
contact
--- */
.contact-container {
position: relative;
width: 580px; height: 350px; overflow: auto;
margin: 164px auto 24px;
color: #000;
}
.contact-container .h-contact {
width: 94px; height: 0; overflow: hidden;
margin: 0 auto; padding-top: 12px;
background: url(/images/base.png) 0px -154px no-repeat;
margin-bottom: 16px;
}
.contact-container .contactitem-collection {
float: left;
width: 250px;
padding: 0 20px;
text-align: right;
}
.contact-container .contactitem {
}
.contact-container .contactitem h2 {
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.contact-container .contactitem .contactitem-body {
margin-bottom: 16px;
font-family: Times New Roman, serif; font-size: 100%; line-height: 16px;
}
.contact-container .contactitem a {
color: #ff6600;
}
.contact-container .contactitem a:hover {
color: #000;
}
.contact-container .contact-form {
float: left;
width: 250px;
padding: 0 20px;
}
.contact-container .contact-form h2 {
margin-bottom: 5px;
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.contact-container .contact-confirmation {
display: none; float: left;
width: 250px;
padding: 0 20px;
}
.contact-container .contact-confirmation h2 {
color: #f60;
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px; font-weight: bold; text-transform: uppercase;
}
.contact-container .contact-confirmation p {
font-family: Times New Roman, serif; font-size: 93%; line-height: 16px;
}
/* ---
footer forms
--- */
/*
- invite
*/
.modal-overlay {
position: fixed; left: 0; top: 0; z-index: 1002;
display: none;
width: 100%; height: 100%;
background-color: #fff;
}
.modal-container {
position: absolute; left: 0; top: 50px; z-index: 1002;
display: none;
background-color: #fff;
}
.modal-container .form {
position: relative;
width: 250px;
padding: 34px;
}
.modal-container .close-modal {
position: absolute; right: 14px; top: 8px;
display: block;
height: 20px;
padding-right: 12px;
background: url(/images/close.png) 100% 0 no-repeat;
color: #000;
font-family: Times New Roman, serif; font-size: 77%; line-height: 20px; font-weight: bold; text-transform: uppercase;
}
.modal-container .form .close-modal {
right: 8px; top: 0;
}
.modal-container h4 {
margin-bottom: 14px;
font-family: Times New Roman, serif; font-size: 93%; line-height: 14px; font-weight: bold; text-transform: uppercase;
}
.modal-container h5 {
margin-bottom: 4px;
font-family: Times New Roman, serif; font-size: 100%; line-height: 14px; text-transform: uppercase;
}
.modal-container p {
margin-bottom: 14px;
font-family: Times New Roman, serif; font-size: 100%; line-height: 14px;
}
/* scrollable */
.modal-scrollable {
width: 284px; height: 438px; overflow: hidden;
padding: 34px 14px 20px 20px;
}
.modal-scrollable .scrollable {
height: 410px; overflow: hidden;
}
.modal-scrollable .jScrollPaneDrag {
background-color: #ff6600;
cursor: default;
}
.modal-scrollable .jScrollPaneTrack {
width: 1px;
background: url(/images/scrolltrack_bg.gif) center top repeat-y;
cursor: default;
}
/* ---
common
--- */
/*
- logo
*/
.logo {
position: absolute; right: 0; top: 20px;
display: block;
width: 265px; height: 0; overflow: hidden;
padding-top: 142px;
background: url(/images/base.png) 0px 0px no-repeat;
}
/*
- border
*/
.border-container {
position: relative;
width: 100%; height: 100%;
}
.border-outer {
padding: 2px;
border: solid 3px #ff6600;
}
.content .border-outer {
}
.border-inner {
border: solid 1px #ff6600;
}
.border-content {
}
/*
- forms
*/
/* buttons */
.form .button-collection {
}
.form .button-collection li {
display: inline;
}
.form .button-collection a {
display: block; float: left;
margin-right: 12px;
color: #f60;
font-family: Times New Roman, serif; font-size: 93%; font-weight: bold; line-height: 16px; text-transform: uppercase;
}
.form .button-collection a:hover {
color: #000;
}
/* fields */
.form .field-collection {
}
.form .field-collection .field {
padding-bottom: 15px;
}
.form .field-collection .textbox-container {
display: block;
padding: 1px;
border: solid 1px #666;
}
.form .field-collection .textbox {
display: block;
width: 236px; height: 14px;
padding: 2px 4px 1px;
border: solid 1px #cacaca;
}
.form .field-collection .textbox input {
width: 100%; height: 100%;
border: 0;
background: none;
color: #666;
font-family: Times New Roman, serif; font-size: 11px; text-transform: uppercase;
}
.form .field-collection .textarea-container {
display: block;
padding: 1px;
border: solid 1px #666;
}
.form .field-collection .textarea {
display: block;
width: 236px; height: 56px;
padding: 2px 4px 1px;
border: solid 1px #cacaca;
}
.form .field-collection .textarea textarea {
width: 100%; height: 100%; overflow: auto;
border: 0;
background: none;
color: #666;
font-family: Times New Roman, serif; font-size: 11px; line-height: 14px; text-transform: uppercase;
}
.form .field-collection .select-container {
display: block;
padding: 1px;
border: solid 1px #666;
}
.form .field-collection select {
width: 246px; height: 19px;
background: #fff; color: #666;
border: solid 1px #cacaca;
font-family: Times New Roman, serif; font-size: 11px; line-height: 19px; text-transform: uppercase;
}
.form .checkbox {
width: 242px;
margin-bottom: 15px; padding: 3px;
}
.form .checkbox input {
display: block; float: left;
margin-right: 5px;
}
.form .checkbox label {
display: block; float: left;
width: 200px;
font-family: Times New Roman, serif; font-size: 85%; line-height: 16px;
}
.form .field-collection .validation-failed,
.form .validation-failed {
border: solid 1px #ff6600;
color: #f60;
}
.form .field-collection p {
color: #666;
font-family: Times New Roman, serif; font-size: 10px; line-height: 16px;
}