/* *
 * CORE STYLES
 * * * * * * * * * */
html, body, #container, #left { height: 100%; }
body { background: url(../img/bg.jpg) repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
p { margin-bottom: 12px; }
a { color: #656565; outline: none; }
.clear { clear: both; }
#container { background: url(../img/bg_flower2.png) no-repeat 259px 0; }
#left { width: 454px; float: left; color: #FFF; }
#left #navigation { list-style: none; height: 19px; margin-right: 100px; z-index: 10; }
#left #navigation li { background: url(../img/nav_sep.gif) right top no-repeat; float: right; position: relative; }
#left #navigation li ul { display: none; }
#left #navigation a { color: #BABABC; text-decoration: none; text-transform: lowercase; float: right; margin: 0 6px; }
#right { margin-left: 454px; padding-top: 92px; }
#right #page-title { z-index: 0; display: inline; }
#right h2.page-title { font-size: 52px; padding-left: 28px; line-height: normal; display: inline; }
#right #content { width: 486px; height: 300px; background: url(../img/bg_body.png); padding: 25px 15px; }
#right #content .content-copy { font-family: Arial, Helvetica, sans-serif; height: 300px; width: 400px; }
#right #content .content-copy div.copy { height: 300px; }
#right #content .content-copy table { margin-bottom: 12px; width: 100%; }
#logo { margin-left: 46px; margin-top: 60px; }
#logo a { position: relative; display: block; width: 307px; height: 230px; }
#logo a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 url(../img/logo_studio_luxe.gif) no-repeat left top; }
#child-pages { margin-left: 12px; z-index: 100; display: inline; position: relative; }
#child-pages a { margin-right: 12px; }
#content h2 { font-size: 16px; font-weight: bold; margin-bottom: 12px; }
#content ul { margin: 0 0 0 12px; }
.alt-row { background: #BBB; }
body.pages.home  { background: #000; }

.cufon { margin-top: 9px; z-index: 0; }
span.spacer { display: inline-block; width: 24px; }

/* *
 * FORM STYLES
 * * * * * * * * * * */
.error-message { color: #C00; }
#flashMessage.message { margin-bottom: 12px; color: #3A7282; font-weight: bold; }

/* *
 * PAGE SPECIFIC LAYOUT STYLES
 * * * * * * * * * * */
body.team #right #content { width: 500px; background: none; padding: 0; height: 475px; }
body.team #right #content .content-copy { width: 500px; }
body.skin #right #content .content-copy { width: 500px; overflow: hidden; }
body.skin #right #content .content-copy .jScrollPaneTrack { display: none; }
body.skin #right #content .content-copy .jScrollArrowUp { display: none; }
body.skin #right #content .content-copy .jScrollArrowDown { display: none; }

body.site-map #right #content .content-copy a { text-decoration: none; padding: 0 12px; color: #333; display: block; }
body.site-map #right #content .content-copy ul { list-style: none; margin: 0; }

#footer { margin: 12px 16px; line-height: 24px; }
#footer div { float: left; margin-right: 6px; }
#footer div a { margin-right: 6px; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

skin-bg { background: url(../img/skin-bg.jpg); }

body.pages.team #content a img { float: left; }
/*body.pages.team #content a { display: block; position: absolute; }
body.pages.team #content a#candice { width: 129px; height: 197px; left: 0; top: 0; }
body.pages.team #content a#mai { width: 129px; height: 197px; left: 128px; top: 0; }
body.pages.team #content a#devon { width: 194px; height: 129px; left: 256px; top: 0; }
body.pages.team #content a#nickol { width: 129px; height: 196px; left: 0; top: 196px; }
body.pages.team #content a#dena { width: 129px; height: 196px; left: 128px; top: 196px; }
body.pages.team #content a#lara { width: 194px; height: 135px; left: 256px; top: 128px; }
body.pages.team #content a#karen { width: 194px; height: 129px; left: 256px; top: 262px; }
body.pages.team #content a#mahria { width: 129px; height: 196px; left: 0; top: 390px; }
body.pages.team #content a#annie { width: 129px; height: 196px; left: 321px; top: 390px; }
body.pages.team #content a#rosie { width: 194px; height: 154px; left: 128px; top: 390px; }
body.pages.team #content img { border: 1px solid #FFF; }*/

/* *
 * JSCROLL STYLES
 * * * * * * * * * */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; float: left; outline: none; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #FFF; }
.jScrollPaneDrag { position: absolute; background: #BBB; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(../img/basic_arrow_up.gif); }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(../img/basic_arrow_down.gif); }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/* *
 * JQUERY POPUP STYLES
 * * * * * * * * * */
#overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); *background: #fff; *filter: alpha(opacity=40); display: none; z-index:9999; }
#lightbox { position: fixed; _position: absolute; top: 50%; left: 50%; padding: 10px; background: #fff; width: 600px; height: 495px; margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#lightbox .target {  }
#lightbox .target img { margin-right: 12px; float: left; border: 1px solid #CCC; }
#lightbox.loading { background: #fff url('/images/loading-lightbox-demo.gif') no-repeat 50% 50%; }
#lightbox a.close { color: #111; background: #fff; position: absolute; right: 0; top: 0; display: block; font-size: 10px; z-index: 5; padding: 8px 14px 4px 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }    
#lightbox a.prev, #lightbox a.next { position: absolute; top: 50%; left: 0; padding: 5px; background: #fff; margin-top: -0.5em; width: 6em; text-align: center; opacity: 0.5; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#lightbox a.next { left: auto; right: 0; }    
#lightbox a:hover.prev, #lightbox a:hover.next { opacity: 1; }

#slider {
    width: 428px; /* important to be same as image width */
    height: 231px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 428px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	list-style: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 408px;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    display: none;
}

.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}


/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider { width: 460px; height: 53px; position: relative; margin: 12px 0 0 18px; padding-bottom: 8px; }
.anythingSlider .gallery-container { width: 460px; overflow: hidden; height: 53px; position: absolute; top: 0; left: 0; }
.anythingSlider .gallery-container ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider .gallery-container ul li { display: block; float: left; padding: 0; height: 70px; width: 460px; margin: 0; }
.anythingSlider .gallery-container ul li a { margin-right: 7px; }
.anythingSlider .gallery-container ul li img { border: 1px solid #FFF; }
.anythingSlider .arrow                  { display: block; height: 70px; width: 15px; background: url(../img/slideshow_arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: -15px 0; left: -25px; }
.anythingSlider .back                   { background-position: 0 0; left: -40px; }

.thumbNav                               { position: relative; top: 240px; text-align: center; display: block; }
.thumbNav li                            { display: none; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop { z-index: 10; display: none; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; top: 50px; right: 45px; }
.start-stop.playing                     { background-color: red; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .gallery-container ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .gallery-container ul ul li       { float: none; height: auto; width: auto; background: none; }
	
	
/* *
 * CONTACT STYLES
 * * * * * * * * * */
.contact #right #content .content-copy { height: auto; }
#contact-form { font-family: Arial, Helvetica, sans-serif; }
#contact-form div.input { margin-bottom: 12px; }
#contact-form label { display: block; }
#contact-form textarea { width: 380px; height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }