/*=======================================================
 CSS Document for The Scene Team
=======================================================*/

/*=============================================================
	Main containers
=============================================================*/

.bg-wrapper					{ width: 100%; height: 100%; display: block; background: none; /*background: url('../images/core/bg-wrapper.jpg') no-repeat 50% 0;*/ overflow: hidden; }
.bg-album						{ width: 100%; height: 1130px; display: block; background: url('../images/core/bg-book.jpg') no-repeat 50% 220px; }
#container						{ width: 990px; height: auto; display: block; margin: 0 auto; background: none; clear: both; }
.bg-wrapper:after ,.bg-album:after, #container:after		{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body#about-page .bg-album { height: 1090px; background: url('../images/core/bg-book2.jpg') no-repeat 50% 220px; }
body#client-page .bg-album { height: 1090px; background: url('../images/core/bg-book4.jpg') no-repeat 50% 180px; }
body#gallery-page .bg-album { height: 1100px; background: url('../images/core/bg-book3.jpg') no-repeat 50% 190px; }
body#forms-page .bg-album { height: 1100px; background: url('../images/core/bg-bookform.jpg') no-repeat 50% 220px; }

/*=============================================================
	Header section
=============================================================*/

#header		{ width: 990px; height: 180px; float: left; display: block; clear: both; }
#logo a		{ width: 250px; height: 180px; float: left; background: url('../images/core/logo.gif') no-repeat 0 0; text-indent: -9999em; display: inline; text-decoration: none; overflow: hidden; }
/* navigation */
ul#nav			{ width: 660px; height: 65px; float: right; display: inline; margin: 65px 5px 0 0; overflow: hidden; }
ul#nav li		{ display: inline; position: relative; margin-left: 5px; float: left; }
ul#nav li.gap		{ margin: 0!important; }
ul#nav a	{ width: 110px; height: 65px; overflow: hidden; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover 		{ background-position: 0 -130px!important; }
ul#nav li.smaller a { width: 75px!important; }
/*img background*/
a#navforms			{ background: url('../images/core/nav-forms.jpg') no-repeat 0 -65px; }
a#navhome			{ background: url('../images/core/nav-home.jpg') no-repeat 0 -65px; }
a#navabout		{ background: url('../images/core/nav-about.jpg') no-repeat 0 -65px; }
a#navgallery		{ background: url('../images/core/nav-gallery.jpg') no-repeat 0 -65px; }
a#navclient			{ background: url('../images/core/nav-client.jpg') no-repeat 0 -65px; width: 115px!important; }
a#navcontact	{ background: url('../images/core/nav-contact.jpg') no-repeat 0 -65px; }
/*on stage*/
body#home-page a#navhome, body#about-page a#navabout, body#gallery-page a#navgallery, body#client-page a#navclient, body#contact-page a#navcontact, body#forms-page a#navforms { background-position: 0 0!important; }

/*=============================================================
	Main body - left + right
=============================================================*/

#contents-area-container { width: 975px; height: auto; float: left; position: relative; z-index: 20; display: block; margin-top: 70px; clear: both; }
body#gallery-page #contents-area-container { margin-top: -35px;  }
.panel { width: 480px; }
* ht\ml .floatR { position: relative; width: 465px!important; }
.text { width: 385px; display: inline; float: left; margin: 0 0 0 30px; }
#scrolltext { height: 420px; overflow: auto; padding-right: 15px; position: relative; }
#scrolltext p { text-align: left!important; }
.centered { float: right; margin: 0 15px 0 0; }
.centered h2, .centered p { text-align: center!important; }
body#client-page .text { width: 900px; margin: 0 0 0 30px; float: left; height: 700px; clear: both; }
*:first-child+html body#client-page .text { height: 680px; }
body#gallery-page .text { width: 940px; height: 550px; margin: 0 0 180px 30px; }
body#gallery-page.gallery .text { width: 915px; height: 680px; margin: 0 0 50px 0; padding: 0 0 0 60px; background: url('../images/core/bg-book3a.jpg') no-repeat 0 0; }
* ht\ml body#gallery-page .text { margin-bottom: 125px!important;  }
* ht\ml body#gallery-page.gallery .text { margin-bottom: 50px!important;  }
/*fb widget*/
#fblike { float:right; position: relative; z-index:100; background-color:#fff; overflow:hidden; width:200px; height:420px; border-top:1px solid #ccc; margin:0 0 15px 15px; }
#fblike p { margin: 0; width: 180px; height: 18px; padding: 2px 10px 0 10px; display: block; position: relative; z-index: 200; overflow: hidden; background-color: #5D9DD7; color: #fff; font-size: 12px; text-transform: uppercase; line-height: 15px; }

/*coinslider-images*/
ul#past-shoots { width: 440px; height: 315px; overflow: hidden; float: right; padding: 0; margin: 70px 0 0 0; }
ul#past-shoots li { width: 440px; height: 315px; float: left; overflow: hidden; clear: both; display: block; }
#event-here { position: relative; width: 440px; height: 230px; overflow: hidden; float: right; padding: 0; margin: 35px 0 30px 0; }
#event-here a { width: 440px; height: 230px; background: url('../images/core/img-events.gif') no-repeat 0 0; display: block; text-indent: -9999em; position: relative; z-index: 90; margin-bottom: -230px; }
#event-here li { width: 440px; height: 230px; float: left; overflow: hidden; clear: both; display: block; }

/*h1 background*/
h1 { text-indent: -9999em; margin-bottom: 10px; display: block; }
body#home-page h1 { background: url('../images/core/h1-home.gif') no-repeat; height: 100px; }
body#forms-page h1 { background: url('../images/core/h1-forms.jpg') no-repeat; height: 100px; }
body#about-page h1 { background: url('../images/core/h1-about.jpg') no-repeat; height: 100px; }
body#client-page h1 { background: url('../images/core/h1-testimonials.gif') no-repeat; height: 100px; }
body#gallery-page h1 { background: url('../images/core/h1-gallery.jpg') no-repeat 0 0; height: 150px; float: right; width: 470px; margin: 0 75px 0 0;}
/*body#gallery-page.gallery h1 { background: url('../images/core/h1-gallery1.jpg') no-repeat 0 0!important; }*/
body#contact-page h1 { background: url('../images/core/h1-contact.gif') no-repeat; height: 100px; }

/*featured-news*/
#featured-news { position: relative; font-size: 1.3em; width: 410px; height: 51px; padding: 44px 20px 10px 20px; float: right; margin: -90px 15px -15px 0; clear: both; display: inline; background: url('../images/core/bg-news.jpg') no-repeat 0 0; }
body#about-page #featured-news { background: url('../images/core/bg-news2.jpg') no-repeat 0 0!important; }
body#client-page #featured-news { background: url('../images/core/bg-news3.jpg') no-repeat 0 0!important; }
#featured-news h4, #featured-news p { font-size: 1em; line-height: 17px; margin: 0; color: #000; }
#featured-news span.date { display: none!important; }

/*news section oin contact us page*/
#news {  position: relative; z-index: 60; font-size: 1em!important; width: 435px; height: 465px; padding: 20px 15px 10px 15px; float: right; margin: -90px -15px -20px 0;  display: inline; background: url('../images/core/bg-news-full.jpg') no-repeat 0 0; }
#news h2 { height: 50px; text-indent: -9999em; }
#news ul { list-style: none; margin: 0; height: 355px; overflow: auto; width: 420px; padding-right: 10px; float: left; display: block; position: relative; }
#news li  { font-size: 1em; width: 410px; clear: both; float: left; display: inline; margin: 0 0 20px 0; }
span.date { color: #e72200!important; font-size: 1em; font-weight: normal; padding-right: 10px; }
#news li#featured { padding: 10px 0; width: 410px; background-color: #000; display: block; }
#featured h4 { color: #f29300; }
#featured p { color: #fff; }
#news h4, #news p, #news a { margin: 0; padding: 0 10px; line-height: 16px; }
#news h4 { margin: 0 0 4px 0; }
#news em { font-weight: bold; color: #F90; }

/*twitter feed
#tweet { width: 255px; height: 250px; float: right; display: block; padding: 5px; color: #fff; margin: 140px 75px 25px 0; overflow: auto; position: relative; }
#tweet li { font-size: 1.2em; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #666; line-height: 16px; color: #fff;  }
#tweet li .twitterTime { color: #0CC;  font-size: 11px; }*/

/*staff photos*/
#staff-area { width: 360px; height: 360px; float: right; display: block; background-color: #000; margin: 110px 47px 190px 0; overflow: hidden; position: relative; }
ul#staffs { margin: 0!important; list-style: none!important; width: 360px; height: 360px; overflow: hidden!important; display: block; text-align: center; }
ul#staffs li { width: 360px; height: 360px; float: left; display: block; clear: both; }
/*weddings*/
a#weddings { background: url('../images/core/btn-click.gif') no-repeat 0 0; float: right; margin: 0 170px 50px 0; width: 100px; height: 35px; text-indent: -9999em; text-decoration: none; overflow: hidden; }
a#weddings:hover { background-position: 0 -35px!important; }

/*gallery*/
ul#showcase { width: 940px; height: 520px; overflow: hidden; display: block; float: left; margin-top: -10px;clear: both; position: relative; }
ul#showcase li { position: relative; z-index: 20; font-size: 0.9em; width: 350px; height: 225px; margin: 0 10px 10px 30px; padding: 15px 25px 10px 25px;  background: url('../images/core/bg-category.jpg') no-repeat 0 0; display: inline; float: left; }
ul#showcase li img { width: 350px; height: 190px; background-color: #000; clear: both; line-height: 0; text-align: center; }
ul#showcase li h2 { font-weight: normal; height: 25px; text-align: center!important; margin: 0 10px; padding-top: 5px;  }
ul#showcase li a { color: #000; }
ul#showcase li:hover a, ul#showcase li a:hover	{ color: #e72200; font-weight: bold; text-decoration: none; }
/*moving images category*/
ul#showcase li#moving-category { position: absolute!important; z-index: 50!important; top: 90px; left: 300px; width: 300px!important; height: 300px!important; margin: 0!important; padding: 0!important; background: url('../images/core/bg-category2.png') no-repeat 0 0!important; display: block!important; }
ul#showcase li#moving-category img { width: 300px!important; background-color: transparent!important; height: 235px!important; }
ul#showcase li#moving-category h2 { height: 65px!important; margin: 0 10px; padding: 0; }
ul#showcase li#moving-category h2 span { display: block; font-size:1.2em; line-height:25px; height: 25px!important; color: #C00!important; font-weight: bold; }

/*showcase inner*/
.crumbs { text-align: left; height: 40px; padding-top: 15px; margin: 0; }
#flash-gallery, object#flash-gallery { width: 880px; height: 520px; margin: -15px 0 0 0; float: left; display: block; background: url('../images/core/bg-logo-alpha.gif') no-repeat 50% 0; display: block; position: relative; z-index: 100; }
p.center { text-align: center; font-size: 1.4em; color: #fff!important; width: 265px; display: block; height: 45px; clear: both; position: relative; z-index: 110; top: -10px; margin: 0; }
p.center a { color: #fff!important; }
/*moving images inner*/
ul#video-listing { list-style: none; margin: 0; padding: 00; float: left; display: inline; width: 320px; height: 452px; position: relative; overflow: auto; }
ul#video-listing li { color: #fff; font-size: 1.3em; list-style: none; clear: both; display: block; width: 270px; height: 90px; overflow: hidden; padding: 5px 5px 5px 30px; margin: 0 0 2px 0; background: #000 url('../images/core/bg-listing.gif') no-repeat 0 0; }
ul#video-listing li.selected { background: #363636 url('../images/core/bg-listing.gif') no-repeat 0 -100px!important; }
ul#video-listing li h3 { font-size: 1.1em; margin-bottom: 5px; color: #F90; height:15px; }
ul#video-listing li h3 a { color: #F90; }
ul#video-listing li p { text-align: left; margin-bottom: 5px; font-size: 0.9em; color: #e2e2e2; line-height: 14px; }
#player-container { float: left; background-color: #141414; border: 1px solid #242424; width: 540px; padding: 10px; height: 430px; display: inline; overflow: hidden; }
#player-container h3 { height: 30px; margin: 0; color: #fff; }
#flow-player { background-color: #252525; width: 540px; height: 400px; display: block; margin: 0 auto; text-align: center; }
#flow-player p { text-align: left; padding: 5px 10px 0 10px; margin-bottom: 15px; color: #fff; }
.negative-space { clear: both; display: block; height: 55px; }

/*forms listings */
h2#title-listing { padding: 30px 0 0 10px; color: #000; margin: 0; height: 45px; }
ul#forms-listing { width: 430px; height: 580px; float: left; margin: 0 0 0 10px; padding-right: 20px; position: relative; clear: both; display: inline; overflow: auto; }
ul#forms-listing li { display: block; float: left; clear: both; height: auto; padding-bottom: 10px; border-bottom: 1px dotted #000; margin-bottom: 10px; }
ul#forms-listing li .thumb { width: 120px; height: 120px; display: inline; float: right; margin: 0 0 0 15px; border-left: 1px solid #dfc297; padding: 0 0 0 10px; }
ul#forms-listing li h3, ul#forms-listing li p { margin-bottom: 8px; }
ul#forms-listing li a { background: url('../images/core/icon-pdf.gif') no-repeat 0 0; padding-left: 25px; }
body#forms-page h3 span { font-size: 0.7em; vertical-align:middle; color: #000; }
span.newtxt { visibility: hidden; }
body#form-page.ssl span.newtxt { visibility: visible!important; }

/*testimonials*/
ul#testimonials { width: 900px; height: auto; float: left; margin: -50px 0 170px 0; display: block; overflow: hidden!important; }
*:first-child+html ul#testimonials { margin-bottom: 150px; }
* ht\ml ul#testimonials { margin-bottom: 90px!important; }
ul#testimonials li { width: 380px; height: auto; float: left; display: inline-block; margin: 0 70px 20px 0; position: relative; z-index: 60; }
ul#testimonials li.first { margin-top: 50px; margin-bottom: 0; }
ul#testimonials li .thumb { width: 110px; height: 40px; float: left; display: inline; padding: 90px 5px 10px 5px; margin: 0 15px 0 0; background: url('../images/core/bg-photo.gif') no-repeat 0 0; }
/*ul#testimonials li .thumb { width: 110px; height: 105px; float: left; display: inline; padding: 25px 5px 10px 5px; margin: 0 15px 0 0; background: url('../images/core/bg-photo.gif') no-repeat 0 0; }
.thumb img { width: 90px; height: 55px; overflow: hidden; margin: 0 0 10px 11px; padding: 0; display: block; clear: both; line-height: 0; }*/
.thumb h4 { font-weight: normal; text-align: center; font-size: 1em; line-height: 11px; }
ul#testimonials p { line-height: 16px; margin-top: 8px; }

/*hand card section ONLY on homepage*/
.hand-card-container { width: 1070px; height: 500px; display: block; float: left; position: relative; z-index: 50; margin: -280px 0; left: -305px; }
* ht\ml .hand-card-container { position: absolute!important; left: -305px!important; bottom: 400px; }
#hand-card, object#hand-card { width: 1070px; height: 500px; display: block; position: absolute; top: 0; z-index: 55; left: auto; }
#hand-card-contents { position: relative; z-index: 60; width: 305px; height: 335px; float: right; display: inline; padding: 0 25px 0 40px; margin-right: 365px; background: url('../images/core/bg-form.jpg') no-repeat 0 0; }
* ht\ml #hand-card-contents { margin-right: 360px!important; }
#hand-card-contents h2 { text-indent: -9999em; height: 60px; margin: 0; display: block; }
#hand-card-contents h3 { font-style: italic; font-size: 1.5em; font-weight: normal!important; color: #434343; line-height: 22px; height: 55px; overflow: hidden; margin: 0; }
#hand-card-contents strong { font-weight: normal; }
#hand-card-contents img { vertical-align: middle; }
#hand-card-contents form.cmxform ol { position: relative; z-index: 60; width: 305px; height: 165px; overflow: hidden; }
#hand-card-contents form.cmxform li { float: left!important; display: inline; }
#hand-card-contents form.cmxform li label { width: 0!important; height: 0!important; text-indent: -9999em!important; line-height: 0!important; margin: 0!important; display: none!important; }
#hand-card-contents form.cmxform li input, #hand-card-contents form.cmxform li textarea { color: #674827; background: none!important; height: 22px; padding: 3px 0 0 0!important; font-style: italic!important; } 
#hand-card-contents form.cmxform li textarea#enquiries { width: 290px; height: 70px!important; }
#hand-card-contents form.cmxform li input#fullname { width: 125px; margin-right: 30px; }
#hand-card-contents form.cmxform li input#phone { width: 140px; }
#hand-card-contents form.cmxform li input#email { width: 290px; }
#hand-card-contents form.cmxform input#submit { z-index: 90; text-decoration: none; color: #c04002; float: left; width: 120px; height: 20px; padding-top: 10px; display: block; position: relative; margin: -12px 0 0 185px; background: none!important; text-align: center; font-weight: bold; font-size: 14px; }
#hand-card-contents form.cmxform input#submit:hover { color: #e72200; text-decoration: underline; }
#hand-card-contents p { text-align: center; padding-top: 40px; color: #fff; font-size: 1.4em; clear: both; width: 260px; margin-left: 50px; }
/*body#home-page a#facebook { background: url('../images/core/icon-facebook.jpg') no-repeat 0 0; width: 45px; height: 45px; text-indent: -9999em; margin: 10px 0 0 27px; float: left; display: inline; }*/
body#home-page a#twitter{ background: url('../images/core/icon-twitter.jpg') no-repeat 0 0; width: 45px; height: 45px; text-indent: -9999em; margin: 0; float: left; display: inline;  }
body#about-page a#twitter { display: none; }

/*=============================================================
	Footer elements - social icons, bookmark, breadcrumbs, credits
=============================================================*/

#socials { width: 300px; height: 50px; float: left; }
body#contact-page #socials { margin: 100px 0 0 115px; }
*:first-child+html body#contact-page #socials { margin-top: 70px; }
.thanks#socials{margin:130px 0 0 115px;}
body#about-page #socials { width: 290px; margin-top: -20px; }
body#client-page #socials { margin: -10px 0 0 0; }
body#home-page #facebook { margin: 0 5px 0 27px; }
body#about-page #socials, body#gallery-page #socials { margin: -10px 0 0 20px; }
#facebook { float: left; width: 55px; height: 30px; margin: 0 5px ; display: inline;  padding: 10px 0; position: relative; z-index: 90; }
span.connect_widget_not_connected_text { color: #fff!important; }
body#contact-page #facebook { margin: 0; }
* ht\ml body#contact-page #socials { margin: 70px 0 0 40px!important; }
/*a#facebook { background: url('../images/core/icon-facebook.gif') no-repeat 0 0; width: 35px; height: 40px; text-indent: -9999em; margin: 0; float: left; display: inline; }*/
a#twitter{ background: url('../images/core/icon-twitter.gif') no-repeat 0 0; width: 50px; height: 40px; text-indent: -9999em; margin: 0; float: left; display: inline;  }
body#contact-page a#twitter { width: 40px; background: url('../images/core/icon-twitter.gif') no-repeat -10px 0; }
#socials p { width: 180px; height: 40px; float: left; text-align: center; color: #fff; line-height: 36px; }

#footer { width: 600px; float: left; margin: 0 25px 0 -25px; }
body#home-page #footer { margin: 0; width: 350px; float: right; height: 150px; padding: 0; }
body#contact-page #footer { width: 350px; float: right; height: 150px; margin-right: 60px; padding: 0; }
#footer p { float: left; text-align: left; color: #c04002; font-size:1.2em; clear: both; height: 20px; margin: 0 -15px 65px 0; }
body#contact-page #footer p, body#home-page #footer p { float: none; text-align: right;}
body#forms-page #footer p { margin-top: 10px; }
a#swm { position: relative; z-index: 90; width: 90px; height: 50px; background: url('../images/core/logo-swm.png') no-repeat 0 0; display: inline; overflow: hidden; float: right; margin: 0; text-decoration: none; text-indent: -9999em; }
a#opd { position: relative; z-index: 90;  width: 110px; height: 50px; background: url('../images/core/logo-opd.png') no-repeat 0 0; display: inline; overflow: hidden; float: right; margin: 0 20px; text-decoration: none; text-indent: -9999em; }
a#swm:hover, a#opd:hover, a#swm.iehover:hover, a#swm.iehover:hover { background-position: 0 -50px!important; }
body#contact-page a#opd, body#client-page a#opd, body#gallery-page a#opd, body#about-page a#opd { margin-right: -40px; }
body#client-page a#swm, body#client-page a#opd, body#gallery-page a#swm, body#gallery-page a#opd, body#about-page a#opd, body#about-page a#swm { margin-top: -10px; }
body#about-page a#opd, body#about-page a#swm { margin-top: -20px; }
* ht\ml body#contact-page a#opd { margin-right: -90px!important; }

/*=======================================================
 End of CSS Document for The Scene Team
=======================================================*/