/* layout */

body {
margin: 0;
padding:0;
min-width: 850px;
text-align: center;
font-family:arial, verdana, sans-serif;
font:12px arial, sans-serif;
background-color: #362c22 ;
}

a:link, a:active, a:visited {
text-decoration: none;
}

a:link, a:visited {
color: #5985b5;
}
a:hover {
text-decoration:none;
color:#000;
}

p {
}

#wrapper {
margin: 0 auto;
width: 850px;
text-align: left;
background: url(layout/brown_bg.gif) repeat-y;
}

#header {
padding:0px;
margin:0 29px;
background: url(layout/header_bg.png);
background-repeat: no-repeat;
height:113px;
}
#header-ssp {
padding:0px;
margin:0 29px;
background: #484333;
background-repeat: no-repeat;
height:200px;
}
#header-homes {
margin:0 29px;
background-repeat: no-repeat;
background: url(layout/community_curve.gif) #372C22 top no-repeat;
height:350px;
}

#header-testimonials {
margin:0 29px;
background-repeat: no-repeat;
background: url(layout/community_curve.gif) #372C22 top no-repeat;
height:90px;
}

#header-nav {
font: 14px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
color:235286;
}
#header-nav a:link, #header-nav a:visited {
color: #235286 ;}

#content-wrapper {
padding:15px;
margin:0 29px;
background:#DCCB9A url(layout/brown_shadow.gif) repeat-x;
min-height:300px;
}

#footer {
padding:30px 30px 15px 0;
margin:0 29px;
background: url(layout/footer_bg.gif) top repeat-x;
font-size:10px;
color:#FFFFFF;
text-align:right;
clear:both;
}
#footer a:link, #footer a:visited {
color: #ffffff;
}
                                                      

#footer a:hover, #footer a:active {
color: #372c22;
}


#mainbody-right {
float:right;
width: 525px;
margin-bottom: 25px;

}

h1 {
font:bold 22px arial, verdana, sans-serif;
letter-spacing:-0.04em;
color:#372c22;
margin:0px 0px 5px;
}

h2 {
font:bold 16px arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#372c22;
margin:0px 0px 5px;
}



#homes li {padding-bottom: 20px;
list-style-type:none;
margin-left:0px;
font-size:14px;
font-weight:bold
}

#homes li a:link, #homes li a:visited {
color: #372c22;
}
                                                      

#homes li a:hover, #homes li a:active {
color: #5985b5;
}

.left-nav {
background-color:#8A7A5D;
width:200px;
height: 276px;
padding:10px;
float:left;
}

.left-nav h1{
	margin-bottom: -3px;
	margin-top: 4px;
	margin-left: 7px;
	letter-spacing: -0.08em;
	font:bold 16px arial, verdana, sans-serif;
	color: #dccb9a;
}

                                
.left-nav h2{
	margin-bottom: -5px;
	font-style: normal;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 4px;
	margin-left: 5px;
	letter-spacing: -0.08em;
	font-size: 12px;
	color: #dccb9a;
	background-image: url(trendy_blue/bullet_hous.gif);
	background-repeat: no-repeat;
	background-position: left;

}

.left-nav a:link, .left-nav a:visited {
color: #DCCB9A;
}
                                                      

.left-nav a:hover, .left-nav a:active {
color: #372c22;
}


.left_nav_footer{
	padding-top: 100px;
	float: right;
	height: 1px;

}
                                                      

.left_nav_footer h3{
	padding-right: 10px;
	margin-bottom: -20px;
	float:right;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.08em;
	font-size: 33px;
	color: #dccb9a;

}   



.left_nav_footer h4{
	padding-right: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float:right;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -0.08em;
	font-size: 33px;
	color: #dccb9a;

}



#feature-wrapper {
overflow: hidden;
width: 792px;
height: 235px;
padding-left:00px;
padding-right:00px;
margin-left:29px;
background-color:#235286 ;
font:bold 11px arial, verdana, sans-serif;
padding:0;
color:#dccb9a;
overflow: hidden;
}

#feature-home {
overflow: hidden;
width: 792px;
height: 255px;
padding-left:00px;
padding-right:00px;
margin-left:29px;
background-color:#235286 ;
font:bold 11px arial, verdana, sans-serif;
padding:0;
color:#dccb9a;
overflow: hidden;
}


#feature-wrapper p {
overflow: hidden;
fon-size: 10px;
margin-top: 5px;
margin-left: 5px;
}

#feature-top, #feature-bottom {
filter:alpha(opacity=75);
-moz-opacity:.275;
opacity:.75;
}

#feature-top {
width:792px;
float:left;
height:23px;
margin-top:0px;
margin-left: 0px;
}


#feature-bottom {
width:792px;
float: left;
height: 89px;
margin-top: 140px;
margin-left: 0px;
background: url(http://www.lakewoodhomes.ca/themes/site_themes/trendy_blue/brown_translucent.gif) repeat;
}



.feature_links {
	margin: 12px 0 30px 0px;
	color: #dbbc9a;
	padding: 0;
}

.feature_links h2 {
	width: 137px;
	height: 24px;
	background: transparent url(/img2/title_blog.gif) top left no-repeat;  
	float: left;
	padding: 0;
	margin: 0;
}

.feature_links h2 span { 
	display: block; 
	height: 0; 
	width: 0; 
	color: #f8f4e8; 
	font-size: 1px; 
	overflow: hidden; 
}

.feature_links ul {
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	float: left;
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 20px;
	white-space: nowrap;
}

.feature_links ul.left{
	width: 408px;
}

.feature_links ul.right{
	width: 150px;
}

.feature_links ul.right li {
width: 150px;
}

.feature_links.feature_links ul strong {
	color: #dccb9a;
	font-size: 13px;
}

.feature_links ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style-type: none;
}

.feature_links a:link,.feature_links a:visited,.feature_links a:active{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #5985b5;
	display: block;
	border: none;
}

.feature_links ul li a:hover{
	color: #7dbbff;
	font-weight: bold;

}

.feature_links ul li em{
	font-weight: bold;
	font-style: normal;
}

#sidebar-top {
width:450px;
float:left;
height:20px;
margin-top:64px;
margin-left: 290px;

}

/* text */



#blog-header-text h1 {
margin:0;
padding:0px 0 0px 50px;
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
}

#blog-header-text h1 a, #blog-header-text h1 a:link, #blog-header-text h1 a:visited, #blog-header-text h1 a:hover {
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
text-decoration:none;
}

#sidebar-top #nav a {

text-decoration:none;
font: bold 12px arial, MS Trebuchet, sans-serif;
padding:3px 2px 0 7px;
color:#235386;
}

#sidebar-top #nav a:hover {
color:#000000;
text-decoration: underline;
font: bold arial, MS Trebuchet, sans-serif;
}


#sidebar-top {
}

#sidebar {color:#372c22;}

#sidebar-top #nav a, #sidebar-top #nav a:link, #sidebar-top #nav a:visited, #sidebar-top {color:#235386;}

#sidebar ul {
padding:0;
margin:0;
list-style-type:none;
}

#sidebar h3.sidebar-header, #sidebar li.sidebar-header {
font:bold 12px arial, verdana, sans-serif;
color:#372c22;
margin:0;
padding-left:4px;
margin-bottom:5px;
}

#sidebar-content ul {margin-bottom:0px;}
#sidebar-content ul li {padding-left:14px;margin-bottom:2px;}
#sidebar-content h3.sidebar-header {margin-top:4px;}
#blog_footer ul {
}
#sidebar-content h3.first {margin-top:5px;}
#sidebar-content p {margin:0;}

/* search */
#sidebar-content form {margin:0;padding:0;margin-bottom:15px;}
#sidebar-content input.input {border:1px solid #ccc;padding:3px;font-size:11px;color:#808080;}
#sidebar-content input.button {border:1px solid #ccc;background-color:#eee;padding:1px;padding-bottom:2px;font-size:11px;color:#808080;}

/* post */

h2.date-header {
font:bold 12px arial, verdana, sans-serif;
color:#372c22;
margin:0;
margin-top:20px;
padding-bottom:8px;
}

.post {padding-bottom:15px;}

h3.post-header {
font:bold 12px arial, verdana, sans-serif;
letter-spacing:-0.07em;
color:#372c22;
margin:0;
margin-bottom:4px;
margin-top:5px;
}

.post-summary, .post-summary p, .post-body, .post-body p { /* post-summary = index page ; post-body = comments page */
font:12px/18px arial, verdana, sans-serif;
color:#372c22;
}

.post-summary p, .post-body p {
margin-top:0;
margin-bottom:10px;
}


.post-details {margin-top:-5px;margin-bottom:5px;}

.post-details img {margin: 0px; margin-left: 15px; padding:0px; border:0px;}


.post-details, .post-details a, .post-details a:visited, .post-details a:hover {
font:12px/18px arial, verdana, sans-serif;
color:#372c22;
padding-top:3px;
}


/* comments */

#comments-wrapper {
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:20px;
}

#comments-wrapper h4, #comments-wrapper h4 a, #comments-wrapper h4 a:visited, #comments-wrapper h4 a:hover {
font: bold 14px  arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#372c22;
}

.comment {
color:#666;
padding:10px;
}

.comment p {margin:10px 0;}

.one {background-color:#EFF3F4;}
.two {} /* alternate colour/styling if nec. */

.comment-details {color:#999;}

#post-comment {
color:#666;
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:10px;
}

#post-comment h4 {
}


/* 	 */

#blog-footer {color:#fff;}

/* misc */

.clear {
clear: both;
}

#content img {
border:0;
padding:2px;
background-color:#372c22;
}

blockquote {color:#567880;margin:0 35px 10px 18px;padding-left:8px;border-left:8px solid #CFDCDF;}

#sidebar .powered-by {
padding-top:15px;
padding-left:15px;
}

#sidebar .powered-by img {border:0;padding:0;margin:0;}

#sidebar-content .about img {
float:left;
margin-right:10px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}



/*------------------------------------------ classes for tooltips---------------------------------------- */

.clicktip {
	position: relative;
	float: left;
    display: none; /* in case javascript is disabled */
    height: auto;
}

.clicktip p, .hovertip p {
	position: relative;
	float: left;
	padding: 15px;

}

.clicktip_targetXXX {
}

.hovertip_target, .clicktip_target {
				 font-style: normal;
				 	color: #5985B5;
}
.clicktip_target {
				text-decoration: underline;
}
.clicktip_target:hover, .hovertip_target:hover {
	text-decoration: none;
	cursor: pointer;
}

.clicktip h2{	
	font: normal 24px/32px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #BACC31;
	margin: 20px 0 5px 0;
}

.clicktip h3{	
	font: bold 12px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #372C22;
	margin-bottom: 5px;
	text-transform: uppercase;
	clear: left;
}



/*------------------------------------------ community header ---------------------------------------- */


div.community_header_top, div.community_header_main{
width:792px;
background-color: #372c22;
margin-left: 29px;
}

div.community_header_top {
background-position:left;
background-repeat:no-repeat;
background: url(http://www.lakewoodhomes.ca/themes/site_themes/trendy_blue/community_curve.gif);
height: 79px;
}

div.community_header_main {height:245px;}

div.community_header_slideshow{
float:left;
overflow:hidden;
width:395px;
height:205px;
}


div.community_header_slideshow {
margin-top: 20px;
margin-left: 20px;

}

.snapshot{
color: #dccb9a;
}

div.community_header_image{
margin-left:645px;
margin-top:20px;
width:65px;
height:96px;
}




/*------------------------------------------ Table ---------------------------------------- */


div.tech_specs_table {
padding-top: 125px;
width: 530px;
height: auto;
position: relative; }

div.tech_specs_table_details {
padding-top: 0px;
width: 530px;
height: auto;
position: relative; }


.tableCellOne, .tableCellOneBold { 
	color: #342c23; 
	padding: 6px 10px 6px 6px; 
	border-bottom: 1px solid #362C22; 
	background-color: #86795f; 
}
.tableCellOne a:link, .tableCellOne a:visited, .tableCellTwo a:link ,.tableCellTwo a:visited{
font-size:11px;
color: #342c23; 
}
.tableCellOne div, .tableCellTwo div {
color: #342c23;
font-size:11px;

}
.tableCellTwo, .tableCellTwoBold { 
	color: #333; 
	padding: 6px 10px 6px 6px; 
	border-bottom: 1px solid #362C22; 
}
.tableCellPlain { 
	color: #333; 
	padding: 5px 10px 8px 7px; 
	border-bottom: 1px solid #B1B6D2; 
	background: #fff; 
}
.tableCellOneBold { 
	color: #342c23; 
	font-weight: bold; 
}
.tableCellTwoBold { 
	font-weight: bold; 
}
.tableCellOneHover, .tableCellTwoHover { 
	background-color: #E1FAD8; 
	font-size: 11px; 
	color: #333; 
	padding: 6px 10px 6px 6px; 
	border-bottom: 1px solid #fff; 
}
