@charset "UTF-8";
/* CSS Document */

body {
	color:#695A3D;
	font:normal 14px/160% "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	width:100%;
	min-width:1020px;
	background:#FBF2DB url(../images/paper_tile_back.jpg) repeat fixed right top;
	position:relative;
	-webkit-text-size-adjust:none;
}
html {
	width:100%;
}
body, html, p, ul, ol, li, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	list-style-type:none;
}
table {
	padding:0;
	width:100%;
	border:0;
}
a, a:visited {
	outline:none;
	text-decoration:none;
	color:#905C2D;
}
a:hover {
	color:#4B3917;
}
a:active, a:focus {
	color:#884A13;
}
input, textarea, select, option {
	color:#a98e55;
	font:normal 14px/160% "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
input:focus, textarea:focus, select:focus, option:focus {
	color:#866f45;
}
sup {
	font-size:60%;
	line-height:0;
	position:relative;
	top:.35em;
}
h1, h2, h3, h4 {
	width:100%;	
}
img {
	border:0;
}
.accessibleText {
	display:none;
	font-size:0;
	line-height:0;
}
.noMargin {
	margin:0 !Important;	
}
.noBorder {
	border:none !Important;	
}
.clear {
	clear:both;	
}
.clearLine {
	width:100%;
	border-top:1px solid #D8C6A3;
	margin:20px 0;
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	float:left;
}
.wrapper {
	width:100%;
	min-height:100%;
	padding:0 0 320px 0;
	zoom:1;
}
#about.wrapper {
	background:url(../images/bass_big_back.jpg) no-repeat fixed -500px top;
}
#faq.wrapper {
	background: url(../images/drums_big_back.jpg) no-repeat fixed -500px top;
}
#services.wrapper {
	background: url(../images/guitar_big_back.jpg) no-repeat fixed -500px top;
}
#samples.wrapper {
	background: url(../images/piano_big_back.jpg) no-repeat fixed -500px top;
}
#pricing.wrapper {
	background: url(../images/stool_big_back.jpg) no-repeat fixed -500px top;
}
#contact.wrapper {
	background: url(../images/mic_big_back.jpg) no-repeat fixed -500px top;
}
#links.wrapper {
	background: url(../images/violin_big_back.jpg) no-repeat fixed -500px top;
}
*html .wrapper {
	height:100%;
}
#header {
	text-align:right;
	width:100%;
	height:48px;
	background:url(../images/nav_back.png) repeat-x left top;
	overflow:hidden;
	position:relative;
	z-index:50;
}
#headerLogo {
	width:103px;
	height:69px;
	position:absolute;
	top:85px;
	right:40px;
	z-index:10;
}
#headerLogo a {
	width:103px;
	height:69px;
	background:url(../images/title_head.png) no-repeat left top;
	display:block;
}
#navigation {
	width:951px;
	display:inline;
	float:right;
}
#navigation li {
	float:left;
}
#navigation li a {
	color:#D8C6A3;
	width:auto;
	height:36px;
	padding:6px 37px;
	float:left;
}
#navigation li a:hover {
	color:#FBF2DB;
	background:url(../images/nav_hover.png) repeat-x left top;
	box-shadow:0 0 5px rgba(0,0,0,.3);
}
#navigation li a:active, #navigation li a:focus {
	color:#FFF;
	background:url(../images/nav_select.png) repeat-x left top;
}
#services #navigation li#servicesNav a, #samples #navigation li#samplesNav a, #about #navigation li#aboutNav a, #links #navigation li#linksNav a, #contact #navigation li#contactNav a, #pricing #navigation li#pricingNav a, #faq #navigation li#faqNav a {
	color:#FFF;
	background:url(../images/nav_select.png) repeat-x left top;
}
h1.pageID {
	color:#866F45;
	font-family:"Arial Black", "Century Gothic", "Trebuchet MS", Arial, san-serif;
	font-size:400px;
	font-weight:normal;
	text-align:center;
	letter-spacing:-.15em;
	text-transform:uppercase;
	line-height:300px;
	width:100%;
	height:300px;
	padding:0;
	filter:alpha(opacity=30);
  	opacity:0.3;
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
}
.pageWrap {
	text-align:left;
	width:1020px;
	margin:0 0 0 auto;
	position:relative;
}
.pageTitle {
	text-transform:uppercase;
	width:1020px;
	height:100px;
	margin:20px 0;
	background:url(../images/title_blend.png) repeat-y right top;
}
*html .pageTitle {
	background-image:url(../images/blank.png);
	background-repeat:repeat-y;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/title_blend.png', sizingMethod='scale');
}
.pageTitle .smallTitle {
	color:#884A13;
	font-size:48px;
	font-family:Impact, "Trebuchet MS", Arial, Verdana, san-serif;
	line-height:100%;
	padding-top:30px;
	float:left;
	display:block;
}
.pageTitle .bigTitle {
	color:#A98E55;
	font-size:100px;
	letter-spacing:-.05em;
	line-height:100%;
	font-weight:normal;
	float:left;
	display:block;
}
.pageTitle .thirdTitle {
	color:#884A13;
	font-size:30px;
	font-weight:normal;
	line-height:100%;
	padding-top:40px;
	float:left;
	display:block;
}
.page {
	text-align:left;
	width:880px;
	margin:0 0 0 auto;
	padding:0 0 20px 90px;
	float:left;
	position:relative;
	z-index:20;
}
.page h2 {
	font-family:"Arial Black", "Century Gothic", "Trebuchet MS", Arial, san-serif;
	color:#A98E55;
	width:100%;
	margin:0 0 20px 0;
	float:left;
}
.page h3 {
	color:#A98E55;
	width:100%;
	margin:0 0 20px 0;
	float:left;
}
.page h3 img {
	float:right;
}
.page p {
	width:100%;
	margin:0 0 10px 0;
	float:left;
}
.columnOne {
	width:415px;
	margin:0 0 10px 0;
	float:left;
}
.columnTwo {
	width:415px;
	margin:0 0 10px 0;
	float:right;
}
.imageRoll {
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.8);
	height:380px;
	float:left;
	width:100%;
}

/* services page */

#services h3 {
	margin:10px 0 0 0;
	border-bottom:1px solid #A98E55;
}
#services .albums, #samples .albums {
	width:415px;
	float:left;
	margin:10px 0;
}
#services .albums a, #samples .albums a {
	width:125px;
	margin:0 20px 0 0 ;
	float:left;
	display:block;
}
#services .albums a img, #samples .albums a img {
	width:125px;
}
#services #albumScroller, #samples #albumScroller {
	width:880px;
	height:120px;
	margin:0 0 20px 0;
	border-top:1px solid #A98E55;	
	border-bottom:1px solid #A98E55;	
	float:left;
	position:relative;
}
#services #albumScroller div.scrollableArea, #samples #albumScroller div.scrollableArea {
	border:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#services #albumScroller a, #samples #albumScroller a {
	width:100px;	
	height:100px;	
	margin:10px 10px 10px 0;
	float:left;
	display:block;
	position:relative;
}
#services #albumScroller a img, #samples #albumScroller a img {
	width:100px;	
	height:100px;	
	float:left;
	position:relative;
}
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
#services div.scrollingHotSpotLeft, #samples div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width:50px;
	height:50px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	position:absolute;
	z-index:200;
	top:35px;
	left:15px;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor:url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
#services div.scrollingHotSpotLeftVisible, #samples div.scrollingHotSpotLeftVisible
{
	background-image:url(../images/arrow_left.png);				
	background-repeat:no-repeat;
	opacity:0.35; /* Standard CSS3 opacity setting */
	-moz-opacity:0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom:1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
#services div.scrollingHotSpotRight, #samples div.scrollingHotSpotRight
{
	min-width:50px;
	height:50px;
	background-image:url(../images/big_transparent.gif);
	background-repeat:repeat;
	background-position:center center;
	position:absolute;
	z-index:200;
	top:35px;
	right:15px;
	cursor:url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
#services div.scrollingHotSpotRightVisible, #samples div.scrollingHotSpotRightVisible
{
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;
	opacity:0.35;
	filter:alpha(opacity = 35);
	-moz-opacity:0.35;
	zoom:1;
}
#services div.scrollingHotSpotLeftVisible:hover, #services div.scrollingHotSpotRightVisible:hover, #samples div.scrollingHotSpotLeftVisible:hover, #samples div.scrollingHotSpotRightVisible:hover {
	opacity:.70;
	-moz-opacity:.70;
	filter:alpha(opacity = 70);
}
#services div.scrollingHotSpotLeftVisible:active, #services div.scrollingHotSpotRightVisible:active, #samples div.scrollingHotSpotLeftVisible:active, #samples div.scrollingHotSpotRightVisible:active {
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity = 100);
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
#services div.scrollWrapper, #samples div.scrollWrapper
{
	position:relative;
	overflow:hidden;
	width:100%;
	height:120px;
}

#services div.scrollableArea, #samples div.scrollableArea
{
	position:relative;
	width:auto;
	height:100%;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#4b3917;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;text-align:center;width:98%;background-color:#000;padding:1%;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fbf2db;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background-color:#000;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{color:#000;padding:3px 10px;position:absolute; bottom:5px; right:5px; display:block; background:#CCC;}
        #cboxClose.hover{ background:#FFF;}

/* about us */

#studioMusicians {
	width:100%;
	padding:20px 0 10px 0;
	float:left;
}
.studioMusician {
	text-align:center;
	width:273px;
	padding:0 10px 0 0;
	float:left;
}
.studioMusician p {
	color:#FFF;
	background:#905C2D;
}
.reviewCD {
	width:200px;
	height:auto;	
	margin:0 20px 5px 0;
	float:left;
}
.page p.reviewWithCD {
	width:660px;
}
#equipmentBar {
	width:100%;
	height:auto;
	margin:20px 0;	
}
.cdList {
	width:100%;
	float:left;
}
.cdList h4 {
	width:100%;
	padding:5px 0;
	float:left;
}
.cdList a {
	width:380px;
	margin:5px 0 0 0;
	padding:5px 0;
	border-bottom:1px solid #D8C6A3;
	float:left;
}
.cdList a span {
	width:auto;
	float:right;
}
.cdList p, .cdListImage {
	margin:5px 0 0 0;
	padding:5px 0;
	float:left;
}
.review {
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #D8C6A3;
	float:left;
}
.reviewer {
	font-size:10px;
	font-style:oblique;
	text-align:right;
	margin:0;
}
#aboutHeader {
	width:700px;
	margin:0 0 10px 0;
	padding-left:147px;
	float:left;
}
#about h2 {
	margin:20px 0 10px;
	padding:5px 0;
	border-top:1px solid #D8C6A3;
	border-bottom:1px solid #D8C6A3;
}
#about h4 {
	margin:40px 0 10px;
	clear:both;
}

/*contact */

#contact .columnTwo h2 {
	margin:5px 0;	
}
#contact .columnTwo h3 {
	font-family:"Arial Black";
	font-size:150%;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #D8C6A3;
}

/* faqs */

.page .menuList {
	width:100%;
	margin:0 0 50px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #D8C6A3;
	float:left;
}
.page h2.menuHead {
	font-size:100%;
	font-weight:normal;
	padding:10px 0 0 0;
	border-top:1px solid #D8C6A3;
	margin:10px 0 0 0;
	cursor:pointer;
	position:relative;
	float:left;
}
.page h2.menuHead a {
	width:100%;
	background:url(../images/arrow_down.png) no-repeat right top;
	line-height: 140%;
    padding: 0 20% 0 0;
    width: 80%;
}
.page h2.menuHead a:hover {
	background-position:right -40px;
}
.page h2.menuHead a:active {
	background-position:right -80px;
}
.page .menuHead a {
	padding:0;
	margin:0;
	float:left;
}
.page .menuBody {
	display:none;
	margin:0;
	padding:0;
	float:left;
}
.page .menuBody p {
	margin:5px 0;
	padding:0;
	float:left;
}
.page .menuBody .columnOne p, .page .menuBody .columnTwo p {
	margin:5px 0 0 0;
	padding:0;
	float:left;
}
.page .menuBody h3, .page .menuBody h3 {
	margin:10px 0 0 0;
	padding:0;
	float:left;
}
.page .menuBody .columnOne ul, .page .menuBody .columnTwo ul {
	list-style-type:circle;
	margin:5px 0 5px 2em;
	padding:0;
}
.page .menuBody .columnOne ul li, .page .menuBody .columnTwo ul li {
	list-style-type:disc;
	width:100%;
	float:left;
}

/* Pricing */

#pricing .columnOne, #pricing .columnTwo, #pricing .rowThree, #pricing .rowFour {
	padding:0;
	border-top:1px solid #D8C6A3;
	position:relative;
}
#pricing h3 {
	font-family:Impact;
	font-size:150%;
	font-weight:normal;
	letter-spacing:.02em;
	margin:0;
	padding:10px 0;
}
#pricing h4 {
	line-height:120%;
	margin:-8px 0 0 0;
	padding:0 0 10px 0;
	float:left;
}
#pricing #trackFiles {
	margin:10px 0;
	float:left;
	position:relative;
}
#pricing #additionalServicesHeader {
	width:100%;
	margin:10px 0;
	padding:15px 0;
	border-top:5px solid #D8C6A3;
	float:left;
	clear:left;
	position:relative;
}
#pricing #additionalServicesHeader h1 {
	padding:10px 0;
}
#pricing #additionalServicesHeader h2, #pricing #additionalServicesHeader p,
#pricing #trackFiles h2, #pricing #trackFiles p {
	width:660px;
	float:left;
}
#pricing #additionalServicesHeader form {
	position:absolute;
	top:13px;
	right:0;
}
#pricing #trackFiles form {
	position:absolute;
	top:5em;
	right:0;
}
#pricing .rowOne form {
	position:absolute;
	top:5.3em;
	right:0;
}
#pricing label {
	color:#866F45;
	font-family:"Arial Black", "Century Gothic", "Trebuchet MS", Arial, san-serif;
	text-align:left;
	width:100%;
	margin:5px 0;
	float:left;
}
#pricing select {
	height:1.8em;
	overflow:hidden;
	width:15.5em;
	text-align:left;
	float:left;
	clear:left;
}
#pricing .rowOne .priceOptions {
	color:#A98E55;
	letter-spacing:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	text-align:right;
	line-height:11px;
	width:50%;
	position:absolute;
	top:5.5em;
	right:0;
	display:block;
}

#pricing .rowOne form label, #pricing .rowOne form select,
#pricing #trackFiles form label, #pricing #trackFiles form select {
	
}
#pricing .rowOne, #pricing .rowTwo, #pricing .rowThree, #pricing .rowFour, #pricing .rowFive, #pricing .rowSix, #pricing .rowSeven {
	width:100%;
	float:left;
}
#pricing .columnOne img, #pricing .columnTwo img {
	float:right;
}
#pricing .columnOne input, #pricing .columnTwo input, #pricing #trackFiles input {
	position:absolute;
	top:4.3em;
	margin:0 0 10;
	right:0;
}
#pricing .rowOne .columnOne input {
	position:absolute;
	top:2.3em;
}
#pricing .price {
	color:#A98E55;
	font-size:50px;
	line-height:50px;
	letter-spacing:-.05em;
	text-align:right;
	width:auto;
	padding:0;
	position:absolute;
	top:5px;
	right:0;
}
#pricing .price span {
	color:#A98E55;
	letter-spacing:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	line-height:11px;
	position:absolute;
	top:5em;
	right:0;
	display:block;
}
#pricing .columnOne p, #pricing .columnTwo p {
	width:300px;
}
#pricing .price sup {
	font-size:40%;
	position:relative;
	top:-8px;
	padding:0 5px 0 0;
}
#pricing .rowOne .columnOne {
	width:100%;
}
#pricing .rowOne .columnOne, #pricing .rowOne .columnTwo {
	height:15em;
}
#pricing .rowTwo .columnOne, #pricing .rowTwo .columnTwo {
	height:24em;
}
#pricing .rowThree .columnOne {
	width:100%;
}
#pricing .rowThree .columnOne p, #pricing .rowThree .columnOne ul {
	width:80%;
	clear:both;
}
#pricing .rowThree .columnOne, #pricing .rowThree .columnTwo {
	border:none;
}
#pricing .rowThree .columnOne .priceOptions, 
#pricing .rowTwo .columnTwo .priceOptions,
#pricing .rowFour .priceOptions    {
	color:#A98E55;
	letter-spacing:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	text-align:right;
	line-height:11px;
	width:10em;
	position:absolute;
	top:9em;
	right:0;
	display:block;
}
#pricing .rowFour #trackFiles p.priceOptions {
	width:8em;
	top:5.5em;
}
#pricing #trackFiles input {
	top:1em;
}
#pricing .rowThree .columnOne h4 {
	width:50%;
}
#pricing .rowThree .columnOne .listOne {
	width:100%;
	float:left;
}
#pricing .rowThree .columnOne .listOne li {
	width:30%;
	margin-right:2%;
	float:left;
}
#pricing .rowThree .columnOne .listTwo {
	width:100%;
	margin:10px 0 0 0;
	float:left;
}
#pricing .rowFive .columnOne .priceOptions {
    color: #A98E55;
    display: block;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    top: 7em;
    width: 8em;
}
#pricing .rowFive .columnOne, #pricing .rowFive .columnTwo {
	height:20em;
}
#pricing .rowSix .columnOne, #pricing .rowSix .columnTwo {
	height:12em;
}
#pricing .rowSeven .columnOne, #pricing .rowSeven .columnTwo {
	height:14em;
}
#pricing .rowEight .columnOne, #pricing .rowEight .columnTwo {
	height:19em;
}
#pricing .columnOne p.note, #pricing .columnTwo p.note {
	color:#A98E55;
	font-size:10px;
	line-height:14px;
	width:100%;
	margin:10px 0;
}

/* links */

#links .page {
	margin-bottom:50px;
	padding-bottom:10px;
}
#links .page .link {
	width:100%;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #D8C6A3;
	float:left;
}
#links .page h3 {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
#links .page p {
	width:100%;
	margin:0;
	float:left;
}
#links .page .link img {
	height:3em;
	float:right;
}
#links .page .link img#musicLabel {
	height:auto;
	float:right;
}

/* footer */

#footer {
	width:100%;
	height:50px;
	background:url(../images/footer_back.png) repeat top left;
	clear:both;
}
#footer ul {
	width:auto;
	float:right;
}
#footer ul li {
	width:auto;
	padding:15px 0;
	float:left;
}
#footer ul li#footerAddress {
	text-align:center;
	width:177px;
}
#footer ul li#footerState {
	text-align:center;
	width:246px;
}
#footer ul li#footerPhone {
	text-align:center;
	width:213px;
}
#footer ul li#footerContact {
	text-align:center;
	width:137px;
}
#footer ul li a {
	width:auto;
}
#footer ul li#footerLogo {
	width:99px;
	height:22px;
	padding:15px 25px;	
}
#footer ul li#footerLogo a {
	width:99px;
	height:22px;
	background:url(../images/panda_footer_logo.png) no-repeat center center;
	float:left;
}
#footer ul li#facebookLogo, #home #footer ul li#facebookLogo {
	padding:7px 25px 7px 0;
}
#footer ul li#facebookLogo a, #home #footer ul li#facebookLogo a {
	width:38px;
	height:38px;
	display:block !important;
	background:url(../images/facebook-logo.png) no-repeat center top;	
}

/* home page */

#home.wrapper {
	padding:0 0 278px 0;
	background:url(../images/home/board.jpg) no-repeat right top;
	float:left;
	position:relative;
}
#home .pageWrap {
	width:100%;
	/*background:#000 url(../images/home/panda_productions_home_back.jpg) no-repeat right top;*/
	position:relative;
	z-index:1;
}
#home h1.pageID {
	
}
#home #headerLogo {
	width:490px;
	height:106px;
	opacity:0.40;
	filter:alpha(opacity = 40);
	-moz-opacity:0.40;
	position:absolute;
	top:80px;
	right:90px;
}
#home #headerLogo a {
	width:490px;
	height:106px;
	background:url(../images/home/home_panda_logo.png) no-repeat center center;
	display:block;
}
#homeMessage {
	text-align:right;
	width:100%;
	padding:160px 60px 20px 60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:right;
}
#homeMessage h2 {
	font-size:20px;
	line-height:140%;
	font-weight:normal;
	width:723px;
	height:110px;
	padding:0 150px 0 0;
	float:right;
	overflow:hidden;
}
#homeMessage h3 {
	line-height:180%;
	font-weight:normal;
	width:880px;
	height:30px;
	margin:10px 0 30px;
	padding-right:150px;
	float:right;
}
#homeMessage ul {
	line-height:180%;
	font-weight:normal;
	width:880px;
	height:30px;
	padding:0 300px 20px 0;
	float:right;
}
#homeMessage ul.graphic li a.sm2_link,
#homeMessage ul.graphic li a {
	padding:3px 25px 3px 25px;
	width:auto;
	min-width:200px;
}
#homeColumns {
	width:100%;
    height:135px;	
	padding:20px 0 30px 0;
	float:right;
	background:rgba(144,92,45,.8);
	position:relative;
	overflow:hidden;
}
h2#homeServicesGraphic {
	color:#fff;
	font-size:257px;
	text-transform:uppercase;
	letter-spacing:-20px;
	line-height:65%;
	width:auto;
    height:185px;	
	margin:0;
	padding:0 10px 0 0;
	position:absolute;
	top:0;
	right:800px;
	overflow:hidden;
	opacity:0.20; /* Standard CSS3 opacity setting */
	-moz-opacity:0.20; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 20); /* Opacity for Internet Explorer. */
}
#homeColumns #columnOne {
	color:#FFF;
	text-align:right;
	width:440px;
	margin:0 60px 0 0;
	float:right;	
}
#homeColumns #columnTwo {
	color:#FFF;
	text-align:right;
	width:440px;
	margin:0 0 0 10px;
	float:right;	
}
#homeColumns p {
	color:#d8c6a3;
	font-size:18px;
	line-height:250%;
	font-weight:normal;
	width:100%;
	float:right;
}
#homeColumns p a, #homeColumns p a:visited {
	color:#fff;
}
#homeColumns p a:hover, #homeColumns p a:focus {
	color:#d8c6a3;
}
#player-holder {
	height:40px;
	position:absolute;
	top:260px;
	right:90px;	
}
#home #albumScroller {
	width:100%;
	height:120px;
	margin:0;
	background:url(../images/footer_back.png) repeat top left;
	float:left;
	position:relative;
	clear:both;
}
#home #albumScroller div.scrollableArea {
	border:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#home #albumScroller a {
	width:150px;	
	height:100px;	
	margin:10px 10px 10px 0;
	opacity:0.60; /* Standard CSS3 opacity setting */
	-moz-opacity:0.60; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 60); /* Opacity for Internet Explorer. */
	float:left;
	display:block;
	position:relative;
}
#home #albumScroller a:hover {
	opacity:1.00; /* Standard CSS3 opacity setting */
	-moz-opacity:1.00; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 100); /* Opacity for Internet Explorer. */
}
#home #albumScroller a img {
	width:150px;	
	height:100px;	
	float:left;
	position:relative;
}
#home div.scrollingHotSpotLeft {
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width:50px;
	height:50px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	position:absolute;
	top:35px;
	left:10px;
	z-index:200;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor:url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}
#home div.scrollingHotSpotLeftVisible {
	background-image:url(../images/arrow_left.png);				
	background-repeat:no-repeat;
	opacity:0.35; /* Standard CSS3 opacity setting */
	-moz-opacity:0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter:alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom:1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
#home div.scrollingHotSpotRight {
	width:50px;
	height:50px;
	position:absolute;
	top:35px;
	right:15px;
	z-index:200;
	cursor:url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}
#home div.scrollingHotSpotRightVisible {
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;
	opacity:0.35;
	filter:alpha(opacity = 35);
	-moz-opacity:0.35;
	zoom:1;
}
#home div.scrollingHotSpotLeftVisible:hover, #home div.scrollingHotSpotRightVisible:hover {
	opacity:.70;
	-moz-opacity:.70;
	filter:alpha(opacity = 70);
}
#home div.scrollingHotSpotLeftVisible:active, #home div.scrollingHotSpotRightVisible:active {
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity = 100);
}
#home div.scrollWrapper {
	position:relative;
	overflow:hidden;
	width:100%;
	height:120px;
}
#home #albumScroller div.scrollableArea {
	position:relative;
	width:auto;
	height:100%;
}

/* home text scroller */

#home #textScroller {
	width:100%;
	height:2em;
	background-color:#000;
	opacity:0.4;
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter:alpha(opacity=40);
	border-bottom:1px solid #A98E55;	
	overflow:hidden;
	float:left;
	clear:both;
}
#textScroller div.scrollableArea * {
	color:#FFF; 
	font-size:12px; 
	margin:0;
	padding:2px 0;
	white-space:nowrap;
	display:block;
	float:left;
}
#home #footer {
	height:50px;
	background:#866F45 url(none) repeat top left;
	filter:alpha(opacity=70);
  	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	position:relative;
	bottom:0;
	left:0;
	z-index:50;
	float:left;
	clear:both;
}
#home #footer ul {
	padding-right:0;
}
#home #footer ul li {
	color:#fbf2db;
	padding:12px 25px;
}
#home #footer ul li#footerContact {
	width:1px;
	padding:0;
}
#home #footer ul li#footerLogo, #home #footer ul li a {
	display:none !Important;	
}
#pup {
	width:329px;
	height:307px;
	background:url(../images/home/panda_productions_pup.png) no-repeat right bottom;
	position:absolute;
	right:0;
	top:162px;
	z-index:500;
}