@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px; outline:none; }
html { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/bg.gif) top left repeat-x #000000; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
pre { display:none; }


p { padding-bottom:15px; }

p.centered { text-align: center; }

a.portfolio_button {
    display: block;
    width: 200px;
    height: 67px;
    background: url('../images/portfolio_button.jpg') 0 100% no-repeat;
}

a.portfolio_button:hover {
    background-position: 0 0;
}

/* Universal */
#wrapper { width:1110px; margin:0px auto; }
#left { background:url(../images/left.gif) top left no-repeat; width:50px; height:750px; }
#center { width:924px; }
#right { background:url(../images/right.gif) top left no-repeat; width:50px; height:750px; }

/* Layout */
#headerTop { width:1006px; height:168px; background:url(../images/hdr_bottom.gif) left bottom no-repeat; }
	#logo { display:block; background: url(../images/img_logo.gif) top left no-repeat; width:102px; height:153px; margin:0px 0px 0px 0px; text-indent:-99999px;  }
	#nav { height:153px; width:845px; }
	#nav a:link, #nav a:visited { background-position:top; height:153px; display:block; float:left; border:none; outline:none; }
	#nav a:hover, #nav a:active { background-position:bottom; border:none; outline:none; }
	#nav a.activeSlide{ background-position:bottom; }
	#nav span { display:none; }
	
	/* INDIVIDUAL NAVIGATION CLASSES */
			
		#nav .myHome a { background-image: url(../images/btn_myhome.gif); width:83px; }
		#nav .myHomeSite a { background-image: url(../images/btn_myHomeSite.gif); width:103px; }
		#nav .myValue a { background-image: url(../images/btn_myValue.gif); width:81px; }
		#nav .myDesign a { background-image: url(../images/btn_myDesign.gif); width:88px; }
		#nav .myWay a { background-image: url(../images/btn_myWay.gif); width:71px; }
		#nav .myHomeWork a { background-image: url(../images/btn_myHomeWork.gif); width:116px; }
		#nav .myRealtor a { background-image: url(../images/btn_myRealtor.gif); width:90px; }
		#nav .myBuilder a { background-image: url(../images/btn_myBuilder.gif); width:87px; }
		#nav .myAvailableHome a { background-image: url(../images/btn_AvailableHome.gif); width:86px; }

#contactInfo { background:url(../images/hdr_contactInfo.gif) top left no-repeat; width:924px; height:82px; }
	#contactInfo #learnMore { display:block; text-indent:-99999px; width:180px; height:20px; margin:0px auto; padding-top:40px; cursor:pointer; }
    #contactInfo #view_portfolio {
        position: absolute;
        left: 50%;
        top: 155px;
        margin-left: 305px;
        
    }
        
        #contactInfo #view_portfolio a#view_portfolio_button {
            width: 160px;
            height: 127px;
        
        }
        #contactInfo #view_portfolio a.portfolio_button {
            cursor: pointer;
            width: 160px;
            height: 127px;
            text-indent:-99999px;
            background: url('../images/portfolio_round_button.png') 0 0 no-repeat;
        }

        #contactInfo #view_portfolio a.portfolio_button:hover {
            background-position: 0 100%;
        }
	
#theBody { background-color:#FFFFFF; width:924px; height:435px; }
	#leftArrow, #rightArrow { width:53px; height:53px; margin:10px; margin-top:175px; }
	#middleBody { width:778px; height: 435px; margin:0px auto;  }
	#middleBody.mid2 { width: 924px; }
	#canadaprovinces.mid2 { width: 924px;}
#footer { background:url(../images/footerBG.gif); height:65px; font-size:12px; color:#a88080; }
#footer > div { width:305px; margin-top:20px; display:block; }
	#footer #Fleft {  text-align:left; }
	#footer #Fmiddle { text-align:center; }
	#footer #Fright { text-align:right; }


/* PAGES */
#myHome .glidecontent { background-image:url(../images/img_myhome.gif); background-position: 400px 10px; background-repeat:no-repeat; }
#myHome .glidecontent2 { background-image:url(../images/img_myhome.jpg); background-position: 400px 10px; background-repeat:no-repeat; }
#myHome .glidecontent3 { background-image:url(../images/img_myhome2.jpg); background-position: 504px 10px; background-repeat:no-repeat; }
#myHome .glidecontent .left { width:760px; }
	#middleBody.mid2 #myHome .glidecontent .left { width: 924px; }
#myHome .glidecontent .right { width:200px; }
#myHome .glidecontent .extra a { background: url(../images/extraBTN/change.gif) top left no-repeat; width:199px; height:50px; text-indent:-99999px; display:block; margin:0px auto; }
#myHome .glidecontent .extra a:hover { background-position:bottom; }

#myHomeSite .glidecontent { background:url(../images/img_myHomeSite.gif) right 150px no-repeat; }
#myHomeSite .glidecontent .left { width:700px; }
#myHomeSite .glidecontent .extra a { background: url(../images/extraBTN/change.gif) top left no-repeat; width:199px; height:50px; text-indent:-99999px; display:block; margin:0px auto; }
#myHomeSite .glidecontent .extra a:hover { background-position:bottom; }

#myValue .glidecontent { background:url(../images/img_myValue.gif) right 50px no-repeat; }
#myValue .glidecontent .left { width:525px; }
#myValue .glidecontent .extra a { background: url(../images/extraBTN/amove.gif) top left no-repeat; width:199px; height:50px; text-indent:-99999px; display:block; margin:0px auto; }
#myValue .glidecontent .extra a:hover { background-position:bottom; }

#myDesign .glidecontent { background:url(../images/img_myDesign.gif) right 175px no-repeat; }
#myDesign .glidecontent .left { width:700px; }
#myDesign .glidecontent .extra a { background: url(../images/extraBTN/design.gif) top left no-repeat; width:199px; height:50px; text-indent:-99999px; display:block; margin:-80px 0px 0px -300px; }
#myDesign .glidecontent .extra a:hover { background-position:bottom; }

#myWay .glidecontent { background:url(../images/img_myWay.gif) right 160px no-repeat; }
#myWay .glidecontent .left { width:700px; }
#myWay .glidecontent .extra a { background: url(../images/extraBTN/yourPromise.gif) top left no-repeat; width:155px; height:50px; text-indent:-99999px; display:block; margin:-90px 0px 0px 550px; }
#myWay .glidecontent .extra a:hover { background-position:bottom; }

#myHomeWork .glidecontent { background:url(../images/img_myHomeWork.gif) right 60px no-repeat; }
#myHomeWork .glidecontent .left { width:600px; }
#myHomeWork .glidecontent .extra a { background: url(../images/extraBTN/yourPromise.gif) top left no-repeat; width:155px; height:50px; text-indent:-99999px; display:block; margin:-90px 0px 0px 550px; }
#myHomeWork .glidecontent .extra a:hover { background-position:bottom; }

#myRealtor .glidecontent { background:url(../images/img_myRealtor.gif) right 100px no-repeat; }
#myRealtor .glidecontent .left { width:425px; }
#myRealtor .glidecontent .extra a { background: url(../images/extraBTN/yourPromise.gif) top left no-repeat; width:155px; height:50px; text-indent:-99999px; display:block; margin:-90px 0px 0px 550px; }
#myRealtor .glidecontent .extra a:hover { background-position:bottom; }

#myBuilder .glidecontent { background:url(../images/img_myBuilder.gif) right 70px no-repeat; }
#myBuilder .glidecontent .left { width:560px; }
#myBuilder .glidecontent .extra a { background: url(../images/extraBTN/commitment.gif) top left no-repeat; width:272px; height:50px; text-indent:-99999px; display:block; margin:-10px auto 0px; }
#myBuilder .glidecontent .extra a:hover { background-position:bottom; }

#myAvailableHome .glidecontent
#myAvailableHome .glidecontent .left { width:525px; }
#myAvailableHome .glidecontent .extra a { background: url(../images/extraBTN/amove.gif) top left no-repeat; width:199px; height:50px; text-indent:-99999px; display:block; margin:0px auto; }
#myAvailableHome .glidecontent .extra a:hover { background-position:bottom; }

.more { margin:0px auto; padding:10px; height:415px; display: none; border-right:1px solid #990000; border-left:1px solid #990000; background: url(../images/topBG.gif) left top repeat-x #ffffff; }
.more .left { width:550px; padding-top:10px; }
.more p { padding:0px; width:500px; margin:10px auto 0px; }

.close { display:block; background: url(../images/close.gif) top left no-repeat; cursor:pointer; text-indent:-99999px; width:106px; height:35px; margin:0px auto 0px; }

/** CLASSES  **/
.heading { font-size:18px; }
.glidecontent { width: 778px; margin:0px auto; height:600px; }
	#middleBody.mid2 .glidecontent { width: 924px; }
.glidecontent .left { float:left; width:349px; margin:20px 0px 0px 10px; line-height:20px; }
.glidecontent .right { float:right; width:392px; margin:20px 10px 0px 0px; line-height:20px; }
.quote { font-size:24px; text-align:center; margin-top:100px; }
.glidecontentwrapper {
width: 778px;
height: 435px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}

a.option:link, a.option:visited { display:block; padding:3px; background-color:#990000; color:#ffffff; border:1px solid #990000; font-weight:700; text-decoration:none; width:200px; text-align:center; }
a.option:hover, a.option:active { background-color:#ffffff; border:1px solid #000000; color:#990000; }
.response { color:#FF0000; font-weight:700; margin:10px 0px -10px 0px; }

#contactForm { width:450px; margin:0px; }
#contactForm label { float:left; width:100px; color:#990000; font-size:16px; font-weight:700; margin:5px; }
#contactForm input, #contactForm textarea { float:left; width:200px; padding:3px; border:solid 1px #333333; margin:5px; font-family:Arial, Helvetica, sans-serif; }
#contactForm textarea { height:125px; width: 250px; }
#contactForm .btnSubmit { width:100px; margin:5px 0px 0px 190px; }

p.home_images, p.home_images img { vertical-align: middle; }

.my_builder_images { }

.my_builder_images div.lead_safe {
    float: left;
    display: inline;
    width: 160px;
    text-align: left;
}

.my_builder_images div.urban_magazine {
    float: left;
    display: inline;
    width: 350px;
    text-align: left;
}


/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

#floorplan_ideas {
	text-align: center;
	clear: both;
	width: 778px;
}

#floorplan_ideas a.floorplan_ideas {
	
	color: #131313;
	display: inline;
	float: left;
	width: 160px;
	padding: 5px;
	margin: 5px 10px;
	border: 1px solid #ededed;
	text-decoration: none;
	text-align: center;

}

#floorplan_ideas a.floorplan_ideas:hover {
	border: 1px solid #131313;
}

a.ideas {
	color: #A82F2F;
	text-decoration: underline;
}

a.ideas:hover {
	color: #131313;
	text-decoration: none;
}


span.new { background: #950101; padding: 2px 3px; color: #fff; font-size: 10px; }

#available_homes tr:nth-child(even)    { background-color:#eee; }