body { margin:0; min-width:850px; color:#ccbca7; font:12px/22px Tahoma, Geneva, sans-serif; background:#000 url(../images/bg-body.jpg) no-repeat 50% 0; overflow:scroll; overflow-x: hidden; *overflow:auto;}
*{outline:none;}

/* general settings */
a { text-decoration:none; color:#FFF; }
a:hover { text-decoration:underline;}
img { border:0; }

/* headings */
.title { width:100%; overflow:hidden; text-indent:-9999px; margin:0;  height:70px; }
.welcome {background:url(../images/welcome.png) no-repeat; }
.collection_title { background:url(../images/collection_title.png) no-repeat; }
.doors_title { background:url(../images/doors_title.png) no-repeat; }
.windows_title { background:url(../images/windows_title.png) no-repeat; }
.gates_title { background:url(../images/gates_title.png) no-repeat; }
.stair_rails_title { background:url(../images/stair_rails_title.png) no-repeat; }
.balconies_title { background:url(../images/balconies_title.png) no-repeat; }
.beds_title { background:url(../images/beds_title.png) no-repeat; }
.gallery_title { background:url(../images/gallery_title.png) no-repeat; }
.about_title { background:url(../images/about_title.png) no-repeat; }
.video_title { background:url(../images/video_title.png) no-repeat; }
.contact_title { background:url(../images/contact_title.png) no-repeat; }

.doors-gallery { background:url(../images/doors-gallery.png) no-repeat; }
.balconies-gallery { background:url(../images/balconies-gallery.png) no-repeat; }
.stair-rails-gallery { background:url(../images/stair-rails-gallery.png) no-repeat; }
.wine-gates-gallery { background:url(../images/wine-gates-gallery.png) no-repeat; }
.other-products-gallery { background:url(../images/other_products_title.png) no-repeat; }
.installed-products-gallery { background:url(../images/installed_products_title.png) no-repeat; }





.view-our-product { height:33px; background:url(../images/view-our-product.png) no-repeat; }
.copyright { display:block; width:253px; height:27px; overflow:hidden; margin:38px 0 0 11px; text-indent:-9999px; background:url(../images/copyright.png) no-repeat; }

/* page holder */
#wrapper { position:relative; width:850px; margin:0 auto; padding:17px 0 0 0; background:url(../images/bg-wrapper.jpg) no-repeat 0 100%; }
#wrapper:after,
#header:after,
#nav:after { content:""; display:block; clear:both; height:0; }

/* logo */
.logo { position:relative; margin:0 0 0 11px; width:278px; height:46px; overflow:hidden; z-index:50; }
.logo a { display:block; width:100%; height:100%; text-indent:-9999px; background:url(../images/logo.png) no-repeat; cursor:pointer; }

/* print vercion of logo */
.logo-print { position:absolute; left:-9999px; overflow:hidden; }
.logo-print img { vertical-align:top; }

/* main container */
#main { width:100%; overflow:hidden; padding:0 0 110px 0; }

/* content box */
#content { float:left; width:562px; }
#content h2 { margin:13px 0 0 0; font-size:24px; color:#E0A972; font-weight:normal; line-height:26px;}
#content h2 img { vertical-align:top; border:0; float:none; }
#content h3 { margin:13px 0 10px 0; font-size:18px; color:#eee; font-weight:normal; line-height:22px;}

.text-block { padding:0 20px 0 9px; margin:-1px 0 0 0; }
.text-block p { margin:0; padding:0 0 28px 0; }
.text-block img { float:left; border:1px solid #fff; margin:0 20px 0 0; }

/* sidebar */
#sidebar { float:right; width:275px; padding:0 0 9px 0; background:#0e0b07 url(../images/bg-sidebar.jpg) no-repeat 0 100%; }
#sidebar_gallery { float:right; width:261px; padding:7px; background:#1c160e url(../images/bg-sidebar.jpg) no-repeat 0 -45px; margin-top:0px; }

#sidebar h3 { margin:13px 0 0 0; text-align:center; }
#sidebar img { vertical-align:top; }
.visual { width:100%; text-align:center; }
.nav-gallery { width:100%; overflow:hidden; }
.nav-gallery ul { width:253px; overflow:hidden; margin:0; padding:5px 11px 0 11px; list-style:none; }
.nav-gallery li { float:left; width:253px; height:47px; padding:0 0 7px 0; background:url(../images/bg-nav-gallery.png) no-repeat; }
.nav-gallery li a { display:block; width:100%; height:100%; text-indent:-9999px; cursor:pointer; }

.doors { background:url(../images/doors.png) no-repeat; }
.doors:hover { background:url(../images/doors_hover.png) no-repeat; }
.balconies { background:url(../images/balconies.png) no-repeat; }
.balconies:hover { background:url(../images/balconies_hover.png) no-repeat; }
.stair-rails { background:url(../images/stair-rails.png) no-repeat; }
.stair-rails:hover { background:url(../images/stair-rails_hover.png) no-repeat; }
.wine-gates { background:url(../images/wine-gates.png) no-repeat; }
.wine-gates:hover { background:url(../images/wine-gates_hover.png) no-repeat; }

.windows { background:url(../images/windows.png) no-repeat; }
.windows:hover { background:url(../images/windows_hover.png) no-repeat; }

/* header container */
#header { position:absolute; top:16px; left:0; width:850px; height:47px; background:url(../images/bg-header.gif) no-repeat; z-index:10; }

/* main navigation holder */
#nav { float:right; margin:0; padding:0; list-style:none; display:table; }

/* main navigatin list */
#nav li { position:relative; float:left; line-height:47px; padding:0 0 0 3px; background:url(../images/divider.gif) no-repeat; }
#nav li:first-child { background-image:none; }
#nav li a { float:left; text-indent:-9999px; }

a.home { width:71px; background:url(../images/home.png) no-repeat; }
a.home:hover { width:71px; background:url(../images/home_hover.png) no-repeat; }
a.products { width:101px; background:url(../images/products.png) no-repeat; }
a.products:hover { width:101px; background:url(../images/products_hover.png) no-repeat; }
a.gallery { width:89px; background:url(../images/gallery.png) no-repeat; }
a.gallery:hover { width:89px; background:url(../images/gallery_hover.png) no-repeat; }
a.about-rob { width:112px; background:url(../images/about-rob.png) no-repeat; }
a.about-rob:hover { width:112px; background:url(../images/about-rob_hover.png) no-repeat; }
a.video { width:73px; background:url(../images/video.png) no-repeat; }
a.video:hover { width:73px; background:url(../images/video_hover.png) no-repeat; }
a.contact { width:98px; background:url(../images/contact.png) no-repeat; }
a.contact:hover { width:98px; background:url(../images/contact_hover.png) no-repeat; }

/* sub-navigation holder */
#nav li ul { display:none; float:none; position:absolute; top:47px; left:0; width:153px; /* 100px - 300px for sub-navigation */ overflow:hidden; margin:0; padding:0; list-style:none; }
#nav li:hover,
#nav li.hover { position:relative; }
#nav li:hover ul,
#nav li.hover ul { display:block; }

/* sub-navigation list */
#nav li li { width:100%; line-height:28px; background:none; font-size:13px; }
#nav li li a { float:none; display:block; height:28px; color:#3c2200; padding:0 5px 5px 19px; background:url(../images/bg-sub-nav.gif) no-repeat; text-indent:0; }
#nav li li a:hover { color:#fff; background:url(../images/bg-sub-nav-on.gif) no-repeat; }

/* bottom navigation holder */
.bottom-nav { width:100%; overflow:hidden; padding:17px 0 0 0; }
.bottom-nav ul { float:right; overflow:hidden; margin:0; padding:0; list-style:none; }

/* bottom navigation list */
.bottom-nav li { float:left; padding:0 9px 0 11px; margin:0 1px 0 -1px; background:url(../images/divider2.gif) no-repeat 0 9px; }
.bottom-nav a { color:#73460f; }
.bottom-nav a:hover { text-decoration:underline; }