@import url(http://fonts.googleapis.com/css?family=Cabin);
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);
@import url(http://fonts.googleapis.com/css?family=Quattrocento);

body { width: 888px; font: 70% Arial, sans-serif; color: #121212; background: #78856B; margin: auto; padding: 6px; }
img { border: none; }
p { margin: 0; padding: 0 0 15px 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }
a:link { color: #000; background: #fff; text-decoration: underline; font-weight: bold; }
a:visited{ color: #000; background: #fff; text-decoration: underline; font-weight: bold; }
a:hover { color: #000; background: #fff; text-decoration: none; font-weight: bold; }
a:active { color: #000; background: #fff; text-decoration: underline; font-weight: bold; }
h1 { font-size: 150%; color: #121212; background: #fff; margin: 0; }
body#home h2 { font-size: 120%; color: #990000; background: #fff; margin: 0 0 25px 0; }
h2#sub_h2 { font-size: 120%; color: #990000; background: #fff; margin: 0 0 15px 0; }
h3 { font-size: 17px; color: #fff; background: none; margin: 0; padding: 0; }
h4 { font-size: 110%; color: #990000; background: #fff; margin: 0 0 0 0; padding: 15px 0 10px 9px; }
h5 { font-size: 110%; color: #990000; background: #fff; margin: 0 0 0 0; padding: 0 0 10px 0; }
h6 { font-size: 100%; color: #990000; background: none; margin: 47px 0 5px 0; text-align: center; }
.red { color: #990000; background: #fff; }
.no_padding { padding: 0; }
form { margin: 0; padding: 0 0 15px 0; }

#container { background: #fff; color: #121212; padding: 15px 18px; border: 2px solid #68735D; }
	#header p { text-align: right; font-size: 110%; color: #474E3F; background: #fff; padding: 3px 0 0 0; }
	#header img { float: left; }
		a#call_back_link { background: #fff url(../graphics/phone_icon.gif) center left no-repeat; padding: 0 0 0 11px; margin: 0 0 0 3px; color: #990000; }
	
	#header #EmailAddress.empty {
		color:#999;
		font-style:italic;
	}
	
	#yellow { background: #E6E1A7; color: #121212; border-top: 1px solid #CCC792; border-right: 1px solid #CCC792; border-left: 1px solid #CCC792; padding: 8px 8px 11px 8px; }
		#flash { border: 1px solid #fff; height: 238px; }
		#green_bar { background: #336600 url(../graphics/green_bar_bg.jpg) top left repeat-x; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
			#promo { float: left; width: 197px; padding: 0; text-align: right; }
				#large_promo { font-size: 18px; padding: 0; }
				#promo a { background: none; color: #fff; text-decoration: none; font-weight: normal; font-style: italic; display: block; height: 48px; padding: 10px 0 0 10px; margin: 0; }
				#promo p { padding: 0; }
			#right_green { background: url(../graphics/green_bar_arrow.jpg) top left no-repeat; padding: 7px 0 0 75px; margin: 0 0 0 180px; height: 51px; color: #fff; font-style: italic; }
				#right_green a { background: url(../graphics/green_bar_icon.jpg) center left no-repeat; color: #fff; font-weight: normal; padding: 0 0 0 22px; }
				#right_green p { font-size: 110%; }
	
	#left { float: left; width: 224px; }
		#menu_container { background: #E6E1A7; width: 208px; border-left: 1px solid #CCC792; border-right: 1px solid #CCC792; border-bottom: 1px solid #CCC792; padding: 0 7px 9px 9px; }
			#menu { font-size: 110%; }
			ul#menu li { list-style-type: none; padding: 0; margin: 0 0 1px 0; }
			body#home #home_link, body#viceroymodels #viceroy_models_link, body#projectsgallery #projects_gallery_link, body#services #services_link, body#about #about_link, body#announcements #announcements_link, body#catalogue #catalogue_link, body#promotions #promotions_link, body#contact #contact_link, body#mailinglist #mailing_list_link, body#testimonials #testimonials_link { background: url(../graphics/menu_active.jpg) top left no-repeat; color: #fff; font-style: italic; padding: 5px 0 0 45px; width: 159px; cursor: default; }
			ul#menu { margin: 0; padding: 0; }
				#menu a { display: block; width: 167px; height: 18px; background: url(../graphics/menu_bg.jpg) top left repeat-x; border: 1px solid #fff; color: #000; text-decoration: none; padding: 5px 0 0 37px; }
				#menu a:hover { background: url(../graphics/menu_hover.gif) top left no-repeat; color: #fff; }
		
			#facebook {
				background:white;
				padding:8px 3px;
				width:200px;
				height:175px;
			}
		
		.left_border { border-left: 5px solid #CCC792; padding: 0 0 0 10px; margin: 0 0 0 9px; }
	
	#content { border-top: 1px solid #CCC792; padding: 20px 10px 10px 20px; float: left; width: 590px;}
		#left_top_content { width: 336px; float: left; }
			.h1_bg { background: #fff url(../graphics/h1_arrow.jpg) center left no-repeat; padding: 0 0 0 35px; }
			#home_col_one { float: left; width: 160px; border-right: 1px solid #CCC792; padding: 0 5px 5px 5px; }
				#did-you-know ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; }
					#did-you-know li { padding: 0 0 0 20px; margin: 0 0 10px 0; background: url(../graphics/list_bullet.gif) top left no-repeat; }
		#bottom_content { margin: 80px 0 0 0; }
		
		#flashcontent { 
			margin-top:20px;
		}
		
		#did-you-know {
			padding-top:30px;
			border-top:1px solid #ccc;
			background:url('../graphics/viceroy.gif') no-repeat right 20px;
		}
		
		#did-you-know h3 { 
			text-transform:uppercase;
			color:inherit;
		}
		
		#promo-column a {
			border:none;
			color:inherit;
			text-decoration:none;
			background:none;
			padding:0;
			margin:0;
		}
		
		#testimonials {
			margin-top:25px;
		}
		#testimonials h4 {
			padding-top:0;
			margin-top:0;
		}
		
		#promo-column {
			float:right;
			width:229px;
			margin:-21px -14px 0 0;
			padding:10px;
			background:url(../graphics/bg.promo.jpg) repeat-x #CCC792;
		}
		
		#promo-column #viceroypromo, #promo-column #cedarlandhomesdeals {
			margin-top:8px;
		}
		
		#promo-column #viceroypromo div, #promo-column #cedarlandhomesdeals div {
			background:url(../graphics/bg.promobox.jpg) repeat-x #FFF;
			padding:7px;
			font-weight:bold;
			height:100px;
			overflow:hidden;
			text-shadow:0 2px 0 #FFF;
		}
		
		#promo-column #viceroypromo div {
			height:50px;
		}
		
		#promo-column #viceroypromo h3, #promo-column #cedarlandhomesdeals h3 {
			background:#333;
			color:#fff;
			font-size:17px;
			font-weight:bold;
			text-align:center;
			padding:4px 0;
		}
		
		#promo-column #cedarlandhomesdeals h3 {
			background:#346500;
		}
		
		#promo-column #viceroypromo div, #promo-column #cedarlandhomesdeals div {
			font-size:13px;
			font-weight:bold;
			text-align:center;
			padding:10px;
			line-height:16px;
		}
			
	
	#footer { background: #E6E1A7; border: 1px solid #CCC792; padding: 4px 0 4px 0; margin: 25px 0 0 0; text-align: center; }
		#footer p { padding: 0; }
		#footer a { background: #E6E1A7; }
	
	#gallery { text-align: center; }
		#gallery img { border: 1px solid #000; }
		
	#contact_left,#contact_right { width: 48%; float: left; }
	#contact_left { margin-right:4%; }
	
	.modelscon { text-align: center; width: 170px; border: 1px solid #000; float: left; margin: 0 17px 15px 0; }
	.modelscon img { border: 1px solid #000; }
	.modelscon a, .modelscon a:visited, .modelscon a:active { background: #E6E1A7; width: 150px; display: block; padding: 10px; text-decoration: none; }
	.modelscon a:hover { background: #D9D179; }

	.model_individual { text-align: center; width: 500px; border: 1px solid #000; margin: 0 0 10px 0; background: #E6E1A7; padding: 15px; }
	.model_individual img { border: 1px solid #000; }
	.model_individual a, .model_individual a:visited, .model_individual a:active { background: #E6E1A7; text-decoration: underline; }
	.model_individual a:hover { text-decoration: none; }
	
	#hideme { display:none ; position:absolute }
	
	.colLeft2 { float: left; width: 280px; }
	.colRight2 { margin: 0 0 0 280px; }
	
	#viceroy_box { float: right; width: 152px; border: 1px solid #CCC792; margin: 0 0 10px 10px; padding: 5px; background: #E6E1A7 url(../graphics/about_viceroy.gif) top center no-repeat; cursor: pointer; }
		#viceroy_box a { background: #E6E1A7; }
	
	#projectsgallery #content a { background: none; }
	
/* Splash page */
body.splash {
    color: #333;
    font: 1em Arial,sans-serif;
    margin: auto;
    padding: 0;
    width: auto;
}
#splash-banner {
	width:100%;
	height:142px;
	padding:15px 0;
	background:url("../graphics/bg.splash-banner.png") no-repeat center center;
	position: relative;
}
#splash-banner span {
	display:block;
	font-family: 'Terminal Dosis',Helvetica,Arial,sans-serif;
}
#splash-banner span.title {
	margin-top:50px;
	font-size:27px;
	text-shadow: 0 1px 1px #FFF;
	line-height:1;
}
#splash-banner span.location {
	color:#3F843A;
	font-size:1.1em;
}
#splash-banner #parrysound,
#splash-banner #sudbury {
	position: absolute;
    text-align: right;
    width: 50%;
}
#splash-banner #sudbury {
	text-align:left;
	margin-left:50%;
}
#splash-banner #parrysound span {
    padding-right: 150px;
    text-align: right;
}
#splash-banner #sudbury span {
	padding-left:140px;
}
#splash-banner a {
	text-decoration: none;
	color:#333;
	font-weight:normal;
	background:none;
}
#splash-banner a:hover span.location {
	color:#000;
}
#viceroy {
	bottom: -10px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    text-align: center;
    width: 300px;
    font-family: 'Quattrocento', serif;
    font-size:16px;
    text-shadow:0 1px 0 #FFF;
}
#cookie-warning {
	position:absolute;
	width:100%;
	bottom:0px;
	text-align: center;
	background:#333;
	color:#EFEFEF;
	font-size:12px;
	padding:6px 0;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
	/* Good browsers */
	opacity: 0.7;
}
#cookie-warning a {
	color:#FFF;
	background:none;
	text-decoration: underline;
}
#header {
	position: relative;
}
#logo {
	display: block;
	position:relative;
	padding-bottom:15px;
	float:left;
	height:100px;
	width:196px;
	background:url("../graphics/CedarlandHomesLogo.jpg") no-repeat top left;
}
#logo span {
	display:block;
	position:relative;
	text-indent: -9999em;
}