*{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:250px; margin-top:37px;}

#logo p{display:block;width:243px;height:20px;background:url(../images/lg.png) no-repeat;position:static;}

#logo a{display:block;width:243px;height:20px;position:relative; margin-right:100px;}

#strap{position:absolute;margin-left:470px;margin-top:57px; text-align:right; width:270px;letter-spacing:-1px;}

#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;}