.hiddenstuff {display:none;}

#navigation {margin-bottom:20px;}
#navholder{clear:both;}

nav {
    font-size: 14px;
    font-weight: normal;
    height:30px;
    /*margin-bottom: 10px;*/
    width: 100%;
	display:block;
	/*clear:both;*/
	border-bottom:1px solid #666;
	
	background-color:#5FC8D9;
	color: #FFFFFF;
    font-family: 'Francois One',sans-serif;
    font-weight: normal;
    text-align:left;
}

nav ul {
	padding: 0;
	margin: 0 auto;
	text-align:left;
    /*height:30px;*/
    float:left;
    background-color:#5FC8D9;
}
nav li { 
	display: inline-block;
	text-align: center;
	text-decoration: none;
	float:left;
}
	
/* Nav Menu Button Colours Set in Default or Company CSS*/
nav li a 
{
    display: inline-block;
    line-height: 25px;
    min-width: 80px;
    height:30px;
    line-height: 30px;
    padding:0px 10px;
    text-align: center;
	text-decoration:none;
	color:White;
	border-right: 1px solid #FFFFFF;
	}


nav li a:hover {
	color:#000;
	text-decoration: none;
	}

.mainsitelink {
    background-color: #333333;
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 28px;
    min-width: 80px;
    padding: 0 5px;
    text-align: center;
}


nav li:last-child a {}

nav a:hover, nav a:active {
	/*color: #000000;*/
	background-color:#BED72D;
	text-decoration:underline;
}
nav a#pull {
	display: none;
}

/* SUB MENUS */
#subnav	{
    /*clear: both;*/
    display: block;
    height: 24px;
    width: 100%;
    float:right;
    background-color:#BED72D;
	margin:-20px 0px 10px 2px;
	color:White;
}
#subnav ul {
	float: right;
	font-size: 9pt;
	/*padding-top:5px;*/
}
#subnav ul li {
	display: inline-block;
	/*padding:4px 3px;
	margin-right:3px;*/
	vertical-align:top;
}
#subnav ul li a{
	color: white;
	text-decoration: none;
	vertical-align:top;
	line-height:20px;
}

#subnav ul li a:hover{
	color: #000;
	text-decoration: underline;
}

.submenuselected {background-color:#BED72D; color:Black !important;}


/* SUB MENUS */
nav ul li ul                {border-bottom:0px solid #fff; font-weight:400; font-family: 'Francois One', sans-serif; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
nav ul li ul a              {min-width:180px; font-size:14px; color:#000; line-height:30px; border-bottom:1px solid #666; display:block; text-align:left;}
nav ul li ul a:hover        {background-color:#BED72D; color:#000 !important; text-decoration:none;}
nav ul li:hover a           {/*background-color:#cc062a;height:45px;*/} /* This highlights the parent when hovering over a sub-menu */
nav ul li > ul li:hover     {/*background-color:#FF6600;*/} /* This highlights the sub-menu field over the top */
nav ul li ul li ul          {/*width:auto!Important;*/min-width:150px;	background-color:#efefef;    box-shadow: 0 0px 2px 0 rgba(50, 50, 50, 0.66);position:relative; margin:-30px 0px 0px 100%; display:block;}


nav li a                    {/*box-sizing:border-box;*/ -moz-box-sizing:border-box;	-webkit-box-sizing:border-box;}
nav li:last-child a         {}
nav a:hover, nav a:active   {/*background-color:#666; color:#fff;*/}
.has-sub ul                 {display:none !important; position:absolute; z-index:20; height:auto;}
.has-sub ul li              {/*background-color:#BE0781; padding:9px 0px 9px 0px;*/ padding:0px; display:block; /*width:100%;*/ clear:both; background-color:#EEEEEE;}
.has-sub:hover > ul         {display: block !important; position:absolute;}
/* END SUB MENUS */


#hyplogin	{margin-right:10px;}







/* 920px IS THE WIDTH WHERE THE SEARCH TOOL NEEDS RESIZING
@media screen and (max-width: 920px) {
    nav {background-color: #5FC8D9;}
    nav ul li ul a {width:100%;}
}
 */

/*Styles for screen 700px and lower
@media screen and (max-width: 700px) {
	nav { 
  		height: auto;
		width:100%;
		background-color: #5FC8D9;
		float: left;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ECE8E5;
	border-bottom-color: #ECE8E5;
	}
  	nav a  
  	{
  	    border-top:1px solid #FFF;
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 0px;
	  	padding-left:25px;
		line-height: 30px;
  	}

    nav ul li ul li {width:100%; text-indent:0px;}
    nav ul li ul a  {padding:5px 7px 5px 25px;}
	
}
*/
/*Styles for screen 667px and lower*/
@media only screen and (max-width : 667px) 
{
    
    #navigation {margin-bottom:20px;}
    
	nav {
		border-bottom: 0;
		margin-bottom:0px;
		background-color: black;
		min-height:40px;
		height: auto;
		width:100%;
		float: left;
	}
	nav ul {
		display: none;
		height: auto;
		float:left;
		width:100%;
	}
nav a {  		width: 100%;
  		display: block;
  		height: auto;}
	
	#lblmenu 
	{
	    width:100%; display:block; 
	}
	    
	nav a#pull {
	display: block;
	width: 90%;
	padding: 5px 5%;
	border-bottom: 1px solid #FFF;
	color: #fff;
	height:30px; 
    line-height:30px;
	}
	nav a#pull:after {
		content:"";
		background: url('/images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: relative;
		float:right;
		margin:5px 0px 0px 0px;
	}
	nav li 
	{
		display:block;
	    width:100%;
	    background-color:#5FC8D9;
	    height:40px;
	}


    .has-sub					{
	    background-image:url(/images/has-sub.png);
	    background-repeat: no-repeat;
	    background-position: 93% center;
    }
    /*.has-sub ul {position:relative;}*/
    .has-sub ul {position:static !important; float:left; display:block;}

    .has-sub ul li a {padding-left:30px;}

	
    #wrapper	{
	min-width:320px; }

	nav li {
		display: block;
		width: 100%;
		height:auto !important;
	}
	nav li a {
		border-bottom: 1px solid #fff;
		border-right:none;
		min-height:40px;
		text-align:left;
		line-height:40px;
	}

	
    nav a {text-indent:0px !important;}
	
    nav ul li ul {
        background-color: #FFFFFF;
	    box-shadow:none;
        margin-left: 0px;
        width: 100%;
	    display:block;
	    float:left;
    }

    nav ul li ul li {
		    display: block;
	    background-color:#FFF;
    width:100%; text-indent:0px;
    }

    nav ul li ul li a  {padding:5px 7px 5px 20px;height:40px;/*padding:0px 0px 0px 25px;*/}
	
	
	/* PROPERTY PAGES */
	.propertypagehalf   {width:100%; text-align:left;}
	#propertylargephoto {width:100%; height:auto;}
	#firstimageholder   {width:100%; height:auto;}
	#propertytoolbar    {width:100%;}
	
    .footer	p{font-size:10px;}
}