/*=======================================================
 Hungate CSS
 Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
 =======================================================*/
/**
 * IE 6 PNG
 */
.pngFix {
    behavior: url(/templates/hungate09/css/iepng.htc);
}

/*===============================================
 override main background, main link colours etc
 ================================================*/
html, body {
    font: 0.70em Arial, Helvetica, Sans-Serif !important;
    color: #fff;
    padding: 0px;
    margin: 0px;
    background: #eee url(/templates/images/hungate09/common/stripe.png);
}

#wrapper {
    padding: 0px;
    margin: 0 auto;
    width: 1000px;
    min-height: 1000px;
    border: solid 10px #000;
    border-top: none;
}

#head_outer {
    background: transparent url(/templates/images/hungate09/common/head_trans_bg.png);
    _background:none!important;
    height: 180px;
}

#page_outer {
    margin: 0px 0 0 0;
    padding: 0 0 30px 0;
    background: transparent url(/templates/images/hungate09/common/page_trans_bg.png);
    _background:none!important;
}

#page_outer_collapse {
    margin: 0px 0 0 0;
    padding: 0 0 0px 0;
    background: url(/templates/images/hungate09/common/page_trans_bg.png);
    _background:none!important;
}

#mediablock {
    float: right;
    margin: 15px 0 0 0;
    width: 300px;
}

#header {
    margin: 0 auto;
    width: 925px;
    padding: 0px 0 20px 0;
}

.logo {

	display:block;
    height: 95px;
    width: 304px;
    background: url(/templates/images/hungate09/common/hungatelogo.png) no-repeat;
    margin: 20px 0 0 0;
    _position:relative!important;
    _background: url(/templates/images/hungate09/common/hungatelogoIE6.jpg) no-repeat!important;
    _padding:0px;
}

.logo  span, .hometitle span {
    display: none;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

a img {
    border: none;
}

.upper {
    text-transform: uppercase;
}

.element {
    padding: 0px !important;
}

.element ul {
    padding: 0px;
    margin: 0px;
}

.element ul li {
    font-size: 1.5em !important;
    _display: inline;
    padding: 0px;
    width: 200px;
    margin: 0 0 10px 0;
}

/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html
 might cause some problems? Keep an eye on it, seems to work well though */
.floatfix:after, .tile:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

.floatfix, .tile {
    display: inline-block
}

/* Hides from IE-mac \*/ * html .floatfix, * html .tile {
    height: 1%
}

.floatfix, .tile {
    display: block
}

/* End hide from IE-mac */
#page {
    margin: 0 auto;
    width: 925px;
    padding: 30px 0 0 0;
}

#colL {
    float: left;
}

#colR {
    float: right;
    width: 496px;
    padding: 5px 5px 20px 5px;
    position: relative;
}

#colR p{
width:auto!important;
font-size:1.6em!important;
}

#colR p.right{
float:right!important;
text-align:right!important;
}


.thumnbnailinstruct{
margin:-20px 0 0 0;
text-align:right!important;
width:920px!important;
}

#gallerypreview {
    width: 496px;
    padding: 5px 5px 40px 5px;
    background: #000;
	overflow: hidden;
    clear: both;
}

#gallerypreview #banner {
	height: 300px;
    overflow: hidden;
	margin-bottom: 10px;
}

h2 .tile {
    padding: 0 0 0 20px;
}

#apartdetails {
    padding: 10px;
    background: #000;
    color: #ccc;
}

#apartdetails h1 {
    float: left;
    font-size: 3.0em !important;
}

#apartdetails .details {
    float: right;
    font-size: 3.0em !important;
    margin: -50px 0 0 0;
}

#apartdetails img {
    float: left;
    padding: 0 0 10px 0 !important;
}

#apartdetails .images img {
    display: none;
}

#specs {
    clear: both;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 10px;
    width: 480px;
}

#dims {
    float: right;
    width: 150px;
    padding: 5px;
    background: #111;
}

.find_more {
    display: none;
}

#disclaimer {
    padding: 10px;
    margin: 10px 0 0 0;
    display: block;
    background: #111;
    clear: both;
    width: 460px !important;
}

#gallery {
    clear: both;
    padding: 50px 0 0 0;
    width: 506px;
}

#gallery a {
    float: left;
    display: block;
    padding: 5px;
}

.hide_but {
    clear: right;
    float: right;
    display: block;
    margin: 50px 2px 0 0;
    height: 16px;
    width: 172px;
    background: url(/templates/images/hungate09/buttons/hide_off.png) bottom right no-repeat;
}

.hide_but span, .view_but span {
    display: none;
}

.view_but {
    float: right;
    display: block;
    margin: 5px 38px 10px 0;
    height: 16px;
    width: 172px;
    background: url(/templates/images/hungate09/buttons/view_off.png) bottom right no-repeat;
}

#colR img {
    padding: 0;
    margin: 0;
}

#page p {
    width: 300px;
    font-size: 1.4em;
}

#copy {
    margin: 50px 0 50px 0;
    height: 190px;
    width: 350px;
    overflow: auto;
}

#contactcontent {
    margin: 50px 0 50px 0;
    width: 350px;
}

#propertiescontent {
    margin: 50px 0 50px 0;
    width: 350px;
}

#newscontent {
    margin: 50px 0 50px 0;
    width: 350px;
}

#gallerycontent {
    margin: 50px 0 50px 0;
    height: auto;
    overflow: hidden;
    width:930px;
}

#gallerycontent a {
    padding:5px;
    display:none;
    width:120px;
    height:120px;
    float:left;
}

#gallerycontent #progressbar {
	margin: 50px auto!important;
    font-size: 1.6em;
	font-weight:bold;
    padding: 0;
    color: #333;
    background-color: #eee;
    display:block;
    float: center;
    width:220px;
}

/* -- Page Background -- */
.homebg {
    background: #000 url(/templates/images/hungate09/background/home_bg.jpg) top left no-repeat;
    _background: #000 url(/templates/images/hungate09/background/home_bgIE6.jpg) top left no-repeat!important;
}

.aboutbg {
    background: #000 url(/templates/images/hungate09/background/home_bg.jpg) top left no-repeat;
    _background: #000 url(/templates/images/hungate09/background/home_bgIE6.jpg) top left no-repeat!important;
}

.specbg {
    background: #000 url(/templates/images/hungate09/background/home_bg.jpg) top left no-repeat;
    _background: #000 url(/templates/images/hungate09/background/home_bgIE6.jpg) top left no-repeat!important;
}

.yorkbg {
    background: #000 url(/templates/images/hungate09/background/home_bg.jpg) top left no-repeat;
    _background: #000 url(/templates/images/hungate09/background/home_bgIE6.jpg) top left no-repeat!important;
}

.nightyorkbg {
    background: #000 url(/templates/images/hungate09/background/home_bg.jpg) top left no-repeat;
    _background: #000 url(/templates/images/hungate09/background/home_bgIE6.jpg) top left no-repeat!important;
}

/* -- Navigation -- */
.nav {
    float: right;
    list-style-type: none;
    height: 100px;
    width: 200px;
    margin: -5px 0 0 0;
    padding: 0;
    text-align: right;
    font-size: 1.4em;
}

.nav li a {
    background: none;
    padding: 0 20px 0 0;
}

.nav li a:hover {
    background: transparent url(/templates/images/hungate09/buttons/menu_arrow.png) right no-repeat;
}

/* -- Subnavigation -- */
.subnav {
    list-style-type: none;
    font-size: 1.6em;
    float: right;
    text-align: right;
}

.subnav li {
    float: left;
    margin: 0;
    padding: 0;
}

.subnav li a {
    margin: 0 0 0 10px;
}

.subnav li .break {
    padding: 0 10px 0 0;
    border-right: #fff solid 1px;
}

/* -- Page Titles -- */
.hometitle {
    height: 104px;
    width: 258px;
    margin: 20px 0 0 0;
}

.abouttitle {
    height: 132px;
    width: 258px;
    margin: 20px 0 0 0;
}

.spectitle {
    height: 93px;
    width: 258px;
    margin: 20px 0 0 0;
}

.yorktitle {
    height: 94px;
    width: 258px;
    margin: 20px 0 0 0;
}

.naturetitle {
    height: 125px;
    width: 258px;
    margin: 20px 0 0 0;
}

.ecotitle {
    height: 82px;
    width: 258px;
    margin: 20px 0 0 0;
}

.historytitle {
    height: 91px;
    width: 258px;
    margin: 20px 0 0 0;
}

.proptitle {
    height: 81px;
    width: 258px;
    margin: 20px 0 0 0;
}

.newstitle {
    height: 82px;
    width: 258px;
    margin: 20px 0 0 0;
}

.loctitle {
    height: 93px;
    width: 258px;
    margin: 20px 0 0 0;
}

.contacttitle {
    height: 83px;
    width: 258px;
    margin: 20px 0 0 0;
}

.returnhome {
    display: block;
    padding: 10px 0 0 0;
    font-size: 1.6em;
    height: 16px;
    width: 272px;
    background: url(/templates/images/hungate09/buttons/return_off.png) bottom no-repeat;
}

/* -- Page Titles END -- */
/* -- gallery -- */
.viewgallery {
    display: block;
    margin: 10px 0 0 0;
    font-size: 1.6em;
    float: right;
    height: 16px;
    width: 122px;
    background: url(/templates/images/hungate09/buttons/vg_off.png);
}

.viewgallery span, .returnhome span {
    display: none;
}

/* -- Eco Homes Template Specific -- */
.ecohomeslogo {
    float: right;
    display: block;
    padding: 20px 0 0 0 !important;
    margin: 0 -15px 0 0 !important;
    background: transparent url(/templates/images/hungate09/common/eco_homes.png) bottom right no-repeat;
    height: 81px;
    width: 289px;
}

.ecohomeslogo span {
    display: none;
}

/* -- Page CTA --*/
.contactcta span, .propsearchcta span {
    display: none;
}

.propsearchcta {
    display: block;
    width: 298px;
    height: 32px;
    margin: 0 0 3px 0;
    background: url(/templates/images/hungate09/buttons/search_prop_off.png);
}

.contactcta {
    display: block;
    width: 298px;
    height: 32px;
    background: url(/templates/images/hungate09/buttons/contact_off.png);
}

/* -- Page CTA END --*/
/* -- Form elements -- */
#register select {
    width: 300px;
}

form label {
    float: left;
    clear: both;
    /*font-weight:2em!important;*/
}

form input {
    float: left;
    width: 300px;
    clear: both;
}

form textarea {
    width: 305px;
}

form label {
    padding: 5px 0 5px 0;
}

.formbreak {
    clear: both;
}

.formbreak2 {
    padding: 10px 0 0 0;
    clear: both;
}

.paraForm {
    text-align: right;
    width: 140px !important;
    padding: 5px 0px 0 0px;
}

/* -- Footer -- */
.footer_c span, .footer_e span, .footer_ls span {
    display: none;
}

#footer {
    clear: both;
    display: both;
    padding: 105px 0 0 53px;
}

.footer_c {
    display: block;
    height: 54px;
    width: 82px;
    background: url(/templates/images/hungate09/common/footer_c_bg.png) no-repeat;
    float: left;
    margin: 0 23px 0 0;
}

.footer_e {
    display: block;
    background: url(/templates/images/hungate09/common/footer_e_bg.png) no-repeat;
    height: 53px;
    width: 83px;
    float: left;
    margin: 0 31px 0 0;
}

.footer_ls {
    display: block;
    height: 54px;
    background: url(/templates/images/hungate09/common/footer_ls_bg.png) no-repeat;
    width: 130px;
    float: left;
    margin: 0 5px 0 0;
}

/* -- END --*/
/* -- Property Search -- */
.item img {
    float: left;
}

.item .detailsmainlink {
    float: left;
    width: 397px !important;
    padding: 0 10px 0 10px;
    margin: 0px;
}

.details {
    float: left;
    text-align: right;
    font-weight: bold;
    width: 409px !important;
    margin: 0 0 -20px 0;
    padding: 4px;
}

.resultoptions {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
}

.view {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    color: #000 !important;
}

.view a {
    clear: both;
    display: block;
    width: 477px;
    color: #000;
    /*background:#999;*/
    padding: 10px;
    background: url(/templates/images/hungate09/buttons/lng_but_bg.png) right no-repeat;
}

.item {
    clear: both;
    width: 500px;
    padding: 0 30px 0 0 !important;
}

.pager {
    clear: both;
    border: solid 1px #ccc;
    border-left: none;
    border-right: none;
    width: 491px !important;
    padding: 3px;
}

.aptoptions {
    display: none;
    list-style-type: none;
    padding: 0px;
    width: 500px;
    margin: 0 0 0 -8px;
}

.aptoptions li {
    float: left;
    width: 165px;
    height: 50px;
    margin: 0 0 0 0;
}

.aptoptions li a strong {
    display: none;
}

.returntoresults {
    background: url(/templates/images/crosby/btn_returntoresults.png) no-repeat;
}

.addtomp {
    background: url(/templates/images/crosby/btn_addtomp.png) no-repeat;
}

.printspecs {
    background: url(/templates/images/crosby/btn_printspecs.png) no-repeat;
}

/* -- News Story -- */
h3 a {
    display: block;
    height: 17px;
    color: #000;
    padding: 3px 0 0 5px;
    background: url(/templates/images/hungate09/buttons/lng_but_bg.png) right no-repeat;
    _font-size:0.6em!important;
    font-size:1.2em;
}

#colR h1{
_font-size:2.3em!important;
}


.newsstory p{
width:auto!important;
}

.newsstory a{
font-weight:bold;
font-size:1.5em;
text-decoration:underline;
float:right;
height:10px;
_height:10px!important;
_display:inline!important;
_padding:0px!important;
_margin:0px!important;
}

.newsthumb {
    float: left;
    margin: 0 10px 0 0;
}

.newsthumb img {
    width: 80px;
    height: 80px;
}

.date {
    font-weight: bold;
}

/* -- mootools accordian -- */
#accordion {
    margin: 20px 0px;
    width: 350px;
}

h3.toggler {
    cursor: pointer;
    font-size: 12px;
    background: url(/templates/images/hungate09/buttons/submenu_bg.png) no-repeat;
    color: #fff !important;
    font-weight: normal;
    margin: 0 0 4px 0;
    padding: 3px 5px 1px;
}

h3.toggler:hover {
    color: #999 !important;
}

div.element p, div.element h4 {
    margin: 0px;
    padding: 4px;
}

div.element ul {
    padding: 0 0 20px 20px;
    width: 280px;
}

blockquote {
    padding: 5px 20px;
}