/*-----------------------------------------------------------------------------
Web Site: Countryside Spinning Vale

$CreatedDate: 2009-08-27 $
$CreatedBy: annag $

$Revision: 55 $
$LastChangedDate: 2009-09-08 18:02:28 +0600 (Tue, 08 Sep 2009) $
$LastChangedBy: svetau $
-----------------------------------------------------------------------------*/

/* Importing generic styles */
	@import url(generic/base.min.css);

/* Importing navigation styles */
	@import url(navigation/navigation.css);

	@import url(modules/contact-form.css);
	@import url(modules/layout.css);
	@import url(modules/gallery.css);
	
	@import url(modules/plot-details.css);
	@import url(modules/floors.css);

/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
    color: #3a4626;
    background: #f4f9eb;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;
	}

p {
	margin: 0;
	padding: 1px 0 18px;
	}

a			{color: #fc8c10; text-decoration: underline; font-weight:bold; outline: none; }
a:visited	{color: #3a4626; text-decoration: underline;}
a:hover		{color: #3a4626; text-decoration: none; }
a:active	{color: #3a4626; text-decoration: none; }


#js   .js 	{display: block;}
#nojs .js 	{display: none;}

#nojs .nojs {display: block;}
#js   .nojs {display: none;}

.orange 	{color: #fc8c10;}
.green		{color: #3a4626;}

.size70		{font-size: 5.8em; letter-spacing: -5px;}
.size57		{font-size: 4.7em; letter-spacing: -5px;}
.size47		{font-size: 3.9em; letter-spacing: -3px;}
.size40		{font-size: 3.3em; letter-spacing: -3px;}
.size27		{font-size: 2.3em; letter-spacing: -2px;}


/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fc8c10;
	padding: 10px 0 14px;
	font-weight:bold;	
	}
p.h3 {
	padding:0 0 14px;
	}	
h1, .h1{
	font-size: 2em;
	padding: 1px 0 11px 4px;
	border-bottom:1px solid #fc8c10;
	margin:0 0 25px;
	color: #3a4626;
	line-height:1em;
	}
.one-column h1,
.one-column .h1 {
	border-bottom:0;
	margin-bottom:0;
	}	
h1 a:link, h1 a:visited {text-decoration: none; cursor: pointer;}
h1 a:hover, h1 a:active	{text-decoration: none; cursor: pointer;}

h2, .h2{
	font-size: 1.308em;
	}
h2 a:link, h2 a:visited {text-decoration: none; cursor: pointer;}
h2 a:hover, h2 a:active	{text-decoration: none; cursor: pointer;}

h3, .h3{
	font-size: 1.154em;
	line-height:1.6em;
	}
h3 a:link, h3 a:visited {text-decoration: none; cursor: pointer;}
h3 a:hover, h3 a:active	{text-decoration: none; cursor: pointer;}

h4, .h4{
	font-size: 1.1em;
	}
h4 a:link, h4 a:visited {text-decoration: none; cursor: pointer;}
h4 a:hover, h4 a:active	{text-decoration: none; cursor: pointer;}

h5, .h5{
	font-size: 1em;
	}
h5 a:link, h5 a:visited {text-decoration: none; cursor: pointer;}
h5 a:hover, h5 a:active	{text-decoration: none; cursor: pointer;}

h6{
	font-size: 1em;
	font-weight:normal;
	}
h6 a:link, h6 a:visited {text-decoration: none; cursor: pointer;}
h6 a:hover, h6 a:active	{text-decoration: none; cursor: pointer;}

/* = Homepage headers
---------------------------------------- */
.home h2, .home h3, .home h4, .home h5, .home h6,
.home .h2, .home .h3, .home .h4, .home .h5, .home .h6 {
	color:#3a4626;
	} 

body.no-title h1.title {display: none;}

/* =Content
---------------------------------------- */

/* =Lists ------------------------*/
.b-content ul, .b-content ol{	
	margin-left: 0px;
	margin: 0 0 18px 25px;
	}
.b-content ul ul, .b-content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
	}
.b-content ul li, .b-content ol li{
	margin-left: 0px;
	padding: 0 0 5px 1px;
	}
.b-content ul ul li, .b-content ol ol li{
	padding: 0 0 5px 1px;
	}
.b-content ul {
	margin: 0 0 18px 0;
	}
.b-content ul li{
	background: url(/images/branding/markers/li-bullet.png) no-repeat 0 7px;
	margin-left: 0px;
	padding: 0 0 5px 15px;
	position: relative;
	}
.b-content ul ul li{
	padding: 0 0 5px 15px;
	}
.specification .b-content ul{
	margin-bottom:7px;
	}
.specification  h3{
	padding:0 0 5px;
	}	

/* =Main container boxes
---------------------------------------- */
.l-container{
	position: relative;
	text-align: left;
	width: 970px;
	padding:0 10px 0 0;
	margin: 0 auto;	
	background:url(/images/branding/general/l-container.png) repeat-y right;
	}
	.l-cont-inner {
		background:url(/images/branding/general/l-cont-inner.png) repeat-y left;
		width: 960px;
		padding: 0 0 0 10px;
		}
.b-shadow {
	background:url(/images/branding/general/l-container-bot.png) no-repeat left top;
	width: 980px;
	padding: 0 0 8px;
	margin: 0 auto;	
	overflow:hidden;
	}	
.b-tbanner {
	background:#fff;
	overflow:hidden;
	width:960px;
	}		
.b-content{
	background:#fff;
	overflow:hidden;
	text-align: left;
	font-size: 1.3em;
	width: 940px;
	padding:15px 10px 20px;
	}
	.b-primary {
		float:right;
		width:598px;
		padding:0 23px 0 0;
		}
	.one-column .b-primary {
		width:940px;
		padding:0;
		}	
	.b-secondary {
		float:left;
		width:280px;
		padding:0 39px 0 0;
		}	
		.home .b-secondary {
			padding:6px 39px 0 0;
			} 
	.b-bbanner {
		width: 940px;
		overflow:hidden;
		}	
.b-header{
	width: 960px;
	background:#1f2713 url(/images/branding/general/b-header.gif) repeat-x top;
	overflow: hidden;
	border-bottom:2px solid #fff;
	}
.b-footer{
    color: #b1b1b1;
    background:#fff;
	font-size:1.1em;
	width:960px;
	text-align: left;
	position:relative;
	overflow:hidden;
	}
	.b-footer-inner {
		position:relative;
		margin:65px 0 0 10px;
		padding: 0 0 10px;
		width:670px;
		}
		.b-footer-inner p {
			line-height:1.45em;
			}
/* =Header
---------------------------------------- */
a.countryside-top, a:visited.countryside-top {
	background: url(/images/branding/general/countryside-top.gif) no-repeat right bottom;
	width: 960px;
	height: 97px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	position:absolute;
	top:0;
	left:0;
	}	
a.logo, a:visited.logo,
strong.logo {
	background: url(/images/branding/general/logo.png) no-repeat 0 0;
	width: 316px;
	height: 69px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: left;
	margin:29px 0 0 34px;
	}	
a.logo, a:visited.logo {
	cursor: pointer;
	}	
.phone {
	color: #e7daad;
	font-size: 1.6em;
	float: right;	
	text-align:center;
	text-transform:uppercase;
	margin:24px 34px 16px 0;
	}
	.phone  a,
	.phone a:hover,
	.phone a:visited{
		text-decoration:none;
		color: #e7daad;
		}
	.phone a:hover{
		color:#fff;
		}
	.phone strong {
		display:block;
		color:#fff;
		font-size:2.294em;
		line-height:.897em;
		font-weight:bold;
		}
/* =Footer
---------------------------------------- */
.footer .footer-right {	
	float: right;
}
.footer .footer-left {
	width: 580px; 
	float: left;
}
.footer .part-exchange-logo {
	width: 75px; 
	float: right;
}
.footer .part-exchange{
	display: block;
	width: 75px; 
	height: 85px;
	overflow: hidden;
	background: url(/images/branding/general/part-exchange-logo.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer .home-buy-logo {
	width: 184px; 
	padding: 14px 0 0;
	float: left;
}
.footer .home-buy{
	display: block;
	width: 184px; 
	height: 61px;
	overflow: hidden;
	background: url(/images/branding/general/home-buy-logo.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer .fuse8-link {
	padding: 0;
}
.footer a.createdBy{
	display: block;
	width: 88px; 
	height: 16px;
	overflow: hidden;
	background: url(/images/branding/general/fuse8.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer a,
.footer a:visited {
    color: #000;
    text-decoration: underline;
}
.footer a:hover {
    color: #000;
    text-decoration: none;
}

/* =Blocks
---------------------------------------- */
.secondary-content .region-content {
	padding: 0 0 0 10px;
	margin: 0;
}

/* =Tables
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
    margin: 0 0 18px;
}
table td, table th {
    padding: 4px 8px;
	border: 1px solid #eae9e9;
    vertical-align: top;
}
/* = Logos on availability
---------------------------------------- */
.b-content ul.b-logos{
	margin:30px 0;
	}
	.b-content ul.b-logos li {
		background:none;
		padding:0;
		width:235px;
		text-align:center;
		float:left;
		}