/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#1a1a1a; border:0; font-size:18px; font-family: 'News Cycle', sans-serif; color:#a4a4a4; line-height:24px; min-width:1253px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #131313; z-index:99; width:100%; height:100%; top:0; left:0}

/* Global Structure ============================================================= */

.main {position:relative; margin: 0 auto;width:1253px; overflow:hidden}


.images{ position:absolute; z-index:0; width:100%;}
.images li{ float:left;}
.images a{ position: relative; display:block; overflow:hidden}
.images a > span{ position:absolute; background:url(../images/info_bg.png) repeat; left:0; right:0; padding:108px 20px 0; top:217px;}
.images a > span > span{ border-top:1px solid #fff; background:url(../images/info.png) 8px 28px no-repeat; padding:24px 0 0 56px; height:84px; display:block; font:14px Arial, Helvetica, sans-serif; color:#ece9d7; line-height:20px;}

/* ============================= main layout ====================== */

a{ color:#ff970b; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:58px 0 0 107px;}
h2{ font-size:36px; line-height:1.2em; color:#fff; padding:19px 0 29px 0;}
p{ padding-bottom:24px;}

/* ============================= header ====================== */
header{
	position: absolute;
	width:313px;
	background:url(../images/bg_header.png) repeat;
	height:925px;
	left:0;
	top:0
} 

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:180px; height:180px;}

.menu_trigger{ position:absolute; width:61px; height:119px; top:38px; right:-61px; overflow:hidden; z-index:2}
.menu_trigger span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/menu_hover.png) 0 0 no-repeat; z-index:2}
.menu_trigger strong{ position:absolute; top:0; left:0; width:100%; height:100%;  background:url(../images/menu.png) 0 0 no-repeat; z-index:1}

#menu { padding:15px 0 0 120px; width:180px;}
#menu > li { padding-bottom:10px; position:relative}
#menu > li > a{ display:block; font-size:17px; text-transform:uppercase; line-height:1.2em; color:#7f7f7f}
#menu > li > a:hover, #menu > .sfHover > a, #menu > .active > a{ color:#fff}

#menu > li.with_ul > a{ background:url(../images/menu_marker.gif) right 11px no-repeat;}
#menu > li.with_ul > a:hover, #menu > li.with_ul.sfHover > a{ background-position:right -9px;}

.submenu_1{
	position:absolute;
	top:0;
	left:160px;
	width:170px;
	;
	background:#000;
	padding:14px 20px 7px;
	z-index:10
}
.submenu_1 li{ padding-bottom:7px; position:relative;}
.submenu_1 li a{ display:block; font-size:14px; line-height:1.2em; text-transform:uppercase; color:#7f7f7f;}
.submenu_1 a:hover, .submenu_1 .sfHover > a{ color:#fff;}

.submenu_2{ position:absolute; top:-14px; left:85px; width:100px;; background:#000; padding:14px 20px 7px;}


/* ============================= content ====================== */

#content{ min-height:850px; width:627px; position: relative; left:313px; overflow:hidden;}

#content > ul > li{ position: relative; z-index:3; height:850px; width:531px; padding:0 48px; background: url(../images/bg_content.png) repeat; padding-top:0px;}

.close{ position:absolute; top:20px; right:0; background:url(../images/close.gif) 0 0 no-repeat; width:15px; height:15px;}
.close span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat}

#welcome{ line-height:26px;}

.underline{ border-bottom:1px solid #fff; padding-bottom:34px;}

.box{ width:531px; position:relative;}

.pad_left1{ padding-left:47px;}
.pad_bot1{ padding-bottom:22px;}
.marg_right1{ margin-right:10px;}
#page_Services .pad_bot1{ padding-bottom:28px;}
#page_Locations .pad_left1{ padding-left:15px;}

figure{ padding-top:5px;}
#page_Services figure{ padding-top:0}

.button1{ display:inline-block; position:relative; font:14px Arial, Helvetica, sans-serif; color:#fff; border:1px solid #ff970b; color:#fff; line-height:32px;}
.button1 span{ position:relative; display:block; padding:0 15px;}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#ff970b}

#gallery_blind{ width:527px !important}
#gallery_blind li{ float:left; width:240px; margin-right:47px;}
#gallery_blind img{ height:120px;}
#gallery_blind a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_curtain{ width:527px !important}
#gallery_curtain li{ float:left; width:240px; margin-right:47px;}
#gallery_curtain img{ height:120px;}
#gallery_curtain a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_wallpaper{ width:527px !important}
#gallery_wallpaper li{ float:left; width:240px; margin-right:47px;}
#gallery_wallpaper img{ height:120px;}
#gallery_wallpaper a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_sofasets{ width:527px !important}
#gallery_sofasets li{ float:left; width:240px; margin-right:47px;}
#gallery_sofasets img{ height:120px;}
#gallery_sofasets a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_rugs{ width:527px !important}
#gallery_rugs li{ float:left; width:240px; margin-right:47px;}
#gallery_rugs img{ height:120px;}
#gallery_rugs a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_accessories{ width:527px !important}
#gallery_accessories li{ float:left; width:240px; margin-right:47px;}
#gallery_accessories img{ height:120px;}
#gallery_accessories a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_hotels{ width:527px !important}
#gallery_hotels li{ float:left; width:240px; margin-right:47px;}
#gallery_hotels img{ height:120px;}
#gallery_hotels a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery_commercial{ width:527px !important}
#gallery_commercial li{ float:left; width:240px; margin-right:47px;}
#gallery_commercial img{ height:120px;}
#gallery_commercial a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

.prev, .next{ position:absolute; width:34px; height:34px; top:45px; right:3px; background:url(../images/markers.png) right bottom}
.prev{ right:47px; background-position:0 bottom;}

.prev span, .next span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/markers.png) 0 0 no-repeat}
.next span{ background-position:right 0}

.color1{ color:#fff}

#map{ float:left; margin-right:28px; margin-bottom:8px;}

.scroll{height:555px; width:500px; overflow:hidden}
.track{ width:1px; height:575px; padding:30px 0; top: 50px !important; left:525px !important; background:#a4a4a4}
.shuttle{ width:5px; height:55px; background:#fff; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}


/* ============================= footer ====================== */

footer { font-size:12px; text-transform:uppercase; color:#acacac; padding:26px 55px 0 344px; height:49px; background:#292a2a}
footer a{ color:#838383}
footer a:hover{ color:#fff}

#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-left:17px;}
#footer_menu .active a{ color:#fff}

/* ============================= forms ============================= */

#ContactForm{ padding-top:6px; position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ position:absolute; bottom:0; display:none; font-size:14px;}
#ContactForm label{ position:relative;min-height:38px; display: inline-block;}
#ContactForm .message{ min-height:166px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font:10px Arial, Helvetica, sans-serif; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:10px; float:right;}
#ContactForm .input { margin:0;width:236px; height:22px; background: url(../images/bg_form.png) repeat; padding:8px 10px;color:#a4a4a4;font-size:18px; font-family: 'News Cycle', sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:236px; height:128px; background: url(../images/bg_form.png) repeat; padding:8px 10px;color:#a4a4a4;font-size:18px; font-family: 'News Cycle', sans-serif;}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}
