*{margin:0px;padding:0px;}
html, body{ height:100%;background:#22160D;}
/*fonts*/
a{color:#988269;text-decoration:none;font-family:Tahoma;font-size:11px;}
a:hover{color:#ffffff;}
p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#C8B095;line-height:21px;font-weight:normal;}
h1{color:#ebe3db;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:30px;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#ebe3db;line-height:12px;margin-bottom:8px;}
h4{color:#ebe3db;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;line-height:30px;}
p.i{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;line-height:17px;margin-bottom:6px;}
p.z{line-height:17px;margin-bottom:6px;}
p.top{ margin-top:-6px;}
/*main structure*/
/***CSS NP -comment:
	*	the following 3 divs (container,content,inner) solely for the vertical center align.
		source:http://garyblue.port5.com/webdev/vcenter-css.html
		see also iespec bit /workaround IE height bug / this script does not work in IE7.
	* 	alternative / works in IE 7:http://garyblue.port5.com/webdev/vcenter.html
		but in this one layers misplace when resizing the window, would only work with flat color bg.
***/
#container{display:table;height:100%;width:100%;margin:0;}
#content{display:table-cell;vertical-align:middle;position:relative;}
#inner{width:1030px;height:668px;margin:0px auto;background:#22160D url(../images/bg.jpg) no-repeat top;}
#main{width:770px;height:553px;position:relative;margin-left:auto;margin-right:auto;padding-top:30px;}
#head{position:relative;height:94px;}
#langs{position:absolute;margin-top:58px;margin-left:30px;}
#langs a{background:url(../images/langs_lnk.gif) no-repeat left;padding-left:9px;margin-right:13px;}
#langs a:hover{background:url(../images/langs_cur.gif) no-repeat left;}
#langs a.current{background:url(../images/langs_cur.gif) no-repeat left;color:#ffffff;}
#logo{position:absolute;width:100px;height:75px;margin-left:335px;}
#logo p{display:block;width:100px;height:75px;background:url(../images/lg.png) no-repeat;position:static;}
#logo a{display:block;width:100px;height:75px;position:relative;}
#strap{position:absolute;margin-left:470px;margin-top:57px; text-align:right; width:270px;letter-spacing:-2px;}
#foot{font-family:Tahoma;position:relative;margin-left:auto;margin-right:auto;width:770px;margin-top:10px;}
#foot a{float:right;padding-right:30px;display:block;}
#foot label{float:left;padding-left:30px;display:block;}
.clr{clear:both;overflow:hidden;height:1px;width:100%;visibility:hidden;}
/*png overlay images*/
.png{position:static;height:456px;background:url(../images/lg.png);} 
/*- for the overlay design images*/
.index{background:url(../images/index.png);position:static;height:456px;}
.the_firm,.the_firm_2{background:url(../images/the_firm.png);position:static;height:456px;}
.feng_shui,.feng_shui_2{background:url(../images/feng_shui.png);position:static;height:456px;}
.services{background:url(../images/services.png);position:static;height:456px;}
.project_1,.project_2,.project_3,.project_4{}
.login{}
.contact_us{background:url(../images/contact_us.png);position:static;height:456px;}

/*nav*/
table#nav{height:65px;position:relative;margin-left:auto;margin-right:auto;margin-bottom:34px;}
#nav td:hover{background:url(../images/nav_current.png) no-repeat top;}
#nav td#current{background:url(../images/nav_current.png) no-repeat top;}
#nav td#current a{color:#ffffff;}
#nav a{display:block;height:20px;padding-top:35px;padding-bottom:6px;width:110px;outline:none;}
/*projects*/
.down{margin-bottom:13px;}
.pr_illu{float:left;padding-right:29px;background:url(../images/dot_v.gif) repeat-y right top;margin-left:31px;}
.pr_text{float:left;width:240px;margin-left:28px;margin-top:-2px;height:306px;}
/*projects nav*/
#pr_nav{float:left;width:309px;padding-left:31px;}
#pr_nav label{display:block;float:left;margin-right:10px;}
#pr_nav a{display:block;width:15px;height:15px;float:left;margin-right:4px;margin-top:3px;}
#one{background:url(../images/one_lnk.gif) no-repeat;}
#one:hover{background:url(../images/one_cur.gif) no-repeat;}
#one.curre{background:url(../images/one_cur.gif) no-repeat;}
#two{background:url(../images/two_lnk.gif) no-repeat;}
#two:hover{background:url(../images/two_cur.gif) no-repeat;}
#two.curre{background:url(../images/two_cur.gif) no-repeat;}
#three{background:url(../images/three_lnk.gif) no-repeat;}
#three:hover{background:url(../images/three_cur.gif) no-repeat;}
#three.curre{background:url(../images/three_cur.gif) no-repeat;}
#four{background:url(../images/four_lnk.gif) no-repeat;}
#four:hover{background:url(../images/four_cur.gif) no-repeat;}
#four.curre{background:url(../images/four_cur.gif) no-repeat;}
#five{background:url(../images/five_lnk.gif) no-repeat;}
#five:hover{background:url(../images/five_cur.gif) no-repeat;}
#five.curre{background:url(../images/five_cur.gif) no-repeat;}
#six{background:url(../images/six_lnk.gif) no-repeat;}
#six:hover{background:url(../images/six_cur.gif) no-repeat;}
#six.curre{background:url(../images/six_cur.gif) no-repeat;}
#seven{background:url(../images/seven_lnk.gif) no-repeat;}
#seven:hover{background:url(../images/seven_cur.gif) no-repeat;}
#seven.curre{background:url(../images/seven_cur.gif) no-repeat;}
#eight{background:url(../images/eight_lnk.gif) no-repeat;}
#eight:hover{background:url(../images/eight_cur.gif) no-repeat;}
#eight.curre{background:url(../images/eight_cur.gif) no-repeat;}

/*projects pdf link*/
#pr_pdf{float:left;width:109px;text-align:right;padding-right:29px;}
#pr_pdf a{background:url(../images/pdf_lnk.gif) no-repeat left;padding-left:17px;}
#pr_pdf a:hover{background:url(../images/pdf_hvr.gif) no-repeat left;}
/*projects more pages links*/
#more{float:right;width:200px;text-align:right;padding-right:29px;}
#more img{display:inline;margin:0px 13px;}
#more a{padding:1px 0px;}
#more a#previous{background:url(../images/previous_lnk.gif) no-repeat left;padding-left:24px;}
#more a#previous:hover{background:url(../images/previous_hvr.gif) no-repeat left;}
#more a#next{background:url(../images/next_lnk.gif) no-repeat right;padding-right:24px;}
#more a#next:hover{background:url(../images/next_hvr.gif) no-repeat right;}
/*home*/
.q{width:195px;float:left;padding-left:60px;color:#e3d3c1;background:url(../images/dot_v.gif) repeat-y right top;padding-right:29px;text-align:right;}
.qq{margin-top:-4px;text-align:right;letter-spacing:0px;line-height:30px;margin-bottom:-4px; font-family:Tahoma; color:#e3d3c1; font-size:15px; font-weight:normal;}
.norm_text{float:left;margin-left:28px;width:410px;height:304px;}
.norm_text h1{margin-top:-6px;}
.norm_text p{margin-bottom:10px;}
/*login*/
input{background:url(../images/field.png) repeat;border:1px solid #A29688;width:310px;height:23px;line-height:23px; padding-left:3px; color:#000000px;}
#note{position:relative;border:1px solid #ffffff;padding:17px;margin-bottom:10px;}
#note p, #note h1{color:#ffffff;}
form{ margin-top:-6px;}
/*stretchy button*/
.button{margin-top:17px;}
.button a.btn{height:28px;line-height:28px;background:url(../images/button_bg.gif) repeat-x 10px 0px;float:left;display:block;padding:0px 10px;color:#ffffff;font-weight:bold;width:auto;}
.button span.l_ed{background:url(../images/button_bg_l.gif) left no-repeat;display:inline;float:left;width:2px;height:28px;}
.button span.r_ed{background:url(../images/button_bg_r.gif) left no-repeat;display:inline;float:left;width:2px;height:28px;}
/*contact us*/
.col_text{float:left;margin-left:28px;width:175px;height:304px;padding-right:30px;}
a.line{margin-bottom:25px;margin-top:10px;display:block;text-decoration:underline;}
.col_text h1{margin-top:-6px;}