html, body {
	height: 100%;
}
body {	
	color: #000000;
	width:100%;
	min-width:1000px;
	background: url(../img/bg.jpg) top left no-repeat;
	background-position: -90px 0px;
}
#wrap {
	position: relative;
	background: transparent;
	min-width:1000px;
	max-width: 1400px;
	width: 75%;
	margin: 0px auto;
	padding: 0px 10px;
	min-height:100%;
	height:auto !important;
	height:100%;
	
}

/* typography.css */
body {font: 14px/16px Arial, sans-serif; color:#111;}
h1 {font-size: 24px; line-height:1; margin-bottom:0.5em; font-style: italic; color: #0099ff; font-family: Georgia, "Times New Roman", Times, serif}
h2 {font-size: 24px; line-height:1; margin-bottom:0.5em; font-style: italic; color: #333; font-family: Georgia, "Times New Roman", Times, serif}
h3 {font-size: 18px; line-height:1; margin-bottom:0.5em; font-style: italic; color: #333; font-family: Georgia, "Times New Roman", Times, serif}
h4 {font-size: 16px;color: ##3386ca; font-weight: bold; padding: 0px 0px 10px 0px; float: none}
h5 {font-size: 16px; line-height:1; margin-bottom:0.5em; font-style: italic; color: #333; font-family: Georgia, "Times New Roman", Times, serif}
h6 {font-size: 11px;font-weight:bold;color: #333;}
.note {color: #b7bba4; font-style: italic}

/* padding - margin */
.p-5 {padding: 5px}
.p-10 { padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-30 {padding: 30px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}
.pl-30 {padding-left: 30px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-30 {padding-right: 30px}


.floatLeft {float: left}
.floatRight {float: right}
.small {font-size: 12px}
.strong {font-weight: bold}
.displayNone {display: none}
.visibleNone {visibility: hidden}
.italic {font-style: italic;}

/* links */
a {color:#3399ff;text-decoration:underline;}
a:link {text-decoration: underline}
a:hover {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: underline}
a:focus, a:hover {color:#3399ff;}
a:hover {text-decoration: none}
a.select {text-decoration: none; color: #ff9933}
a:-moz-any-link:focus {outline: none;} /* firefox focus fix */

.content {min-height: 600px; background:url(../img/houses.png) right top no-repeat; background-position: 99% 150px}

/* top */
.top {height: 40px; padding-top: 40px; padding-left: 37%;}
.top a.house {background:url(../img/houseInactive.png) top left no-repeat; width: 24px; height: 24px; display: block}
.top a.house:hover, .top a.houseActive {background:url(../img/houseActive.png) top left no-repeat; width: 24px; height: 24px; display: block}
.top a.mail {background:url(../img/mailInactive.png) top left no-repeat; width: 24px; height: 24px; display: block}
.top a.mail:hover, .top a.mailActive {background:url(../img/mailActive.png) top left no-repeat; width: 24px; height: 24px; display: block}

/* nav */
.nav {height: 220px; padding-bottom: 20px; display: block; clear: both;}
.nav .logoBlock {width: 40%; position: relative; left: 0px; float: left}
.nav .logoBlock .logo {background:url(../img/logo.png) top left no-repeat; width: 320px; height: 85px; display: block}
.nav .logoBlock .slogan {background:url(../img/slogan.png) top left no-repeat; width: 320px; height: 60px; display: block; margin-left: 30px;}
.nav .menuBlock { width: 60%; position: relative; left: 0; display: block; float: right}
.nav .menuBlock .menu {float: right; display: block; margin-right: 50px;}
.nav .menuBlock .menu .menuTop {background:url(../img/menuTopBg.png) top left no-repeat; width: 188px; height: 27px; display: block}
.nav .menuBlock .menu .menuContent {background:url(../img/menuContentBg.png) top left repeat-y; width: 188px; height: auto; display: block}
.nav .menuBlock .menu .menuContent .menuLinks {padding: 0px 20px;}
.nav .menuBlock .menu .menuContent .menuLinks p {padding: 8px 0px;}
.nav .menuBlock .menu .menuBottom {background:url(../img/menuBottomBg.png) top left no-repeat; width: 188px; height: 27px; display: block}

/* content */
.contentBlock {display: table; height: auto; padding-bottom: 40px;}
.contentBlock .leftBlock {width: 40%; position: relative; left: 0px; float: left;}
.contentBlock .leftBlock .servicesBlock {background:url(../img/servicesBg.png) top left no-repeat; width: 290px; height: 280px; padding: 30px;}
.contentBlock .leftBlock .leftMenuBlock {background:url(../img/servicesBg.png) top left no-repeat; width: 290px; height: 280px; padding: 30px;}
.contentBlock .leftBlock .leftMenuBlock p {padding: 10px 20px;}

.contentBlock .leftBlock .phoneBlock {background:url(../img/phoneBg.png) top left no-repeat; width: 300px; height: 200px; display: block}
.contentBlock .leftBlock .phoneBlock .phone {font-size: 20px; font-weight: bold; color: #999; padding-left: 10px;}

.contentBlock .rightBlock { width: 60%; position: relative; left: 0; display: block; float: left}
.r-star, .r-star-shape{position: relative; overflow: hidden; padding: 10px 0; width: 100%; float: left}
.r-star, .r-star-shape .content-shape {background: #f2f4e9;}
.r-star .contentshape, .r-star-shape .contentshape{padding:5px 10px 20px;}
.r-star .cn, .r-star-shape .cn{position: absolute; width: 20px; height: 20px; left:-10px; top:-10px; background:url(../img/r-star.png); behavior: url(/i/iepngfix.htc)}
.r-star .cn.tr, .r-star .cn.br, .r-star-shape .cn.tr, .r-star-shape .cn.br {margin-left:100%;}
.r-star .cn.bl, .r-star .cn.br, .r-star-shape .cn.bl, .r-star-shape .cn.br {top:auto;}

/* inner content */
ul.list {margin-left: 30px;} 
ul.list li {list-style-type: circle; padding: 5px;} 
.book {}
.book td {padding: 5px}

.footer_blank {height: 50px; color: #3399ff; padding: 10px 10px; margin-left: 30px; display: block; width: 100%;}
.banners {padding: 10px 25px; height: 40px; display: block}

#footer {padding-top:25px; position:relative; margin-top:-70px;	height:45px; width:100%; display: none;}