* { margin:0; padding:0; }
html { background:#5e543c; }

body {
text-align:center;
}

#wrap {
margin:40px auto 20px auto;
width:798px;
height:598px;
border:1px solid #9e9684;
font-family:arial;
font-size:11px;
color:#ffffff;
background:#000000;
line-height:1.5em;
text-align:left;
position:relative;
top:0;
left:0;
}

#backgroundImage, #backgroundImage div {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1;
}

.bg1 { background:url(bg1.jpg) no-repeat #000000; }
.bg2 { background:url(bg2.jpg) no-repeat #000000; }
.bg3 { background:url(bg3.jpg) no-repeat #000000; }
.bg4 { background:url(bg4.jpg) no-repeat #000000; }
.bg5 { background:url(bg5.jpg) no-repeat #000000; }
.none { background:#000000; }

a {
color:#afa99b;
text-decoration:underline;
}

a:hover {
color:#ffffff;
}

a img {
border:0;
}

h1 {
position:relative;
background:url(logo.png) no-repeat;
width:304px;
height:104px;
font-size:0;
text-indent:-3000px;
margin:20px 0 0 20px;
z-index:10;
}

#menu {
z-index:10;
position:absolute;
top:38px;
right:0;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
list-style-type:none;
text-align:right;
}

#menu li {
margin-top:7px;
height:18px;
width:500px;
position:relative;
}

#menu li a {
border:0;
text-decoration:none;
display:block;
width:100px;
float:right;
background:none;
}

#menu li a:hover, #menu li a:active {
width:500px;
background:url(menuHover.png) no-repeat;
}

#menu li a span {
padding-right:10px;
}

#menu li a.currentMenu span {
color:#ffffff;
}

#menu li ul li {
display:none;
}

#menu li:hover ul li {
position:absolute;
display:inline;
}

#menu li ul li a {
width:112px;
}

#menu li ul li a:hover {
background:none;
width:115px;
}

#menu li ul li span {
position:absolute;
right:-6px;
}

#blur {
position:absolute;
top:0;
left:0;
background:#000000;
height:100%;
width:100%;
z-index:100;
}

#blur img {
display:block;
margin:260px auto 0 auto;
}

#popup {
position:absolute;
top:0;
left:0;
background:url(blacktrans.png);
height:100%;
width:100%;
z-index:75;
}

#closepopup {
position:absolute;
top:-25px;
right:10px;
z-index:85;
}

#loadWrap h1 {
background:none;
font-size:1.3em;
text-indent:0;
position:relative;
top:0;
left:0;
margin:0;
padding:0;
display:inline;
}

#submenu {
position:absolute;
left:485px;
top:100px;
padding-bottom:12px;
list-style-position:inside;
background:url(submenubgbottom.png) bottom no-repeat;
}

#submenu a {
color:#ffffff;
}

#submenu a:hover {
color:#afa99b;
}

#submenu ul {
background:url(submenubg.png);
padding:8px 7px 0 7px;
width:280px;
}

#submenu h3 {
font-size:1.2em;
}

#main {
width:798px;
height:426px;
position:relative;
z-index:5;
}

#main .scroll {
float:left;
width:425px;
height:325px;
overflow:auto;
position:relative;
top:0;
left:40px;
}

#main .scroll p {
width:380px;
text-shadow:1px 1px 5px #000000;
margin-bottom:6px;
}

#main h2 {
position:relative;
top:0;
left:0;
font-size:0;
text-indent:-3000px;
}

#main {
background:transparent url(index.png) no-repeat;
}

#main.index .scroll {
top:140px;
}

#main.showroom .scroll {
top:70px;
height:400px;
width:474px;
}

#showroomLarge img.view {
margin:0 auto;
display:block;
max-width:796px;
max-height:595px;
padding:1px;
}

#main.showroom .scroll img.view {
width:420px;
border:1px solid gray;
padding:1px;
z-index:8;
position:relative;
}

#main.media .scroll {
top:70px;
width:530px;
}

#main.contactus .scroll {
top:70px;
overflow:auto;
}

#main.contactus .scroll #arrows {
margin-top:-20px;
}

#main h2 {
width:384px;
height:61px;
}

.servicesMain {
background:url(index.png) no-repeat;
}

#main.servicesMain .scroll {
top:70px;
height:325px;
}

.servicesMain h2 {
background:url(indexh2.png) no-repeat;
width:384px;
height:61px;
left:0;
}

#arrows {
position:fixed;
width:20px;
height:225px;
margin-top:25px;
margin-left:400px;
}

#arrows .down {
position:relative;
top:180px;
left:0;
}

#thu {
text-align:right;
position:absolute;
bottom:35px;
right:19px;
z-index:10;
width:134px;
}

#thu img {
margin-top:3px;
}

#main .scroll fieldset {
display:block;
padding:5px;
width:300px;
float:left;
border:0;
}

#main .scroll label {
float:left;
}

#main .scroll fieldset input {
width:240px;
float:right;
}

#main .scroll fieldset input[type="submit"] {
width:60px;
padding:2px;
margin-top:2px;
}

#main .scroll fieldset p {
display:block;
width:300px;
margin:0;
}

#main .scroll #media  {
height:253px;
overflow:hidden;
}

#main .scroll #media p {
float:left;
width:225px;
height:60px;
margin-right:5px;
}

#media img {
border:1px solid #dfdfdf;
padding:1px;
float:left;
margin-right:15px;
}

#nextlink {
display:block;
position:absolute;
left:390px;
top:20px;
background:url(rightarrowT.png) no-repeat;
width:23px;
height:23px;
font-size:0;
text-indent:-3000px;
z-index:10;
}

#nextlink:hover {
background-image:url(rightarrow.png);
}

#prevlink {
display:block;
position:absolute;
left:10px;
top:20px;
background:url(leftarrowT.png) no-repeat;
width:23px;
height:23px;
font-size:0;
text-indent:-3000px;
z-index:10;
}

#prevlink:hover {
background-image:url(leftarrow.png);
}

#morelink {
display:block;
position:absolute;
left:10px;
top:225px;
width:419px;
height:56px;
}

#fulllink, .fulllink {
background:url(fullarrowT.png) no-repeat;
position:absolute;
left:200px;
top:0px;
width:18px;
height:18px;
font-size:0;
text-indent:-3000px;
z-index:10;
}

#fulllink:hover {
background-image:url(fullarrow.png);
}

#enlargetext, .enlargetext {
position:absolute;
left:105px;
top:20px;
text-align:center;
width:200px;
color:#ffffff;
text-decoration:none;
z-index:10;
}

.fulllink, .enlargetext {
z-index:1;
}

#startlink {
background:url(startarrowT.png) no-repeat;
position:absolute;
left:210px;
top:263px;
width:18px;
height:18px;
font-size:0;
text-indent:-3000px;
z-index:11;
}

#startlink:hover {
background-image:url(startarrow.png);
}

#otherservices {
height:75px;
}

#otherservices  a {
text-decoration:none;
}

#flipem {
position:absolute;
top:50px;
}

h2 {
background-repeat:no-repeat;
}

h2.indexh2 { background-image:url(indexh2.png); }
h2.interiordesignh2 { background-image:url(interiordesignh2.png); }
h2.showroomh2 { background-image:url(showroomh2.png); }
h2.mediah2 { background-image:url(mediah2.png); }
h2.turnkey_interior_design { background-image:url(turnkey_interior_design.png); }
h2.bowenislandh2 { background-image:url(bowenislandh2.png); }
h2.eastindiacarpetsh2 { background-image:url(eastindiacarpetsh2.png); }
h2.contactush2 { background-image:url(contactush2.png); }
h2.illofth2 { background-image:url(illofth2.png); }