/*******************************************************************************
*  Montage Website CSS                                                         *
*  Authors: Brad Brizendine & Matt Antone                                      *
*  Company: Glyphix  www.glyphix.com                                           *
*  Colors Used:                                                                *
*  Blue - #0087CA                                                              *
*  Light Blue - #C7EAFB                                                        *
*  Dark Gray - #4D4D4F                                                         *
*  Gray Type  - #808285
*  Sidebar - #FFF0DE                                                           *
*  Dotted Borders - #4A545B                                                    *
*  Table alt row - #E2F4FD                                                     *
********************************************************************************/


body,
html {
  margin:0;
  padding:0;
  background:#4D4D4F;
  color:#000;
  font-family: Verdana, Arial, san-serif;
}


body {
  min-width:665px;
  text-align: center;
}

h1,h2,h3,h4,h5{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #4D4D4F;
}

h1{
  display: block;
  font-size: 20px;
  padding: 0px 0px 0px 10px;
  line-height:91px;
  clear: both;
/*
  padding: 0px 10px !important;
  display: block;
  clear: both;
  margin: 20px 0px 0px !important;
  font-size: 20px;
  font-weight: normal;
  height: 73px;
  line-height: 100px;
*/
}

h2{
  font-size: 14px;
  padding: 2px 0px 3px 10px!important;
  background: #cacaca;
  margin: -1px 0px 0px 0px !important;
}

h3{
  font-size: 12px;
  padding: 2px 0px 0px 10px!important;
}

h4{
  padding: 0px 0px 10px 0px;
}h4.error{color: red;}

h5{

}

ul{

}

li{
  font-size: 12px;
}

p{
  font-size: 12px;
  margin: 10px 10px 15px 10px!important;
  line-height: 18px;
}

a img{
  border: 0px;
}

table{
  font-size: 10px !important;
}


#Overview .overviewli,
#Models .modelsli,
#Features .featuresli,
#Siteplan .siteplanli,
#Madvantage .madvantageli{
  background: white;
}

#Overview .overviewli a,
#Models .modelsli a,
#Features .featuresli a,
#Siteplan .siteplanli a,
#Madvantage .madvantageli a{
  color: black;
}




.container,
.bottom-nav{
  background: white;
  width: 665px;
  margin: 10px auto 0px auto !important;
  padding: 0px;
  text-align: left;
}

.background{
  background: #FFF0DE;

}

#Home .background{
  /*background: #FFF0DE url(images/home_laurel_pool.jpg) no-repeat bottom right; */
  background: #FFF0DE url(images/rrv-pool.jpg) no-repeat bottom right;
}

.background div{
  margin: 0px;
  padding: 0px;
}

.leftcol{
  width: 170px;
  float: left;
  background: #FFF0DE url(images/corner-ulLOGO.gif) no-repeat scroll left top;
  text-align: center;
}

.leftcontent{
  background: #FFF0DE !important;
}




.rightcol{
  width: 495px;
  float: right;
  background: #0087CA url(images/corner-ur.gif) no-repeat scroll right top;
}

.secondary .rightcol{
  background: #C7EAFB url(images/corner-ur.gif) no-repeat scroll right top;
}

.secondary .rightcol h1,
.secondary .rightcol a{
  color: gray;
}

.secondary #topNav a{
  color: gray !important;
}

.rightcontent{
  margin: 0px;
  padding: 0px;
  position: relative;
}

.bl{
  display: block;
  width: 170px;
  float: left;
  height: 10px;
  background: #FFF0DE url(images/corner-bl.gif) no-repeat scroll left bottom;
}

.br{
  display: block;
  float: right;
  height: 10px;
  width: 495px;
  background: transparent url(images/corner-br.gif) no-repeat scroll right bottom;
}

.secondary .br{
  display: block;
  float: right;
  height: 10px;
  width: 495px;
  background: white url(images/corner-br.gif) no-repeat scroll right bottom;
}

.secondary .bottom-nav .br{
  background: #FFF0DE url(images/corner-br.gif) no-repeat scroll right bottom;
}

#breadcrumbs{
  color: white;
  list-style-type: none;
  height: 10px;
  position: absolute;
  padding: 4px 0px;
  margin: 0px;
  top: 5px;
  left: 10px;
  z-index: 900;
}

#breadcrumbs li{
  float: left;
}

#breadcrumbs li a{
  text-decoration: none;
  font-size: 12px;
}


.footer{
  clear: both;
  background: #4D4D4F;
  height: 0px;
}

.bottom-nav{
  background: #FFF0DE;
}

.bottom-nav h4{
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  margin: 10px;
}

.bottom-nav .leftcol{
  width: 332px;
  text-align: left;
  background: #FFF0DE url(images/corner-ul.gif) no-repeat scroll left top;
}

.bottom-nav .rightcol{
  background: #FFF0DE url(images/corner-ur.gif) no-repeat scroll right top;
  width: 332px;
  text-align: left;
}

#logo{
  margin: 10px;
}


/* Top links */
#topNav{
  color: white;
  list-style-type: none;
  position: absolute;
  padding: 4px 0px;
  margin: 0px;
  top: 5px;
  right: 10px;
  z-index: 901
}

#topNav li{
  float: left;
  margin: 0px 0px 0px 12px;
  padding: 0px;
}

#topNav a{
  color: white;
  text-decoration: none;
  font-size: 12px;
}

#home-copy{
  display: block;
  font-size: 21px;
  color: white;
  line-height: 25px;
  text-align: center;
  width: 100%;
  margin: 20px 0px !important;
  padding: 0;
  height: 50px;
  font-family: Times, Gerogia, serif;
}

	#home-copy div {
		display: none;
		width: 495px;
		cursor: pointer;
	}

		#home-copy b{
		  color: #FFD400;
		}

		#home-copy a{
		  font-weight: 100;
		  font-style: italic;
		  text-decoration: none;
		  color: white;
		  font-size: 16px;
		}

#side-nav{
  display: block;
  margin: 0px 0px 0px !important;
  padding: 0px;
  width: 170px;
  list-style-type: none;
  font-size: 12px;
  text-align: center;
  position: relative;
  border-top: 1px dotted #4A545B;
}


#side-nav a{
  display: block;
  font-family: Georgia, Times, serif;
  font-size: 14px;
  text-decoration: none;
  color: #808285;
  width: 100%;
}

#side-nav li{
  padding: 2px 0px;
  border-bottom: 1px dotted #4A545B;
  overflow: visible;
  width: 170px;
  margin: 0px;
}

#side-nav li img{
  margin: 0px 10px;
  border: 0px;
}

	#side-nav li.development {
		padding: 10px 0;
	}
	#side-nav .phone {
		color: #385e13;
		font-weight: bold;
		font-size: 1.2em;
	}



#side-nav li .menu{
  position: absolute;
  top: 10px;
  left: 100%;
  over-flow: hidden;
  z-index: 900 !important;
  margin: 0px;
  border: 3px solid #C7EAFB;
  display:block;
  padding: 2px;
  background: #FFFFFF;
}
.menu img{margin: 0px !important;}
.menu .img{
  text-align: center !important;
}

.menu .address,
.menu .description{
  font-size: 11px;
  text-align: left;
}

.menu .address{
  font-weight: bold;
}

.menu .price{
  font-size: 12px;
  font-weight: bold;
  color: red;
}

.menu .description p{
  margin: 0px 0px 5px;
  padding: 0px;
  font-size: 11px;
  line-height: 13px;
}

.menu li a{
  font-size: 12px;
  font-family: Verdana !important;
}


#side-nav .menu ul{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#side-nav li li{
  background: white;
  padding: 5px 10px 5px;
  border: 0px;
  width: 144px;
}

#banner-container{
  text-align: center;
  padding: 10px 0px 0px;
  margin: 0px;
}

#bottomcorners{
  clear: both;
}


#content{
  clear: both;
  background: white;
  margin: 0px;
  padding: 0px 0px 10px;
  min-height:320px;
  height:auto !important;
  height:320px;
}

#content .main{
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
  display: block;
}

.footer-list{
  width: 164px;
  float: left;
}

.footer-list h4,
.footer-gallery h4{
  padding: 0px;
}

.footer-list ul{
  list-style-type: none;
  padding: 0px;
  margin: 10px;
}

.footer-list li{
  line-height:0.8em;
  margin:0.3em 0px;
}

.footer-list a,
.footer-gallery a{
  color: #808285;
  font-family: Georgia, Times, serif;
  font-size: 11px;
}


.footer-gallery a{
  display: block;
  clear: both;
  margin: 0px 0px 0px 0px !important;
}

.footer-gallery ul a{
  padding: 0px;
  margin: 0px !important;
}


.footer-gallery ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 0px 15px;
}

.footer-gallery li{
  float: left;
  padding: 0px 2px 0px 0px;
  font-size: .5em !important;
}

.footer-list li{
  padding: 0px 0px 4px 0px;
}

.footer-gallery img{
  border: 0px;
}

.leftcol .selected{
  background: #C7EAFB !important;
}

.selected a{
  color: black !important;
}

#dev-logo{
  margin: 0px;
  padding: 0px;
  height: 92px;
  position: relative;
}

#dev-logo .primarylogo{
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#dev-logo .secondarylogo{
  position: absolute !important;
  bottom: 10px !important;
  right: 150px !important;
  left: inherit;
}


.overview{
  margin: 0px 0px 0px !important;
  padding: 10px 0px !important;
  font-size: 10px;
}


.overview .footer-gallery{
  margin: 0px !important;
  width: 400px;
}

.overview .footer-gallery ul{
  margin: 0px !important;
  padding: 0px !important;
}

.clear{
  clear: both;
}

.altrow{
  background: #C7EAFB;
}

.models h2{
  margin: 0px;
  padding: 10px 10px 0px;
  zoom: 1;
}

.models p{
  margin: 10px;
  zoom: 1;
}

.models ul{
  list-style-type: none;
  margin: 10px 0px;
  padding: 10px;
  font-size: 10px;
  display: block;
}

.models li{
  width: 217px;
  float: left;
  margin: 0px 5px 25px;
  padding: 0px;
  background: #C7EAFB;
}

.models li ul{
  list-style-type: none;
  margin: 5px 0px 0px;
  padding: 0px;
}

.models li li{
  width: auto;
  text-align: left;
  padding: 0px;
  border: 0px;
  float: none;
  display: inline;
}

.models table{
  display: table;
  margin: 10px 10px 0px;
  background: white;
  border: 1px solid gray;
}


.models .magnify img{
  margin: 10px 0px;
}

.models h3{
  margin: 0px 10px 0px 0px;
}

.models th{
  vertical-align: top;
}

.modelimg{
  position: relative;
  display: block;
  width: 121px;
  margin: 0px 0px 0px 10px;
}

.modelimg .thumb-magnify{
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.extras li{
  height: auto;
  padding: 0px;
  margin: 0px 0px 0px 10px;
}
/*
.features,
.features ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.features{
  width: 95%;
  margin: 10px auto !important;
  padding: 0px 0px !important;
}


.features ul,
.advantages ul{
  margin: 10px 5px;
  list-style-type: none;
}

.features li,
.advantages li{
  padding: 5px 0px 4px 0px;
}


#featurelist{
  margin: 10px 0px !important;
  display: none;
}

#featureslist li{
  background: #C7EAFB !important;;
  border: 2px solid #8FC1D9;
  margin: 10px 0px 20px 0px;
}


#featureslist li li{
  padding: 2px !important;
  border-left: 0px !important;
  margin: 10px 0px 0px 30px !important;
  list-style-type: disc;
  font-size: 12px;
}

.features p{
  margin: 0px 0px 0px 10px !important;
}

.features h3{
  margin: 0px !important;
  padding: 0px !important;
}

.features li p{
  font-size: 12px !important;
  margin: 0px 10px 10px;
}
*/
.advantages{
  padding: 10px !important;
}

.advantages li{
  border: 0px;
  padding: 4px 0px 4px 25px;
  font-size: 12px;
  background: url(images/manvantageListLogo.gif) no-repeat 0px 5px;
}

.advantages p{
  font-size: 12px;
}


.siteplan{padding: 10px !important;}
.siteplan table{
  width: 100%;
  margin: 10px 0px 0px;
}

/*******************************************************************************
* Nifty Rounded Corners                                                        *
********************************************************************************/

.outline .rtop,
.outline .rbottom {
	display: block;
	background-color: transparent;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

.outline .rtop *,
.outline .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #C7EAFB;
	zoom: 1;
}

.menu .rtop,
.menu .rbottom {
	display: block;
	background-color: transparent;
	width: 100%;
	overflow: hidden;
	zoom: 1;
  float: none;
}

.menu .rtop *,
.menu .rbottom * {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: white;
	zoom: 1;
        float: none;
}

.r1{ margin: 0 5px !important; }
.r2{ margin: 0 3px !important; }
.r3{ margin: 0 2px !important; }
.r4{ margin: 0 1px !important; height: 2px !important; }



ul.ui-accordion-container {
  margin: 0;
  padding: 0;
  list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: auto; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: auto; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }



/***************************************
* Forms                                *
****************************************/

#subscribe,
#contacts,
#contact,
form{
  margin: 20px auto;
  padding: 0px;
  background: #C7EAFB;
  width: 95%;
}

fieldset{
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 435px;
}

legend{
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color: #4D4D4F;
}

label{
  display: block;
  font-size: 12px;
  margin: 10px 0px 5px;
}

form ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: block;
}

form li{
  padding: 0px;
  margin: 10px 0px;
}

form li fieldset{
  border: 2px solid gray;
  padding: 10px;
}

.message,
.moreinfo,
.meeting,
.priority{
  display: none;
}

form li li{
  display: block;
  width: 50%;
  float: left;
  padding: 0px;
  margin: 0px;
}

form li p{
  background: #FEEECA;
  margin: 0px 0px !important;
  padding: 10px;
}

form li li label{

}

textarea{
  width: 90%;
  height: 100px;
}

form .left{
  float: left;
  width: auto !important;
}

label.left{
  margin: 2px;
  padding: 0px 0px 0px 0px;
}

fieldset fieldset ul{
  margin: 10px 0px 0px 0px;
}

#contacts{
  margin: 20px auto;
  padding: 10px;
  background: #C7EAFB;
}

#contacts h3{
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px !important;
  color: #4D4D4F;
}

#contacts h4{
  font-size: 14px;
  margin: 0;
  padding: 0;
}

#contacts p{
  font-size: 14px;
  margin: 0 0 10px 0 !important;
}

#contacts ul{
  margin: 10px;
  padding: 20px;
}

#contacts li{
  margin: 10px 0px 15px;
}

.button{
  background: #0087CA;
  padding: 0px 10px;
  margin: 20px 10px 10px 0px;
  text-align: center;
  color: #FFFFFF !important;
  text-decoration: none;
  border: 2px solid #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  display: block;
  width: 25%;
  float: left;
  line-height: 10px;
}

iframe{
  position: absolute;
  left: -6000px;
}

#googlemessage{
  display: none;
}

#googlemessage h3{
  font-size: 16px;
}

#googlemessage p{
  font-size: 14px;
  margin: 10px 10px 10px 10px !important;
}

#googlemessage span{
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 10px;
}

#mailresponse{
  margin: 10px;
}

.error{
  display: block;
  color: red;
}

p.error{
  display: block;
  background: url(images/icon_error.gif) no-repeat left top;
  padding: 0px 0px 10px 25px;
  margin: 0px !important;
  font-size: 14px; color: red;
}

.legal,
.legal a{
  color: white;
}
.privacy-legal {
	font-size: 75%;
	background: none !important;
}

.button.advantage{
  width: 145px;
  background: #C7EAFB !important;
  /* margin: 5px 0px 20px 10px; */
  padding: 0px;
  vertical-align: bottom;
  border: 2px solid #0087CA;
}

.homecomparison{
  list-style-type: none !important;
  padding: 10px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  width: 494px;
  display: block;
  zoom: 1;
}

.homecomparison h3{
  padding: 0px 5px !important;
  width: inherit;
  width: 197px;
  zoom: 1;
}

.homecomparison li{
  float: left;
  margin: 0px;
  padding: 0px;
  width: 50%;
  zoom: 1;
}

.homecomparison .column{
  background: #C7EAFB;
  margin: 0px 0px 0px 15px !important;
  padding: 0px 0px !important;
  zoom: 1;
  width: 217px;
}

.homecomparison li ul{
  list-style-type: none !important;
  margin: 0px !important;
  padding: 0px 0px 0px 0px;
  width: inherit;
  zoom: 1;
}

.homecomparison li li{
  padding: 5px 5px !important;
  margin: 0px 0px 0px 0px !important;
  float: none;
  width: 207px;
  zoom: 1;
}

embed{
  margin: 10px;
}

.homebutton{
  display: block;
  height: 109px;
  width: 170px;
  text-decoration: none;
  background: #FFF0DE url(images/corner-ulLOGO.gif) no-repeat scroll left top !important;
}

.sold{
  color: #CACACA !important;
  background: #FAFAFA;
}

.sold.price{
  color: red !important;
}

#featureslist{
  display: block;
  zoom:1;
  margin: 10px auto;
  width: 95%;
  list-style-type: none;
  border: 0px !important;
  padding: 0px;
}

#featureslist li{
  background: #C7EAFB !important;
  border-left: 2px solid #0087CA;
  border-right: 2px solid #0087CA;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
}

#featureslist li li{
  background: #C7EAFB !important;
  border-left: 0px solid #0087CA;
  border-right: 0px solid #0087CA;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 5px 0px !important;
}

#featureslist li a{
  margin: 0px;
  padding: 0px 0px;
}

#featureslist h3{
  margin: 0px;
  padding: 0px;
}

#featureslist .rtop,
#featureslist .rbottom {
	display: inline;
	background-color: transparent;
	width: 100%;
	overflow: hidden;
  position: relative;
  padding: 0px;
  margin: 0px;
}

#featureslist .rtop{
  margin: 10px 0px 0px !important;
  display: block;
}

#featureslist .rbottom{
  margin: 0px 0px 0px !important;
  display: block;
}

#featureslist .rtop .r1,
#featureslist .rtop .r2,
#featureslist .rtop .r3,
#featureslist .rtop .r4,
#featureslist .rtop .r5,
#featureslist .rbottom .r1,
#featureslist .rbottom .r2,
#featureslist .rbottom .r3,
#featureslist .rbottom .r4,
#featureslist .rbottom .r5 {
display: block;
	height: 1px !important;
	overflow: hidden;
 padding: 0px !important;
  margin: 0px;
}

#featureslist .r1,
#featureslist .r2,
#featureslist .r3,
#featureslist .r5{
  border-left: 1px solid #b5d7dd !important;
  border-right: 1px solid #b5d7dd !important;
}

#featureslist .r1,
#featureslist .r2{
  background: #0087CA !important;
}

#featureslist .r4{
  border-left: 2px solid #0087CA;
  border-right: 2px solid #0087CA;
  background: #C7EAFB !important;
}

#featureslist .r5 b{
  border-left: 1px solid #0087CA;
  border-right: 1px solid #0087CA;
  background: #C7EAFB !important;
}

#featureslist .r2 b{
  background: #0087CA !important;
}

#featureslist .r3 b{
   border-left: 2px solid #0087CA;
  border-right: 2px solid #0087CA;
  background: #C7EAFB !important;
  display: block !important;
}

#featureslist .r1{ margin: 0px 4px !important;}
#featureslist .r2{ margin: 0px 2px !important;}
#featureslist .r3{ margin: 0px 1px !important;}
#featureslist .r4{ margin: 0px 1px !important;}
#featureslist .r5{ margin: 0px 0px !important;}

#featureslist p{
  margin: 5px 10px 0px !important;
  padding: 0px 0px 5px 0px;
}

#featureslist b b{
  display: block;
  height: 1px;
}

.special{
  font-size: 14px !important;
  color: red;
}

.special span{
  color: gray;
  display: block;
  font-size: 10px;
}

.special a{
  color: maroon !important;
}

div.to-action {
	overflow: hidden;
	border-width: 3px 0;
	padding: 0;
	margin-bottom: 1em;
	zoom: 1;
}
	div.to-action h3 {
		background-color: #C7EAFB;
		padding-bottom: 5px !important;
		font-size: 1em;
	}
	div.to-action div.block {
		width: 31%;
		float: left;
		overflow: hidden;
		padding: 0 5px;
		color: #0087CA;
	}
		div.to-action div.block p {
			font-size: 1em;
		}
		div.to-action .phone {
			font-weight: bold;
			font-size: 1em;
			display: block;
			color: black;
			margin-top: 8px;
		}
		div.to-action form {
			margin: 0;
			width: 100%;
			margin-top: 5px;
		}
			#map-embed {
				width: 149px;
				height: 80px;
			}