body {
	background:#ffffff;
}
#wrapper {
	width:955px;/*Changes Total Width of Site*/
	margin:15px auto 0px auto;/*Centers the Site*/
	position:relative;
	border:thin solid #46443a;
}
#header {
	text-align:right;
	height:47px;
	background-color:#b3c296;
	position:relative;
	z-index:200;
}
#header a {
	color:#ffffff; 
	font:1.125em "Times New Roman", Times, serif;/*16x0.875=14px*/
	width:70px;
	float:right;
	height:20px;
	display:block;
	padding:11px 16px 0px 0px;
}

#header .slogan {
	font-size:24px;
	color:#000000;
	font-weight:bold;
	position:absolute;
	top:20px;
	left:480px;
}

#logo {width:280px; height:120px; position:absolute; top:0px; left:25px; z-index:500;}

#main-navagation {
	text-align:left;
	width:955px;
	height:20px;
	background:#b3c296 url(../images/interface/bg-nav.gif)  top right no-repeat;
}

#main-navagation li ul li .selected { background:#75b310 none;}

#main-navagation a, a:visited, a:hover {
	color:#FFFFFF;
}
/*First Drop Down Settings*/
#main-navagation li ul {
	width:200px;/*Changes The Width of the First Nav*/
	top:20px;/*Changes the Distance Between the Top of The Drop Down and The Main Nav*/
	background:url(../images/interface/bg-dropdown.png);
}
#content-wrapper {
	text-align:left;/*This Overrides the Text-Align: Center on the Body Element.*/
	padding:5px 0px 5px 10px;/*Sets Up the Top, Right, Bottom, Left Padding*/
}
#footer {
    text-align:left;
	width:937px;
	height:84px;
	padding-left:18px;
	padding-top:5px;
	background:#46443a;
	position:absolute;
	top:491px;
	left:0px;
	border:thin solid #46443a;
}

#footer .contactimg {margin:5px 5px 5px 0px;}
#footer .img {margin-right:20px;}
#footer .imgmore {margin-right:10px;}

/***** Copyright Formatting *****/
#copyright a {
	color:#000000;
}
#copyright {
	color:#000000;
	font-size:0.5625em;
	width:955px;
	position:absolute;
	top:580px;
	left:0px;
}
/***** Main Navigation Formatting *****/	
#main-navagation {
	display:block;
	position:relative;
	z-index:100;
}

#main-navagation span{
	display:none;
}

#main-navagation li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	position: absolute;
	top:0px;
}
#main-navagation li span {
	display:none;
}
#main-navagation li a {
	height:20px;/*Changes The A Tags Height This Should Match the Height of the main-navagation*/
	display:block;
}
#aboutus {left:321px;width:92px;}
#ourhomes{left:413px;width:107px;}
#mmhgallery {left:520px;width:118px;}
#ourcommunities{left:638px;width:151px;}
#resources {left:789px;width:148px;}
#contactus /*{ width:296px; height:61px; display:block;}*/

#aboutus a:hover, #aboutus .selected {
	background:transparent url(../images/interface/bg-nav.gif) -0px -20px no-repeat;
}
#ourhomes a:hover, #ourhomes .selected {
	background:transparent url(../images/interface/bg-nav.gif) -92px -20px no-repeat;
}
#mmhgallery a:hover, #mmhgallery .selected {
	background:transparent url(../images/interface/bg-nav.gif) -199px -20px no-repeat;
}
#ourcommunities a:hover, #ourcommunities .selected {
	background:transparent url(../images/interface/bg-nav.gif) -317px -20px no-repeat;
}
#resources a:hover, #resources .selected {
	background:transparent url(../images/interface/bg-nav.gif) -468px -20px no-repeat;
}
/***** Dropdown Formatting *****/
#main-navagation li ul {
	visibility:hidden;
	position:absolute;
	left:10px;/*Changes the left Position of the First Dropdown*/
}
#main-navagation li ul li {
	position:relative;
}
#main-navagation li ul li a {
	color:#FFFFFF;
	font-size:0.75em;/*Font Size must be divided by 16 (16*0.75=12px) the 14 is Dependent on the Main Navs Font Size*/
	font-weight:bold;
	line-height:15px; /*Fixes IE6 Spaceing Issue. This changes when Font Size Changes*/
	height:auto;
	height:15px;
	padding:2px 0px 2px 8px;/*Changes the First Dropdowns Padding*/
	display:block;
	border-bottom:#46443a 2px solid;
	background:none;
}
#main-navagation li ul li a:hover {
	color:#FFFFFF;
	background:#b3c296 none;
}
#main-navagation table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* Second level Dropdown */
#main-navagation ul ul {
	width:171px;/*Changes the width*/
	left:170px;/*Changes the left Position from the First Dropdown*/
	top:0px;
	background-color:#3399CC;
}
/*make the second level visible when hover on the Main Nav DO NOT EDIT*/
#main-navagation li:hover ul, #main-navagation a:hover ul {
	visibility:visible;
}
/*keep the Second Level Hidden When you Hover on First Level DO NOT EDIT*/
#main-navagation :hover ul ul {
	visibility:hidden;
}
/*make the Second level visible When you Hover Over Second Level DO NOT EDIT*/
#main-navagation :hover ul :hover ul {
	visibility:visible;
}
/***** Content Formatting *****/
#sidebar {
	color:#46443a;
	font-size:1.125em;/*16*1.125=18px*/
	text-align:left;
	line-height:1em;
	float:left;/*Since this element is floated, a width must be given*/
	width:296px;/*The actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:auto;
	background:none;/*the background color will be displayed for the length of the content in the column, but no further*/
	position:relative;
}

#address {	
	color:#46443a;
	font-size:14px;/*16*1.125=18px*/
	text-align:center;
	line-height:1em;
	float:left;/*Since this element is floated, a width must be given*/
	width:296px;/*The actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:none;/*the background color will be displayed for the length of the content in the column, but no further*/
	position:relative;
}

#address .phone {
	font-size:16px;
	font-weight:bold;
}

#main-content {
	float:right;/*Since this element is floating, a width must be given*/
	width:636px;
	height:414px;
	overflow:auto;
}

#main-contenthome {
	float:right;/*Since this element is floating, a width must be given*/
	width:636px;
	height:414px;
	overflow:auto;
}

.video-link {
	position: absolute; 
	bottom: 7px; 
	right: 0px; 
	z-index: 1000;	
}

#content-wrapper #main-content h1   {color:#000000; font:1.25em  "Times New Roman", Times, serif; /*16x1.25=20px*/     padding:18px 0px 9px 12px; font-weight:bold;}
#content-wrapper #main-content h2   {font:0.937em "Times New Roman", Times, serif; /*16x1.125=18px*/    padding:0px 0px 9px 12px; font-weight:bold;}
#content-wrapper #main-content h2 a {color:#000000;}
#content-wrapper #main-content h3   {color:#000000; font:0.875em "Times New Roman", Times, serif; /*16x1.125=18px*/    padding:0px 0px 9px 12px; font-weight:bold;}
#content-wrapper #main-content ul   {color:#000000; font:1em    "Times New Roman", Times, serif; /*16x1=16px*/        padding:5px 0 5px 18px; list-style:square;}
#content-wrapper #main-content ol   {color:#000000; font:1em     "Times New Roman", Times, serif; /*16x1=16px*/        padding:5px 0 5px 18px; list-style:decimal;}
#content-wrapper #main-content a    {color:#464734;}


.history {background:url(../images/backgrounds/bg-history.jpg) no-repeat 0px 5px;}
.affiliations {background:url(../images/backgrounds/bg-affiliations.jpg) no-repeat 0px 5px;}
.testimonials {background:url(../images/backgrounds/bg-testimonials.jpg) no-repeat 0px 5px;}
.contact {background:url(../images/backgrounds/bg-contact.jpg) no-repeat 0px 5px;}
.contact-main {background:url(../images/backgrounds/bg-contact-noscroll.jpg) no-repeat 0px 5px;}
.faq {background:url(../images/backgrounds/bg-faq.jpg) no-repeat 0px 5px;}
.warranty {background:url(../images/backgrounds/bg-warranty.jpg) no-repeat 0px 5px;}
.communities {background:url(../images/backgrounds/bg-communities.jpg) no-repeat 0px 5px;}
.calculator {background-color:#FFFFFF;} /*more than one page uses this background class*/
.calculator2 {background:url(../images/backgrounds/bg-calculator.jpg) no-repeat 0px 5px;} /*more than one page uses this background class*/
.blackfalds {background:url(../images/backgrounds/bg-blackfalds.jpg) no-repeat 0px 5px;}
.innisfail {background:url(../images/backgrounds/bg-innisfail.jpg) no-repeat 0px 5px;}
.reddeer {background:url(../images/backgrounds/bg-reddeer.jpg) no-repeat 0px 5px;}
.springbrook {background:url(../images/backgrounds/bg-springbrook.jpg) no-repeat 0px 5px;}
.sylvanlake {background:url(../images/backgrounds/bg-sylvanlake.jpg) no-repeat 0px 5px;}

/*#sidebar .yellowtext {color:#cfd87b; font-style:italic; font-weight:bold; text-align:left; font-size:1em;}*/
#sidebar .greentext {color:#75b310; font-style:italic; font-weight:bold; text-align:left; font-size:1em;}
#sidebar p {padding:10px 0px 10px 11px; text-align:justify}
#sidebar .pushdown {margin-top:30px;}
#sidebar .address {color:#75b310; font-size:12px;}

/*this sidebar bottom div is used on pages that only have one line needed of sidelinks*/
#sidebar-bottom {border-top:#46443a solid 3px; width:296px; text-align:center; position:absolute; top:375px; left:0px;}
#sidebar-bottom a {color:#75b310; margin:5px;}
#sidebar-bottom a:hover {color:#b3c296;}
#sidebar-bottom .selected {color:#75b310;}

/*this sidebar bottom div is used on the communities pages*/
#sidebar-bottom-more {border-top:#46443a solid 3px; width:296px; text-align:center; position:absolute; top:350px; left:0px;}
#sidebar-bottom-more a {color:#75b310; margin:5px;}
#sidebar-bottom-more a:hover {color:#b3c296;}
#sidebar-bottom-more .selected {color:#75b310;}
/*this sidebar bottom div is used on resources pages*/
#sidebar-bottom-evenmore {border-top:#46443a solid 3px; width:296px; text-align:center; position:absolute; top:325px; left:0px;}
#sidebar-bottom-evenmore a {color:#75b310; margin:5px;}
#sidebar-bottom-evenmore a:hover {color:#b3c296;}
#sidebar-bottom-evenmore .selected {color:#75b310;}

.whiteText {color:#FFFFFF; font-size:1.125em;}
.brownText {color:#230505; font-size:1.2em; line-height:1.1em;}
.indentText {margin:0px 0px 10px 10px;}

#historytext {width:444px; margin:90px 0px 0px 10px;}
#affiliationtext {width:455px; margin:50px 0px 0px 10px; text-align:justify;}
#warrantytext {width:570px; margin:20px 0px 0px 10px; text-align:justify;}

/***** Sidebar News Formatting *****/
#news-sidetext {margin-top:65px; text-align:left; padding:10px;}
#news-sidetext .newsitem {width:260px; margin:0px auto;}
#news-sidetext h3 {color:#46443a; font-weight:bold; font-size:0.875em; padding:0px; margin:0px;}
#news-sidetext p {color:#46443a; font-size:0.625em; line-height:1em; padding:0px; margin:0px;}
#news-sidetext a {color:#75b310; font-size:0.625em; float:right;}
#news-sidetext a:hover {color:#b3c296;}

/***** News Formatting *****/
.newsitem {width:550px;}
.newsitem h2 {margin-top:10px;}
.newsitem h2 span {display:inline; font-size:0.875em; color:#46443a;}
.newsitem p {padding:5px 0px 0px 20px}

.newsitem .leftuse {margin-right:10px; margin-bottom:10px; border:1px #2e0202 solid;}
.newsitem .rightuse {margin-left:10px; margin-bottom:10px; border:1px #2e0202 solid;}

/***** Contact Formatting *****/
#contact-table {margin-top:10px;}
#contact-table .contacttitle {color:#000000; font:0.812em "Times New Roman", Times, serif; /*16x1.125=18px*/ padding:5px 0px 0px 12px; font-weight:bold;}
#contact-table .contactinfo {color:#000000; font:0.75em "Times New Roman", Times, serif; /*16x1.125=18px*/  padding:0px 0px 0px 12px;}
#contact-table a {color:#000000;}
#contact-table a:hover {color:#75b310;}

/***** Gallery Formatting *****/
.imgspace {margin-left:37px;} /*used on galleries page to separate interior/exterior links*/
.galleryheadingsleft {padding:10px 0px 0px 12px;font:normal normal normal 12pt arial,sans-serif;} /*formats interior/exterior links*/
.galleryheadingsleft span.menuitem {
  margin-right:	32px;
  color:	#CCC;
}
.galleryheadingsleft span.menuitem:hover {
  color:	#333;
}
.galleryheadingsleft span.current {
  color:	#666;
}
.galleryheadingsleft span.current:hover {
  color:	#666;
}
.galleryheadingsright {padding:10px 8px 0px 0px;} /*formats prev/next buttons*/



#gallery-left {width:299px; padding:0px 0px 0px 0px; margin:10px 0px 0px -5px; clear:both;}
#gallery-left ul {width:299px; height:50px;}
#gallery-left li {float:left; list-style:none; margin-right:9px;}

#gallery-right {width:323px; height:292px; background-color:#46443a; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px; text-align:center;}
#gallery-right img {margin-top:25px;}

/***** Contact Sales Rep Formatting *****/
#salesrepmenu {width:550px;}
#salesrepmenu li {list-style:none; width:250px; margin-right:10px; margin-top:25px; float:left;}
#salesrepmenu .repname {font-weight:bold;}
#salesrepmenu .repinfo {color:#000000; font:0.687em "Times New Roman", Times, serif; padding:0px; margin:0px;}

/***** Testimonial Formatting *****/
#testimonialblurbs {width:550px;}
#testimonialblurbs li {list-style:none; display:block; text-align:justify; font:0.813em "Times New Roman", Times, serif; /*16x1.125=18px*/}
#testimonialblurbs .space {margin-top:30px;}
#testimonialblurbs .name {font-weight:bold;}

/***** FAQ Formatting *****/
.txt {color:#000000; font:0.875em "Times New Roman", Times, serif; /*16x1.125=18px*/ padding:0px 0px 9px 12px;}
.txt a {color:#000000;}

.itemlist h2 {color:#46443a;}
.itemlist h2:hover {color:#b3c296; cursor:pointer;}
.itemlist div { font-size:0.875em; padding-left:15px;}

/***** Calculator Formatting *****/
#calculator {background-color:#ffffff; height:250px; padding:10px;}
#calculator .title {font-size:1.5em; font-weight:bold; margin-left:10px;}
#calculator .title span {font-size:.5em;}
.calctext {color:#46443a; font-weight:bold;}
.fillin {background-color:#b3c296; border:none;}

/***** Service Request Form *****/
.borderbottom {border-bottom:1px #000000 solid; border-top:none; border-right:none; border-left:none;}
.borderbottom1 {border-bottom:1px #000000 solid; border-top:none; border-right:none; border-left:none; width:80px;}
.borderbottom2 {border-bottom:1px #000000 solid; border-top:none; border-right:none; border-left:none; width:100px;}
.borderbottom3 {border-bottom:1px #000000 solid; border-top:none; border-right:none; border-left:none; width:368px;}
.backgroundblock {background-color:#b3c296; border:none;}

/***** Communities Formatting *****/
#communitiesmap {position:relative;}
#innisfail { width:8px; height:8px; position:absolute; top:301px; left:217px;}
#sylvanlake {width:8px; height:8px; position:absolute; top:187px; left:205px;}
#reddeer {width:8px; height:8px; position:absolute; top:211px; left:289px;}
#springbrook {width:8px; height:8px; position:absolute; top:253px; left:274px;}
#blackfalds {width:8px; height:8px; position:absolute; top:155px; left:306px;}

#lotplans {width:520px; position:relative;}
#lotplan-title {width:auto; position:absolute; top:340px; left:300px;}
#lotplan-title p {font-size:1.125em; font-weight:bold;}

/***** Affiliates Formatting *****/
#affiliatesmap {position:relative;}
#cityreddeer {width:160px; height:65px; position:absolute; top:34px; left:0px;}
#builtgreen {width:100px; height:65px; position:absolute; top:34px; left:165px;}
#canadianhome {width:115px; height:65px; position:absolute; top:34px; left:270px;}
#albertahome {width:110px; height:65px; position:absolute; top:34px; left:390px;}
#malibudev {width:120px; height:65px; position:absolute; top:34px; left:505px;}

/***** Homes Formatting - used on index, singlefamily, multifamily, and forsale pages *****/
.home-title {margin:7px 0px 5px 0px;}
.ourhomes {height:92px; background-color:#b3c296;}
.ourhomes .img {margin:5px 5px 0px 5px;}
.ourhomes .arrow {margin:0px 0px 25px 0px;}

#showhomes {margin-top:30px; width:600px;}
#showhomes li {float:left; margin:5px 10px 0px 0px; list-style:none;}

/*#homes-top img {margin-right:30px;}*/
#homes-middle {background-color:#b3c296; padding:5px; min-height:100px;}
#homes-middle h2 {color:#46443a; margin-left:-11px;}
#homes-middle p {color:#FFFFFF; width:500px;}
#homes-bottom {margin-left:-18px;}

/***** Our Mortgage FAQ *****/

.top-bar { display: block; height: 100px; }
.img { float: left; padding-right: 10px;
}