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

/* Font */

@font-face {
	font-family: 'Conv_Organic_Elements';
	src: url('fonts/Organic_Elements.eot');
	src: local('☺'), url('fonts/Organic_Elements.woff') format('woff'), url('fonts/Organic_Elements.ttf') format('truetype'), url('fonts/Organic_Elements.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-family:'Conv_Organic_Elements',Sans-Serif;
}



body 	{ margin:0; background-color:#3b3525;}
a		{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#90a626; font-size:12px;}
img 	{ border:none;}
p 		{ font-family:Arial, Helvetica, sans-serif; margin:0; font-size:12px;}
ul 		{ margin:0;}
li 		{ display:inline;}
h1		{ font-family:Arial, Helvetica, sans-serif;}
h2	{font-family:'Conv_Organic_Elements',Sans-Serif; font-size:16px; color:#3C280A; font-weight:normal;}
.clear	{ clear:both;}
.block	{ display:block;}
.floatl	{ float:left;}
.floatr	{ float:right;}
span.banner { font-weight:bold; font-size:14px; display:block; margin-top:15px;}
span.banner2 { font-weight:bold; font-size:13px; display:block; margin-top:10px;}
span.banner3 { font-weight:bold; font-size:13px; display:block; margin-top:10px;}
span.tree { background-image:url(images/news%20title/tree.png); background-repeat:no-repeat; padding-left:25px;}
span.cap2 a:hover { color: #0099FF;}
p.slogan { background:url(images/slogan.gif) no-repeat; width:500px; height:120px; margin:10px auto; text-indent:-9999px;}
p.slogan2 { background:url(images/slogan-2.gif) no-repeat; width:500px; height:120px; margin:20px auto 0 ; padding-top:15px; text-indent:-9999px;}

#nav ul a.nav-1 { background:url(images/nav-bg.png) 0 0 no-repeat; width:44px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-1:hover { background:url(images/nav-bg.png) 0 -19px no-repeat; width:44px; height:11px; }
#nav ul a.nav-1.active { background:url(images/nav-bg.png) 0 -19px no-repeat; width:44px; height:11px; }

#nav ul a.nav-2 { background:url(images/nav-bg.png) -71px 0 no-repeat; width:77px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-2:hover { background:url(images/nav-bg.png) -71px -19px no-repeat; width:77px; height:11px; }
#nav ul a.nav-2.active { background:url(images/nav-bg.png) -71px -19px no-repeat; width:77px; height:11px; }

#nav ul a.nav-3 { background:url(images/nav-bg.png) -171px 0 no-repeat; width:86px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-3:hover { background:url(images/nav-bg.png) -171px -19px no-repeat; width:86px; height:11px; }
#nav ul a.nav-3.active { background:url(images/nav-bg.png) -171px -19px no-repeat; width:86px; height:11px; }

#nav ul a.nav-4 { background:url(images/nav-bg.png) -291px 0 no-repeat; width:134px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-4:hover { background:url(images/nav-bg.png) -291px -19px no-repeat; width:134px; height:11px; }
#nav ul a.nav-4.active { background:url(images/nav-bg.png) -291px -19px no-repeat; width:134px; height:11px; }

#nav ul a.nav-5 { background:url(images/nav-bg.png) -466px 0 no-repeat; width:41px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-5:hover { background:url(images/nav-bg.png) -466px -19px no-repeat; width:41px; height:11px; }
#nav ul a.nav-5.active { background:url(images/nav-bg.png) -466px -19px no-repeat; width:41px; height:11px; }

#nav ul a.nav-6 { background:url(images/nav-bg.png) -541px 0 no-repeat; width:71px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-6:hover { background:url(images/nav-bg.png) -541px -19px no-repeat; width:71px; height:11px; }
#nav ul a.nav-6.active { background:url(images/nav-bg.png) -541px -19px no-repeat; width:71px; height:11px; }


#nav ul a.nav-7 { background:url(images/nav-bg.png) -668px 0 no-repeat; width:89px; height:11px; display:block; text-indent:-9999px;}
#nav ul a.nav-7:hover { background:url(images/nav-bg.png) -668px -19px no-repeat; width:89px; height:11px; }
#nav ul a.nav-7.active { background:url(images/nav-bg.png) -668px -19px no-repeat; width:89px; height:11px; }


#nav ul li ul a.nav-sub-1 { background:url(images/sub-menu-bg.png) 0 0 no-repeat; width:103px; height:22px; text-indent:-9999px; padding:0;}
#nav ul li ul a.nav-sub-1:hover { background:url(images/sub-menu-bg.png) 0 -21px no-repeat; width:103px; height:22px; text-indent:-9999px;}
#nav ul li ul a.nav-sub-1.active { background:url(images/sub-menu-bg.png) 0 -21px no-repeat; width:103px; height:22px; text-indent:-9999px;}

#nav ul li ul a.nav-sub-2 { background:url(images/sub-menu-bg.png) -103px 0 no-repeat; width:92px; height:22px; text-indent:-9999px; padding:0;}
#nav ul li ul a.nav-sub-2:hover { background:url(images/sub-menu-bg.png) -103px -21px no-repeat; width:92px; height:22px; text-indent:-9999px; padding:0;}
#nav ul li ul a.nav-sub-2.active { background:url(images/sub-menu-bg.png) -103px -21px no-repeat; width:92px; height:22px; text-indent:-9999px; padding:0;}

#nav ul li ul a.nav-sub-3 { background:url(images/sub-menu-bg.png) -195px 0 no-repeat; width:73px; height:22px; text-indent:-9999px; padding:0;}
#nav ul li ul a.nav-sub-3:hover { background:url(images/sub-menu-bg.png) -195px -21px no-repeat; width:73px; height:22px; text-indent:-9999px; padding:0;}
#nav ul li ul a.nav-sub-3.active { background:url(images/sub-menu-bg.png) -195px -21px no-repeat; width:73px; height:22px; text-indent:-9999px; padding:0;}

#wrapall{ background:; }
#wrap{ margin:0 auto; width:964px;}

/*start header css*/
#header { background:url(images/header-bg.png) no-repeat; width:964px; height:218px; margin-bottom:15px;}
img#logo { margin:0 auto 10px; width:358px; padding:5px 0 0 0; height:152px; display:block;}
#nav { margin-top:23px; display:block;}
#nav ul{ padding: 2px 0 0 66px;}
#nav li{ margin:0 40px 0 0; float:left; 
			display:block; 
			width:; 
			background:; 
			position:relative; font-family:"Century Gothic", Arial;
			z-index:500; }
#nav a{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;}
#nav a:hover{ color: #FFFFFF;}
#nav ul li ul{
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none; background: url(images/sub-nav-bg.png); padding-top:25px; padding-right:10px; padding-left:5px;
		}
#nav ul li ul li {
			
			width:100px; 
			float:left; 
			border-top:; background: none; margin:5px 0 5px 2px; 
		}
		
		/* display block will make the link fill the whole area of LI */
#nav ul li ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666; font-family:"Century Gothic", Arial; font-weight:bold;
		}
		
#nav ul a:hover {
			text-decoration:underline;	
		}

ul.lang { width:90px; float: right; display: inline; position:relative; bottom:190px;}
ul.lang li a.active { color: #FFFFFF;}
ul.lang li a { font-weight:;}

/*start content css*/
#content { background:url(images/content-bg.gif) repeat-y; width:964px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content-copy { width:953px; min-height:300px; margin:0 auto; padding-top:20px;}
#silhouette { background:url(images/content-copy-bg.gif) no-repeat; width:949px; height:; background-attachment:; background-position: right bottom; min-height:400px;}
#content-copy p{ font-size:12px; color:#5f5f5f; margin:10px 0 25px; line-height:1.6em;}
#ug-picture { height:160px; width:500px; }
#content-floor {}
.content-copy-left { float:left; width:505px;  margin-left:20px;}
.content-copy-right { float:left; width:355px; margin-left:40px;}
.content-copy-right a.thumb-home{ margin:15px 0 10px; text-align:right; margin-right:35px; font-size:13px;}
.content-copy-right a.thumb-home3{ margin:0 0 25px; text-align:right; margin-right:35px; font-size:13px;}
.content-copy-right a.thumb-home:hover, .content-copy-right a.thumb-home3:hover{ color:#0099FF;}
img.picture-fix { width:918px; height:109px; margin:0 auto; display:block; padding-bottom:20px; padding-top:10px;}
img.head-cta { position:relative; display: inline; bottom:193px;}
h2.title-home1 { background:url(images/urban-green-in-maple-ridge.gif) no-repeat; width:228px; height:19px;  text-indent:-9999px; margin:5px 0;}
h3.title-home1 { background: url(images/news-and-update.gif) no-repeat; width:162px; height:20px;  text-indent:-9999px; margin:25px 0 20px;}
h3.title-home2 { background: url(images/choose-your-urban-green.gif) no-repeat; width:228px; height:19px;  text-indent:-9999px; margin:5px 0;}

h3.title-home3 { background: url(images/signup-newsletter.gif) no-repeat; width:148px; height:26px;  text-indent:-9999px; margin:15px 0 15px; clear:both;}

/*start neighbourhood css*/
#content-nei {width:900px; margin:10px auto 0; padding-bottom:20px;}
#content-nei p{ margin:0 0 10px 0; width:550px; line-height:1.7em;}
#content-nei ul { padding:0; color:#999999;}
#content-nei ul li{ display:list-item; margin-bottom:5px; list-style:disc inside; }
#content-nei a:hover{ color:#0099FF;}
h2.title-nei { background: url(images/urban-green-nei.gif) no-repeat; width:274px; height:41px; text-indent:-9999px; margin:5px 0 0; padding-bottom:10px;}

/*start about css*/
h2.title-about {background: url(images/urban-green-about.gif) no-repeat; width:217px; height:35px; text-indent:-9999px; margin:5px 0 0; padding-bottom:10px;}
/*start contact css*/
h2.title-contact { background: url(images/urban-green-contact.gif) no-repeat; width:226px; height:37px; text-indent:-9999px; margin:5px 0 0; padding-bottom:10px;}
#contact-content { width:900px; margin:0 auto; padding-top:10px; padding-bottom:30px;}
#contact-content h3{ margin:5px 0 5px 0; color:#584b37;}
#contact-content p{ margin:0 0 5px 0;}
#contact-content ul{ padding:10px 0 0 0;}
#contact-content ul li{ display:list-item; margin-bottom:5px;}
.contact-content-left { float:left; margin-left:5px; width:450px;}
.contact-content-right { float: left; margin-left:60px;}
.c-left { float:left; margin-right:30px;}

/*start news css*/
#content-news { width:900px; margin:10px auto 0; padding-bottom:50px;}
h2.title-news { background: url(images/urban-green-news.gif) no-repeat; width:216px; height:34px; text-indent:-9999px; margin:5px 0 0; padding-bottom:10px;}
h3.title-news-sub1 { background: url(images/news%20title/urban-green-news-1.gif) no-repeat; width:485px; height:32px; text-indent:-9999px; margin:5px 0;}
h3.title-news-sub2 { background: url(images/news%20title/urban-green-news-2.gif) no-repeat; width:485px; height:32px; text-indent:-9999px; margin:5px 0;}
h4.title-news-sub3 { background: url(images/urban-green-news-sub-3.gif) no-repeat; width:233px; height:27px; text-indent:-9999px; margin:5px 0;}
h3.title-news-sub3-home { background: url(images/news%20title/urban-green-news-4-home.gif) no-repeat; width:485px; height:32px; text-indent:-9999px; margin:5px 0;}
h4.title-news-sub4 { background: url(images/news%20title/urban-green-news-4.gif) no-repeat; width:525px; height:36px; text-indent:-9999px; margin:5px 0;}
h3.title-register { background: url(images/urban-green-register.gif) no-repeat; width:244px; height:45px; text-indent:-9999px; margin:5px 0 0 30px; padding-bottom:20px; padding-left:px;}
#content-copy p.news { width:600px; margin:0; padding:10px 0 20px 0;}
.date { color:#584b37; font-weight:bold;}
a.thumb-home2:hover { color:#0099FF;}
ul.draw { padding:0; display:block; clear:both;}
ul.draw li{ display:block; margin-bottom:5px; color:#5F5F5F;}

/*start floor-plan css*/
#sub-nav { background:#615441; height:41px; width:950px; margin:0 auto;}
ul.sub-nav { padding:10px 0 0 15px;}
ul.sub-nav li { margin-right:25px;}
ul.sub-nav li a { font-weight:bold; font-size:13px; word-spacing:.2em; letter-spacing:.05em;}
ul.sub-nav li a:hover { color:#e9e4c7;}
#gallery-content { width:953px; min-height:300px; margin:0 auto;}
#gallery-content-nav { float:left; width:252px; height:31px; background:#ededed; position:relative; bottom:23px;}
#gallery-content-nav ul.sub-nav { background-color:#eaeaea;}
#gallery-content-nav ul.sub-nav li{ margin-right:10px;}
#gallery-content-nav ul.sub-nav a{ font-weight:normal; font-size:12px; color:#4e3c23;}
#gallery-content-nav ul.sub-nav a:hover{ color: #999999 ;}
#gallery-content-contain{}
div.navigation {}
div.news-pdf{}

/*start floor-plan css*/
p.gallery-title { color:#4e3c23; font-size:14px; font-weight:bold; margin:10px 0 10px 10px; padding-top:20px; display:block;}
p.gallery-title-sub { color: #000000; font-size:12px; font-weight:; margin:0 0 0 10px; padding-top:7px; display:block;}
div.gallery-margin { padding-bottom:10px;}
div.gallery-contain {}
img.warranty { padding:330px 0 0 16px;}
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	
.form {color:#584b37;
font-size:12px;
line-height:16px;
text-decoration:none;
margin:0 auto ; width:900px;
}

.form tr{ padding:5px 0 2px 0; height:30px;
}

.style7 {
color:#FA7A69;
}

p.policy { width:898px; color:#999999; margin:20px auto 0; padding-bottom:30px; line-height:1.6em;}

.desc { width:200px; height:40px; margin:5px auto 0; color:#4e3c23; display:block; position:relative; clear:both;}
.desc1 { width:235px; height:55px; margin:0 auto; color:#4e3c23;}
div.image-desc {
line-height:1.1em;
padding-top:5px; padding-left:0 !important; margin:0 !important; clear:both;
}
div.caption ul { margin:15px 0; padding:0;}
div.caption ul li { display:list-item; list-style: disc inside; color:#000000; font-family: Arial, Helvetica, sans-serif;}
div.caption p.cap { font-size:14px; font-weight:; color:#89a30a; margin-bottom:9px; margin-top:10px;}
/*start footer css*/
#footer { background:url(images/footer-bg.png) no-repeat; width:964px; height:259px; clear:both;}
#footer-bottom { background:url(images/footer-bottom-bg.png) no-repeat transparent; width:964px; height:14px; margin-bottom:20px;}
#footer-copy { width:900px; margin: 0 auto; padding:135px 0 0 0; color:#c6c6c6; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#footer-copy a{  color:#c6c6c6; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#footer-copy small{  color:#c6c6c6; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:block; clear:both; padding-top:15px;}
/*start sidebar-slider css*/
/*
		 * Required 
		*/
		.container { width:950px; height:284px; overflow:hidden; position:relative; cursor:pointer; margin-right:0px; }
		.slides { position:absolute; top:0; left:0; }
		.slides div { position:absolute; top:0; width:950px; display:none; }
		.slides p { font-family: Arial, Helvetica, sans-serif; font-size:11px; width:350px; height:80px; color:#999999;}
		.slides span.slide1 { display:block; position:relative; bottom:260px; color:#FFFFFF; width:430px; padding-left:20px; line-height:1.5em;}
		.slides h1.slide1 {display:block; position:relative; bottom:270px; color:#FFFFFF; font-size:23px; padding-left:20px;}
		.slides em.slide1 {display:block; position:relative; bottom:270px; color:#FFFFFF; font-size:23px; padding-left:20px; font-style:normal; font-weight: bold;}
		.slides span.slide2 { display:block; position:relative; bottom:220px; color:#FFFFFF; width:450px;  line-height:1.5em; color:#3c280a;  margin:0 auto; text-align:center; font-weight:bold;}
		.slides h1.slide2 {display:block; position:relative; bottom:280px; color:#FFFFFF; font-size:23px; padding-left:550px;}
		.slides em.slide2 {display:block; position:relative; bottom:240px; color:#FFFFFF; font-size:23px;  font-style:normal; font-weight: bold; color:#3c280a;  margin:0 auto; width:425px;}
		
		.slides span.slide3 { display:block; position:relative; bottom:280px; color:#FFFFFF; width:350px; padding-left:550px; line-height:1.5em;}
		.slides h1.slide3 {display:block; position:relative; bottom:220px; color:#FFFFFF; font-size:23px; padding-left:600px;}
		.slides em.slide3 {display:block; position:relative; bottom:220px; color:#FFFFFF; font-size:23px; padding-left:30px; font-style:normal; font-weight:normal; width:300px; text-align:center;}
		.slides a{  width:950px; height:284px; display:block; overflow:hidden; }
		.slides li{  width:950px; height:284px; display:block; overflow:hidden; }
		/*
		 * Optional
		*/

		ol, ul { list-style: none; }
		blockquote, q { quotes: none; }
		:focus { outline: 0; }
		ins { text-decoration: none; }
		del { text-decoration: line-through; }
		table { border-collapse: collapse; border-spacing: 0; }
		#loopedSlider { margin:0 auto; width:950px; position:relative; clear:both; margin-right:7px; }
		ul.pagination { background:url(images/pagination-bg.gif) no-repeat;list-style-type:none; padding:0; margin:0px auto; width:950px; height:25px; }
		ul.pagination li { float:right; margin:0 5px; position:relative; top:10px; }	
		ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(pagination.png); background-position:0 0; background-repeat:no-repeat;}
		ul.pagination li.active a {background-position:0 -12px}
		a.previous { position:absolute; top:200px; left:-32px; }
	/*	a.next { position:absolute; top:200px; right:-32px; }*/


/*end sidebar-slider css*/