/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/***Colours*****/
/*Red:  c24857*/
/*Maroon: B43A37*/
/*Blue:  a4fcf3*/
/*Gray: 5c5c5c*/
/*Black and White */
/*Dark gray: A7A7A7*/

body
{
	font-family: Verdana, Arial;
}

/*
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
*/

a:link
{
    color: #000;
    text-decoration: underline;
}
a:visited
{
    color: #000;
}
a:hover
{
    color: #000;
    text-decoration: none;
}
a:active
{
    color: #000;
}

ul, ol
{
    line-height: 1.6em;
    margin: 0px;
}

ul li { font-size: 0.8em;}
ol li {font-size: 0.8em;}

p
{
    line-height: 1.6em;
    font-size: 0.8em;
    padding: 5px 0px 10px 0px;
    margin: 0px;
}

img { border: 0px; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
	font-size: 1.5em;
    padding: 6px 0px 6px 0px;
}
h3
{
    font-size: 1.2em;
    padding: 4px 0px 4px 0px;
    margin: 4px 0px 4px 0px;
}
h4
{
    font-size: 1.0em;
    padding: 2px 0px 2px 0px;
}
h5, h6
{
    font-size: 0.9em;
    padding: 0px 0px 0px 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	margin: 0px auto;
	border: 0px solid blue;
}

#top
{

}

#top h1
{

}

#middle
{
	width: 860px;
	border: 0px solid blue;
	margin: 0px auto;
	background-image:url('../Images/TopBackground.jpg');
	background-repeat:no-repeat;
	padding: 0px 60px 0px 60px;
}

#bottom
{
	width: 980px;
	border: 0px solid purple;
	margin: 0px auto;
	height: 50px;
	height: 59px;
	background-image:url('../Images/BottomBackground.jpg');
	background-repeat:no-repeat;
}

#footer
{
    background-color: #000;
    color: #fff;
    width: 980px;
    margin: 0px auto;
    font-size: 0.7em;
    text-align: center;
    padding: 3px 0px 3px 0px;
}

#footer a:link
{
    color: #fff;
    text-decoration: underline;
}
#footer a:visited
{
    color: #fff;
}
#footer a:hover
{
    color: #fff;
    text-decoration: underline;
}
#footer a:active
{
    color: #fff;
}

/* TAB MENU   
----------------------------------------------------------*/
#nav, #nav ul{
padding:0;
padding-bottom: 120px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}

#nav a{
display:block;
padding:0px 5px;
border:0px solid #333;
color:#fff;
text-decoration:none;
background-color:#000;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
padding: 0px 2px 0px 2px;
font-size: 1.0em;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
font-size: 0.9em;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:11em;
margin:0px 0 0 6px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*Property search page*/

div.PropertyCategories
{
	text-align: center;
}

div.PropertyCategories img
{
    border: 5px solid #fff;
}

/*Property search control*/
div#PropertySearch { font-size: 0.8em; }
div#PropertySearch ul { float: left; padding: 10px;}
div#PropertySearch ul li { list-style: none; }
div#PropertySearch ul li input { }
div#PropertySearch ul li select { width: 80px;}

div#PropertySearch a:link{color: #000;text-decoration: underline;}
div#PropertySearch a:visited{color: #000;}
div#PropertySearch a:hover{color: #000;text-decoration: underline;}
div#PropertySearch a:active{color: #000;}

div#searchResults { border: 0px solid red; font-size: 1.3em;}
div#searchResults ul { list-style: none; padding-left: 0px;}
div#searchResults ul li { background-color: #A7A7A7; border: 0px solid red; overflow: auto;}
div#searchResults ul li img { height: 140px; width: 200px;}

div#searchResults a:link{color: #5c5c5c; text-decoration: none;}
div#searchResults a:visited{ text-decoration: none;}
div#searchResults a:hover{color: #5c5c5c; text-decoration: none;}
div#searchResults a:active{color: #5c5c5c; text-decoration: none;}

div.searchResultsDetails label {color: #fff; border:0px solid red; display: block; margin: 10px 0px 0px 0px; padding: 0px; font-size: 1.1em; font-weight: bolder; cursor: pointer;}
div.searchResultsDetails a { color: #fff; }
div.searchResultsDetails { border: 0px solid red; width: 620px; height: 160px; float: left; padding: 0px; }

ul.searchResultsFinerDetails { width: 140px; border: 0px solid blue; float: left; line-height: 1.0em;}
ul.searchResultsFinerDetails li { color: #000; list-style: none; padding: 0px;}

div.searchResultsDescription { border: 0px solid red; width: 480px; float: left; padding: 0px 0px 0px 0px; margin: 0px; line-height: normal; font-size: 0.8em; height: 100px; overflow: hidden;}

/*Images carosel*/
.SingleImageCarosel{ float: right; margin-left: 5px; padding-top: 8px; height: 320px; width: 420px;}

.SingleImageCarosel img{ height: 320px; padding-top: 10px ; width: 420px;}

/*Video - Homepage*/
.Video{float: right; margin-left: 5px;}

.test
{
  text-decoration: none;	
}

/*Contact us page*/
div#ContactUs ul { padding: 0px 0px 10px 0px; margin: 0px;}
div#ContactUs ul li { list-style: none; padding: 2px; margin: 0px; line-height: 1.0em; color: #B43A37;}
#ContactUs h3 { color: #B43A37; margin: 0px; padding: 0px;}
#ContactUs a:link{color: #B43A37;text-decoration: none;}
#ContactUs a:visited{color: #B43A37;}
#ContactUs a:hover{color: #B43A37;text-decoration: none;}
#ContactUs a:active{color: #B43A37;}

/*Property Details*/
div#PropertyDetails { border: 0px solid red; margin-top: 0px; background-color: Gray;}
div#PropertyDetails h1 { padding: 2px 0px 0px 10px; margin: 0px; color: #000; display: inline; width: 200px;}
div#PropertyDetails p{ padding: 5px; margin: 0px; border: 0px solid red; overflow: auto;}
div#propertyDetailsFinerDetails { border: 0px solid blue; width: 400px; float: left;}
div#propertyDetailsFinerDetails h2 { padding: 0px 0px 0px 10px; margin: 0px; color: #fff; line-height: 1.1em; font-size: 1.1em;}
div#propertyDetailsFinerDetails ul { padding: 5px 0px 0px 10px; margin: 0px; font-weight: bolder; }
div#propertyDetailsFinerDetails ul li { list-style: none; padding: 2px; margin: 0px; line-height: 1.0em;}
div#propertyDetailsFinerDetails #description{clear: both; padding: 10px; font-size: 0.8em;}
div#gallery{ float: left; }
div#PropertyDetails .ImageGallery img{ height: 320px; width: 420px; }

/****About us*********/
div#aboutSubGroups{}
div#aboutSubGroups a:link{color: #000;text-decoration: none;}
div#aboutSubGroups a:visited{color: #000;text-decoration: none;}
div#aboutSubGroups a:hover{color: #000;text-decoration: none;}
div#aboutSubGroups a:active{color: #000;text-decoration: none;}

/******Home Page*****/
/*
ul.HomePageGroupImages{ margin: 30px auto; border: 0px solid green; overflow: auto; width: 720px; text-align:center; padding: 0px;}
ul.HomePageGroupImages li { list-style: none; float: left; padding: 0px 20px 0px 20px; border: 5px solid #fff;}
ul.HomePageGroupImages li img {}*/

div.HomePageGroupImages { text-align: center; border: 0px solid red; background-image:url('../Images/wsc_backgroundsmoke.jpg'); background-repeat: no-repeat; height: 350px; width: 800px; border: 0px solid red;}
div.HomePageGroupImages img { height: 122px; width: 150px; padding: 80px 5px 0px 5px; }

#images img { height: 320px; width: 420px;}
#images1 img { height: 320px; width: 420px;}
#images2 img { height: 320px; width: 420px;}

/******Gallery***********/
.MainGallery table img{ height: 100px; width: 150px; cursor: pointer;}