body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	font-size: 15px;
	background-color: #93b88c;
}

p
{
	text-align: justify;
	padding: 5px 10px;
	font-size: 15px;
	margin: 0;
}

h1
{
	font-family: Helvetica;
	text-align: left;
	letter-spacing: 2px;
	font-size: 20px;
	color: #006666;
	padding: 5px 10px;
	margin: 0;
}

h2
{
	font-family: Helvetica;
	text-align: left;
	letter-spacing: 1px;
	font-size: 18px;
	color: #663300;
	padding: 5px 10px;
	margin: 0;
}

h3
{
	font-family: Helvetica;
	text-align: left;
	letter-spacing: 2px;
	font-size: 16px;
	color: #006666; /*#E00000; */
	padding: 5px 10px;
	margin: 0;
}

h4
{
	font-family: Helvetica;
	text-align: center;
	letter-spacing: 5px;
	font-size: 15px;
	color: #000000;
	padding: 5px 10px;
	margin: 0;
}
h5
{
	font-family: Helvetica;
	text-align: center;
	letter-spacing: 3px;
	font-size: 15px;
	color: #006666;
	padding: 5px 10px;
	margin: 0;
}

#container
{
	margin: 0 auto;
	width: 1000px;
	background-color: #006666;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#banner
{
	margin: 0 auto;
	width: 1000px;
	border-bottom: 1px solid #000000;
}

#menu
{
	float: left;
	width: 225px;
	/*height: 550px;*/
	font-family: Helvetica;
	background-color: #006666;
	font-size: 16px;
	/*border-right: 1px solid #000000;*/
}

#content
{	
	margin-left: 226px;
	/*height: 550px;*/
	width: 773px;
	font-family: Helvetica;
	background-color: #FFFFFF;
	color: #000000;
	border-left: 1px solid #000000;	
}

#oldLink
{
	margin: 0 auto;
	width: 950px;
	background-color: #FFFFFF;	
	border: 1px solid #000000;	
}

.scroll 
{
	margin: 0 auto;
	width: 725px;
	height: 475px;
	overflow: auto;
	border: 1px solid #000000;
}

div.footer-nav
{

	clear: both;
	margin: 5px auto;
	width: 1000px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	color: #FFFFFF;
	background-color: #006666;
	border: 1px solid #CCCCCC;
}

#footer
{

	clear: both;
	margin: 0 auto;
	width: 1000px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	padding: 1px 0px;
	color: #000000; 
	background-color: #FFFFFF; /*#996600;*/
	/*border-top: 1px solid #000000;*/
}


ul#topNav
{
	margin: 0;
	padding: 0px;

}

ul#topNav li
{
	display: inline;
	padding: 0;
}
	
ul#topNav li a 
{ 
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #336600;
	padding: 2px 5px;
	color: #FFFFFF;
}

ul#topNav li a:hover
{ 
	background-color: #000000;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

ul#topNav li a.on
{ 
	background-color: #fef8ae; /*#996600;*/
	color: #000000; /*FFFFFF;*/
	border-bottom: 1px solid #000000;
}


ul#subNav
{
	margin: 0;
	padding: 0px;
	font-size: 90%;
}

ul#subNav li
{
	display: inline;
}
	
ul#subNav li a 
{ 
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #336600;
	padding: 5px 10px;
	color: #FFFFFF;
}

ul#subNav li a:hover
{ 
	background-color: #809A30;
	color: blue;
	border-bottom: 1px solid #FFFFFF;
}

ul#subNav li a.on
{ 
	background-color: #996600;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

ul.footer
{
	margin: 5px 0;
	padding: 0;
}

ul.footer li
{
	display: inline;
	padding: 0;
}
	
ul.footer li a 
{ 
	display: inline;
	text-decoration: none;
	padding: 5px 10px;
	color: #FFFFFF;
}



div#ufos
{
	margin: 0 auto;
	width: 1000px;
	font-size: 12px;
	font-style: Arial;
	padding: 5px 20px;
	text-align: center;
	color: #000000;
}



p.caption
{
	text-align: center;
	padding: 0px 5px;
	margin: 2px 0;
	font-size: 12px;
}

table
{
	border-collapse: collapse;
	
}

th.homePage
{
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}

p.home-page-image-titles
{
	text-align: center;
	/*font-style: italic;*/
	font-size: 15px;
	padding: 2px;
	margin: 0 auto;
	letter-spacing: 1px;
	color: #006666;
	font-weight: bold;
	display: inline;
	/*background: #006666;*/
}

td.home-page-images
{
	text-align: center;
}
td.homePage1:hover
{
	background-image: url(images/page1-01.jpg);
	background-repeat: no-repeat;
}

td.homePage2:hover
{
	background-image: url(images/page1-02.jpg);
	background-repeat: no-repeat;
}
td.homePage3:hover
{
	background-image: url(images/page1-03.jpg);
	background-repeat: no-repeat;
}
td.homePage4:hover
{
	background-image: url(images/page1-04.jpg);
	background-repeat: no-repeat;
}
td.homePage5:hover
{
	background-image: url(images/page1-05.jpg);
	background-repeat: no-repeat;
}

.floatLeft
{
	float: left;
	margin: 0px;
}

.floatRight
{
	float: right;
	margin: 10px 20px;
	border: 1px solid #000000;
}

div.villa-images
{
	float: right;
	margin: 10px 20px;
	text-align: center;
}

th.prices
{
	text-align: center;
	font-size: 13px;
	padding: 5px 0;
}

td.prices
{
	text-align: center;
	font-size: 13px;
}

/* villa styles */
th.villa
{
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	padding: 1px 2px;
	/*width: 130px;*/
	
}

td.villa
{
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	text-transform: lowercase;
	padding: 1px 2px;
	/*width: 300px;	*/
}


p.villa
{
	text-align: center;
	padding: 0px 0px;
	margin: 2px 0;
	font-size: 13px;
}
	
th.size
{
	font-size: 11px;
}

th.kit
{
	font-size: 11px;
}

th.install
{
	font-size: 11px;
}

th.package
{
	font-size: 11px;
	/*color: yellow;*/
	/*background: red;*/
}

td.price, td.size
{
	font-size: 12px;
	padding-left: 5px;
}

/* end villa styles */

div.bell
{
	width: 175px;
	margin: 0;
	padding: 20px;
}




font.grannyLOGO
{
	font-family: georgia;
	font-size: 16px;
	color: #006666;	

}

div.grannyLOGO
{
	background-color: #FFFFFF;
	width: 140px;
	text-align: center;
	border: 2px outset #000000;
}

img.granny_floatRight
{
	float: right;
	margin: 10px 0px;
}


ul.grannyFlats
{
	font-size: 13px;
	margin:  20px;
	padding: 0;
}

img.grannyFLAT
{
	border: 2px outset #000000;
}
h2.grannyFLAT
{
	font-family: Arial;
	text-align: center;
	letter-spacing: 2px;
	font-size: 130%;
	color: #844D18;
	padding: 0px 15px;	
}

img.photo-gallery
{
	border: 1px solid #000000;
}

img.decking-img
{
	border: none;
}


div.menu-special
{
	/*float: right;*/
	margin: 5px;
	padding: 2px;
	overflow: auto;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-khtml-box-shadow: 0px 1px 5px #8F8F8F;
	-moz-box-shadow: 0px 1px 5px #8F8F8F;
	-webkit-box-shadow: 0px 1px 5px #8F8F8F;
	
	background: none repeat scroll 0 0 #006666;
	/*margin-bottom: 10px;*/
	/*padding: 1%;*/
	/*border: 1px solid #CCCCCC;*/
	text-align: center;
}

div.menu-special p
{
	text-align: center;
	font-size: 13px;
	padding: 0;
	margin: 0;
}

ul li
{
	font-size: 13px;
	padding: 1px 10px 1px 0;
}

div.footer
{
	color: #000000;
	background-color: #fef8ae;
	border-top: 1px solid #000000;
}