body {
background: #000;
text-transform: lowercase;
text-align: center;
}

/* START Homepage Only */
div#layout-index {
margin: 25px auto;
position: relative;
width: 992px;
height: 516px;
background: #000 url(../images/bg-home.jpg) no-repeat;
text-align: left;
}
div#layout-index div.logo {
/*display: none;*/
position: absolute;
top: 165px;
left: 141px;
background: #000;
width: 230px;
height: 120px;
}
/* END Homepage Only */

/* START Contact Form Only */
div#layout-contact {
margin: 25px auto;
position: relative;
width: 992px;
height: 516px;
background: #000 url(../images-contact/bg-contact.jpg) no-repeat;
text-align: left;
}
div#layout-contact div.form {
position: absolute;
top: 51px;
left: 141px;
background-color: none;
width: 595px;
height: 185px;
}
.input {
font-family: tahoma;
font-size: 12px;
color: #000;
text-align: left;
border: 1px solid #C2C3C6;
}
input.button {
font-size: 12px;
font-family: tahoma;
color: #000;
background-color: #FFFFFF;
border-style:solid;
border-color:#C2C3C6;
border-width:1px;
width: 50px;
height: 20px;
}

* html input.button {
margin-right: 8px;
}

div#layout-contact P, div#layout-contact TD {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
font-style: normal;
color: #C2C3C6;
}
div#layout-contact table.form TD { padding: 2px;}
div#layout-contact table.form TD.right { text-align: right;}
div#layout-contact p.sent { font-weight: bold; }
div#layout-contact div.header {
position: absolute;
top: 11px;
left: 31px;
right: 31px;
width: 930px;
height: 60px;
background: url(../images/logo-banner.jpg) no-repeat scroll 100%;
background-position: top right;
}

/* END Contact Form Only */

div#layout {
text-align: left;
margin: 25px auto;
position: relative;
width: 992px;
height: 516px;
background: #000 url(../images/bg-page-content.jpg) no-repeat;
}

div#layout div.prev {
position: absolute;
top: 11px;
left: 31px;
width: 26px;
height: 494px;
background: url(../images/nav-left.gif) no-repeat 0% 50%;
}

div#layout div.next {
position: absolute;
top: 11px;
right: 29px;
width: 26px;
height: 494px;
background: url(../images/nav-right.gif) no-repeat 0% 50%;
}

div#layout div.header {
position: absolute;
top: 11px;
left: 31px;
right: 31px;
width: 930px;
height: 60px;
background: #000 url(../images/logo-banner.jpg) no-repeat scroll 100%;
background-position: top right;
}

div#layout div.footer {
position: absolute;
bottom: 11px;
left: 31px;
right: 31px;
width: 930px;
height: 60px;
text-align: center;
}

div#layout div.content {
position: absolute;
top: 71px;
left: 31px;
right: 31px;
width: 930px;
height: 374px;
background: #0A0A0A;
}

/* START content scroll div */
div#layout div.content-scroll {
position: absolute;
top: 71px;
left: 57px;
right: 57px;
width: 881px;
height: 370px;
background: #0A0A0A;
overflow: hidden;
padding-top: 4px;
}
div#layout div.carousel {
left: 31px;
right: 31px;
width: 933px;
height: 370px;
}
/* For IE Only START */
* html div#layout div.carousel {
left: 31px;
right: 31px;
width: 933px;
height: 374px;
}
/* For IE Only END */

div#layout div.content-scroll img {
margin-right: 2px;
border: 1px solid #0A0A0A;
}
div#layout div.content-scroll a:hover img  {
border: 1px solid #FFF;
}
div#layout div.content-scroll img.last {
margin-right: 2px;
}
/* END  content scroll div */

/* START content scroll div Before and After Only */
div#layout div.content-scroll-ba {
position: absolute;
top: 71px;
left: 57px;
right: 57px;
width: 881px;
height: 370px;
background: #0A0A0A;
overflow: hidden;
padding: 4px 0 0 4px
}
div#layout div.content-scroll-ba img.last {
margin-right: 0px;
}

/* For IE Only START */
* html div#layout div.content-scroll-ba {
left: 55px;
right: 57px;
width: 887px;
height: 374px;
}
/* For IE Only END */

/* END content scroll div Before and After Only  */

div#layout div.left {
position: absolute;
top: 0px;
left: 0px;
width: 457px;
height: 366px;
padding: 4px;
}

div#layout div.left img {
margin-right: 4px;
}

div#layout div.right {
position: absolute;
top: 0px;
right: 0px;
width: 457px;
height: 366px;
padding: 4px;
}

div#layout div.right table.contact  { margin: 0px; padding: 0px; margin-top: 150px; margin-left: 135px; }
div#layout div.right table.contact TD.right { text-align: right; }

div#layout div.right div.officeinformation { 
width: 195px;
height:61px;
background: #000 url(../images-contact/office-information.jpg) no-repeat;
position: relative;
top: 65px;
left: 135px;
}

div#layout div.right div.contactinformation { 
width: 195px;
height: 136px;
background: #000 url(../images-contact/contact-information.jpg) no-repeat;
position: relative;
top: 100px;
left: 135px;
}

/* START animate-index */
div#animate div.vertical {
display: none;
position: absolute;
background: url(../images/bg-home-vertical.jpg);
width: 114px;
height: 494px;
z-index: 501;
top: 11px;
right: 70px;
}
div#animate div.vertical-2 {
display: none;
position: absolute;
background: url(../images/bg-home-vertical-2.jpg);
width: 114px;
height: 494px;
z-index: 501;
top: 11px;
right: 217px;
}
div#animate div.vertical-3{
display: none;
position: absolute;
background: url(../images/bg-home-vertical-3.jpg);
width: 114px;
height: 494px;
z-index: 501;
top: 11px;
right: 364px;
}
div#animate div.horizontal {
display: none;
position: absolute;
background: url(../images/bg-home-horizontal.jpg);
width: 970px;
height: 128px;
z-index: 500;
bottom: 32px;
left: 11px;
}
/* END animate-index */

div#innerfade {
width: 657px;
height: 366px;
position: absolute;
top: 4px;
right: 3px;
}

/* Gallery Page Introductions */
TD.left-intro-gallery ul li.active { color: #FFF; margin-left: 18px; width: 180px;}

TD.left-intro-gallery ul, TD.left-intro-beforeafter ul, TD.left-intro-press ul { margin-top: 95px; }
TD.left-intro-gallery ul li,TD.left-intro-beforeafter ul li, TD.left-intro-press ul li  {
display: block;
width: 217px;
color: #C2C3C6;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
list-style-type: none;
padding-bottom: 1px;
text-align: center;
}


/* Before and After Page Introductions */

TD a { color: #C2C3C6; text-decoration: none;}
TD a:hover { color: #FFF; text-decoration: underline;}

TD.left-intro-gallery {
background-image: url(../images-gallery/pt-gallery.gif);
background-repeat: no-repeat;
width: 221px;
}
TD.left-intro-beforeafter-page, TD.left-intro-beforeafter {
background-image: url(../images-beforeafter/pt-beforeafter.gif);
background-repeat: no-repeat;
width: 221px;
}
TD.left-intro-press {
background-image: url(../images-press/pt-press.gif);
background-repeat: no-repeat;
width: 221px;
}

td.left-intro-beforeafter-page ul { margin-top:95px; }
td.left-intro-beforeafter-page ul li {
display: block;
width: 217px;
color: #C2C3C6;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
list-style-type: none;
padding-bottom: 1px;
text-align: center;
}

/* Before and After Gallery Page Introductions - 2nd Level */
td.baglamours { background-image: url(../images-beforeafter/glamours/before.jpg); background-repeat: no-repeat; width: 221px; }
td.banorthbridge { background-image: url(../images-beforeafter/northbridge/before.jpg); background-repeat: no-repeat; width: 221px; }
td.balumiere { background-image: url(../images-beforeafter/lumiere/before.jpg); background-repeat: no-repeat; width: 221px; }
td.baamgad1 { background-image: url(../images-beforeafter/amgad1/before.jpg); background-repeat: no-repeat; width: 221px; }
td.bahmbedroom { background-image: url(../images-beforeafter/hmbedroom/before.jpg); background-repeat: no-repeat; width: 221px; }
td.babalmain { background-image: url(../images-beforeafter/balmain/before.jpg); background-repeat: no-repeat; width: 221px; }
td.bahm2 { background-image: url(../images-beforeafter/hm2/before.jpg); background-repeat: no-repeat; width: 221px; }
td.balesands { background-image: url(../images-beforeafter/lesands/before.jpg); background-repeat: no-repeat; width: 221px; }
td.baamgad2 { background-image: url(../images-beforeafter/amgad2/before.jpg); background-repeat: no-repeat; width: 221px; }
td.bacove { background-image: url(../images-beforeafter/cove/before.jpg); background-repeat: no-repeat; width: 221px; }
td.baikon { background-image: url(../images-beforeafter/ikon/before.jpg); background-repeat: no-repeat; width: 221px; }
td.bacamperdown1 { background-image: url(../images-beforeafter/camperdown1/before.jpg); background-repeat: no-repeat; width: 221px; }
td.bacamperdown2 { background-image: url(../images-beforeafter/camperdown2/before.jpg); background-repeat: no-repeat; width: 221px; }

/* Text for 2nd Level BA Pages */
td.left-intro-beforeafter p, td.left-intro-beforeafter-page p {
margin: 118px 15px 0px 10px;
color: #C2C3C6;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
width: 190px;
}

td.baglamours p,td.banorthbridge p, td.balumiere p, td.baamgad1 p, td.bahmbedroom p, td.babalmain p, td.bahm2 p, td.balesands p, td.baamgad2 p, td.bacove p, td.baikon p, td.bacamperdown1 p, td.bacamperdown2 p { 
margin-top: 125px;
display: block;
width: 200px;
}

td.left-intro-beforeafter span.title {color: #FFF;}
tr.pagination { overflow: hidden; background-image: url(../images-beforeafter/pt-beforeafter.gif); background-repeat: no-repeat; width: 221px; height: 28px;}
tr.pagination p { font-family: tahoma; font-size: 14px; font-weight: bold; margin-top: 0px; text-indent: 10px; line-height: 25px; }
tr.pagination a { color: #666; }
tr.pagination a:hover { text-decoration: none; color:#FFF;}