*{padding:0 0;
margin:0 0;
}
body 		{margin:0; padding:0; background-color:#fff; color:#333; font-family:"Trebuchet MS"; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; text-align:center; background:url(/i/bg-page.jpg); background-repeat:0 0 repeat-x; background-color:#cfcfcf;}

div			{text-align:left;}

p			{font-size:12px; padding-top:10px; padding-bottom:10px;}
ul, ol, li	{margin:0; padding:0; list-style:none;}

a			{text-decoration:none; color:#00a1d5;}
a:hover		{text-decoration:underline;}

h1			{color:#FFCC00; font-size:18px; padding-top:20px;}
h2			{font-size:1.3em;}
h3			{color:#FFCC00; font-size:14px; font-weight:bold;}
h4			{font-size:16px; text-align:center; color:#999999; padding-top:5px;}
h5			{color:#3333FF; font-size:18px; text-align:center; padding-bottom:15px; padding-top:15px;}
h5 a		{text-decoration:none; color:#333FF; padding-bottom:0px;}
h6			{color:#c7574c; font-size:20px; padding-top:10px;}

hr			{border:0; border-top:1px solid #e5e5e5; height:1px; margin:12px 0;}

img			{border:0;}

table 		{border-collapse:collapse; border-spacing:0;}
td			{padding:0;}


.tab 		{font-size:12px; font-weight:bold; color:#fff; padding:7px; background-color:#cccccc;  border-left:1px solid #fff; margin-bottom:10px;}
.tab a {color:#fff;}
.activetab	{font-size:12px; font-weight:bold; padding:7px; background-color:#7FD4F7; border-left:1px solid #fff; margin-bottom:10px;}
.activetab a {color:#fff;}

/* Utility classes */

.clear		{clear:both;}
.remove		{border:0 !important;background:none !important;}
.small a{font-size:9px; color:#fff; text-align:center;}
.small a:hover {text-decoration:none;}




/* page wrapper */

#page-wrapper			{width:920px; margin:0 auto; background-color:#fff;}




/* masthead */

#masthead h1			{margin:0px; float:left; -moz-padding:-5px; text-indent:-9999px; background:url(/i/You_2_Canvas_newlogo.jpg); width:179px; height:105px; margin:10px;}
#masthead .nav			{float:right; margin-top:12px;}
#masthead .nav ul		{float:left;}
#masthead .nav ul li	{float:left; border-left:1px solid #fff;}
#masthead .nav ul li a	{color:#333; padding:3px 6px; display:block; background:#d7d5d5}
#masthead .nav ul li a:hover	{background-color:#999; color:#FFFFFF;}

#masthead .basket		{clear:both; float:right; text-align:right; font-size:0.9em; text-transform:uppercase; padding:0 10px 5px 0; width:300px;}
#masthead .basket-state	{float:right; color:#666666;}
#masthead .basket-state span	{color:#000; font-weight:bold;}
#masthead .basket-view	{clear:both; float:right;}

#masthead .titlebar		{clear:both; background-color:#a5a7aa; margin-bottom:2px;}
#masthead .titlebar h2	{margin:0; color:#fff; padding-top:10px; padding-left:10px; padding-bottom:5px;}




/* lead panel */
#page						{float:left; width:920px;}
#page .gallery	{padding:0 0; margin:0 0;}

#page .intro				{clear:both; float:left; width:620px; /*height:216px;*/}

#page .introt				{clear:both; float:left; width:590px; /*height:216px;*/}
#page .introt .text			{width:auto;}
#page .intro .text			{width:auto;}
#page .intro .text ul li	{list-style: disc; margin-left:24px; padding-left:6px; line-height:20px;}
#page .intro .text ol li	{list-style: decimal; margin-left:24px; padding-left:6px;}	
#page .intro .text h3		{margin:0; padding:0;}
#page .wide				{clear:both; float:left; width:850px; /*height:216px;*/}
#page .basket			{clear:both; float:left; width:920px; /*height:216px;*/}
#page .basket .text			{width:870px;}
#page .basket .text ul li	{list-style: disc; margin-left:24px; padding-left:6px;}
#page .basket .text ol li	{list-style: decimal; margin-left:24px; padding-left:6px;}	
#page .basket .text h3	{margin:0; padding:0;}	

#page .buttons			{float:right; width:283px; background:url(/i/bg-buttons.gif) 0 0 repeat-y; padding:6px 6px 0;}
#page .buttonst			{float:right; width:313px; padding:6px 6px 0;}
#page .buttons ul li	{margin-bottom:6px; color:#fff; font-size:1.4em; font-weight:bold;}
#page .buttons ul li a	{width:188px; padding:23px 40px 23px 55px; color:#fff; display:block;}
#page .buttons .button1	a 		{background:url(/i/bg-button-1.gif) 0 0 no-repeat;}
#page .buttons .button1 a:hover	{background:url(/i/button-1.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}
#page .buttons .button2	a 		{background:url(/i/bg-button-2.gif) 0 0 no-repeat;}
#page .buttons .button2 a:hover	{background:url(/i/button-2.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}
#page .buttons .button3	a 		{background:url(/i/bg-button-3.gif) 0 0 no-repeat;}
#page .buttons .button3 a:hover	{background:url(/i/button-3.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}

#page .buttons .active a		{color:#999;}		




/* page */



#page h3				{clear:both; float:left;margin-left:12px; width:100%; margin:12px 12px 6px;}
#page h3 span			{font-size:0.8em;}

#page .text-area .text 	{padding:20px;}
#page .text-area .left-text {float:left; width:221px; height:300px; margin-left:7px;}
#page .text-area .left-text .h1 {font-size:24px;}
#page .text-area .mid-text	{width:451px;}
#page .text-area .mid-text p {padding-left:20px; padding-top:0px; padding-right:10px;}
#page .text-area .right-text {float:right; width:221px; margin-left:7px;}


#page .promo-panel		{clear:both; float:left;}	
#page .text				{float:left; width:599px; padding: 0 24px 24px 24px;}
#page .textgift			{float:left; width:599px; padding: 0 24px 24px 24px; background:url(/i/giftheader.gif) 0 0 no-repeat;font-size:12px; font-weight:700;}
#page .textspecial		{float:left; width:599px; padding: 0 24px 24px 24px;font-size:12px;}
#page .textspecial h1	{color:#666666; font-size:24px; padding-top:20px;}
#page .textgift	h1		{color:#666666; font-size:24px; padding-top:20px;}
#page .textquality		{width:850px;}	
#page .gift				{clear:right; float:right; width:210px; padding:0 24px 15px 24px;}
#page .bedroom			{width:896px;}
#page .rightbutton 		{float:left; width:260px; text-align:center; padding-top:80px; }
#page .cta				{float:left; width:295px;}
#page table.effect		{clear:both;}

.upload					{float:left; width:599px; padding:0 12px 22px; background:#fff url(/i/bg-panel-bottom.gif) 0 100% no-repeat;}

.upload-form p			{font-size:0.8em; text-transform:uppercase; color:#999; margin:3px;}
.upload-form p span		{font-size:1.1em; color:#333;}

.window .details		{float:left; width:280px;}
.window .details p		{font-size:0.8em; text-transform:uppercase; color:#999; margin:3px;}
.window .details p span	{font-size:1.1em; color:#333;}

.window					{float:left; width:579px; padding:32px 20px 20px; background:url(/i/bg-window-top.gif) 0 0 no-repeat;}
.window form			{clear:both; text-align:center; margin-top:12px;}
.window fieldset		{border:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:5px 0; margin:10px 0;}
.window fieldset .details {float:none;}

.window .user-image		{float:left; width:240px; text-align:center;}
.window .user-image img	{margin-bottom:6px;}

.window table table td	{text-align:left; padding:3px;}

.window .effect			{margin-top:12px;}
.window .effect img		{margin-top:12px;}
.window .effect h4		{margin:12px 0;}		




/* Promo Panel */

.backgroundpanel			{clear:both; width:920px;}
.backgroundpanelgallery		{clear:both; width:920px;}
.promo-panel				{clear:both; float:left; width:920px; padding:6px 0 0 0; _padding:6px 0 0 0;}
.promo-panelgallery			{clear:both; float:left; width:920px; padding:6px 0 0 0; _padding:6px 0 0 0;}
.promo-panel .panel			{display:inline-block;float:left; width:221px; height:169px; background:url(/i/newbg.gif) 0 0 no-repeat; margin-left:7px; text-align:left;}
.promo-panel .panelt			{display:inline-block;float:left; width:221px; height:169px; background:url(/i/newbg.gif) 0 0 no-repeat; margin-left:7px; text-align:left; margin-top:20px;}
.promo-panelgallery .panelgallery	{display:inline-block;float:left; width:247px; padding-left:20px; padding-right:20px; margin-left:7px; text-align:left;}
.promo-panelgallery .panelgallery ul {padding-left: 50px;}
.promo-panel .panellarge    {display:inline-block;float:left; width:451px; height:169px; background:url(/i/newbglong.gif) 0 0 no-repeat; margin-left:7px;}
.promo-panel .panellarge p {text-align:center; padding:0px; padding-right:25px;}
.promo-panel .panel	 p      {padding-left:20px; padding-top:0px; font-size:11px;}
.promo-panel .panelt p      {padding-left:20px; padding-top:0px; font-size:11px;}
.promo-panel .paneln		{display:inline-block;float:left; width:221px; height:169px; background:url(/i/newbg.gif) 0 0 no-repeat; margin-left:7px; text-align:left;}
.promo-panel .paneln p  {padding-left:20px; padding-top:0px; font-size:11px;}


.promo-panel .panelrear		{display:inline-block;float:left; width:221px; margin-left:7px; text-align:center;}
.promo-panel .panelrear	ul {text-align:right; padding-right:20px;}
.promo-panel .panelrearwide	{display:inline-block;float:left; width:451px; margin-left:7px; text-align:center;}
.promo-panel .panelrearwide p {text-align:left; padding-left:20px; padding-top:10px;}

.promo-panel .panel	.H1 {font-size:12px; padding:15px; color:#999999;}

.promo-panel .panellarge p {margin-left:20px; margin-top:15px;}
.promo-panel .paneleg		{display:inline-block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background:url(/i/ourwork_img1.gif) 0 0 no-repeat;}
.promo-panel .panel	h4		{margin:0;}
.promo-panel .panel p		{margin:6px 0;}
.promo-panel .panel .no-h4	{margin-top:0;}

.promo-panel .panel-head	{font-size:1.2em; font-weight:normal; color:#fff; float:left; width:268px; margin-left:11px; margin-bottom:3px; padding:0 12px; text-align:center;}

.promo-panel .prices		{background:url(/i/HOMEPAGE_NLargemiddlebox.gif) 0 0 no-repeat; color:#FFFFFF;}
.promo-panel .quality		{padding:0px; color:#FFFFFF;}


.promo-panel .splitcanvas	{background:url(/i/bottom-right.png) 0 0 no-repeat; color:#666666; margin-left:0px; margin-top:0px; margin-right:0px; padding:0px;}

.promo-panel .img-panel		{float:left; margin-left:11px;}

#Canvasquality
  {
    display: block;
	width: 292px;
    height: 193px;
    background: url("/i/Quality1.gif") no-repeat 0 0;}

#Canvasquality:hover
  { 
   background-position: 0px -193px;
  }
  
#panelroll
  {
    display: block;
	width: 279px;
    height: 176px;
    background: url("/i/panelroll.gif") no-repeat 0 0;}

#panelroll:hover
  {background-position: 0px -176px;}
/* footer */

#footer 					{clear:both;text-align:center;}
#footer .navcont			{float:left; width:920px; text-align:center; background:#d7d5d5; margin-top:2px;}
#footer .nav				{padding-left:75px; }
#footer .nav ul				{margin:0px auto; text-align:center; }
#footer .nav ul li			{float:left; border-left:1px solid #fff;}
#footer .nav ul li a	{color:#333; padding:3px 6px; display:block; background:#d7d5d5}
#footer .nav ul li a:hover	{background-color:#999; color:#FFFFFF;}
#footer .copy				{padding:12px; text-align:center; color:#FFFFFF; width:100%; background:url(/i/bottom_strip.gif) no-repeat 0 0;}

.canvas {
	background-image: url(/i/right-box.gif);}
	
.bedroom {background-image:url(/i/bedroom.gif); float:right; width:200px;}

/*Gallery*/


#gallery .gtitle{font-size:14px; color:3399ff;}
#gallerycontent{width:343px; height:150px; font-size:12px; margin-left:10px;}

#page .gintro			{margin-left:100px;}

.gallery-panel				{clear:both; float:left; width:920px; padding:12px 0 0 0;}
.gallery-panel .panel		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}
.gallery-panel1		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}
.gallery-panel2		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}

.gallery-panel .panel p		{margin:6px 0;}

#gallerywrapper {text-align:left;margin:0px; auto;padding: 0px; border:0; width: 900px;}

#side-a {float: left;width: 31%; margin-left:20px; background-color:#ededee; padding-left:5px;}
#side-agallery {float: left; margin-left:0px; width:auto; background-color:#ededee; padding-left:5px; padding-right:5px; margin-right:5px; margin-top:15px;}
#side-bgallery {float: right; margin-left:0px; width:auto; background-color:#ededee; padding-left:5px; margin-top:15px;}
.gtitle {font-family: "Trebuchet MS";font-weight: bold; font-size: 14px;}
.gtext{font-family:"Trebuchet MS"; font-size:12px;}
.gitext{font-family:"Trebuchet MS"; font-size:12px; margin-left:10px; text-align:left;}

#left p {padding-left:10px;} 
#side-a. p {padding-left:6px;}

#side-b {float: left;width: 31%; margin-left:10px; background-color:#ededee; padding-left:5px;}

#content {float: left;width: 31%; margin-left:10px; background-color:#ededee; padding-left:5px;}
.hlt {background-color: #f8f800; color: #000;}

.gallerytext{font-family:Arial, Helvetica, sans-serif; color:#0000FF; text-align:right;}
.galleryhead{font-size:14px; font-weight:bold; font:"Trebuchet MS";}
.droptext{text-align:left; font:"Trebuchet MS"; font-size:12px; color:#FFFFFF;}

table.gallery td a:hover, table.navbar td a:active {background-color:#FFFFFF;}

*html .promo-panel .panel			{margin-left:6px;}
*html .promo-panel .prices			{margin-left:11px;}
*html .promo-panel .quality			{margin-left:11px;}

/* new Gallery */
.boxout {vertical-align:top; padding:0px; border:#CCCCCC; border-width:thin;}

.boxout. td{border:1px solid; color:#CCCCCC;}
.mg { margin-top: 5px; }
.cell{border:thin; border-color:#999999;}

#page .search			{float:left; width:200px; padding:6px 6px 6px 6px; margin-right:25px;}
#page .search ul li		{margin-bottom:6px; color:#fff; font-size:1.4em; font-weight:bold; padding-left:5px; padding-right:10px;}
#page .search ul li a	{width:188px; padding:23px 40px 23px 55px; color:#fff; display:block;}
#page .search .active a	{color:#999;}		

#page .search p{font-family:"Trebuchet MS"; font-size:12px; color:#666666; padding:0px; font-weight:bold;}

#basketsales {width:800px; margin:0 auto;}
#basketsales .left {float:left; width:130px;}
#basketsales .left img{margin-left:15px;}
#basketsales .right {float:left;  width:600px; margin-left:50px;}