body {margin: 0; padding: 0; text-align: center; background: #868998; position: relative;}
html, body { height: 100%;}
.clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;}

#mainContainer {width: 1002px; height: 660px; margin: -320px 0 0 -501px; background: url(../images/blocks/bg_container.gif) top left no-repeat; text-align: left; position: absolute; top: 50%; left:50%;}
#Container {width: 885px; margin: 90px 0 0 60px; float: left; display: inline;}

#header {width: 100%; height: 85px; float: left;}
#header .logo {margin: 5px 0 0 11px; float: left; display: inline;}
#header .contact_us {margin: 5px 10px 0 0px; float: right; display: inline;}

#mainMenu {float: left; font-size: 16px; margin: 5px 0 0 0; clear: left; font-family: "Myriad Pro", sans-serif;}
#mainMenu ul {width: 690px; list-style: none; display: inline; padding: 0; margin: 0; float: left;}
#mainMenu li { display: inline; padding: 0 15px; float: left; white-space: nowrap;}

#pathway {width: 865px; height: 25px; margin: 10px 0 0 15px; padding: 0 0 0px 0; background: url(../images/blocks/bg_pathway.gif) left bottom no-repeat; clear: both; }
#pathway a:link, #pathway a:visited {color: #607d8e; font-size: 11px;}
#pathway ul {float: left; display: inline; list-style: none; margin: 0; padding: 0;}
#pathway li {float: left; display: inline; margin: 0; padding: 0;}
#pathway li.separator {margin: 2px 0 0 0; padding: 0px 3px;}
#pathway li.act a:link, #pathway li.act a:visited {color: #000000;}

.twoColsTemplate #mainColumn {width: 72%;}
.twoColsTemplate #mainColumn .content { /* width: 601px; */ margin-right: 20px; } 
#mainColumn {width: 100%; height: 370px; position: relative; z-index: 1; margin: 0;  float: left;}


.sub_menu { margin: 20px 15px 10px 10px; display: inline; }
.sub_menu .menu_hd { height: 10px; font-size: 1px; overflow: hidden; float: left; }
.sub_menu .menu_body { float: left;}
.sub_menu .menu_ft { height: 8px; font-size: 1px; overflow: hidden; float: left; }
.sub_menu ul { list-style: none; margin: 0px; padding: 5px 0 5px 15px; float: left; display: inline;}
.sub_menu li { margin: 0px; padding:0px; float: left; clear: both;}
.sub_menu li a:link, .sub_menu li a:visited { margin: 0px; padding: 3px 0px 3px 15px; display: block; background: url(../images/bullets/bullet01.gif) center left no-repeat; color: #395261; font-size: 10px; font-weight: bold; zoom: 1;}
.sub_menu li.act a:link, #mainColumn .sub_menu li.act a:visited { color: #000000;}

#mainColumn .sub_menu {width: 167px; float: right; }
#mainColumn .sub_menu .menu_hd { width: 167px; background: url(../images/blocks/bg_top_submenu.gif) top left no-repeat; }
#mainColumn .sub_menu .menu_body { width: 167px; background: url(../images/blocks/bg_submenu.gif) top left repeat-y; }
#mainColumn .sub_menu .menu_ft { width: 167px; background: url(../images/blocks/bg_bottom_submenu.gif) bottom left no-repeat; }

#rightColumn .sub_menu { width: 234px; margin: 10px 0 ; float: left; }
#rightColumn .sub_menu .menu_hd { width: 234px; background: url(../images/blocks/bg_top_1fce.gif) top left no-repeat; }
#rightColumn .sub_menu .menu_body { width: 214px; background: url(../images/blocks/bg_1fce.gif) top left repeat-y; padding: 0 10px 0 10px; }
#rightColumn .sub_menu .menu_ft { width: 234px; height: 6px; background: url(../images/blocks/bg_bottom_1fce.gif) bottom left no-repeat; }


#rightColumn {width: 27%; height: 370px; float: right; position: relative; z-index: 1; margin: 0;}
#rightColumn .content {height: 350px; overflow: hidden; visibility: visible;}

#footer {width: 100%; padding: 20px 0 20px 0; text-align: center; color: #d4d4d4; font-size: 11px; position: relative; z-index: 1;}
#footer a:link, #footer a:visited {color: #d4d4d4; font-size: 11px;}
#footer .copyright {font-family: "Myriad Pro", sans-serif; font-size: 16px; color: #ffffff;}
#footer .footer_menu p {margin: 0; padding: 0;}
#footer .back {position: absolute; top: -4px; right: -9px; width: 38px; height: 20px;}
#footer .back a:link, #footer .back a:visited {width: 38px; height: 20px; background: url(../images/bullets/bullet02.gif) top left no-repeat; display: block;}

/*rewriting size of scroll zone for 2cols template*/
.twoColsTemplate div#wn1  {position:absolute; left:15px; top:0; width:600px; height:363px; clip:rect(0, 600px, 363px, 0);}
.twoColsTemplate div#holder1 {width:628px;}
.twoColsTemplate div#lyr1 { width:605px;}
.twoColsTemplate div#scrollbar1 {left:600px; }


#outsideItems {}
#outsideItems a:link, #outsideItems a:visited, #outsideItems a:hover { text-decoration: none; display: block; zoom: 1; position: absolute; z-index: 2; /* border: 1px solid #ff0000;  */ }
#outsideItems .i-teapot {width: 121px; height: 52px; left: 133px; top: 35px; }
#outsideItems .i-gift {width: 44px; height: 80px; right: 39px; top: 0; }
#outsideItems .i-chair {width: 53px; height: 128px; left: 0; top: 475px; }
#outsideItems .i-coat {width: 54px; height: 120px; right: 0; top: 267px; }