/*  
Theme Name: Landbank
Theme URI: http://www.landbanklofts.com/
Description: Landbank Wordpress Theme
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://www.dustinpfeifer.com/

Theme last updated: March 13, 2010 by Mike
*/


* {
	margin:0;
	padding:0;
}

div {
	position:relative;
}

body {
	background:#5f5f5f url(images/bg-lb.jpg) no-repeat top center;
	text-align:center;
	margin:0 auto;
	font:11px lucida grande, sans-serif;
	color:#505050;
}

img a {border:0;}


/* Page Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrapper {
	background:#fff url(images/background-footer.jpg) no-repeat bottom;
	width:1024px;
	height:768px;
	margin:0 auto;
	border:5px solid #fff;
	border-width:0 10px 10px 10px;
}

#wrapper .access {
	background:url(http://www.landbanklofts.com/site/wp-content/uploads/2010/12/button_resident_access.jpg) no-repeat;
	display:block;
	width:155px;
	height:37px;
	text-indent:-9999px;
	position:absolute;
	right:25px;
	bottom:0;
	z-index:100;
}

#content {
	background:#efefef url(images/background-content.jpg) no-repeat bottom;
	height:497px;
	padding:0 0 10px;
	text-align:left;
	overflow:hidden;
}

#triangle {
	position:absolute;
	z-index:10;
	margin:447px 0 0 244px;
}

#main {
	float:left;
	padding:70px 35px 35px 70px;
	width:348px;
}

#main h3 {
	font-size:16px;
	color:#4d0a49;
	text-transform:uppercase;
	letter-spacing:1px;
	margin: 10px 0;
}


     .imagemaparea {
     margin: 25px 0 0 0;width:348px;
     }
     
      .imgmap img {border:0;} 
     
      .imagemaparea li {
     list-style-type: none;
     border: 5px solid #dedede;
     border-width: 5px 0 0 0;
     margin: 10px 0;
     text-decoration: none;
     }
     
      .imagemaparea li a{
   
     text-decoration: none;
     }

          .imgmap {
          float:left;
          }
          
          .imgnav {
          float:right;
          }
          
          

     
     

          .loftsleft {
          float:left;
          }
          
          .loftsright {
          float:right;
          }
        
          
          
          
#gallery {
	float:right;
	width:570px;
	overflow:hidden;
}

.smoothgallery {
	width:570px !important; /*override default size*/
	height:497px !important;
	border:none !important; 
}
 
.smoothgallery p, .smoothgallery h3 {
	display:none;	/*show only images if jscript is off*/
}

.jdGallery a.left{
	background: url(images/arrow-left.jpg) no-repeat top left !important;
}

.jdGallery a.right{
	background: url(images/arrow-right.jpg) no-repeat top right !important;
}

.jdGallery a.right, .jdGallery a.left{
	filter:alpha(opacity=75) !important;
	-moz-opacity:0.75 !important;
	-khtml-opacity: 0.75 !important;
	opacity: 0.75 !important;
}

.jdGallery a.right:hover, .jdGallery a.left:hover{
	filter:alpha(opacity=95) !important;
	-moz-opacity:0.95 !important;
	-khtml-opacity: 0.95 !important;
	opacity: 0.95 !important;
}

/*Tooltip
```````````````````````````````````````````````````````````````````````` */



	#tooltip{
		font-size: 13px;
		font-weight: normal;
		position:absolute;
		padding:2px 5px;
		color:#fff;
		max-width: 250px;
		display:none;
		background:#4d0a49;
		border: 1px solid #510f4c;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	
	

/*
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background:#4d0a49; 
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background:#4d0a49; 
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
*/




/* Bottom Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation {
	background:url(images/background-navigation.jpg) no-repeat;
	height:43px;
	padding:30px 0 0;
	margin:0;
	line-height:100%;
}

#navigation li {
	list-style-type:none;
	display:inline;
	padding:0 10px;
}

#navigation a {
	font-size:14px;
	text-transform:uppercase;
	color:#0c0c0c;
	letter-spacing:1px;
	text-decoration:none;
	padding:6px;
}

#navigation a:hover, #navigation li.current_page_item a, #navigation li.current_page_ancestor a {
	background:#888;
	color:#fff;
	padding:5px;
	border:1px solid #c6c6c6;
}

#secondary {
	margin:25px 0 0 0;
	width:65px;
	float:right;
}
     
#secondary li {
	list-style-type:none;
	margin:5px 0;
	text-align:center;
}
     
#secondary a {
	display:block;
	border:5px solid #dedede;
	border-width:5px 0 0 0;
	padding:5px 0 0;
	text-decoration:none;
}
     
#secondary a:hover {
	text-decoration:none;
	border-top:5px solid #6c2465;
}

#logo {
	text-transform:uppercase;
	margin:15px 0 0;
	overflow:hidden;
}

#footer {
	margin:131px 0 0 25px;
	height:30px;
	overflow:hidden;
	text-align:left;
}

#footer p {
	font-size:9px;
	text-transform:uppercase;
	color:#222;
	line-height:125%;
}

#footer a {
	color:#c4c4c4;
	text-decoration:none;
}

#footer a:hover {
	color:#4d0a49;	
}


/* Homepage
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#gallery-home {
	background:url(images/background-hometop.jpg) no-repeat top;
	height:487px;
	overflow:hidden;
	padding:10px 0 0;
}

#homebanner {
	position:absolute;
	z-index:10;
	background:rgba(51, 3, 46, 0.75);
	margin:226px 0 0 60px;
	padding:10px 0 0;
	width:904px;
	height:50px;
	text-align:center;
}

#homebanner h3 {
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
}

#triangle-home {
	position:absolute;
	z-index:10;
	margin:397px 0 0 236px;
}

.home .smoothgallery {
	width:1024px !important; /*override default size*/ 
}

.home .jdGallery a.left{
	background: url(images/arrow-left.jpg) no-repeat center left !important;
}

.home .jdGallery a.right{
	background: url(images/arrow-right.jpg) no-repeat center right !important;
}

.home .jdGallery a.right:hover, .home .jdGallery a.left:hover{
	filter:alpha(opacity=95) !important;
	-moz-opacity:0.95 !important;
	-khtml-opacity: 0.95 !important;
	opacity: 0.95 !important;
}


/* Photo Gallery
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#photos  {
	background:#efefef url(images/background-content.jpg) no-repeat bottom;
	padding:0 0 10px;
	text-align:left;
	overflow:hidden;
}
	
#photos .gallery {
	list-style-type:none;
	margin:25px 0 0 0!important;
}

#photos .gallery dl {
	display:block;
	width:102px!important;
	height:102px!important;
	float:left;
	padding:4px;
	margin:0 0px 3px -5px;
}

#photos .gallery a {
	display:block;
	float:left;
	line-height:0;
}

#photos .gallery img {
	width:95px;
	height:95px;
	overflow:hidden;
	border:none!important;
}

#photos .gallery img:hover {
	border:none!important;
}




/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
	line-height:200%;
}

a {
	color:#ac783a;
}

a:hover {
	color:#5c8d3d;
}

a img {
	border:none;
}

h1 {
	font-size:36px;
	text-transform:uppercase;
	font-weight:normal;
}

ul, ol {
	margin:0 10px;
}

.amenities {
	margin:0;
	list-style-type: none;
}

.amenities li {
	background: url(images/bullet-arrow.jpg) no-repeat left;
	margin:10px 0;
}

.amenities p {
	margin:0 0 0 10px;
}

.arrow {
	background: url(images/bullet-arrow.jpg) no-repeat left;
	margin: 0 0 0 5px;
	padding:0 5px 0 10px;
}

/* Form Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {
	margin:70px 0 0 0;
	width:75%;
}

form ol {
	padding:0;
	margin:0;
	list-style-type:none;
	background:none;
}

form ol li {
	background:none;
	padding:0;
	margin: 10px 0;
	
}

input, textarea {
	width:100%;
	margin:0 0 5px 0;
	padding:5px;
	border:1px solid #e4e4e4;
	font:12px/150% lucida grande, arial, sans-serif;
}

.cformselect {
	width:25%;
	margin:0 0 5px 10px;
	padding:5px;
	border:1px solid #e4e4e4;
	font:12px/150% lucida grande, arial, sans-serif;
}

label span {
	font-size:12px;
	font-weight:500;
	color:#330000;	
	text-transform:uppercase;
}

.reqtxt, .emailreqtxt, .cf_hidden, .linklove {
	display:none;
}

input.sendbutton	{ 
	display:block;
	background:#464646;
	text-transform:uppercase;
	font-size:11px;
	color:#fff; 
	height:21px;
	width:65px;
	overflow:hidden;
	padding:0 0 2px 0;
	margin:0 0 20px 0;
	border:none;
	cursor:pointer;
	float: right;
}

input.sendbutton:hover	{ 
	background:#5d8b3d;

}

.success {
	display:block;
	color:#368836;
	background:#b8e9b8;
	padding:5px;
	margin:20px 0 0;
	width:75%;
}

.failure {
	display:block;
	color:#ad2929; 
	background:#ebc3c3;
	padding:5px;
	margin:20px 0 0;
	width:75%;
}

.cf_li_err label {
	color:#ad2929; 
}


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

.lavaLamp {
    position: relative;
    height: 24px; width: 835px;
    background: url() no-repeat top;
    padding: 15px 0px 15px 0px; margin: 0 0 0 15px;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
        margin-right: 22px;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url(images/underline.gif) no-repeat center 20px ;
            width: 10px; height: 25px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url() no-repeat top left;
                height: 30px;
                
                /*adjusts spacing on right side for background image*/
                margin-right: 2px;
            }
            
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: Bold 13px "Helvetica Neue", Helvetica, Arial;
            letter-spacing: 2px;
            color: #111;
            text-align: center;
            height: 30px; top: 2px;
            z-index: 10;
            float: left; display: block;
            margin: auto 0px;
        }
        
        .lavaLamp li a:hover {
        	color: #777!important;}


		li.current_page_item a, li.current_page_item a:visited {
		color: #00aeef;
		}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */