body, table
{
	background-color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Lucida Sans, Lucida Grande, Verdana, Geneva, Sans-Serif;
	font-size: 12px;
	line-height: 20px;
	color: #c0c0c0;
}

/* table with borders */
table
{
	border: solid 1px #696A6C;
}

td
{
	border: solid 1px #696A6C;
    margin: 0;
    padding: 4px;
}

/* headings */
h1, .Heading1
{
	font-size: 18px;
	font-family: Verdana, Geneva, Sans-Serif;
	color: #696A6C;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2,h3,h4, .Heading2, .Heading3, .Heading4
{
	font-family: Verdana, Geneva, Sans-Serif;
	color: #696A6C;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
	font-weight: normal;
}

h2, .Heading2 { font-size: 16px; }
h3, .Heading3 { font-size: 14px; }
h4, .Heading4 { font-size: 12px; }

/* Paragraphs */
p
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* Hyperlinks */
a
{
	text-decoration: none;
	color: #62CAE3;
}

a:hover
{
	text-decoration: underline;
}
		
/* simple classes */
.NoBorder { border: none; }

.ClearBoth { clear: both; }

.BigText { font-size: 14px; }
.NormalText { font-size: 12px; }
.SmallText { font-size: 10px; }		

.Central { text-align: center; }

.PicLeft { float:left; padding: 0 10px 0 0; border: none; }
.PicRight { float:right; padding: 0 0 0 10px; border: none; }

.ErrorLabel { color: #ff0000; font-weight: normal; font-style: italic; }
.Tip { color: #428796; font-size: 11px; font-style: italic; }

.AlignRight { text-align: right; }

.Spacing { width: 100%; height: 10px; }
.SpacingClear { height: 2px; clear: both; }

.Black { color: #000000; }

/* Banner and menus */
#BannerBg
{
	background: #000000 url(Graphics/bg-top1.jpg) no-repeat;
	width: 100%;
	max-width: 1600px;
	height: 115px;
	margin: 0 auto 0 auto;
	padding-top: 35px;
}

#Banner
{
	width: 850px;
	height: 50px;
	background: transparent url(Graphics/logo.png) no-repeat scroll top right;
	margin: 0 auto 0 auto;
	padding-top: 50px;
}	

#Navigator
{
}	

#Navigator a
{
	display: block;
	float:left;
	font-size: 12px;
	padding: 5px 22px 5px 20px;
	background: transparent url(Graphics/arrow.png) no-repeat scroll center left;
}

#Navigator a:hover, #Navigator a:active, #Navigator a.TabSelected
{
	background: transparent url(Graphics/arrow-select.png) no-repeat scroll center left;
}

#Navigator a.LastOne
{
	padding-right: 0;
}

.NavPanel { width: 100%; }

/* footer */
#FooterBg
{
	background: #000000 url(Graphics/bg-footer.jpg) no-repeat;
	width: 100%;
	max-width: 1600px;
	height: 340px;
	margin: 0 auto 0 auto;
}

#Footer
{
	width: 850px;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	background: transparent url(Graphics/tel.png) no-repeat scroll center left;
}	

#FooterRight
{
	text-align: right;
	padding-top: 5px;
}

#FooterRight h1
{
	color: #dcdcdc;
	margin: 0 0 5px 0;
	padding : 0 0 0 0;
	font-size: 10px;
	font-weight: normal;
}	

#FooterWords
{
	clear: both;
	padding-top: 60px;
	text-align: center;
}
	
#FooterWords h1
{
	color: #808080;
	margin: 0 0 3px 0;
	padding : 0 0 0 0;
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
}	


#Credits
{
	background: #3C5E8B;
	width: 100%;
	max-width: 1600px;
	height: 15px;
	line-height: 15px;
	font-size: 10px;
	text-align: center;
	margin: 0 auto 0 auto;
}
		
/* all content */
.Content
{
	width: 850px;
	margin: 10px auto 10px auto;
}

/* home page */
.Home
{
	background: #000000; /* url(Graphics/home-photo.jpg) no-repeat;*/
	line-height: 20px;
	text-align: justify;
}

.HomeExamples
{
	width: 300px;
	float:left;
	height: 1010px;
}

.HomePicHolder
{
	width: 300px;
	height: 210px;
}	

.HomeSales
{
	float:right;
	width: 530px;
	/*height: 830px;*/
}

.HomeOwn
{
	height: 210px;
	width: 530px;
}

.HomeQuotes
{
	background: #000000 url(Graphics/quotes.gif) no-repeat;
	width: 530px;
	height: 40px;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
			
	
/* about page */
.About
{
	background: #000000 url(Graphics/about-photo.jpg) no-repeat;
	min-height: 300px;
	padding-left: 340px;
}


/* login screen */
#Login
{}

/* contact page */
#Contact
{
	background: #000000 url(Graphics/contact.jpg) no-repeat;
	height: 730px;
}

#ContactDetails
{
	float:left;
	padding-top: 315px;
	width: 340px;
	font-size: 14px;
}

#ContactForm
{
	float:left;
	width: 510px;
}	

/* Column splits */
.FullRow { width: 100%; height: 20px; padding-bottom: 5px; }
.ThreeCol { float:left; width: 33%; height: 20px; }
.TwoCol { float:left; width: 49%; height: 20px; }
.FourCol { float:left; width: 24%; height: 20px; }
.Button { height: 24px; }

/* Grid stuff */
.GridPanel { width: 100%; }
.Grid 
{ 
	width: 100%; 
	font-family: Lucida Sans, Lucida Grande, Verdana, Geneva, Sans-Serif;
	font-size: 12px;
}

.Grid a:hover { color: #62CAE3; text-decoration: underline; }

.GridRow 
{
	background-color: #ffffff;
	height: 20px;
	color: #000000;
}

.GridAlternateRow
{
	background-color: #dcdcdc;
	height: 20px;
	color: #000000;
}

.GridHeader, .GridEmpty	
{
	background-color: #62CAE3;
	color: #000000;
	font-weight: normal;
}	

.GridEmpty
{
	text-align: center;
}
	
/* home design finder */
.HomeFinder
{
	background: #000000 url(Graphics/plan-bg1.jpg) no-repeat scroll top center;
	padding: 10px 10px 10px 10px;
}

.HomeFinderCriteria
{
	width: 60%;
	padding-left: 29%;
}
	
/* home design page */
#HomeDesign
{
	margin-bottom: 10px;
	min-height: 380px;
}
	
#Drawings
{
	float:left;
	width: 220px;
	background: #62CAE3;
	color: #000000;
}

#Drawings a { color: #ffffff; font-size: 14px; }
#Drawings a:hover { text-decoration: underline; }

.DrawingsTop
{
	background: #62CAE3 url(Graphics/blue-tab-up.gif) no-repeat;
	height: 20px;
}

.DrawingsBottom
{
	background: #62CAE3 url(Graphics/blue-tab-down.gif) no-repeat;
	height: 20px;
}

.DrawingsMiddle
{
	background-color: #62cae3;
	padding: 0 10px 0 10px;
	width: 200px;
}

.DrawingImage { padding-bottom: 10px; border: none; }

#Specs
{
	float: right;
	width: 600px;
	/*padding-left: 20px;*/
}

.SpecsTopLine
{
	background: #62cae3 url(Graphics/blue-bar.gif) no-repeat;
	height: 33px;
	width: 560px;
	padding: 7px 20px 0 20px;
	margin-bottom: 20px;
	line-height: 26px;
}

.SpecsView
{
	height: 73px;
	width: 100%;
}

.SpecsViewItem
{
	float:left;
	width: 99px;
	height: 40px;
	padding-left: 50px;
	padding-top: 13px;
	font-size: 16px;
}

.SpecsOther 
{
	background: #141414 url(Graphics/grey-plan-bg.jpg) no-repeat scroll center center;
	padding: 10px 40px 10px 100px;
}

.Storeys { background: #000000 url(Graphics/storeys.gif) no-repeat; }
.Bedrooms { background: #000000 url(Graphics/bedrooms.gif) no-repeat; }
.Bathrooms { background: #000000 url(Graphics/bathrooms.gif) no-repeat; }
.Parking { background: #000000 url(Graphics/parking.gif) no-repeat; }
		
/* design browser */
.Browser
{
	background: #000000 url(Graphics/plan-bg1.jpg) repeat scroll top center;
	padding: 10px 10px 10px 10px;
}

.BrowseRow
{
	width: 100%;
	font-size: 11px;
	overflow:auto;
	border: solid 1px #62CAE3;
}

.BrowseCol1
{
	width: 410px;
	float:left;
}

.BrowseCol2
{
	width: 410px;
	float:right;
}

.BrowseBg { background: #141414; }
.BrowseBgAlternate { background: #000000; }

.DesignImage
{
	float:left;
	width: 200px;
	padding: 10px 10px 10px 10px;
}

.DesignText
{
	float: left;
	width: 180px;
	padding: 10px 10px 10px 0;
}

.DesignSpacer { width: 100%; height: 2px; }

/* slideshow */
#Slideshow
{
	padding: 20px 20px 20px 20px;
	background: #000000 url(Graphics/plan-bg1.jpg) repeat;
	text-align:center;
}

/* What to do next */
.WhatsNext
{
	margin-top: 28px;
	background: #000000 url(Graphics/what-to-do-middle.gif) repeat-y;
	height: 195px;
}

.WhatsNextTop
{
	height: 45px;
	background: #000000 url(Graphics/what-to-do-top.gif) no-repeat;		
	padding: 5px 0 0 20px;
}

.WhatsNextBottom
{
	clear: both;
	height: 20px;
	background: #000000 url(Graphics/what-to-do-bottom.gif) no-repeat;
}

.WhatsNextCol1
{
	float:left;
	padding-left: 30px;
	line-height: 26px;
}

.WhatsNextCol2
{
	float:right;
	width: 240px;
	padding-left: 30px;
	line-height: 26px;
}

.WhatsNextRow
{
	padding-left: 30px;
}	

.No1 { background: transparent url(Graphics/no1.gif) no-repeat scroll center left; }
.No2 { background: transparent url(Graphics/no2.gif) no-repeat scroll center left; }
.No3 { background: transparent url(Graphics/no3.gif) no-repeat scroll center left; }
.No4 { background: transparent url(Graphics/no4.gif) no-repeat scroll center left; }
.No5 { background: transparent url(Graphics/no5.gif) no-repeat scroll center left; }

/* finance */
.FinanceHeader
{
	background: #0F0F0F url(Graphics/finance-banner.jpg) no-repeat;
	height: 135px;
}

.FinanceSection
{
	padding: 10px 0 10px 0;
}
	
#FinanceLinks
{
	float: left;
	width: 240px;
	text-align: center;
	padding-right: 10px;
}

.FinanceText
{
	background: #000000 url(Graphics/financebg.jpg) no-repeat scroll center center;
	float: right;
	width: 600px;
}

#FinanceLinks a
{
	background-color: #D2001F;
	color: #ffffff;
	width: 240px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
}

#FinanceLinks a:hover { background-color: #7E0F18; }

.FinanceFooterHolder: { background-color: #000000; padding-top: 10px; }

.FinanceFooter 
{
	background-color: #7E0F18;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
	color: #000000;
}		

/* conveyancing */
#Conveyancing
{
	background: #000000 url(Graphics/conveyancing-banner.jpg) no-repeat;
	padding: 0 0 0 310px;
}	

/* custom home designs */
#CustomImages
{
	float:right;
	width: 300px;
	padding-left: 10px;
}

.CustomImage
{
	padding-bottom:10px;
	width: 300px;
}		

.hidden { display: none; }
.unhidden { display: block; }
.full { border: none; }