﻿/* CSS RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* Fenture Styling from here on */
/* Globals */
* { margin: 0; padding: 0; font-family: Gotham, Arial, Trebuchet MS, Lucida Grande, Bitstream Vera Sans, Helvetica, sans-serif; color: #442921; line-height: 1.5em; }
html {overflow-y:scroll; overflow:auto; font-size: 11px; }
body {  background-color: #ffffff; vertical-align:middle;}
body.Clean { background-image: none; background-color: White; }
body.Overlay { padding: 15px; }
a {  color: #442921; text-decoration: none; font-size:1.2em;  }
a:hover { text-decoration: none; }
p { margin: 10px 0 0 0; font-size:1.2em; font-weight:bold; padding:0 0 0 0; }

h1 { font-size: 1.8em; line-height: normal; font-weight: normal; text-decoration: none; color:Black; margin: 0 0 10px 0; }
h2 { font-size: 1.9em; line-height: normal; font-weight: bolder; text-decoration: none; font-family: "legitima-1","legitima-2",Goudy Old Style; color: #311d17;}
h3 { font-size: 1.3em; line-height: normal; font-weight: bolder; text-decoration: none; color:#00849f;  margin: 3px 0 3px 0; }
.MottoText { font-size: 1.7em; line-height: normal; font-weight: bold; font-family: "legitima-1","legitima-2",Goudy Old Style; text-decoration: none; font-variant:small-caps; }
h4 { font-size: 1.8em; line-height: normal; font-weight: bold; text-decoration: none; color: #000;}
h5 { font-size: 1.0em; line-height: normal; font-weight: normal; text-decoration: none; margin-bottom: 3px; color:#999999; }
.BulletList {margin-left:15px;}
.Newsletter {background-image: url(../Images/SiteStructure/signup.png); background-repeat:no-repeat; height:26px; width:154px; padding:0 5px 0 5px; font-size:1.1em; }
.Address {background-image: url(../Images/SiteStructure/address.png); background-repeat:no-repeat; height:26px; width:205px; padding:0 5px 0 5px; font-size:1.1em; }

/*Site Structure */
.MasterContainer{ min-width:400px; width: 100%; height:775px; margin:auto; position:relative; }
.Splash {background-image: url(../Images/SiteStructure/janel-splash-background.jpg); background-repeat:no-repeat; width:1050px; height:582px; margin: 0 auto 0;}
.SplashLogo {position:relative; top:97px; left:360px; width:450px; height:130px;}
.SplashContent {position:relative; top:110px; left:350px; width:525px; height:237px; line-height:10px; text-align:justify; }
.SplashSignature {position:relative; top:160px; left:680px; width:123px; height:50px;}
.SplashButton {position:fixed; top:0px; left:0; width:100%; height:100%;}
.SiteHeaderFull {position:fixed; top:0px; background-image: url(../Images/SiteStructure/janel-harris-header-background.jpg); background-repeat:no-repeat; width:1200px; height:414px; margin: 0 auto 0; z-index:996;}
.SiteHeaderHalf {position:fixed; top:0px; background-image: url(../Images/SiteStructure/header-half-top.jpg); background-repeat:no-repeat; width:1200px; height:158px; margin: 0 auto 0; z-index:1000;}
.SiteHeader {position:fixed; top:22px; left:340px; width:1200px; z-index:1000; }
.RightSocial {position:fixed; right:60px; top:45px; z-index:1111; }
.RightInfo {position:fixed; right:60px; top:75px; z-index:1111; padding:5px 0 0 0; }
.RightLikeButton {position:fixed; right:39px; top:124px; z-index:1111; padding:5px 0 0 0; }
.LeftSide {position:absolute; left:110px; top:163px; z-index:998; border-left:1px solid #b5b5b5; height:420px; padding-bottom:230px; width:235px; background-image: url(../Images/SiteStructure/left-bar.png); background-repeat:no-repeat; }
.LeftSide .LeftNav {position:absolute; z-index:1000; height:650px; background-image: url(../Images/SiteStructure/sidebar-background.png); background-repeat:repeat-y; }
.LeftSide .LeftNav .leftBlock{ padding:0px; margin:0 10px 5px 20px;}
.LeftSide .LeftNav .leftBlockListing{ padding:10px 0 0 0px; margin:0 0 0 50px;}
.LeftSide .LeftNav .leftBlockNewsletter{ padding:0; margin:0 0 0 25px;}

.FullSiteFooter {position:fixed; bottom:0; width:100%; margin:0 auto 0; height:50px; background-image:url(../Images/SiteStructure/footer-background.jpg); background-repeat:repeat-x; background-position:0 bottom; z-index:1001; }
.SiteFooter {width:1200px; margin:0 auto 0; height:50px; }
.RemaxInfo { position:fixed; bottom:2px; left:160px; width:280px; margin:0;}
.RemaxInfo2 {position:fixed; bottom:10px; left:350px; width:300px; margin:0;}
.RemaxInfo3 {position:fixed; bottom:10px; left:500px; width:300px; margin:0;}
.FooterLinks {color:White; font-size:1.0em;}
.JanelChair {position:fixed; bottom:10px; right:40px; height:180px; background-repeat:no-repeat; }
.FentureLogo {position:fixed; bottom:5px; right:170px;background-repeat:no-repeat; }

.MainContent {position:absolute; top:175px; left:350px; display:inline; z-index:998; height:600px; }
.MainContent .Container {position:fixed; left:110px;background-color:White; background-repeat:repeat; height:158px; top:0px; width:100%; border-bottom:6px solid #bcbdbf; background-image: url(../Images/body-background.png); background-repeat:repeat; z-index:999;}
.MainContent2 {position:absolute; top:155px; left:375px; display:inline; z-index:997; height:400px;}
.MainContent2 .Container {margin:0; padding:10px 0 0 0; height:100%; background-image: url(../Images/body-background.png); background-repeat:repeat; z-index:997}
.MainContent2 .ContainerLarge { width:620px;  height:100%; float:left; padding:0 0 0 15px;}
.MainContent2 .ContainerLarge.Scroll { overflow:auto;}
.MainContent .ContentBlock255px { padding-bottom: 15px; height:255px; overflow:auto; }
.MainContent .ContentBlockAbout { padding-bottom: 15px; width:300px; overflow:auto; }
.MainContent2 .Container .Content {position:absolute; z-index:1000; width:869px; margin:0 0px 20px 0px; z-index:997;}
.MainContent2 .Container .Content .SingleColumn {margin:0px 0px 0px 0px; z-index:998; width:869px; padding:0px 0 0 0; }
.MainContent2 .Container .Content .SingleColumn.Search {margin:0px 0px 0px 0px; z-index:998; width:869px; }

.MainContent2 .LeftContentBlock160px { padding:  60px 20px 0 30px; min-width:160px; height:500px; float:left; }
.MainContent2 .LeftContentBlock100px { padding:  10px 25px 0 0; min-width:90px; height:500px; float:left; text-align:center; }
.MainContent2 .LeftContentBlock550px { padding: 30px 15px 0 0; min-width:500px;  float:right; }

.MainContent2 .Divider.Top {width:35px; height:30px; padding:10px 0 120px 10px; }
.MainContent2 .Divider.Bottom {width:35px; height:380px; padding:0 0 0 10px; position:relative; z-index:2; }
.scroller{ position: relative;overflow: hidden; height: 330px;width: 3000px;  padding-bottom:220px;}
.modal-content {line-height: normal; height:500px; width:8000px;}
.Page { width:650px; height:450px; float:left; z-index:998;  }
.PageSmall  { width:300px; height:450px; float:left; z-index:998;  }
.PageLarge { width:685px; height:550px; float:left; z-index:998; }
.Map {position:absolute; width:570px; padding:0 0 0 50px; height:380px; z-index:1; display:block; visibility:visible; background-image:url(../Images/SiteStructure/ajax-loader.gif); background-repeat:no-repeat; background-position:center center; }
.PropertySearch {height:1000px;}
.MapSearch {background-image:url(../Images/SiteStructure/ajax-loader.gif); background-repeat:no-repeat; background-position:center center; height:1000px;}
/* End Site Structure */

/*Navigation*/
.NavBar {position:fixed; top:140px; left:370px;  z-index:1001; height:15px; margin:0 40px 0 0; font-size: 1.1em; line-height: normal; width:600px;}
.navButton {line-height: normal; cursor: pointer; margin: 0 3px 0 3px; padding:0 0 0 0; height: 15px; text-align: center;}
.navButton span { line-height: normal;  cursor: pointer; float: left; height: 15px; font-weight: bold; font-family: Myriad Pro, "legitima-1","legitima-2",Goudy Old Style; text-decoration: none; padding: 0px 12px 0 12px; color: #606060; background-image: url(../Images/SiteStructure/.gif); background-repeat: no-repeat; background-position: right 0; } 
.navButton.Active span {line-height: normal; color:#00849f; }
.navButton:hover {line-height: normal; text-decoration:none;}
.navButton:hover span { background-position: right -15px; line-height: normal; color:#474747; text-decoration:none; }
/*Navigation*/

.SignupButton { line-height: normal; cursor: pointer; margin: 0 0 0 5px; text-indent:-9999px; text-decoration: none; height: 26px; width:76px; text-align: left; float: left; background-image: url(../Images/SiteStructure/signUp-Button.png); background-repeat: no-repeat; }
.SignupButton:hover { background-position: 0 -26px; }
.SubmitButton { line-height: normal; cursor: pointer; margin: 0 0 0 5px; text-indent:-9999px; text-decoration: none; height: 26px; width:76px; text-align: left; float: left; background-image: url(../Images/SiteStructure/submit-Button.png); background-repeat: no-repeat; }
.SubmitButton:hover { background-position: 0 -26px; }

/*Controls*/
.Featured.Left {position:fixed; top:510px; left:54px; width:250px; text-align:center;}
.FeaturedBox { position:fixed; left:69px; top:550px;}
.MapContainer {height:300px; width:200px;}
.Testimonials { background-image:url(../Images/SiteStructure/Speach-Bubble.png); width:200px; height:100px; margin:0 0 0 0; padding:5px 14px 5px 11px; background-repeat:no-repeat; background-position:center center;}
.Testimonial { font-size: 1.1em; line-height: normal; font-weight:bold; font-style:italic; text-decoration: none; color:#311d17; margin: 3px 0 3px 0; font-family: "legitima-1","legitima-2",Goudy Old Style; height:80px; }
.TestimonialInfo {padding:0 0 0 15px;}
.Testimonials.Left {position:fixed; top:275px; left:55px; width:248px;}
/*Controls*/

/*Icons*/
.LeftIcon {padding:0 20px 0 0; }
.RightIcon {padding:0 0 0 20px; }
/*Icons*/

/*Google Map*/
#map_canvas { height: 100% }
/*Google Map*/

/*Beta Button*/
.BetaBar {position:fixed; top:150px; z-index:1001; height:100px; background-image:url(../Images/SiteStructure/main-background.gif); margin: 0px 10px 0 10px; }
.betaButton {line-height: normal; cursor: pointer; margin: 0 0px 0 10px; padding:0 0 0 0; text-decoration: none; height: 100px;  font-family: "legitima-1","legitima-2",Myriad Pro; font-size: 1.8em; text-align: center;  float: left; background-image: url(../Images/largeButtonLeft.png); background-repeat: no-repeat; background-position: 0 0; }
.betaButton span .test { line-height: normal;  cursor: pointer; float: left; height: 80px; padding:  20px 15px 0px 15px; color: #fff; background-image: url(../Images/largeButtonRight.png); background-repeat: no-repeat; background-position: right 0; } 
.betaButton:hover { background-position: 0 -100px;  line-height: normal; }
.betaButton:hover span .test{ background-position: right -100px; line-height: normal; color:#cccccc; }
/*Beta Button*/

.TwitterWidget {position:relative; right:20px; top:0px; float:right; width:176px;}
.LeftofTwitterWidget {width:750px;}

/*Parallax*/
/*#wrapper {width:100%; height:320px; background:url(../ImagesAlternative/clouds.png) repeat-x 30% 0px; }
#sub_wrap { width:100%; height:320px; background:url(../ImagesAlternative/clouds.png) repeat-x 80% 0px; }*/
/*#parallax {position:relative; overflow:hidden; width:60em; height:20em;}*/
.parallax {position:absolute; overflow:hidden; width:3000px; height:3000px;}
.cloud {position:absolute; top:150px; left:700px;}
.zindex {z-index:999;}
/*End Parallax*/

/*Form Structure */
.dataBlock { float: left; margin: 10px 0 0 0px; font-size:1.5em; width:445px;  }
.dataSection { clear: both; }
.dataTitle {  min-width: 130px; float: left; line-height: normal; }
.dataDescription { float: left; line-height: normal; padding:5px 0 0 0; margin: 0 0 5px 0; min-width:100px;  }
.dataDescription * { margin: 0 0 0 10px; }
.dataDescription * * { margin:auto;}
.dataDescription .textBox { margin: 0 0 0 10px; }
.dataDescription.fixedWidth {width:210px; padding:0 10px 0 0;}
.dataDescription textArea { width: 300px; }
html>/* */body .dataDescription * { margin-left: 0px; }
html>/* */body .dataDescription .textBox { margin-left: 0px; }
.emailTextBox {width:200px;}
.NotificationError {color:Red; font-size:1.5em;}
.Notification {color:Green; font-size:1.5em;}
/*Form Structure */

input { line-height:normal; margin: 0 0 0 0; }

.textBoxEmail { width:250px;  border: 1px solid #bebebe; padding: 3px 2px 3px 2px; font-size: 11px; line-height: normal; background-image: url(../ImagesAlternative/bg_textbox.gif); background-repeat: no-repeat; }
.textBoxSmallAddress { width:45px;  border: 1px solid #bebebe; padding: 3px 2px 3px 2px; font-size: 11px; line-height: normal; background-image: url(../ImagesAlternative/bg_textbox.gif); background-repeat: no-repeat; }
.textBoxLargeAddress { width:130px;  border: 1px solid #bebebe; padding: 3px 2px 3px 2px; font-size: 11px; line-height: normal; background-image: url(../ImagesAlternative/bg_textbox.gif); background-repeat: no-repeat; }
.textBox { border: 1px solid #bebebe; padding: 3px 5px 3px 5px; font-size: 11px; line-height: normal; background-image: url(../ImagesAlternative/bg_textbox.gif); background-repeat: no-repeat; }
.textBoxDate { width:70px;  border: 1px solid #bebebe; padding: 3px 5px 3px 5px; font-size: 11px; line-height: normal; background-image: url(../ImagesAlternative/bg_textbox.gif); background-repeat: no-repeat; }
textarea { font-size: 11px; margin: 0 0 10px 0; }

.Validator { color: #b10000; }
.ValidationSummary { clear: both; color: #666666; margin: 15px 0 15px 0; padding: 5px; background-color: #dddddd; border: 1px solid #aaaaaa; display: block; }

a img { border: 0px; }

.LargeTextArea { width: 500px; height: 400px; }
.MediumTextArea { width: 300px; height: 200px; }

.TitleBlock { margin: 0 0 5px 0; }

.LeftFloat { float: left; }
.RightFloat { float: right; }
.LeftAlign { text-align: left; }
.RightAlign { text-align: right; }
.CenterAlign { text-align: center; }
.TopAlign { vertical-align: top; }
.BottomAlign { vertical-align: bottom; }
.ClearBoth { clear: both; float: none; font-size: 0.1%; height: 0px; }
.ClearLeft { clear: left; float: none; font-size: 0.1%; height: 0px; }
.ClearBothSimple { clear: both; }
.Hidden { display: none; }
.DisplayInline { display: inline; }
.DisplayBlock { display: block; }
.DisplayNone { display: none; }
.MaxWidth { width: 100%; }
.HalfWidth { width: 50%; }
.Link { cursor: pointer; }
.FontSize10px { font-size: 10px; }
.FontSize12px { font-size: 12px; }
.FirstElement { margin-top: 0px; }
.NoMargin { margin: 0; }
.NoPadding { padding: 0; }
.BoldText { font-weight: bold; }
.UnderLineText {text-decoration:underline;}
.SmallCaps {font-variant:small-caps;}
.LineHeightNormal { line-height: normal; }
.NormalWeight { font-weight: normal; }
.NoAnchor { color: #404040;}
.TopMargin { margin-top: 15px; }
.TopMargin4px { margin-top: 4px; }
.RightMargin5px{ margin-right: 5px; }
.BottomMargin { margin-bottom: 15px; }
.Indented { margin-left: 10px; }
.Pointer {cursor:pointer;}
.ClearRight {clear:right;}
.BorderedLabel { width:900px;}
.tabText { font-size: 11px; }
/* End Utility Classes */
Width30px{ width: 30px; }
.FormRow {float:left; width:100%;}
.FormColumn {float:left; width:50%;}
.progressBackground { background-image:url(../ImagesAlternative/backgroundProgress.png); position:absolute; width:635px; height:55%;}
.progressBackgroundDuration { width:45px;  border: 1px solid #bebebe; padding: 3px 2px 3px 2px; font-size: 11px; line-height: normal;  background-image:url(../ImagesAlternative/backgroundProgress.png);}
.activePanelButton { font-weight:bold;}

.emailOverlayBody { padding:15px 15px 0 15px;}
.emailField { width:500px; float:left;}
.emailText{	width:175px;	float:left;	margin: 0 0 2px 0;}
.emailLabel{ min-width:95px;	float:left;	margin: 2px 5px 0 0;}
.emailMessageText{	width:300px; height:70px;	float:left;	margin: 0 0 20px 0; 	}
.success {color:Green;}
.error {color:Red;}

#loading {background-color: White;width: 1000px;height: 588px;position: fixed; z-index: 1;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; /* future proofing */-khtml-border-radius: 10px; z-index:2000;}
.Loading {position:relative; left:400px; top:260px;}
.LoadingMiddle { margin-left:80px;}

/* Colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
/*#cboxOverlay{background:#021e05;}*/

#colorbox{}
    #cboxContent{background:#000; margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../Images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../Images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../Images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../Images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

