@charset "utf-8";

* {
	padding: 0;
	margin: 0
}

html {
	height: 100%
}

body {
	font: Arial, Helvetica, sans-serif;
	height: 100%
}

body.body4,body.body5 {
	background: #fff url(../images/bg.gif) left 54px repeat-x
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0
}

.h630 br {
	line-height: 630px;
}

.clearfix {
	display: inline-block;
}  /* for IE/Mac */
html[xmlns] .clearfix {
	display: block
}

input {
	padding: 1px 0 1px 4px;
	font: 12px Arial, Helvetica, sans-serif
}

.l {
	float: left
}

.clear {
	clear: both;
	line-height: 1%;
	margin-bottom: -1px;
	height: 1px;
	overflow: hidden;
	font-size: 0px
}

a {
	text-decoration: none
}

.bg_tree {
	position: absolute;
	background: url(../images/bg_tree.jpg) no-repeat;
	top: 0;
	left: 400px;
	width: 133px;
	height: 359px;
	z-index: -1
}

.z-i_0 {
	z-index: 0
}

.body3 .bg_tree {
	left: 679px;
	height: 251px
}

.body2 .bg_tree {
	right: 135px;
	height: 251px;
	left: auto
}

.body3 .bg_tree {
	left: 137px;
	background: url(../images/bg_tree.png) no-repeat
}

.body4 .bg_tree,.body5 .bg_tree {
	left: 187px;
	top: 0;
	height: 245px;
	background: url(../images/bg_tree.jpg) left bottom no-repeat;
}

.body5 .bg_tree {
	left: auto;
	right: 185px
}

.main {
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 100%
}

.main_outside {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	top: 0;
	overflow: hidden;
}

#left_preview,#right_preview,#top_preview,#bottom_preview {
	position: absolute;
	width: 429px;
	height: 379px;
	opacity: 0.2;
	filter: alpha(opacity =         20);
}

.footer_out01 {
	width: 100%;
	position: relative;
	height: 359px;
	background: #fff url(../images/bg.gif) left 168px repeat-x
}

.footer_out,.footer_out2 {
	width: 100%;
	margin-top: -429px;
	height: 359px;
	background: #fff url(../images/bg.gif) left 168px repeat-x
}

.footer_out2 {
	margin-top: -251px;
	height: 251px;
}

.footer,.footer_logo {
	height: 359px;
	position: relative;
	width: 960px;
	margin: 0 auto
}

.footer_out2  .footer {
	height: 251px
}

.footer_logo {
	height: 84px;
	margin-top: -84px;
	width: 100%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.footer_logo {
		margin-top: -105px
	}
}

.eng {
	position: absolute;
	top: 174px;
	left: 16px;
	color: #a4a4a4;
	font: bold 11px Arial, Helvetica, sans-serif;
	z-index: 2
}

.eng:hover {
	color: #6e8878
}

.index2 {
	padding-top: 155px
}

.main_menu {
	padding-left: 263px;
	position: relative
}

.padt141 {
	padding-top: 141px
}

.body2 .main_menu {
	padding-left: 0;
	float: right;
	width: 405px;
	margin-right: 50px
}

.body3 .main_menu {
	margin-left: 14px;
	width: 430px;
	padding: 141px 0 0 0
}

.body4 .main_menu {
	left: 50px;
	position: absolute;
	width: 405px;
	padding: 27px 0 0 0
}

.body5 .main_menu {
	padding: 27px 0 0 0;
	position: absolute;
	right: 50px;
	width: 405px
}

.menu_portfolio {
	width: 500px;
	float: right;
	font: bold 11px Arial, Helvetica, sans-serif
}

.menu_portfolio a,.menu_portfolio span {
	color: #9d9d9d;
	float: left;
	padding-top: 22px;
	margin-right: 23px;
	cursor: pointer;
}

.menu_portfolio a.marr0,.menu_portfolio span.marr0 {
	margin-right: 0;
}

.menu_portfolio a:hover,.menu_portfolio span,.menu_portfolio a.active {
	color: #3c3c3c;
	background: url(../images/portfolio_menu_hover.gif) center top no-repeat
		;
}

.menu_portfolio a.active {
	cursor: default;
}

.main_menu a,.main_menu strong {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #cecece;
}

.main_menu strong {
	color: #3c3c3c;
}

.main_menu a:hover {
	color: #3c3c3c;
}

.menu_item1 {
	padding-left: 50px;
	width: 150px;
	height: 31px;
	float: left;
	background: url(../images/menu_ar_lt.gif) right bottom no-repeat;
	margin-right: 10px;
}

a.menu_item1:hover,strong.menu_item1 {
	background: url(../images/menu_ar_lt_hover.gif) right bottom no-repeat;
}

.menu_item2 {
	width: 84px;
	height: 31px;
	float: left;
	background: url(../images/menu_ar_rt.gif) left bottom no-repeat;
	padding-left: 49px;
}

a.menu_item2:hover,strong.menu_item2 {
	background: url(../images/menu_ar_rt_hover.gif) left bottom no-repeat;
}

.menu_item3 {
	margin-left: -10px;
	width: 209px;
	height: 10px;
	float: left;
	margin-right: 12px;
	background: url(../images/menu_ar_lb.gif) right top no-repeat;
	padding-top: 22px;
}

a.menu_item3:hover,strong.menu_item3 {
	background: url(../images/menu_ar_lb_hover.gif) right top no-repeat;
}

.menu_item4 {
	width: 93px;
	height: 10px;
	float: left;
	background: url(../images/menu_ar_rb.gif) no-repeat;
	padding: 22px 0 0 46px;
}

a.menu_item4:hover,strong.menu_item4 {
	background: url(../images/menu_ar_rb_hover.gif) no-repeat;
}

.row1 {
	margin-bottom: 5px;
}

.text1 {
	margin-right: 120px;
	padding-left: 18px;
	float: left;
}

.text2 {
	float: left;
}

.text1,.text2 {
	font: bold italic 11px Geneva, Arial, Helvetica, sans-serif;
	color: #6e8878;
	letter-spacing: -1px;
	margin-top: -3px;
}

.menu_item3 span {
	font-style: italic;
}

.logo {
	width: 174px;
	height: 84px;
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	left: 10px;
	top: 18px;
	z-index: 1;
	cursor: pointer
}

.body3 .logo {
	left: auto;
	right: 50px;
}

.body4 .logo {
	top: 0;
	left: auto;
	right: 50px;
}

.body5 .logo {
	top: 0;
	left: 50px;
}

.text_cultivating {
	width: 494px;
	height: 340px;
	background: url(../images/text_cultivating.gif) no-repeat;
	position: absolute;
	top: 250px;
	left: 5px
}

.text_studio204 {
	font-family: MrsEavesBold, Georgia;
	font-weight: bold;
	position: absolute;
	left: 525px;
	top: 131px;
	color: #b9ac97
}

.studio_204 {
	font-size: 18px;
}

.google_address:hover {
	color: #6D8878;
	cursor: pointer;
}

.google_address:hover .sixteen{
	color: #000000;
	cursor: pointer;
}

.pos_contact {
	padding-left: 70px;
	margin-top: -11px
}

.sixteen {
	font-size: 75px;
	line-height: 58px
}

.beechwood {
	border-bottom: 1px solid #bcb09c;
	padding-bottom: 4px;
	font-size: 21px;
	margin-left: 3px
}

.ottawa {
	font-size: 22px;
	text-transform: uppercase;
	border-bottom: 1px solid #bcb09c;
	padding: 3px 0 3px 0;
	letter-spacing: 2px;
	margin-left: 3px
}

.canada {
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: 1px solid #bcb09c;
	padding: 6px 0 7px 0;
	letter-spacing: 1px;
	margin-left: 3px
}

.info {
	font-size: 16px;
	padding-top: 7px;
	letter-spacing: 1px;
	margin-left: 3px
}

.info a {
	color: #B9AC97;
}
.info a:hover {
	color: #6d8878;
}

.text_nurturing_ideas_into {
	width: 402px;
	height: 115px;
	background: url(../images/text_nurturing_ideas_into.gif) no-repeat;
	position: absolute;
	left: 28px;
	top: 155px
}

.text_success {
	position: absolute;
	left: 447px;
	top: 31px;
	width: 45px;
	height: 287px;
	background: url(../images/text_success.gif) no-repeat
}

.article {
	padding: 282px 0 0 84px;
	color: #3c3c3c;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 320px;
	height: 305px
}

.article p {
	margin-bottom: 19px
}

.article p.marb0 {
	margin-bottom: 0
}

.size {
	color: #b1b1b1;
	font: bold 10px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 50px;
	top: 204px;
	z-index: 1
}

.body4 .size {
	left: auto;
	top: 35px;
	right: 50px
}

.body3 .size {
	left: auto;
	right: 50px;
	top:203px;
}

.body5 .size {
	top: 35px;
}

.body4 .eng {
	left: auto;
	top: 60px;
	right: 55px;
}

.body3 .eng {
	left: auto;
	top: 174px;
	right: 55px;
}

.body2 .eng {
	left: 50px;
	top: 174px;
	z-index: 1;
}

.body5 .eng {
	top: 59px;
	left: 50px;
}

.size a,.size strong {
	color: #b1b1b1;
	padding: 0 6px 0 6px
}

.size span {
	font-size: 13px
}

.size_middle {
	font-size: 12px
}

.size_big {
	font-size: 14px
}

.portfolio_content {
	position: absolute;
	display: none;
	height: 410px;
	left: 257px;
	z-index: 100;
}

.page_list_left {
	float: left;
	margin: 166px 8px 0 0;
	background: url(../images/page_list_l.gif) no-repeat;
	width: 27px;
	height: 31px;
	cursor: pointer;
}

.page_list_left:hover {
	background: url(../images/page_list_l_hover.gif) no-repeat
}

.square {
	float: left;
	width: 429px;
	height: 379px;
	position: relative;
}

.square_trans {
	background: url(../images/square.gif) no-repeat;
	width: 429px;
	height: 379px;
	position: absolute;
	left:35px;
	z-index:1;
}

.page_list_right {
	float: left;
	margin: 166px 0 0 7px;
	background: url(../images/page_list_r.gif) no-repeat;
	width: 27px;
	height: 31px;
	cursor: pointer;
}

.page_list_right:hover {
	background: url(../images/page_list_r_hover.gif) no-repeat
}

.page_list_top {
	background: transparent url(../images/page_list_t.gif) no-repeat scroll
		0 0;
	height: 31px;
	left: 234px;
	position: relative;
	top: -4px;
	width: 32px;
	display: block;
	z-index: 10;
	cursor: pointer;
}

.page_list_top:hover {
	background: url(../images/page_list_t_hover.gif) no-repeat
}

.page_list_bottom {
	background: transparent url(../images/page_list_b.gif) no-repeat scroll
		0 0;
	display: block;
	height: 31px;
	left: 234px;
	position: relative;
	width: 32px;
	z-index: 100;
	cursor: pointer;
}

.page_list_bottom:hover {
	background: url(../images/page_list_b_hover.gif) no-repeat
}

.text_portfolio {
	position: absolute;
	width: 62px;
	height: 338px;
	background: url(../images/text_portfolio.gif) no-repeat;
	top: 18px;
	right: 12px
}

.squre_text {
	padding: 22px 0 0 13px;
	color: #3c3c3c;
	font: bold 12px Arial, Helvetica, sans-serif
}

.squre_text p {
	margin-bottom: 19px;
	width: 215px
}

.squares {
	width: 429px;
	margin-left: 35px;
	padding-top: 4px;
	position: relative;
	z-index: 100;
}

.squares a {
	cursor: pointer;
}

.squares a,.squares span {
	float: right;
	margin-left: 6px;
	width: 14px;
	height: 22px;
	border: 2px solid #6e8878;
}

.squares a img {
	border: 0
}

.squares a:hover,.squares span {
	background: #6e8878
}

.contact_us_text {
	padding: 380px 0 0 510px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3c3c3c
}

.contact_us_text p {
	width: 243px;
	margin-bottom: 17px
}

.contact_us_text p a {
	color: #6e8878;
	text-decoration: underline
}

.contact_us_text p a:hover {
	text-decoration: none
}

.design_studio_content {
	position: absolute;
	width: 650px;
	height: 380px;
	left: 257px;
}

.woman {
	background: url(../images/square.gif) no-repeat;
	width: 429px;
	height: 379px;
	position: relative;
	text-align: center;
	float: left
}

.design_studio_text {
	float: left;
	width: 165px;
	margin-left: 19px;
	height: 379px;
	position: relative
}

.design_studio_text_inner {
	float: left;
	width: 165px;
	margin-left: 19px;
	height: 379px;
	position: absolute;
	right:462px;
	bottom: 20px;
}

.in {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #6e8878;
	font: bold 12px Arial, Helvetica, sans-serif
}

.in strong {
	color: #3c3c3c;
	display: block
}

.in p {
	margin-top: 16px
}

.sofa {
	top: 50%;
	position: absolute;
	left: 50%;
	margin-left: -212px;
	margin-top: -187px;
}

.pic1 {
	position: absolute;
	background: url(../images/pic1.png) no-repeat;
	width: 62px;
	height: 84px;
	z-index: 7;
	top: -68px;
	left: -45px
}

.pic2 {
	position: absolute;
	background: url(../images/pic2.png) no-repeat;
	width: 91px;
	height: 98px;
	z-index: 6;
	top: -42px;
	left: -102px
}

.pic3 {
	position: absolute;
	background: url(../images/pic3.png) no-repeat;
	width: 61px;
	height: 82px;
	z-index: 1;
	top: 18px;
	left: -127px
}

.pic4 {
	position: absolute;
	background: url(../images/pic4.png) no-repeat;
	width: 88px;
	height: 100px;
	z-index: 2;
	top: -3px;
	left: -49px
}

.pic5 {
	position: absolute;
	background: url(../images/pic5.png) no-repeat;
	width: 90px;
	height: 100px;
	z-index: 2;
	top: -97px;
	left: -132px
}

.pic6 {
	position: absolute;
	background: url(../images/pic6.png) no-repeat;
	width: 81px;
	height: 93px;
	z-index: 1;
	top: -45px;
	left: -3px
}

.pic7 {
	position: absolute;
	background: url(../images/pic7.png) no-repeat;
	width: 64px;
	height: 83px;
	z-index: 1;
	top: -134px;
	left: -90px
}

.pic1,.pic2,.pic3,.pic4,.pic5,.pic6,.pic7 {
	cursor: pointer;
}

.main_table {
	height: 100%;
	width: 100%
}

.h_auto {
	height: auto
}

#menu_title {
	position: absolute; 
	left: -50px; 
	height: 350px; 
	top: 45px;
}

#menu_title img {
	bottom:0;
	margin:auto;
	position:absolute;
	top:0;
}

.body2 .logo {
	left: 50px
}

.rel {
	position: relative;
	z-index: 100
}