/* Left & Right alignment */
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
.marNull{margin: 0;}
.left{float: left;}
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute; overflow:hidden; background: #000;}
body{font-family:Arial, sans-serif; color:#000; line-height:20px; min-width: 1210px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
.main {margin: 0px 480px; width: 720px; z-index:2; height:100%; }
.page_spinner{ position:fixed; background:#000; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none; font-size: 14px; }
a:hover{ text-decoration:underline}
h1{float:left;position: relative;margin: 68px 0px 0px 0px;}
h2{font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 34px; line-height: 39px; width:100%;  padding-bottom: 8px;  font-weight: normal;text-transform: uppercase;}
h3{color:#000; font-size: 15px; line-height: 19px; width:100%;  padding-bottom: 2px; text-align: left; font-weight: bold;}
p{font-size: 13px; color: #000; line-height: 19px;  padding-bottom: 30px;}
.center{padding:0; width:100%;  height: 100%;}
/* ============================= header ============================ */
header{position: relative; width: 240px;  z-index: 3;  float: left; display: inline-block;left: 240px;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo.png) 50% 0% no-repeat; width: 240px; height: 138px; }
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; height: 206px; width: 100%; float: left;}
.menu{position:relative; z-index:1; display: inline-block; }
.menuHolder{ position: relative; width: 100%; z-index: 1; float: left; display: inline-block; height: 101px; margin-top: 40px;}
#menu {z-index:3; position:relative; display: inline-block;float: left; }
#menu > li{position:relative; color: white;  text-align: left; display: inline-block;float: left; height: 32px; width: 200px; margin: 0 20px;}
#menu > li > a{font-family: Arial, Helvetica, sans-serif; display: block;  position:relative; z-index: 1; overflow: hidden; text-transform: uppercase; height: 32px;}
#menu > li > a:hover{text-decoration:none;}
#menu ._last{padding: 0;border: none;}
.submenu_1{position:absolute; z-index:2; top: 1px; left: 194px;   display: block; width: 120px; }
.submenu_1 li{ position:relative; display:inline-block;  float: left; width: 100%; text-transform: uppercase; height: 30px; background: #F1F1F1;}
.submenu_1 a{line-height: 30px; color: #000; font-size: 12px; display:inline-block;  width: 100%; text-align: center; }
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: #151515;}
.submenu_1 .last{border: none;}
.mText{font-family: 'Lato', sans-serif; line-height: 32px; color: #767676; font-size: 13px; position: relative; width: 100%; z-index: 2; text-align: center;}
.mText_over{font-family: 'Lato', sans-serif; line-height: 32px; color: #fff; font-size: 13px; position: absolute; width: 100%; z-index: 2; text-align: center;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 720px; margin: 0 auto; display: block;  float: left;overflow: visible;height: 100%;}
#content > ul{width: 720px;  z-index: 0; display: inline-block;position: relative;overflow: visible;height: 100%;}
#content > ul > li{width: 720px; display:block; position:absolute; height: 100%;}
.box{
	width: 720px;
	position: relative;
	display: inline-block;
	height: 100%;
	background-color: #99CC66;
	background-image: url(../urban%20rafters%20images/map.jpg);	
}
.space1{display:inline-block; width: 67px;text-align: left;}
.space2{display:inline-block; width: 51px;text-align: left;}
.more{font-family: 'Lato', sans-serif; font-size: 15px; color: #fff; padding: 5px 10px;  background: url(../images/moreSprite.png); line-height: 15px;position: relative;display: inline-block; font-weight: bold;}
.more:hover{text-decoration: none; color: #fff;}
._link1{font-size: 12px; color: #9B9B9B;}
._link2{color: #2a2a2a; font-size: 12px; line-height: 18px;text-decoration: underline;}
._link2:hover{text-decoration: none;}
._link3{color: #2a2a2a; font-size: 13px; line-height: 19px;text-decoration: underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link3:hover{text-decoration: none; color:#767676; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link4{font-size: 13px; color: #000; line-height: 19px ;font-weight: bold;}
._link4:hover{text-decoration: underline;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 240px; height: 240px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat #000;}
.contHolder{background: url(../images/bg1.png); width: 240px;height: 480px;}
.mar1{margin: 0px 25px;}
.mar2{margin: 0px 20px;}
.mar3{margin: 0px 24px 0 40px;}
.mar4{margin: 0px 14px 0px 30px;}
.mar5{margin: 0px 14px;}
.mar6{margin: 0px 40px;}
.padBot1{padding-bottom: 31px;}
.padBot2{padding-bottom: 32px;}
.padBot3{padding-bottom: 27px;}
.padBot4{padding-bottom: 48px;}
.padBot5{padding-bottom: 20px;}
._list1{width: 100%; position: relative; display: inline-block;}
._list1 > li{position: relative; display: inline-block;width: 100%;margin-bottom: 5px;}
._list1 > li >a{position: relative; display: inline-block}
._list1 .mBot1{margin-bottom: 20px;}
._list1 .mBot2{margin-bottom: 33px;}
._list1 .mBot3{margin-bottom: 42px;}
._list1 .mBot4{margin-bottom: 25px;}
._list1 .mBot5{margin-bottom: 25px;}
._list2{width: 100%; position: relative; display: inline-block;}
._list2 > li{position: relative; display: inline-block;width: 100%;margin-bottom: 10px; background: url(../images/marker1.png) 0% 50% no-repeat;}
._list2 > li >a{color:#000; font-size: 13px; font-weight: bold; display: inline-block;margin-left: 20px;}
#container{position: absolute !important; top:0; left:0;width: 100%;z-index: 0;}
#container > div{float: left;}
#container > div > a{position:relative;display:block;}
#container .item{width: 240px; height: 240px; float: left;}
.backGround1{background: #f1f1f1;height: 100%;}
._fig1{margin: 34px 0px 20px 0px; position: relative; display: inline-block;}
._fig2{width: 100%; position: relative; display: inline-block;margin-bottom: 36px;}
._fig2 img{position: relative; display: inline-block; float: left;margin-right: 20px;}
._fig2 figcaption{position: relative; display: inline-block; float: left; width: 165px;margin-top: -5px;}
._fig2 figcaption p{padding-bottom: 15px;}
._fig3{width: 100%; position: relative; display: inline-block;margin-bottom: 26px;}
._fig3 img{position: relative; display: inline-block; float: left;margin-right: 20px;}
._fig3 figcaption{position: relative; display: inline-block; float: left; width: 195px;margin-top: 2px;}
._fig3 figcaption p{padding-bottom: 0px;}
._fig4{position: relative; display: inline-block;margin-bottom: 16px;}
/* ============================= footer ====================== */
footer{position: fixed; width: 100%; z-index: 2;  height: 40px; display: inline-block;  bottom: 0; float: left;background: #000;}
.mainFooter { z-index:2; display: inline-block; margin: 12px 0px 0px 240px;}
.textPrivacy{font-family:Arial,sans-serif; font-size: 12px; color: #9B9B9B; position:relative; display:inline-block;  }
.privHold{ position: relative; display: inline-block; float: left; width: 100%; text-align: center;}
/*===================================Map=====================================*/
.google_map{ width:260px; height:435px; background: #fff; display: inline-block; margin-bottom: 15px;}
.google_map > span{position: absolute; top: 45%; left: 50%;}
/* ============================= forms ============================= */
#ContactForm {
	padding:0; 
}
#ContactForm .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
}
#ContactForm .wrapper {
	overflow:inherit; 
	min-height:40px; 
}
#ContactForm .success {  
	font-size:10px; 
    position:relative; 
    float:left; 
	color: #000; 
	width: 100%; 
	line-height: 11px;
	padding-bottom: 2px;
}
#ContactForm label {
	position:relative; 
	display:inline-block;  
	float: left; 
	width: 100%;
	padding-bottom: 22px;
}
#ContactForm .error,#ContactForm .empty {
	font-size: 10px; 
	color: #000; 
	line-height:9px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative; 
	float: left;
	text-align: right;
}
#ContactForm a {
	position:relative; 
	z-index:1; 
}
#ContactForm a:hover {text-decoration:none;}
#ContactForm .input {
	width: 240px; 
	padding: 12px 10px; 
	color: #000; 
	outline:none; 
	font-size: 13px;  
    font-family: Arial, sans-serif;
    box-shadow: none;
	line-height: 16px;
}
#ContactForm textarea {
	overflow:auto; 
	margin:0; 
	width: 240px; 
	height: 388px;  
	padding: 12px 10px; 
	color: #000; 
	resize:none; 
	outline:none; 
	font-size: 13px;  
    font-family: Arial, sans-serif;
	box-shadow: none;
}
#ContactForm .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
}
#ContactForm .marNone{margin: 0;} 
.formButtons{position:relative; float: right;  display: inline-block;margin-top: -7px;}
.formBtn{display:inline-block;  position:relative;  margin-left: 12px;}
/* ============================= end forms ============================= */