@charset "utf-8";
/* 

SITE NAME

Description
	
	This stylesheet is used to style overall layout and home page content
	

Contents

	1. Default Styles
	2. Classes
	3. Layout
	4. Header
	5. Menu
	6. Left Content 
	7. Centre Content
	8. Footer
*/


/* - 1. Default Styles -  */

*{
	margin:0; /* Set default padding and margin values to zero */
	padding:0;}

*html{
overflow-x:hidden;}

li{
	list-style-type:none;}

a{
	text-decoration:none;}
	
a img{
	border:none;}
	
body{
	background-image:url(../gui/bg.gif);
	background-repeat:repeat;
	font-size:62.5%; /* Match ems to 10% of pixel sizes */
	font-family:Arial, Helvetica, sans-serif;}
	
#wrapper{
	width:980px;
	border:0px solid red;
	margin:10px auto 0 auto;}


	

/* - 2. Classes -  */
.bold{
	font-weight:bold;}
	
.boldblack{
	font-weight:bold;
	padding:10px;
	color:black;}
	
.boldblack2{
	font-weight:bold;
	color:black;}
	
.boldblackunder{
	font-weight:bold;
	color:black;
	display:block;
	text-decoration:underline;}
	
.boldblackunder:hover{
	font-weight:bold;
	color:white;
	text-decoration:underline;}
	
.boldlarge{
	font-weight:bold;
	font-size:1.2em;
	color:black;}

.italic{
	font-style:italic;}
	
.link{
	color:#333399;}
	
.boldlink{
	color:#333399;
	font-weight:bold;}
	
.boldunderlink{
	color:#333399;
	font-weight:bold;
	text-decoration:underline;}



/* - 3. Layout -  */


		
/* - 4. Header -  */
#headerleft{
	float:left;
	height:105px;
	width:104px;}

#headerright{
	float:right;
	height:105px;
	width:876px;}
	
#headertext{
	float:right;
	margin:45px 0 10px 0;}



/* - 5. Menu -  */
#menu{
	clear:both;
	height:21px;
	width:876px;
	padding-top:2px;
	background-image:url(../gui/menu/bg.jpg);}


.menuitem1{
	display:inline;
	margin:0px 0 0 10px;}
	
.menuitem{
	display:inline;
	margin:0px 0 0 0px;}


	
/* - 6. Right Content -  */
#content_right{
	margin-top:10px;
	float:right;}
	
#searchbox{
	height:187px;
	width:260px;
	padding:15px;
	background-image:url(../gui/right/searchbg.gif);
	background-repeat:no-repeat;
	margin:0px 0 10px 0;}
	
#searchbox2{
	height:457px;
	width:260px;
	padding:15px;
	background-image:url(../gui/right/searchbg2.gif);

	margin:0px 0 10px 0;}
	
#propertybox{
	height:218px;
	width:290px;
	background-image:url(../gui/right/bg_details.gif);
	background-repeat:no-repeat;
	margin:0px 0 10px 0;}
	
.selectelement{
	margin:1px 0; 
	padding:0px;
	height:20px;
	width:210px; 
	background-color:#666666;
	border:1px solid black;
	border-bottom:2px solid #333333;
	font-size:1.1em; 
	font-weight:bold; 
	color:white;}

#map{
	display:block;}
#map2{
	display:block;}
#map3{
	display:block;}
	
	
#flashmap{
	width:290px;
	height:260px;
	background-color:#999999;}



/* - 7. Centre Content -  */

#clear{
	clear:both;}
	
#content_centre{
	border:0px solid red;
	float:left;
	margin-top:10px;}
	
.header{
margin-bottom:5px;}
	
#textbg{
	background-image:url(../gui/centre/textbg.jpg);
	background-repeat:no-repeat;
	width:638px;
	padding:15px 20px;
	margin-top:10px;
	height:230px;}
	
#textbg2{/*For Availability Page*/
	background-image:url(../gui/bgdetails.gif);
	background-repeat:repeat-y;
	width:638px;
	overflow:hidden;
	padding:5px 20px;
	border:0px solid red;
	margin-top:-3px;}
	
	
.textcopy{
	font-size:1.2em;}
	
#mainimage{
	display:block;}


/* - 8. Footer -  */
#footer{
	clear:both;
	font-size:1.1em;
	font-weight:bold;
	padding-top:5px;}

#footer a{
	color:#cccccc;
	margin:0 5px;}	

#footerleft{
	color:#cccccc;
	float:left;
	margin-left:5px;
	width:150px;}
	
#footerright{
	color:#cccccc;
	float:right;
	margin-right:5px;
	text-align:right;
	width:150px;}