/* mobile */
@import url("http://www.thebreedencompany.com/css/mobile.css") handheld;
@import url("http://www.thebreedencompany.com/css/mobile.css") only screen and (max-device-width:480px);

/* the Breeden Company */
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px; color: #333; margin:0; padding:0; background:url("../images/bg-pagetile.gif") repeat-x top;}

/*Links*/
a:link {color: #000;}
a:visited {color: #333;}
a:hover {color: #060;}
a:active {color: #000;}

a.footerLink:link {color: #fff; text-decoration:none;}
a.footerLink:visited {color: #fff; text-decoration:none;}
a.footerLink:active {color: #fff; text-decoration:none;}
a.footerLink:hover {color: #fff; text-decoration:underline;}

a.none{text-decoration:none;}

a.crumbs:link{color: #edeac5; text-decoration:none;}
a.crumbs:visited{color: #edeac5; text-decoration:none;}
a.crumbs:active{color: #edeac5; text-decoration:none;}
a.crumbs:hover{color: #edeac5; text-decoration:underline;}

/*Type*/
h1,h2 {padding:0;}
p{margin:0 0 20px 0;}
h1 {font-size: 18px; padding:0; margin:0 0 12px 0; color: #000; text-transform:uppercase; letter-spacing:1px;}
h2 {font-size: 18px; margin:0; color: #000;}
h3 {font-size: 16px; color: #000; padding:0; margin:0 0 12px 0; text-transform:uppercase; letter-spacing:1px; font-weight:normal;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.headerStroke{border-bottom:#000 1px solid; padding-bottom:11px;}

/*General*/
.reset{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.floatLeft{float:left;}
.floatRight{float:right;}

.bottomMargin20{margin-bottom:20px;}
.bottomMargin40{margin-bottom:40px;}
.topMargin5{margin-top:5px;}
.topMargin10{margin-top:10px;}
.topMargin20{margin-top:20px;}
.topMargin40{margin-top:40px;}
.rightMargin10{margin-right:10px;}
.rightMargin25{margin-right:25px;}
.leftMargin5{margin-left:5px;}
.leftMargin10{margin-left:10px;}
.leftMargin20{margin-left:20px;}
.leftMargin25{margin-left:25px;}
.leftMargin50{margin-left:50px;}

.required{color:#990000;}
.bottomStroke{border-bottom:#000 1px solid;}
.paddedStroke{border-bottom:#000 1px solid; padding-bottom:20px;}
.stroke{border:#000 1px solid;}
hr{height:1px; border:none 0; border-top:1px solid #000; margin-bottom:20px;}

/*forms*/
form{padding:0; margin:0; display:block;}
textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#searchForm{float:left; width:212px; margin:0; padding:0; display:block;}
#searchForm input{color:#333;}
.searchInput{float:left; height:12px; width:157px; margin:0; padding:0; font-size:10px; line-height:0; color:#333; display:block;}
#searchForm .submit{float:left; background:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin-left:5px; color:#f0edcd; border:0 none; cursor:pointer;}
#newsletterForm{float:left; width:300px; margin:0 0 20px 0; padding:0; display:block;}
.newsletterInput{float:left; width:200px; height:16px; margin:0; padding:0; display:block;}
#jumpMenu{width:220px; margin:5px 0 11px 0; height:20px; font-size:12px; color:#333; border:#000 solid 1px; padding:0;}
#searchRefine{float:left; width:220px; margin:0; padding:0; display:block;}
#searchRefine select{width:220px; margin:5px 0; padding:0; display:block;}
#contactForm{float:left; width:300px; margin:0 0 20px 0; padding:0; display:block;}
.contactInput{width:300px; margin:4px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:#000 solid 1px; padding:2px;}
#propertyNewsForm{float:left; width:220px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:#000 1px solid; display:block;}
.propertyInput{float:left; width:160px; height:14px; font-size:12px; padding:2px; border:#000 solid 1px;}

/*Design*/
#oort{width:100%; padding-bottom:20px;}
#wrapper{margin:0 auto; width:1000px;}
#utnav{float:right; width:540px; height:16px; margin-top:10px; color:#f0edcd; text-align:right; display:block;}
a.utnav{float:left; color:#f0edcd; text-decoration:none; height:16px; margin-top:-2px; padding:0; display:block;}

#navold{float:right; width:760px; height:61px; margin-top:20px; display:block;}
#breadcrumbs{float:left; width:400px; height:16px; margin:10px 0 20px 0; text-align:left; font-size:10px; color: #edeac5; display:block;}
.hidecrumb{display:none; visibility:hidden;}
.showcrumb{}
.logo{float:left; margin-left:25px;}
#sidebar{float:left; width:220px; margin-top:20px; display:block;}
#sidebar img{border:0;}
.doubleColumn{width:760px; padding:0; display:block;}
.singleColumn{width:360px; padding:0; display:block;}
#subnav{float:right; width:760px; margin:0 0 10px 0; border-bottom:#000 1px solid; text-align:left; display:block;}
#bios img{border:1px solid #000; float:right; margin:0 0 20px 20px;}
#banners{float:left; width:1000px; margin:20px 0; display:block;}
#banners img{float:left;}

/*nav*/
.nav{float:right; width:760px; height:61px; margin:20px 0 0; display:block;}
.navwrap{float:right; width:760px; height:61px; background:url(../images/nav-divider.gif) top right no-repeat; margin:0; display:block;}
#nav{margin:0; padding:0; display:block;}
#nav li {float: left; height:61px; list-style:none; padding:0 0 0 1px; margin:0; background:url(../images/nav-divider.gif) top left no-repeat; display:block;}
#nav li ul li{list-style:none; padding:10px 8px; margin:0; height:20px;  background:#000; color:#edeac5; cursor:pointer; display:block;}
#subnavAbout{position:absolute; top:108px; width:542px; padding:0 0 0 215px; visibility:hidden; background:#000; border-bottom:1px solid #edeac5; margin:0 0 0 -653px; display:block; z-index:1001;}
#subnavLive{position:absolute; top:108px; width:757px; padding:0; visibility:hidden; background:#000; border-bottom:1px solid #edeac5; margin:0; display:block; z-index:1002;}
.subSeparate{ border-left:1px solid #edeac5;}
#subnavAbout a,#subnavLive a{color:#edeac5; text-decoration:none;}
#subnavAbout a:hover,#subnavLive a:hover{color:#fff; text-decoration:none;}

#footer{margin:0 auto; width:960px; padding:20px; background:#000;}
#footer p{text-align:center; color:#fff; font-size:10px;}
.tanDivider{width:100%; height:1px; border-top:#edeac5 1px solid; margin:0 0 20px 0; display:block;}

#findSpace{float:left; width:220px; height:250px; margin:30px 0 20px 0; display:block;}
#featProp{float:left; width:220px; margin:0; padding:0; display:block;}

/*search results*/
.resultListing{border-bottom:#000 1px solid; padding:10px 0; display:block;}
.amenityIcon{margin:2px;}

/*detail page*/
.tabSelector { float:left; font-size:11px; text-transform:uppercase; font-weight:bold; width:auto; display:inline;}
.detailTabOff{ padding:5px 8px; margin:0 2px; background:#000; color:#edeac5; cursor:pointer;}
.detailTabOn{ padding:5px 8px 15px 8px; margin:0 1px 30px 1px; background: url(../images/graphic-tabarrow.gif) center bottom no-repeat #fff; color:#333; border:#000 1px solid;}

#overview{}
#features{}
#floorplans{}
#floorplans img{border:1px solid #000;}
#neighborhood{}
#current{}
#directions {}
.propDetails {}

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#indexSlides { margin:0 0 20px 0; visibility: hidden; }
#detailSlides { margin:0 0 5px 0; visibility: hidden; }

/* GALLERY CONTAINER */
.gallery {float:right; padding:1px; background:url(../images/bg-indexslides.jpg) top no-repeat #000;}
.gallery li{list-style:none; margin:0; padding:0; line-height:0;}

.loader { background: url(../images/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {margin:0;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 10px 20px; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: #fff; }
.panel .panel-overlay h3{ color: #edeac5; text-transform:uppercase; letter-spacing:1px; font-weight:bold;}
.panel .panel-overlay a { color: #fff; text-decoration: underline; font-weight: bold; margin:0; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip {margin:0; padding:0;}
#gallery{margin:0; padding:0; line-height:0;}

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {margin:0; padding:0;}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #edeac5; margin:0; padding:0;}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; margin:0; padding:0;}

/* FRAME IMAGES */
.frame img { border: none; margin:0; padding:0; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #fff; }

/* POINTER FOR CURRENT FRAME */
.pointer {border-color: #fff;}