/* page elements */
html { font-family:Universe, Helvetica, Arial, "sans-serif"; min-height:100%; height:100%; }
body { font-family:Universe, Helvetica, Arial, "sans-serif"; background:url(../images/background-vertical.gif) repeat-x; min-height:100%; margin:0; padding:0;  }
img :active{ border:none; outline:0 }
p { margin:10px 0; color:#ccc; }
h1 { font-size:24px; color:#999; text-transform:uppercase }
h2 { font-size:20px; }
h3 { font-size:16px; }
br {  }


/* page elements */
#page { min-height:100%; margin:0 auto; }
#header { width:800px; height:92px; }
#header-container { }
#logo { float:left; top:26px; left:0px; position:relative; border:none }
#contact { float:right; top:26px; position:relative; color:#ddd; font-size:14px; font-weight:normal; text-align:middle; }
#stage-container { width:100%; }
#main-stage { height:520px; }
#footer { position:relative; width:800px; height:30px; background:url(../images/footer.png) center bottom no-repeat; }
#footer div { text-align:left; color:#ccc; position:absolute; bottom:0; font-size:11px; }

/* page styles */
#contact .contact-pink { line-height:16px; color:#f69; text-transform:uppercase; font-size:16px; font-weight:bold; }
#contact a, #contact a:hover, #contact a:visited, #contact a:active{ color:#ddd; text-decoration:none; }

/* scrims */
#top-scrim { position:absolute; width:100%; top:0; height:167px; background:black; opacity:0.45; filter:alpha(opacity=45); }


/* helpers */
.top-buffer { padding-top:50px; }


/* preloader */
.preloader-overlay { position:absolute; background-color:#000; height:520px; width:100%; z-index:0; top:167px; left:0; opacity:0.15; filter:alpha(opacity=15); }


/* nav tabs */
.tab { margin-right:40px; }
#tabs { height:34px; }
#tabs-container { height:34px; text-align:center; width:900px; min-width:900px; }
#tab-list { height:34px; margin:0 auto; padding:0; }
#tab-list li { width:50px;  height:34px; display:inline; margin:0 auto; padding:0; }
#tab-list li a { width:50px; height:34px; border:none; outline:0; }
#tab-list li a img { border:none }


/* subnav */
#subnav { width:800px; height:41px; margin:0; padding:0; }
#subnav .subnav-list { margin:0 auto; padding:0; height:41px; }
#subnav .subnav-list li {  display:inline; margin:0 20px 0 4px;  }
#subnav .subnav-list li a { padding:2px 0 2px 25px; background:url(../images/slide_nav_unselected.gif) left center no-repeat; text-decoration:none; line-height:37px; text-transform:uppercase; color:#999; font-size:11px; outline:0; border:none; }
#subnav .subnav-list li a:hover { color:#ddd; background:url(../images/slide_nav_hover.gif) left center no-repeat; }
#subnav .subnav-list li a.selected { color:#91B4ED; background:url(../images/slide_nav_selected.gif) left center no-repeat; }


/* slideshow body */
#slider { text-align:center; height:520px; }

ul.first-image { width:100%; }
ul.first-image li { left:0; display:inline; }


/* slideshow background buttons */
#bg-prev-btn { width:100%; height:520px; display:block; outline:0; border:none; cursor:hand; }
#bg-next-btn { width:100%; height:520px; display:block; outline:0; border:none; cursor:hand; }
#bg-prev-btn-container { float:left; width:50%; height:520px; }
#bg-next-btn-container { float:right; width:50%; height:520px; }
#bg-btn-container { position:absolute; top:167px; width:100%; cursor:hand; }


/* Slideshow buttons/controls */
#navigation { width:800px; height:37px; margin:5px 0 0 0; padding:0; }
#slide-controls-container { height:37px; }
ol#slide-controls { text-align:center; width:600px; margin:0 auto; padding:0; border:none; z-index:100; }
ol#slide-controls li { height:23px; width:21px; margin:2px 0; padding:0; list-style:none; display:inline; }
ol#slide-controls li a { height:23px; padding:8px; width:21px; background:url(../images/slide_nav_unselected.gif) center center no-repeat; text-decoration:none; border:none; outline:0; margin:0; display:inline; }
ol#slide-controls li.current a { background:url(../images/slide_nav_selected.gif) center center no-repeat; }
ol#slide-controls li.hover a { background:url(../images/slide_nav_hover.gif) center center no-repeat; }

.customNextBtn { outline:0; border:none }
#controls-prev { float:left; width:43px; height:37px; }
#controls-prev a { border:none; outline:0; width:43px; height:37px; display:block; background:url(../images/arrow_left_unselected.gif) top center no-repeat; }
#controls-prev a:hover { background:url(../images/arrow_left_hover.gif) top center no-repeat; }
#controls-middle { margin:0; padding:10px 0; height:17px; width:700px; float:left; }
#controls-next { float:right; width:43px; height:37px; }
#controls-next a { border:none; outline:0; width:43px; height:37px; display:block; background:url(../images/arrow_right_unselected.gif) top center no-repeat; }
#controls-next a:hover { background:url(../images/arrow_right_hover.gif) top center no-repeat; }

/* home page */
.bg-image { position:absolute; top:0; left:0; height:100%; overflow:none; z-index:2; }
#bg-image2 { position:absolute; top:0; left:0; height:100%; overflow:none; z-index:1; }
#home-page { min-height:100%; }
#home-sidebar { position:fixed; top:0; left:0; width:175px; height:100%; min-height:100%; background:#000; opacity:0.75; filter:alpha(opacity=75); z-index:10; }
#home-sidebar-nav { position:absolute; top:20%; left:20px; }
#home-sidebar-nav img { border:0 }
#home-sidebar-footer { left:20px; bottom:20px; position:absolute; }
#home-contact { left:200px; top:20px; position:fixed; z-index:200; color:#ddd; font-size:16px; line-height:16px; }
#home-contact .contact-pink { line-height:16px; color:#f69; text-transform:uppercase; font-size:16px; font-weight:bold; }
#home-contact a, #contact a:hover, #contact a:visited, #contact a:active{ color:#ddd; text-decoration:none; }
#home-contact a:hover, #contact a:hover{ color:#eee; }
#home-footer { color:#ccc; font-size:12px; left:200px; bottom:20px; position:fixed; z-index:200; }

/* content */
.scrollable-content { height:500px; width:100%; padding-top: 10px; outline:0; border:none; }
.scrollable-content .pane { text-align:left; width:800px; height:500px; outline:0; border:none; }
.scrollable-content .pane h1 { color:#F0EB71; font-size:36px; margin:14px 0 24px 0 }
.scrollable-content .pane h3 { color:#ddd; font-weight:bold; margin:8px 0 8px 0 }
.scrollable-content .pane p { line-height:18px; font-size:15px; }
.scrollable-content .pane .spacer { margin:8px 0 36px 0 }
.scrollable-content .pane a { color:#EB6EA4; font-weight:bold; text-decoration:none; }

.page-style h1 { color:#F0EB71; font-size:36px; margin:14px 0 24px 0 }
.page-style h3 { color:#ddd; font-weight:bold; margin:8px 0 8px 0 }
.page-style p { line-height:18px; font-size:15px; }
.page-style a { color:#EB6EA4; font-weight:bold; text-decoration:none; }

.form-element { color:#333; font-size:16px; padding:4px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border:2px solid #555; margin-bottom:18px; background:#888; }

/* pages */
.faq {}
.clients {}
.clients ul { width:100%; margin:0; padding:0; list-style:none; }
.clients ul li { line-height:1.6em; font-size:.9em; color:#ddd; width:200px; margin:0; padding:0; }
.clients ul li.col1 { margin-left:0; }
.clients ul li.col2 { margin-left:250px; }
.clients ul li.col3 { margin-left:500px; }
.clients ul li.reset { margin-top:-20.8em; }
.clients-bg-image { background:url(../images/about-clients-footer.png) bottom center no-repeat; }
.album {}
.album-bg-image { background:url(../images/about-album-bg.png) bottom center no-repeat; }
form p { position:relative; padding:0; margin:0; line-height:12px; }
label  { position:absolute; top:0; left:0; padding:6px; }
#form-submit { font-size:14px; background:#eee; }

.clients-column { color:#ccc; float:left; width: 250px; font-size:14px; line-height:18px; }

/* testimonials */
.testimonials a.slide-link { padding:2px 0 2px 25px; background:url(../images/bullet_slide_blue.png) left center no-repeat; text-decoration:none; line-height:37px; text-transform:uppercase; color:#91B4ED !important; font-size:14px; outline:0; border:none; }
.testimonials a.slide-link:hover { color:#eee; }
.testimonials-content-left {}
.testimonials-content-right { float:left; width:400px; margin-left:50px; }
.testimonials-content-right p { margin-bottom:20px; line-height:14px; }
.testimonials h2 { margin-top:10px; color:#808080; font-size:24px !important; font-weight:bold; }
.testimonials span { color:#eee; font-size:12px; font-weight:bold; text-transform:uppercase; }

/* press page */
.timeline-container { position:relative; text-align:left; width:800px; height:520px; overflow:hidden; }

.timeline-labels { height:250px; text-align:right; float:left; width:150px; margin-right:12px; }
.timeline-labels h2 { margin-top:-5px; color:#808080; font-size:24px !important; font-weight:bold; }
.timeline-labels span { margin-top:4px; color:#eee; font-size:12px; font-weight:bold; text-transform:uppercase; }

.timeline { float:left; width:50px; height:250px; }
#timeline-scrollable { padding-top:90px; }
.timeline-image-nubbin { float:left; width:20px; height:200px; margin-top:-15px; }
.timeline-image { float:left; width:270px; height:220px; background:#b3b3b3; margin-top:-50px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius: 20px; }
.timeline-image img { border:0; padding:20px; }
.timeline-content { margin-left:20px; margin-top:-15px; float:left; width:200px; height:200px; }
.timeline-content h2 { text-transform:uppercase; color:#B3B3B3; }
.timeline-content span { margin-top:10px; color:#eee; font-size:12px; }
.timeline-content a { padding:2px 0 2px 25px; background:url(../images/bullet_slide_blue.png) left center no-repeat; text-decoration:none; line-height:37px; text-transform:uppercase; color:#91B4ED; font-size:14px; outline:0; border:none; }
.timeline-content a:hover { color:#eee; }

#timeline-button-up { float:left; position:absolute; top:20px; left:150px; background:url(../images/timeline-button-up.png) no-repeat; width:43px; height:40px; z-index:10; cursor:pointer }
#timeline-button-down { float:left; position:absolute; top:270px; left:150px; background:url(../images/timeline-button-down.png) no-repeat; width:43px; height:40px; z-index:10; cursor:pointer }


