/*------------------------------

CSS:        Regent's la Jolla - CoPilot Theme
Author:     Michael
Company:    LeaseLabs
Version:    1.0

-------------------------------*/

/* ! Colors

green: #9e9f46

/*

/* ! Global Classes */

.clear { clear: both; }

.hidden {
visibility: hidden;
}

.gone {
display: none;
}

.ir {
  text-indent:-99999px;	overflow: hidden;
	height: 0;
}

.line-break {
  margin-top: 25px;
  border-top: 1px solid #bec6bd;
}

.gold { color: #b26106; }

a.top { position: relative; top: 20px; }

img.img-left { margin: 0; float: left; } 


/* ! Basics & Typography */

body {
  background:#ba6c07 url("../images/bg.jpg") top center repeat-x;
  width: 100%
  height: 535px;
  font-family: palatino, georgia, serif;
}

a {
  text-decoration: none;
  color: #fff;
}
a:hover {
  color: #BA6C07;
}
a:active{
}
a:visited {
}

p.break   { margin-top: 20px; }

p.break a { color: black; text-decoration: underline; }

p.break a:hover { text-decoration: none; }

h2 + p {
  margin-bottom: 12px;
}

h2 {
  line-height: 60px;
  padding-left: 65px;
  color:#fff;
  font-weight: normal;
  font-size: 18px;
}

h3 {
font-size:17px;
padding:0 14px 15px
}

h4 { font-size:41px; margin-bottom:22px; margin-top:-37px; text-align:center; }

span {
display: none;
}

.column-left-bottom-line  { border-top:1px solid #000; float:left; /* margin-top:20px; */ width:600px; margin-left: 20px; }
/* ! Header */
  
#slideshow2 {
position: absolute;
width: 950px;
height: 365px;
top: 7px;
left: 21px;
z-index: 8;
}

  #slideshow2 img {
  position: absolute;
  left: 0;
  top: 0;
  }

  #slideshow {
  background: url(../images/loading-images.jpg) no-repeat top left;
  position: absolute;
  width: 950px;
  height: 365px;
  top: 8px;
  left: 20px;
  z-index: 8;
  }
  
    #slideshow img {
    position: absolute;
    left: 0;
    top: 0;
    }
  
  #slideshow_border {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/_slideshow-border-bg.png) no-repeat top left;
  }


/* --------  header --------- */

#header { position: relative; height: 374px; }


/* --------  subhead --------- */

#subhead { background: url("../images/h2.jpg"); height: 62px;margin-bottom: 18px; }

/*
  body#index #subhead { background: url("../images/h1-index.png") no-repeat;}
  body#residences #subhead { background: url("../images/h1-residences.png") no-repeat;}
  body#amenities #subhead { background: url("../images/h1-amenities.png") no-repeat;}
  body#location #subhead { background: url("../images/h1-location.png") no-repeat;}
  body#resident #subhead { background: url("../images/h1-resident.png") no-repeat;}
  body#contact #subhead { background: url("../images/h1-contact.png") no-repeat;}
*/
  
/* -------------------------- */

.glare { background: url("../images/glare.png") no-repeat 0 5px; width: 921px; height: 83px; }

#wrapper {
width: 978px;
margin: 0 auto;
position: relative;
border-width: 0px;
padding-top: 20px;
}

/* ! Branding */

#branding {
  background: url("../images/site-id.png") top center no-repeat;
  position: absolute;
  left: 20px;
  top: 120px;
  width: 274px;
  height: 186px;
  z-index: 10;
}

  #branding a {
  display: block;
  width: 100%;
  height: 100%;
  }


/* ! Main Menu */

#main_menu {
  background: url(../images/nav.png) no-repeat 1px 0;
  word-spacing: 0; /* ff inline-block fix */
  font-size: 0; /* safari inline-block fix */
  height: 58px;
  text-align: center;
  padding-top: 5px;
/*   text-shadow: #424311 1px 2px 1px; */
}

  #main_menu li {
  display: inline-block;
  word-spacing: normal; /* ff inline-block fix */
  font-size: 13px; /* safari inline-block fix */
  zoom:1;  /* IE7 inline-block fix */
  *display: inline; /* IE7 inline-block fix */
  color: #b26106;
  }
  
  #main_menu li.current {
    background: url("../images/menu-hover.png") repeat-x;
    height: 42px;
  }
  
    #main_menu li a {
    display: block;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0 30px 0 25px;
    }
    #main_menu li a:hover {
     background: url("../images/menu-hover.png") repeat-x;
/*      color: #b26106; */

    }
  
/* ! Content */

#content {
  position: relative;
  padding-top: 35px;
  padding-left: 28px;
  min-height: 340px;
}

  #content_body {
    color: #000;
    font:normal 14px/18px "palatino",georgia, serif;
    width: 620px;
  }
  
  
/* ! Residences */

.container-floorplan {
  width: 150px;
  margin-top: 25px;
  float: left;
  padding-right: 35px;
}

.container-floorplan2 {
  width: 170px;
  margin-top: 25px;
  float: left;
  padding-right: 35px;
}

.container-floorplan3 {
  width: 195px;
  margin-top: 25px;
  float: left;
  padding-right: 35px;
}

.container-specs {
  float: right;
  line-height: 16px;
  *position: relative;
  *top: -95px;
}

  .container-specs h3{
    text-transform: uppercase;
    font-weight: normal;
    color: #6b6c23; 
  }
  
/* ! Amenities */

.container-amenities {
  border: 1px solid #8b4f01;
  background-color: #b26106;
  width: 260px;
  float: left;
  margin:10px 12px 5px 0;
  padding: 0 12px 40px 0px;

}

.container-amenities h3 {
  text-transform: uppercase;
  font-weight: normal;
  background-color: #000;
  color: #fff;
  height: 17px;
  width: 252px;
  padding: 8px 0 8px 20px;
  margin-bottom: 10px;
}

  .container-amenities li{
    list-style: disc;
    list-style-position: outside;
    margin-left: 20px;
    position: relative;
    left: 12px;
    top: 0;
  }
  

/* ! Location */ 

ul.container_two li 			{ margin-bottom: 4px;  } 

.pin_name { padding-right: 12px; }   

.poi_pin { /* background: url("../images/pin.png") no-repeat; width: 23px; height: 26px; */ display:block; float:left; font-size:14px; line-height:24px; text-align:center; }

.poi_name 			{ float:left;  line-height:25px; padding-left:12px; font-size: 16px; }

.map_poi_info p { font-size:14px; }

a.poi_name  		{ color:#000; }
a:hover.poi_name 	{ color:#fff; }

a.poi_link { color: #ba6c07; font-size: 14px; }
a.poi_link:hover{ color: #000; }

a.poi_directions { color: #ba6c07; font-size:14px; }
a.poi_directions:hover{ color: #000; }

/* ! Resident */ 

.container_one { float: left; width: 255px; }
.container_two { float: left; width: 355px;}

.center_stage { height: 296px; overflow: hidden; }
.center_stage_resident { /* height: 160px; */ overflow: hidden; }

body#location .container_two   { height: 300px; overflow: hidden; }

li.btn_black a { background:url("../images/btn-black.png") no-repeat;display:block;
font-size:11px;
height:30px;
letter-spacing:1px;
line-height:29px;
margin-bottom:5px;
text-align:center;
text-transform:uppercase;
width:236px; }
.btn_black a:hover { background-position: 0 -30px; }



li.bullet { list-style: disc; margin-bottom: 10px; }

/* ! Contact */

  #contact-area {
	width: 600px;
	margin-top: 0px;
}

/*
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}
*/

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 250px;
	padding-top: 10px;
}

  
  #sidebar {
  position: absolute;
  top: 3px;
  right: 0;

  }
  
  #top-sidebar {
  background: url("../images/top-sidebar.png") top center no-repeat;
  text-align: center;
  height: 161px;
  width: 299px;
  }
  
    #top-sidebar p {
    color: #000;
    font:normal 14px/21px "georgia", serif;
    padding-top: 71px;
    }
    
      #top-sidebar p strong{
        color: #9e9f46;
        font-weight: normal;
      }
    
    #top-sidebar p + p {
    padding-top: 10px;
    }
    

      
  #btn-gallery a {
  background: url("../images/btn-gallery.png") top center no-repeat;
  height: 53px;
  width: 200px;
  padding-left: 99px;
  display: block;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: #424311 1px 2px 1px;
  }
  
    #btn-gallery a:hover {
    background-position: 0 -53px;
    color: #ba6c07;
    }

  #btn-apply a {
  background: url("../images/btn-apply.png") top center no-repeat;
  height: 53px;
  width: 200px;
  padding-left: 99px;
  display: block;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: #424311 1px 2px 1px;
  }
  
    #btn-apply a:hover {
    background-position: 0 -53px;
    color: #ba6c07;
    }
    
  #btn-facebook a {
  background: url("../images/btn-facebook.jpg") top center no-repeat;
  height: 49px;
  width: 200px;
  padding-left: 99px;
  display: block;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: #424311 1px 2px 1px;
  }
  
    #btn-facebook a:hover {
    background-position: 0 -49px;
    color: #ba6c07;
    }

  
  #btn-video a{
  background: url("../images/btn-video.jpg") no-repeat;
  height: 53px;
  line-height: 48px;
  width: 202px;
  display: block;
  padding-left: 97px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  text-shadow: #424311 1px 2px 1px;
  }
  
    #btn-video a:hover {
    background-position: 0 -53px;
    color: #ba6c07;
    }
    
  #btn-sitemap a {
  background: url("../images/btn-sitemap.png") top center no-repeat;
  height: 53px;
  width: 200px;
  padding-left: 99px;
  display: block;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: #424311 1px 2px 1px;
  }

    #btn-sitemap a:hover {
    background-position: 0 -53px;
    color: #ba6c07;
    }


  #btn-ebrochure a{
  background: url("../images/btn-ebrochure.png") no-repeat;
  height: 53px;
  width: 200px;
  padding-left: 99px;
  display: block;
  line-height: 50px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: #424311 1px 2px 1px;
  }
  
    #btn-ebrochure a:hover {
    background-position: 0 -53px;
    color: #ba6c07;
    }

  
  #bottom-sidebar {
  background: url("../images/bottom-sidebar.png") no-repeat;
  height: 60px;
  width: 299px;

  }
  

/* ! Floorplans */

.container-floorplans {
		float:left;
	}

	.floorplan-map { 
		width:167px;
		height:175px;
		_width:174px;
		float:left;
		position: relative;
	}

		.floorplan-map a { 
			width:108px;
			_width:98px;
			height:124px;
			top:25px;
			left:35px;
			position: absolute;
		}

			.floorplan-map img { 
				padding-top: 0px;
				padding-left: -10px;
			}

	.description {
		margin: 10px 0 20px 0; 
		float:left;
		width: 215px;		
	}
	 .description h2 { left:-65px; position:relative;  }
	 
	 .description h2 a:hover{ color:#000 !important; }

		.description p.italics { font-style:italic;}

	.check{ 
		width:175px;
		height:54px;
		float:left;
		position: relative;		
	}

		.check a.btn-check-availability {
			background: url("../images/btn-check-available.png") no-repeat;
			color: #fff;
			display: block;
			font-size: 10px;
			text-indent: 16px;
			letter-spacing: 1px;
			top: 27px;
			text-align: center;
			width: 179px;
			height: 37px;
			left: 29px;
			line-height: 37px;
			position: relative;
			text-decoration: none;
		}

			.check a.btn-check-availability:hover { background-position: 0 -37px; color:#ba6c07;}
			
				.btn-gallery-index {
					background: url("../images/title-photo-gallery.jpg") no-repeat;
					height:77px;
				}
				
				.price { background: url("../images/check.jpg") no-repeat; height:54px; left:32px; position:relative; top:35px; width:175px; }
				.price p{ padding-left:28px; padding-top:18px; }				
				

				.btn-gallery {
					background:url(../images/btn-photo-gallery.jpg) no-repeat;
					width:296px;
					height:43px;
					cursor:pointer;
				}

				.gallery-container {margin-left:16px;}

				.thumb-container-gallery { 
					background:url(../images/bg-thumb-container.jpg) no-repeat; 
					width:66px;
					height:77px; 
					float:left; 
					margin-left:10px;
				}

					.thumb-container-gallery img { width:58px; padding-top:5px; margin-left:3px;}




/* ! Footer */

#footer {
  background: #424c45 url("../images/bg-footer.jpg") repeat-x; 
  height: 90px;
  margin-top: 12px;
  padding-top: 110px;
/*   text-transform: uppercase; */
  font-weight: normal;
  font-size: 10px;
}

  #footer_content { width:860px; margin: 0 auto; }
  
  .footer_content_container { float: left; width: 100%; height: 4px; margin-left: -71px; }
 
    .footer_content_container p strong { 
    position: relative; 
    bottom:15px; 
    display:inline;
    color:white; 
    }

    .footer_content_container p .footer_txt { color:#fff !IMPORTANT; }    
 
  #footer p {
  text-align: center;
  color: #fff;
  padding-top: 22px;
  *padding-top: 20px;
  font-size: 16px;
  }
   
   #footer p strong { color:#BA6C07; font-weight: normal;  }
  
  #footer ul {
  word-spacing: 0; /* ff inline-block fix */
  font-size: 0; /* safari inline-block fix */
  text-align: center;
  padding-top: 5px;
  position: relative;
  top: 12px;
  }
  
    #footer ul li {
      background: url("../images/bullet.png")no-repeat 0px 7px;
      height: 16px;
      color: #fff;
      display: inline-block;
      word-spacing: normal; /* ff inline-block fix */
      font-size: 16px; /* safari inline-block fix */
      zoom:1;  /* IE7 inline-block fix */
      *display: inline; /* IE7 inline-block fix */
      line-height: 20px;
      padding: 0 12px 0 16px;
    }
    
          #footer ul li.first{
          background:none;
          }
          
     #footer strong a { color: #BA6C07; }     
     #footer strong a:hover { text-decoration: underline; }     
    
/*  PLZ ORGANIZE  */

.map  { position: absolute; width: 940px; height: 361px; color: #000; left: -1px; top: 2px; }

#map_container {
position: absolute;
left: 21px;
top: 7px;
width: 940px;
height: 361px;
}

li.btn_black a.current { color: #b26106; }


.bayview { position: relative; top: -15px; left:500px; }

.leaselabsbtn{ padding-left:5px; position:relative; }

#btn-gallery a.hideBtn {
display: none !important;
}

/* ---  Contact Form, Maintenance Requests Flash Message --- */

#flash{
width:310px;
}

  #flash, .form_body {
  width: 310px;
  padding-top: 3px;
  }

.flash_body {
border: 1px solid #EC6F75;
background: #FBE3E4;
padding: 10px;
width: 295px;
color: #333 !important;
font-size:13px;
}

  .flash_body ul {
  list-style-type:disc;
  margin:10px 0 5px 15px !important;
  }
      
.thank_you_message{
width: 340px;
border: 1px solid #c6d881;
background-color: #e6efc2;
padding: 10px;
width: 295px;
line-height:20px;
color: #333 !important;
font-size:13px;
}

input[type="text"], textarea, select {
background-color: #fff;
border:1px solid black;
color:#000;
width: 100%;
line-height:18px;
vertical-align: bottom;
padding-top:6px;
padding-left:4px;
font-family: palatino, georgia, serif;
font-size:1.0em;
}

  label{
  display: block;
  }

  input[type="submit"] {
  margin-top: 10px;
  }
  
  select {
  width: 30%;
  padding:0;
  background: #fff !important;
  border:1px solid #666;
  }
  
  textarea {
  height:90px;
  overflow:auto;
  margin-bottom:10px;
  }