html, body {
	margin: 0;
	padding: 0;
	background-color: #a9a9a9;
	color: #5f5f5f;
}

body {
	background-color: #a9a9a9;
}

#wrap {
	width: 100%;
	background-image: url(/images/layout/header-background.png);
	background-repeat: repeat-x;
	background-position: 0 78px;
}

#tertiary, #content {
	position: relative;
	z-index: 50;
}

#tertiary {
	height: 40px;
}

#content {
	text-align: left;
	margin-top: 6px;
}

.tertiary-wrap, .content-wrap {
	margin-top: -6px;
	border: 1px solid #a1a1a1;
	border-width: 0 1px;
	background-color: #d9d9d9;
}

#tertiary .slogan p {
	background-image: url(/images/layout/tertiary-slogan.png);
	background-repeat: no-repeat;
	background-position: left center;
/*	line-height: 40px;*/
/*	margin: 0 0 0 15px;*/
	margin: 0;
	height: 40px;
	position: relative;
	left: 15px;
	width: 350px;
	text-indent: -99999px;
}

#tertiary ul {
	list-style: none;
	margin: 0;
	padding: 13px 0 10px 160px;
/*	width: 350px;*/
}

#tertiary ul li {
	list-style: none;
	float: left;
	margin: 0 auto 0 0;
	padding: 1px 10px;
	color: #7a7a7a;
}

#tertiary ul li a {
	color: #7a7a7a;
}

#tertiary ul li.first {
	border-right: 1px solid #a8a8a8;
}
#tertiary ul li.last {
	border-left: 1px solid #a8a8a8;
}

#headerfull {
	position: relative;
	z-index: 100;
	background-image: url(/images/layout/header-main.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 310px;
}

#headerfull .container_12 {
	position: relative;
}

#header {
	height: 250px;
}

#header .logo {
	float: left;
	padding: 23px 30px;
}

#header .logo a {
	width: 83px;
	height: 97px;
	background-image: url(/images/layout/header-logo.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
}

#header .slogans {
	position: relative;
	float: right;
}

#header .slogans .slogan {
	display: none;
}

#header .slogans .slogan a.text {
	background-repeat: no-repeat;
	display: block;
	width: 700px;
	height: 225px;
	text-indent: -99999999px;
}

#header .slogans .slogan a.morelink {
	width: 129px;
	height: 55px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/layout/slogan-button-sprite.png);
	text-indent: -99999999px;
	position: absolute;
	right: 0;
	bottom: 29px;
	z-index: 150;
}

.hover .slogans .slogan a.morelink {
	background-position: 0 -200px !important;
}

#header .slogans .slogan a.morelink:hover {
	background-position: 0 -100px;
}

.hover .slogans .slogan a.morelink:hover {
	background-position: 0 -100px !important;
}

#header .slogans #slogan1 a.text {
	background-image: url(/images/slogans/40_yearsready_to_move_are_you.png);
	background-position: 0 23px;
}

#header .slogans #slogan2 a.text {
	background-image: url(/images/slogans/confidence_is_the_foundation.png);
	background-position: 55px 48px;
}

#header .slogans #slogan3 a.text {
	background-image: url(/images/slogans/building_should_be_enjoyable.png);
	background-position: 140px 49px;
}

#header .slogans #slogan4 a.text {
	background-image: url(/images/slogans/craftsmen_build_with_pride.png);
	background-position: 169px 58px;
}

#header .slogans #slogan5 a.text {
	background-image: url(/images/slogans/around_the_corner.png);
	background-position: 0px 50px;
}

#header .slogans #slogan5 a.morelink {
	right: -5px;
}

#navigation {
/*	position: absolute;*/
/*	right: 0;*/
/*	bottom: 6px;*/
	line-height: 54px;
}

#navigation ul {
	margin: 0 0 0 180px;
	padding: 0;
	list-style: none;
	
}

#navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#navigation ul li a {
	background-image: url(/images/layout/navigation-sprite.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -99999px;
	padding: 0 15px;
/*	height: 11px;*/
}

#navigation ul li.about a 						{ background-position: 0 0px; width: 50px; }
#navigation ul li.about a:hover 				{ background-position: 0 -100px; }
#about #navigation ul li.about a 				{ background-position: 0 -200px; }

#navigation ul li.our_homes a 					{ background-position: -150px 0px; width: 59px; }
#navigation ul li.our_homes a:hover 			{ background-position: -150px -100px; }
#our_homes #navigation ul li.our_homes a 		{ background-position: -150px -200px; }

#navigation ul li.custom_homes a 				{ background-position: -300px 0px; width: 80px; }
#navigation ul li.custom_homes a:hover 			{ background-position: -300px -100px; }
#custom_homes #navigation ul li.custom_homes a	{ background-position: -300px -200px; }

#navigation ul li.our_cusomers a 				{ background-position: -450px 0px; width: 85px; }
#navigation ul li.our_cusomers a:hover 			{ background-position: -450px -100px; }
#our_customers #navigation ul li.our_cusomers a { background-position: -450px -200px; }

#navigation ul li.rtm_advantage a 				{ background-position: -600px 0px; width: 85px; }
#navigation ul li.rtm_advantage a:hover 		{ background-position: -600px -100px; }
#rtm_advantage #navigation ul li.rtm_advantage a{ background-position: -600px -200px; }

#navigation ul li.warranty a 					{ background-position: -750px 0px; width: 57px; }
#navigation ul li.warranty a:hover 				{ background-position: -750px -100px; }
#warranty #navigation ul li.warranty a 			{ background-position: -750px -200px; }

#navigation ul li.faqs a 						{ background-position: -900px 0px; width: 26px; }
#navigation ul li.faqs a:hover 					{ background-position: -900px -100px; }
#faqs #navigation ul li.faqs a 					{ background-position: -900px -200px; }

#navigation ul li.contact a 					{ background-position: -1050px 0px; width: 62px; }
#navigation ul li.contact a:hover 				{ background-position: -1050px -100px; }
#contact #navigation ul li.contact a 			{ background-position: -1050px -200px; }

#about #navigation ul li.about a,
#our_homes #navigation ul li.our_homes a,
#custom_homes #navigation ul li.custom_homes a,
#our_customers #navigation ul li.our_cusomers a,
#rtm_advantage #navigation ul li.rtm_advantage a,
#warranty #navigation ul li.warranty a,
#faqs #navigation ul li.faqs a,
#contact #navigation ul li.contact a {
	background-color: #972626;
}

#footer #associations ul,
#footer #associations ul li {
	margin: 0;
	padding: 0;
}

#footer #associations ul li {
	list-style: none;
	float: left;
	padding: 15px;
}

#footer #yastech a {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	width: 130px;
	float: right;
	text-align: right;
	display: block;
	padding: 35px 80px 35px 15px;
	background-image: url(http://cdn.yastech.ca/marketing/footers/yastech.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #5d5d5d;
}

#footer #yastech a:hover {
	color: #fff;
}

/* ============================ */
/* = FULL WIDTH CONTENT BLOCK = */
/* ============================ */

.content_block_full {
	padding: 11px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	margin: 10px 0;
	float: left;
	display: inline;
	position: relative;
	width: 916px;
}

.content_block_full h1 {
	margin: 4px 0 15px 0;
/*	text-transform: uppercase;*/
	color: #DC2828;
}

.content_block_full h1 strong {
	color: #5f5f5f;
}

/* ============================ */
/* = HALF WIDTH CONTENT BLOCK = */
/* ============================ */

.content_block_half {
	float: left;
	display: inline;
	position: relative;
	width: 436px;
	padding: 11px;
	border: 1px solid #c3c3c3;
	background-color: #fff;
	margin: 5px 10px 10px;
}

.content_block_half h2 {
	height: 32px;
}

.more_information_bar {
	background-color: #5F5F5F;
	display: block;
	padding: 4px;
	border-top: 1px solid #fff;
}

.more_information_bar .more_information_link,
.more_information_bar .more_information_supplemental {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 1px;
}

.more_information_bar .more_information_link:hover,
.more_information_bar .more_information_supplemental:hover {
	border-bottom: 1px solid white;
	margin-bottom: 0;
}

.more_information_bar .more_information_link {
	float: right;
}

.more_information_bar .more_information_supplemental {
	float: left;
	color: #b0b0b0;
}

.more_information_bar .more_information_supplemental:hover {
	border-bottom: 1px solid #b0b0b0;
}


/* ========== */
/* = PHOTOS = */
/* ========== */

.photos ul li{display:inline}

.photos ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.photos ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.photos ul li a img {
	float: left;
	border: 1px solid #c3c3c3;
	padding: 1px;
	margin: 6px;
}

/* ============================= */
/* = HOME PAGE SPECIFIC STYLES = */
/* ============================= */

.carousel {
	position: relative;
	height: 164px;
}

.carousel .carousel-wrap {
	height: 164px;
	width: 800px;
/*	float: left;*/
	margin-left: 58px;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}

.carousel ul,
.carousel ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.carousel ul {
	position: absolute;
}

.carousel ul li {
	float: left;
	width: 200px;
	overflow: hidden;
	display: block;
	height: 164px;
	background-position: center;
	position: relative;
	opacity: 0.5;
	border-top: 1px solid white;
}

.carousel .more_information_bar {
	position: absolute;
	bottom: 0;
}

.carousel .position_1 {
	width: 200px !important;
}

.carousel .position_2 {
	width: 200px !important;
/*	border-left: 1px solid white;*/
/*	border-right: 1px solid white;*/
}

.carousel .position_3 {
	width: 200px !important;
}

.carousel .position_highlight {
	width: 400px !important;
	opacity: 1;
}

.carousel .more_information_bar {
/*	width: 192px;*/
	display: none !important;
}

.carousel .position_highlight .more_information_bar {
	width: 392px;
	display: block !important;
}

.carousel .more_information_link {
	float: left;
}

.carousel .more_information_supplemental {
	float: right;
}

.carousel .carousel-next a,
.carousel .carousel-prev a {
/*	float: left;*/
	width: 57px;
	height: 164px;
	position: absolute;
	top: 0;
	display: block;
	text-indent: -9999999px;
}

.carousel .carousel-next a {
	right: 0;
	background-image: url(/images/layout/next-sprite.png);
	border-left: 1px solid white;
}

.carousel .carousel-prev a {
	left: 0;
	background-image: url(/images/layout/prev-sprite.png);
	border-right: 1px solid white;
}

.carousel .carousel-prev a:hover,
.carousel .carousel-next a:hover {
	background-position: -100px;
}

#browse_homes_navigation,
#browse_homes_navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#browse_homes_navigation li {
	float: left;
}

#browse_homes_navigation {
	margin-top: -7px;
	border-bottom: 1px solid #aaa;
	height: 35px;
}


#browse_homes_navigation a {
	padding: 7px 20px;
	text-decoration: none;
	background-color: #5F5F5F;
	color: #FFFFFF;
	float: left;
	text-transform: uppercase;
	font-size: 16px;
}

#browse_homes_navigation a:hover {
	background-color: #787878;
	color: #efefef;
}

#browse_homes_navigation .current a {
	background-color: #DADADA;
	color: #DC2828;
}

.browse_homes_window {
	float: left;
	width: 290px;
	margin: 0 auto;
	padding: 0 7px;
}


#newsletter_signup {
	padding: 0 0 15px 0;
	width: 380px;
	margin: 0 auto;
}

#newsletter_signup .field {
	width: 260px;
	float: left;
}

#newsletter_signup .field input {
	padding: 5px;
	font-size: 150%;
/*	color: #DC2828;*/
	color: #5F5F5F;
	width: 230px;
	border: 1px solid #AAAAAA;
}

#newsletter_signup .button {
	width: 120px;
	float: left;
}

#newsletter_signup .button button,
#newsletter_signup .button a {
	padding: 5px;
/*	font-size: 120%;*/
	color: #DC2828;
	line-height: 24px;
/*	font-weight: normal;*/
	text-decoration: none;
	border: 1px solid #AAAAAA;
	text-align: center;
	text-transform: uppercase;
}

#newsletter_signup .button a:hover {
	color: #5F5F5F;
	
}

/* ================= */
/* = HOMES LISTING = */
/* ================= */

.homeslist {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff;
}

.homeslist .home {
/*	height: 100px;*/
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid white;
/*	padding: 20px 0;*/
	position: relative;
	overflow: hidden;
}

.homeslist .home h2 {
	padding: 0;
	margin: 0;
	border: none;
}

.homeslist .home a {
	padding: 60px 0;
	display: block;
	position: relative;
/*	height: 100px;*/
/*	background-color: none;*/
	height: 40px;
	z-index: 15;
}

.homeslist .home img {
	position: absolute;
	top: 0px;
	z-index: 10;
}

.homeslist .home img.hover {
	top: 0;
}

.homeslist .home span {
	margin: 0;
	border: none;
	background-color: white;
	padding: 9px 40px;
	width: 250px;
	height: 32px;
	display: block;
}

.homeslist a.hover {
	height: 160px;
}

.homeslist a.hover span {
	position: absolute;
}

.homes-navigation,
.homes-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.homes-navigation {
	border-bottom: 1px solid #aaa;
	height: 46px;
}

.homes-navigation li {
	float: left;
/*	line-height: 20px;*/	
}

.homes-navigation li a {
	float: left;
	padding: 15px 30px;
	text-decoration: none;
	color: #5f5f5f;
	text-transform: uppercase;
}

.homes-navigation a:hover {
	color: #DC2828;
}

.homes-navigation .current a {
	background-color: #DADADA;
	color: #DC2828;
}

/* ========================= */
/* = INDIVIDUAL HOMES PAGE = */
/* ========================= */

.viewmore {
	width: 152px;
	height: 46px;
	display: block;
	float: right;
	background-image: url(/images/layout/viewhome-sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999999px;
}

.viewmore-under1200 		{ background-position: 0 0; }
.viewmore-under1200:hover 	{ background-position: 0 -50px; }

.viewmore-12001400 			{ background-position: -200px 0; }
.viewmore-12001400:hover 	{ background-position: -200px -50px; }

.viewmore-over1400 			{ background-position: -400px 0; }
.viewmore-over1400:hover 	{ background-position: -400px -50px; }

/* =========== */
/* = GENERAL = */
/* =========== */

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
}

h2 {
	color: #DC2828;
	border-bottom: 1px solid #aaa;
	padding: 5px 0 10px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

.sqft {
	width: 180px;
	height: 48px;
	display: block;
	float: right;
	margin-top: 15px;
}

a.download {
	width: 124px;
	height: 48px;
	background-image: url(/images/layout/download_sprite.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -999999px;
	float: right;
/*	display: relative;*/
/*	top: -5px;*/
	margin-top: -5px;
}

a.download:hover {
	background-position: 0 -50px;
}

p {
	line-height: 1.5em;
}

a {
	color: #DC2828;
	font-weight: bold;
}

a:hover {
	color: #5f5f5f;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

p.supplemental {
	color: #787878;
	font-size: 80%;
}

dt {
  	margin-top: 15px;
  	font-size: 135%;
  	padding: 5px 0; 
}

dd {
  	color: #DC2828; 
  	background: #D9D9D9;
	padding: 10px;
}

.contactinfo li {
	list-style: none;
	padding: 10px 0 5px 0;
}

table, th, tr, td {
	border: 0px !important;
}

.floatright {
	float: right;
}
/*
	Contact Form Styling
*/

#contactusform fieldset {      
	float: left;      
	clear: both;      
	width: 100%;      
	margin: 1 0 -1em 0;        
	border-style: none;      
}

#contactusform legend {     
	margin-left: 1em;     
	padding: 1px 0 0 0;     
	color: #000;     
	font-weight: bold;    
}

#contactusform fieldset ol {   
	padding: 0em 1em 0 1em;
	list-style: none;
}

#contactusform fieldset li {    
	float: left;    
	clear: left;    
	width: 100%;    
	padding-bottom: 1em;
	list-style: none;
}  

#contactusform fieldset.submit {     
	float: none;     
	width: auto;     
	border-style: none;     
	padding-left: 39px;     
	background-color: transparent;     
	background-image: none;
	font-size: 85%;
}

#contactusform fieldset textarea {
	min-width: 280px;
	min-height: 70px;
}

#contactusform fieldset input {
	font-size: 180%;
}


#contactusform label {    
	float: left;    
	width: 10em;    
	margin-right: 1em; 
}

#contactusform label em {        
	display: block;        
	color: #1C1776;        
	font-size: 85%;        
	font-style: normal;        
	text-transform: uppercase;       
}

#contactusform .checkbox label {
	width: 300px;
	padding-bottom: 15px;
}

#contactusform .checkbox input {
	margin: 0 10px 0 0;
}

#contactusform .successmsg {
	font-size: 170%;
	color: #DC2828;
	padding: 5px 0px 0 28px;
	margin: 5px;
	width: 250px;
	font-weight: bold;
	background-color: #D9D9D9;
}