Hi there, Was hoping someone could help me.

If you visit accomodationpringlebay.com .. I am using the WP-Hotel theme from ThemesKingdom. The blue sidebar I would like to make opaque which I have done but if you look behind it - the effect on the image is not carried through. The left-mask image is only 108px wide so when making it 486 wide and including the effect - it throws the sidebar to the right and the right mask.

Is there a way to code it so that the sidebar just sits as an overlay on it.
The css coding for this area occurs in the left-mask, sidebar, front left cell and overlay propoerties

Code:
/*
Theme Name: WPHotel
Theme URI: http://www.themeskingdom.com/
Support URI: http://www.themeskingdom.com/support/categories/wphotel
Description: WPHotel, a premium Wordpress theme by Themes Kingdom. Wordpress conversion by Themes Kingdom.
Author: Themes Kingdom
Customized by: Conception Design Solutions
Author URI: http://www.themeskingdom.com/support/
Version: 1.0
*/

/*--------------------------*/
/*------ css content -------*/
/*--------------------------*/

/*--[RESET]--*/
/*--[BODY]--*/
/*--[HELPERS]--*/
/*--[FONTS]--*/
/*--[CONTAINER]--*/
/*--[HEADER]--*/
/*--[MENU]--*/
/*----[sub-menu]----*/
/*--[SLIDESHOW_WRAP]--*/
/*--[SIDEBAR]--*/
/*--[FRONT-PAGE]--*/
/*----[front-page highlight]----*/
/*----[front-page content]----*/
	/*---[front-left-cell]---*/
	/*---[front-right-cell]---*/
/*----[Rooms]----*/
/*----[Booking]----*/
/*--[PAGE]--*/
/*----[post]----*/
/*--[PORTFOLIO]--*/
/*--[COMMENTS]--*/
/*----[CONTACT]----*/
/*----[BOOKING]----*/
/*--[PAGINATION]--*/
/*----[SHORTCODES]----*/
/*----[BOX]----*/
/*----[FOOTER]----*/
/*----[copyright]----*/



/*---------[RESET]---------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0;  outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{outline: 0;}
#submit, #searchroom, .emailsubmit, .smallpicture{cursor:pointer;}
textarea {
    resize: none!important;
} 

/*---------[BODY]---------*/
body { font-family: Georgia;font-size:11px; color:#414141; font-weight:normal; text-align:left; line-height:14px; cursor:default; background:#fff;}
img {padding:0px; margin:0px; border:0px solid green;}
a {color:#3693B7; text-decoration: none;} a:hover {color:#3693B7; text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin-top:0; text-align: left; font-weight:normal;font-family:"Museo300";}
h1 {font-size:49px;}
h2 {font-size:20px; padding:15px 5px 10px 0px; margin-bottom:5px;}
h3{ font-size:18px; padding:13px 10px 3px 5px;  margin-bottom:3px;}
h4{ font-size:16px; padding:13px 10px 3px 5px;  margin-bottom:2px;}
h5{ font-size:14px; padding:5px 10px 3px 5px;  margin-bottom:1px;}
h6{ font-size:12px; padding:5px 10px 2px 5px;  margin-bottom:1px;}

/*--------[HELPERS]---------*/
.left {float:left;}
.right { float:right!important;}
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}
.margintop15{margin:15px 0;}
.margintop25{margin-top:25px}
.marginleft{margin-left:20px;}
.clear{clear:both;}
.autoheigh{height:auto!important; position:relative;top:-15px;}
*+html .autoheigh{top:-50px;height:615px!important;}
*+html .autoheigh .label{top:-48px;}
*+html .autoheigh #sidebar-imageholder{position:relative; top:-48px;}
*+html .autoheigh .asubmitbutton{position:relative; top:-48px;}
*+html .autoheigh .sidebar-ornament{position:relative; top:-48px;}
*+html .autoheigh .ie7{position:relative; top:-80px;margin:0;}
.white{color:#fff!important;}
.lineheight{line-height:15px;}
.nostyle{padding:0!important;margin:0 2px 0 0 !important;}

/*---------[FONTS]---------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 10, 2010 */
@font-face {
	font-family: 'Museo300';
	src: url('include/fonts/museo300-regular-webfont.eot');
	src: local('☺'), url('include/fonts/museo300-regular-webfont.woff') format('woff'), url('include/fonts/museo300-regular-webfont.ttf') format('truetype'), url('include/fonts/museo300-regular-webfont.svg#webfontA8lc1Vh3') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DaxCondensed';
	src: url('include/fonts/daxcondensed-webfont.eot');
	src: local('☺'), url('include/fonts/daxcondensed-webfont.woff') format('woff'), url('include/fonts/daxcondensed-webfont.ttf') format('truetype'), url('include/fonts/daxcondensed-webfont.svg#webfontfbYK2fYa') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeue';
	src: url('include/fonts/bebasneue-webfont.eot');
	src: local('☺'), url('include/fonts/bebasneue-webfont.woff') format('woff'), url('include/fonts/bebasneue-webfont.ttf') format('truetype'), url('include/fonts/bebasneue-webfont.svg#webfontgGY6GIt4') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bebas';
	src: url('include/fonts/bebas-webfont.eot');
	src: local('☺'), url('include/fonts/bebas-webfont.woff') format('woff'), url('include/fonts/bebas-webfont.ttf') format('truetype'), url('include/fonts/bebas-webfont.svg#webfont4mvbQgGi') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DancingScript';
	src: url('include/fonts/DancingScript-Regular-webfont.eot');
	src: local('☺'), url('include/fonts/DancingScript-Regular-webfont.woff') format('woff'), url('include/fonts/DancingScript-Regular-webfont.ttf') format('truetype'), url('include/fonts/bebas-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------[CONTAINER]---------*/
.main-wrap { width:1200px; margin:0 auto 0 auto; text-align:left;}
#container { width:960px; margin:0 auto 0 auto; text-align:left; }
.container { width:595px; float:left; margin:0px auto 0 auto; text-align:left;}

/*---------[HEADER]---------*/
#header { width:100%; height: 230px; color:#fff;}
#logobox {width:355px; height: 187px; background:#fff;float:left; padding-top:15px;}
#logo{width:340px;padding:2px 0 0 33px;}
#logobox_down { width:340px; height: 49px; background: url(images/css/logobox_down.png) no-repeat;}
#logobox_spacer{height:233px;width:108px;float:left;}

#header_text{float:left;width:523px;height:130px;padding:38px 0px 0 48px;line-height:18px;}
#header_text p{padding:17px 0 0 0px;color:#636c67;font-family:Georgia;font-size:13px;line-height:20px;}
*+html #header_text p{ position:relative;top:-16px;padding:0px 0px 0px 0px;}
#header_text p a{color:#cfd1e5;background:transparent url(images/css/escape.png) no-repeat;}
#header_text h3{float:left; background:transparent url(images/css/escape.png) no-repeat; padding-left:0;line-height:15px;padding:7px 10px 2px 0px;margin:0px;}

#navigation_left{float:left;width:68px;height:53px;background:transparent no-repeat;}
#navigation_bar{float:left; width:490px;  height: 50px; background: #fff; border: 1px 0 1px 0 thin #cfd1e5; }
#navigation_bar_right{ float:left; width:30px;  height: 53px; color:#fff; background:transparent no-repeat;}


/*---------[MENU]---------*/
.menu-menu-container { float:left; height:55px; font-family:helvetica,arial,century gothic,sans-serif; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px; }
#menu-menu { float:left; height:50px; font-family:helvetica,arial,century gothic,sans-serif; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px;}
.menu-menu-container ul { display:block; color:#ced2ed; list-style-type: none; margin:10px 0px 0px 0px; padding:0px 0px 0px 3px;}
.menu-menu-container ul li { float:left; color:#fff; letter-spacing: 0.1em; margin:0px 3px 0px 6px; padding:5px 0px 5px 0px; }
.menu-menu-container ul li a { float:left; font-family:"Museo300"; font-weight:bold; color:#5761a8; font-size:14px; letter-spacing: 0em; margin:0px; padding:8px 8px 8px 6px; border-right:1px dotted #fff;}
.menu-menu-container ul li a:hover, .menu-menu-container ul li.current_page_item a,
.menu-menu-container li.current-cat a, .menu-menu-container li.current-category-ancestor a, 
.menu-menu-container li.current_page_ancestor a{ color:#fff;}

/*---------[sub-menu]---------*/
.menu-menu-container ul li ul.sub-menu  { background-color:#565E64;position:absolute; float:left; clear: both;  display:none; margin:0px 0px 0px 0px; padding:4px 0px 3px 0px; color:#fff; border:1px solid #000; z-index:999; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
html>body .menu-menu-container ul li ul.sub-menu{ margin:35px 0px 0px 0px;*margin:0;}
.menu-menu-container ul li ul.sub-menu li { clear: both; height:25px; margin:0px 0px 0px 0px; padding:1px 0px 0px 0px; }
.menu-menu-container ul li ul.sub-menu li a { display:block; font-family:Tahoma; font-size:11px;  color:#fff; margin:3px 0px 0px 0px; padding:0px 18px 0px 11px; background:transparent url(images/css/none.gif) repeat-x ; border:0px; text-transform:none; border:0px solid red; }
.menu-menu-container ul li ul.sub-menu li a:hover { color:#cccccc; }
.menu-menu-container ul li ul.sub-menu li.current_page_item a,  
.menu-menu-container ul li ul.sub-menu li.current-menu-item a{ margin:0px 0px 0px 0px; padding:3px 0px 3px 11px; color:#cccccc; border:0px; -moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}

/*---------[SLIDESHOW_WRAP]---------*/
#slidershow_wrap { width:1199px; height:480px; margin:0px auto 0 auto; padding:0px 0px 0px 0px; zIndex:1;}
#slideshow{float:left;width:1200px; height:480px;zIndex:2;position:absolute;}
#slideshow img{float:left;zIndex:2;}
#left-mask{width:108px;height:480px;float:left;zIndex:6;background:transparent url(images/css/left-mask.png) no-repeat;}

#sidebar-menu{height:480px;width:340px;background:#cfd1e5;float:left;zIndex:6;   
		/* for IE */ filter:alpha(opacity=90); opacity:0.9;}
*+html #sidebar-menu{height:480px;}
#right-mask{width:716px;height:480px;float:left;zIndex:6;background:transparent url(images/css/right-mask.png) no-repeat;position:relative;}
.hidden{display:none;border:10px solid #fff;}
#overlay{position: relative;top:0;left:0;z-index: 9950;}

/*---------[SIDEBAR]-----------*/


#sidebar-menu {text-align:center;}
#sidebar-menu h1{font-family:"DancingScript";margin:30px auto 30px auto;padding:5px 0;color:#fff;text-shadow: 0px 1px 0px #576761;text-align:center; font-size:44px; text-transform: lowercase;}
#sidebar-menu h2{font-family:"DancingScript";margin:10px auto 30px auto;padding:5px 0;color:#fff;text-align:center; font-size:20px; text-transform: lowercase;}
*+html #sidebar-menu h2{padding:10px 0;margin:0;position:relative;top:-19px;}
*+html .autoheigh{float:left;}
#sidebar-menu .phone{font-family:"DancingScript";font-size:35px;margin:0px auto 0px auto;color:#f1f2f8;text-shadow: 0px 1px 0px #dceae5;text-align:center;width:360px;}

#sidebar-menu .bags{background:transparent url(images/css/bags.jpg) no-repeat; width:147px;height:107px;margin:0 auto;}
#sidebar-menu .search{width:322px;text-align:left;margin:0 auto 0 auto;}
#date{border:0;background:transparent url(images/css/sidebar-input.png) no-repeat;width:155px;height:30px;padding:0 0 0 10px;padding-top:7px\0/;color:#c0c0c0;margin:4px 0 0 0;}
*+html #date{ position:relative;top:-3px;padding:7px 0px 0px 10px;}
#datedown{border:0;background:transparent url(images/css/sidebar-input.png) no-repeat;width:155px;height:30px;padding:0 0 0 10px;color:#c0c0c0;margin:4px 0 0;}
*+html #datedown{ padding:7px 0px 0px 10px;}
*+html #searchroom{margin:0px 0 7px 0;}
.label{height:28px;font-family:Georgia;color:#636c67;font-size:13px;}
*+html .label{height:auto;}
.announce .label{color:#fff!important;margin:15px 0 0 0;}
#sidebar-menu .search th{width:166px;height:107px;}
#sidebar-menu .search td{padding:2px 0 0 0px;}
#sidebar-menu .submitbutton{background:transparent url(images/css/sidebar-button.png) no-repeat;width:154px;height:36px;text-align:center;border:0;color:#fff;text-shadow: 0px 1px 0px #7b2a0e;font-family:Georgia;font-size:14px;}

#sidebar-menu .asubmitbutton{background:transparent url(images/css/sidebar-button.png) no-repeat;width:154px;height:36px;padding:12px 0 0 0;margin:10px auto 0 auto;display:block;text-align:center;border:0;color:#fff;text-shadow: 0px 1px 0px #7b2a0e;font-family:Georgia;font-size:14px;}
#sidebar-imageholder{background:transparent url(images/css/sidebar-imageholder.jpg) no-repeat; width:322px; height:184px;padding:9px 0 0 0;margin:10px auto 0 auto;}
.emailform{margin:15px auto 0 auto;width:313px;}
.emailinput{border:0;background:transparent url(images/css/sidebar-emailinput.png) no-repeat;width:235px;height:29px;padding:0 0 0 10px;color:#c0c0c0;float:left;}
.emailsubmit{float:left;background:transparent url(images/css/sidebar-emailsubmit.png) no-repeat;width:68px;height:29px;border:0;color:#fff;text-shadow: 0px 1px 0px #7b2a0e;font-family:Georgia;font-size:14px;}
#sidebar-closer{width:340px;height:38px;background:transparent url(images/css/sidebar-closer.png) no-repeat;position:relative;top:38px;}
*+html #sidebar-closer{position:relative;top:45px!important;clear:both;margin:20px 0 0 0;}
#sidebar{padding:0px 0 0 0px;width:340px;}
#sidebar li{padding:0 6px 6px 38px; margin:0px 0 0 0!important;} 
#sidebar li a{color:#636363;  margin:0px 0px 0px 0px; } 
#sidebar li a:hover{ color:#111111;}
#sidebar p{ padding:5px;}
#sidebar ul.children {padding:5px; }

/*---------[FRONT-PAGE]---------*/
.main-ornament{background:transparent url(images/css/main-ornament.png)center no-repeat;width:542px;height:22px;float:left;display:block;}
.main-imageholder{background:transparent url(images/css/main-imageholder.jpg) no-repeat;width:251px;height:82px;padding:7px 0 0 7px;}

.main-imageholder-small{background:transparent url(images/css/main-imageholder-small.jpg) no-repeat;width:127px;height:91px;padding:5px 0 0 5px;margin:9px 4px 0 0;float:left;}
.title_box { float:left; width:286px; height:70px; padding:0px 0px 0px 7px; margin:0px 28px 0px 10px;	} 
.title_box h3{ font-family:"Museo300"; font-size:14px; color:#000; margin:8px 5px 0px 5px; }
.title_box p{ color:#83c1f0; margin:0px 5px 0px 5px; }
.title_box img{ float:left; margin:13px 12px 0px 0px;}

#front_page_container {width:983px; margin:0 auto 0 auto;}
#front_page_boxs_bg { float:left; background:transparent url(images/css/front_page_boxs_bg.gif) repeat-y ; }
#front_page_boxs_bg_bottom { clear: both; height:10px; background:transparent url(images/css/front_page_boxs_bg_bottom.gif) no-repeat ; }
.front_page_box { float:left; width:288px; padding:0px 0px 0px 7px; margin:0px 28px 0px 10px;}
.front_page_box p { font-family:Trebuchet MS; font-size:11px; line-height:18px; padding:20px 15px 10px 15px;}
.last{ margin:0px 0px 0px 0px;}
.read_more_button {float:right; width:82px; height:26px; font-size:11px; padding:5px 17px 3px 17px;background:transparent url(images/css/read_more_button.gif) no-repeat; }

	

/*---------[front-page content]---------*/

	/*---[front-left-cell]---*/
#front_left_cell {width:340px;background:#fff;/* for IE */ filter:alpha(opacity=90); opacity:0.9;;float:left;margin:0 0 90px 0;}
.left_cell {line-height:16px;font-size:11px;font-family:Tahoma;padding:0 5px 0 0;margin:15px 0 0 0;}
.left_cell h2, .left_cell h2 a{font-size:24px; color:#3693b7!important; font-family:"Museo300"; line-height:21px;  background:transparent url(images/css/star.png) center left no-repeat; padding:10px 10px 10px 25px; font-weight:normal;}
.left_cell_image_frame{background:transparent url(images/css/right_cell_image_frame.png) center left no-repeat;width:78px;height:59px;float:left;margin:0 12px 2px 0;}
.left_cell_image{width:66px;height:45px;position:relative;top:6px;left:6px;}
.left_cell_content{padding:0 10px 0 0;}




	/*---[front-right-cell]---*/
#front_right_cell {float:left; margin:30px 0px 50px 6px; padding:0 0 0 37px; width:563px; font-family:Georgia; font-size:13px; line-height:20px;color:#636c67;}
.cell_text {clear:both;font-size:11px; padding:21px 0 0 0; line-height:18px; width:89%}
.cell_text img {margin:10px; float:left;}
.cell_title {width:70%;padding:0 0 10px 0; margin:0 0 0 60px;}	
.cell_title h2, .cell_title h2 a {font-size:20px; color:#3693b7!important; font-family:"Museo300"; line-height:21px; padding:8px 10px 10px 0px; font-weight:normal;}
.cell_info{clear:both;float:left;background:url(images/css/border-cell-info.gif) top repeat-x;height:30px; position:relative;top:-20px;left:75px;width:500px;}
.cell_date{ margin:9px 10px 0 10px;width:54px;height:65px;background:transparent url(images/css/calendar_icon.png);float:left;}
.cell_month{width:54px;heigh:23px;text-align:center;padding:5px 0 7px 0;color:#e9e9e9;font-family:Tahoma;}
.cell_day{width:54px;heigh:42px;text-align:center;padding:13px 0 7px 0;color:#feffff;font-family:Helvetica;font-size:30px;font-weight:bold;}
.cell_comments{width:80px;height:20px;margin:0px 0 0 0px;padding:4px 0 0 19px;background-color:green;float:left;background:transparent url(images/css/comments.png) left no-repeat;font-family:Tahoma;font-size:11px;color:#535353;}
.cell_written{height:20px;margin:0px 20px 0 5px;padding:4px 0 0 19px;background-color:green;float:left;background:transparent url(images/css/written.png) left no-repeat;font-family:Tahoma;font-size:11px;color:#535353;}
.cell_category{width:100px;height:20px;margin:0px 0 0 5px;padding:4px 0 0 15px;background-color:green;float:left;background:transparent url(images/css/category.png) left no-repeat;font-family:Tahoma;font-size:11px;color:#535353;}
.cell_image_top{width:599px; height:6px; background:transparent url(images/css/cell_top.png) no-repeat;margin:45px 0 0 0;}
.cell_image_bg{width:599px; padding:0 0 0 6px!important; background:transparent url(images/css/cell_bg.png) repeat-y;}
.cell_image_bottom{width:599px; height:26px; background:transparent url(images/css/cell_bottom.jpg) no-repeat;}
.cell_read_more{color:#40b2dd;width:74px;font-family:"Museo300";display:block;margin:10px 0 0 0!important;}
.cell_read_more:hover{}
.right-cell-h1{font-family:Georgia;font-size:25px;font-style:italic;font-weight:bold;color:#f9f6f1;text-shadow:#a5b4af 0px 1px 0px;width:95%;margin:40px 0 20px;text-align:center;*padding:2px;padding:2px\0/;}
*+html .right-cell-h1{padding:10px 0 10px 0;}
.right-cell-h2{font-family:Georgia;font-size:21px;font-style:italic;font-weight:bold;color:#f9f6f1;text-shadow:#a5b4af 0px 1px 0px;margin:20px 0 0 0;*padding:2px;padding:2px\0/;}
#front_right_cell p{margin:10px 0px;font-family:Georgia;font-size:13px;line-height:20px;}
.page-text{padding:30px 0 0 0px;display:block;width:100%;}
.page-text p {font-family:Georgia; font-size:13px;color:#636c67;}