html {height: 100%;}
body {margin: 0; padding: 0; height: 100%; width: 100%; color: #363636; background: #fff; font-family: Tahoma, Verdana, Arial, sans-serif;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 770)? "770px" : "100%"); min-width: 770px;}
img {border: 0;}
a {color: #3a7ba6;}
p, table {font: 0.7em/1.5em Tahoma, Verdana, Arial; padding: 0; margin: 0 0 1.8em 0;}
ul {font: 0.7em/1.5em Tahoma, Verdana, Arial; padding: 0; margin: 0 0 1.8em;}
li {margin: 0 0 1em 1.8em;}
h1 {font: 1.5em Tahoma, Verdana, Arial; color: #ff9900; margin: 0;}
h2 {font: 1.1em Tahoma, Verdana, Arial; color: #ff9900; margin: 0;}
h2.error {color: #ff2626;}
form {margin: 0 0 1.8em 0;}
input, textarea {font: 1em Tahoma, Verdana, Arial, sans-serif;}
input.btn {font: bold 1em Tahoma, Verdana, Arial, sans-serif; height: 2.1em; padding: 0 1em; cursor: hand;}
input.error, textarea.error {border: 2px solid #ff2626}

table {border-top: 2px solid #ced5d9; width: 90%;}
th {border-bottom: 2px solid #ced5d9; padding: 0.5em 1em; background: #e6eef2}
td {border-bottom: 2px solid #ced5d9; padding: 0.5em 1em;}

/*
table.properties th {padding: 0.2em 0.5em;}
table.properties td {padding: 0.2em 0.5em; text-align: center;}
table.properties td.photo {padding: 0; width: 140px;}
table.properties td.title {font-size: 1.1em; {padding: 0.6em 0.5em; font-weight: bold;}
*/
/*
table.properties th {height: 2em; padding: 0.2em 0.5em;}
table.properties td {height: 2.5em; padding: 0.2em 0.5em; text-align: center; background: #fcfaff}
table.properties td.photo {padding: 0; width: 140px; padding: 0; vertical-align: top; background: #fff;}
table.properties td.title {height: 2.5em; font-size: 1.1em; padding: 0.6em 2em; font-weight: bold; text-align: left; background: #f3eefa;}
*/
table.properties th {height: 2em; padding: 0.2em 0.5em;}
table.properties td {height: 2.5em; padding: 0.2em 0.5em; text-align: center; background: #fcfaff;}
table.properties td.photo {padding: 0; width: 140px; padding: 4px; vertical-align: top; border-left: 2px solid #ced5d9; border-right: 2px solid #ced5d9; background: #fff;}
table.properties td.title {height: 2.5em; font-size: 1.1em; padding: 0.6em 2em; font-weight: bold; text-align: left; background: #f3eefa;}


table.form {border: 0;}
table.form th {text-align: left; padding-left: 0; border: 0;  background: #fff;}
table.form td {padding-right: 0; border: 0;}

div#photoalbum {margin: 0 25px 4px 50px;}
div#photoalbum img {margin: 2px; border: 2px solid #ced5d9; cursor: hand;}
img#photo {margin: 0 25px 1.8em 50px; border: 2px solid #ced5d9;}


#yard {z-index: 1; position: absolute; width: 30%; min-width: 280px; height: 300px; background: #9dd55b repeat-x center url('img/bg_yard.jpg'); text-align: center;}
	#house {position: relative; top: 65px; width: 100%; height: 162px; background: no-repeat center url('img/house.gif');}
#sky {position: relative; left: 30%; width: 70%; height: 150px; background: #a5e4ff repeat-x url('img/bg_sky.jpg');}
	#logo {z-index: 1; position: absolute; width: 150px; height: 150px; background: #7198b3 repeat-x url('img/bg_logo.jpg'); text-align: center;}
	#skyscrapers {position: absolute; right: 100px; top: 0; width: 384px; height: 150px; background: no-repeat bottom url('img/skyscrapers.gif');}
	#languages {position: absolute; right: 0; width: 100px; top: 0; height: 150px; text-align: center; font-size: 0.6em; font-weight: bold; padding-top: 55px;}
		#languages span {color: #fff; padding: 1px 3px 2px 3px; background: #ff9900;}
		#languages a {color: #406480; padding: 1px 3px 2px 3px;}

div.title_note {position: absolute; left: 180px; top: 0; height: 150px; width: 40%; padding-top: 50px;}
div.title_note_regular {position: absolute; left: 180px; top: 0; height: 150px; width: 65%; padding-top: 50px;}
div.title_note p, div.title_note_regular p {margin: 2px 0 0 0; color: #fff; font-size: 11px; line-height: 1.3em;}
div.title {z-index: 1; position: relative; left: 30%; width: 70%; height: 150px;} 
div.title_inside {height: 150px; width: 100%;}
div.title_number {position: relative; top: 12px; left: 11px; width: 126px; height: 129px;}
div.title_ill {position: absolute; right: 40px; top: 0; height: 150px; width: 200px;}

	#title_1 {background: #ffd57b repeat-x url('img/bg_title_1.jpg');}
	#title_inside_1 {background: no-repeat left url('img/bg_title_left_1.jpg');}
	#title_ill_1 {background: no-repeat bottom right url('img/title_ill_1.gif');}
	#title_number_1 {background: no-repeat url('img/title_1.gif');}
		
	#title_2 {background: #9cb1de repeat-x url('img/bg_title_2.jpg');}
	#title_inside_2 {background: no-repeat left url('img/bg_title_left_2.jpg');}
	#title_ill_2 {background: no-repeat bottom right url('img/title_ill_2.gif');}
	#title_number_2 {background: no-repeat url('img/title_2.gif');}
	
	#title_3 {background: #e587ba repeat-x url('img/bg_title_3.jpg');}
	#title_inside_3 {background: no-repeat left url('img/bg_title_left_3.jpg');}
	#title_ill_3 {background: no-repeat bottom right url('img/title_ill_3.gif');}
	#title_number_3 {background: no-repeat url('img/title_3.gif');}

	#title_4 {background: #8dd96d repeat-x url('img/bg_title_4.jpg');}
	#title_inside_4 {background: no-repeat left url('img/bg_title_left_4.jpg');}
	#title_ill_4 {background: no-repeat bottom right url('img/title_ill_4.gif');}
	#title_number_4 {background: no-repeat url('img/title_4.gif');}

	#title_5 {background: #df7868 repeat-x url('img/bg_title_5.jpg');}
	#title_inside_5 {background: no-repeat left url('img/bg_title_left_5.jpg');}
	#title_ill_5 {background: no-repeat bottom right url('img/title_ill_5.gif');}
	#title_number_5 {background: no-repeat url('img/title_5.gif');}
	
	#title_regular {background: #bfa9de repeat-x url('img/bg_title_regular.jpg');}
	#title_inside_regular {background: no-repeat left url('img/bg_title_left_regular.jpg');}
	#title_ill_regular {position: relative; top: 33px; left: 39px; width: 86px; height: 91px; background: no-repeat url('img/title_regular.gif');}

#home-mail {z-index: 1; position: absolute; width: 30%; min-width: 230px; text-align: center;}
	#home-mail img {margin: 11px 25px;}
	
#menu {position: absolute; width: 30%; min-width: 230px; background: #c1c8cb no-repeat top right url('img/bg_menu.jpg'); padding: 20px 0; border-top: 36px solid #49687f;}
	#menu p {font-weight: bold; margin:  0 25px; padding: 0 0 0 25px; background: no-repeat left center url(img/arrow_menu.gif);}
	#menu p a {color: #406480; display: block; width: 100%; text-decoration: none; padding: 7px 0 8px 0; border-bottom: 1px solid #e6eef2;}
	#menu p a:hover {color: #ff9933;}
	#menu span.current {display: block; color: #ff9900; padding: 7px 0 8px 0; border-bottom: 1px solid #e6eef2;}

#content {position: relative; padding-top: 36px; left: 30%; width: 70%; min-height: 170px;}
	#left {position: relative; width: 62%;}
		#left h1, #left h2 {margin: 0 25px 1em 50px;}
		#left p, #left ul, #left table {margin: 0 25px 1.8em 50px;}
	#right {position: absolute; left: 62%; top: 0; padding-top: 36px; width: 38%; text-align: center;}

#steps {position: relative; height: 120px;}
	#steps #step1 {position: relative; left: 5%; top: 50px; width: 15%; min-width: 130px;}
		#step1 div.next {background: #ff9900 no-repeat right url('img/bg_next.gif');}
	#steps #step2 {position: absolute; top: 0; left: 25%; top: 50px; width: 15%;}
		#step2 div.next {background: #6685cc no-repeat right url('img/bg_next.gif');}
	#steps #step3 {position: absolute; top: 0; left: 45%; top: 50px; width: 15%;}
		#step3 div.next {background: #db4d96 no-repeat right url('img/bg_next.gif');}
	#steps #step4 {position: absolute; top: 0; left: 65%; top: 50px; width: 15%; min-width: 120px;}
		#step4 div.next {background: #6dcc47 no-repeat right url('img/bg_next.gif');}
	#steps #step5 {position: absolute; top: 0; left: 85%; top: 50px; width: 15%;}
		#step5 div.next {background: #cc5947 no-repeat right url('img/bg_next.gif');}
	#steps div.next {float: left; width: 20px; font-size: 0.7em; text-align: center; margin-right: 5px;}
	#steps p {float: left; margin: 0; font-weight: bold;}
	#steps div.next a {display: block; width: 100%; padding: 2px 2px 3px 0; color: #fff; font-weight: bold; text-decoration: none;}
	#steps div.this {display: block; position: relative; top: -4px; float: left; width: 18px; font-size: 0.7em; color: #fff; font-weight: bold; background: #c1c1c1 no-repeat top url('img/bg_this.gif'); text-align: center; padding: 6px 0 3px 0; margin-right: 5px;}

#guesswho {position: absolute; width: 30%; height: 150px; background: #fff no-repeat left bottom url('img/bg_guesswho.gif'); text-align: center;}
	#guesswho img {margin-top: 38px;}
#copyrights {position: relative; left: 30%; width: 70%; height: 150px; background: #e5e5da;}
	#copyrights p {float: left; margin-top: 25px; padding-left: 50px;}
	#copyrights img {float: right; margin: 40px 75px 0 0;}

div.next {width: 100px; font-size: 0.7em; background-image: #ff9900 no-repeat right url('img/bg_next.gif'); text-align: center;}
	div.next #nextstep1 {background: #ff9900 no-repeat right url('img/bg_next.gif');}
	div.next #nextstep2 {background: #6685cc no-repeat right url('img/bg_next.gif');}
	div.next #nextstep3 {background: #db4d96 no-repeat right url('img/bg_next.gif');}
	div.next #nextstep4 {background: #6dcc47 no-repeat right url('img/bg_next.gif');}
	div.next #nextstep5 {background: #cc5947 no-repeat right url('img/bg_next.gif');}
		div.next a {display: block; width: 100%; padding: 5px 0 6px 0; color: #fff; font-weight: bold; text-decoration: none;}