/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
	margin: 0;
	padding: 0;
}

body
{
	margin: 0px;
    padding: 0px;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #585858;    
}

.clear { clear: both;}

h1 {color: #585858; font-size: 180%; font-weight: bold; padding-bottom: 0px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}
h2 {color: #585858; font-size: 140%; font-weight: bold; padding-bottom: 15px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}
h3 {color: #585858; font-size: 100%; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}
#social {width:150px;}

h1.white {color: #ffffff; font-size: 180%; font-weight: bold; padding-bottom: 0px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}
h2.white {color: #ffffff; font-size: 140%; font-weight: bold; padding-bottom: 15px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}
h3.white {color: #ffffff; font-size: 100%; font-weight: bold; padding-bottom: 10px; margin: 0px; font-family: Georgia, Arial, Helvetica, sans-serif;}

p { font-family: Georgia, Arial, Helvetica, sans-serif; line-height: 20px; padding-bottom: 10px; margin: 0px;}

p.small { line-height: 12px; font-size: 10px; padding-bottom: 10px; margin: 0px;}

ul
{
    padding-left:15px;
}

a:link
{
	color: #585858;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: #d11c24;
}

a:visited.imageLink, a:link.imageLink
{
    text-decoration:none;
    border:solid 1px #ffffff;
    color:#ffffff;
}

a:visited.mortgages, a:link.mortgages, a:hover.mortgages, a:visited.mortgages
{
    text-decoration:none;
    color:#ffffff;
}

a:visited img, a:link img, a:hover img, a:visited img
{
    border-style:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header-inner
{
	height:auto;
	width:900px;
	background-image: url('header-bg.gif');
	background-position:bottom left;
	background-repeat: repeat-x;
	margin-right: auto;
    margin-left: auto;
}

#header-logo
{
	background-image: url('logo.gif');
	background-position: left top;
	background-repeat: no-repeat;
	height:100px;
	width:390px;
	float: left;
}

#header-right
{
	width: 500px;
	float:right;
	height:auto;
	text-align:right;
	padding-top:10px;
	padding-bottom:-2px;
	color: #585858;
}

.banner
{
	background-image: url('banner.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:150px;
}

#footer-outer
{
	height: 100px;
	width: 100%;
	background-image: url('footer.gif');
	background-repeat: repeat-x;
}

#footer-inner
{
    height:100px;
	width:700px;
	margin-right: auto;
    margin-left: auto;
}

.footermenu
{
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}

.footermenu ul
{
    margin: 0;
    padding: 0;
    width:100%;
    float: left;
    padding-left: 20px;   
}

.footermenu ul li
{
    display: inline;
    padding-right:40px;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size:14px;
    text-transform: uppercase;
}

.footermenu ul li a:link
{
	color: White;
}
.footermenu ul li a:visited
{
    color: #585858;
    text-decoration:none:
}

.footermenu ul li a:hover
{
    text-decoration: underline;
}

.copyright
{
	width: 100%;
	margin-top:15px;
}

.copyright ul
{
	margin: 0;
	padding: 0;
	width:100%;
	float: left;
	padding-left: 20px;
}

.copyright ul li
{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:10px;
	display: inline;
	padding-right:40px;
}

.copyright ul li a:visited
{
    color: white;
}

.copyright ul li a:hover, .menu ul li .current
{
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container
{
	position:relative;
	width: 900px;
	/* height: 500px; */
	margin-right: auto;
	margin-left: auto;
}

.spacer
{
	height:5px;
}

.energy
{
	width:140px;
	float:left;
	padding-right:10px;
}

.energyimage
{
	width:100px;
	height:110px;
	float:right;
	background-image: url(energy.gif);
}

.contactleft
{
	width:75px;
	height:75px;
	float:left;
	margin-top:20px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:10px;
}

.contactright1
{
	width: 180px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:0px;
	float:right;
}

.contactright2
{
	width: 180px;
	height:auto;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:-10px;
	float:right;
}

.contactright p
{
	margin-bottom:5px;
	margin-top:-5px;
}

.contactemail
{
	padding-left:20px;
	margin-top:0px;
}

.dotted
{
	border-bottom: dashed 1px #585858;
	margin-top:-5px;
	margin-bottom:15px;
	margin-left:20px;
	margin-right:20px;
	width:auto;
}

.contactdotted
{
	border-bottom: dashed 1px #585858;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:20px;
	margin-right:20px;
	width:auto;
}

#grey-bg
{
	height:auto;
	background-image: url(grey-bg.gif);
	background-repeat:repeat-x;
}

.floatingleft
{
    float:left;
    margin-top:5px;
    margin-right:15px;
    margin-bottom:5px;
}

.floatingright
{
    float:right;
    margin-top:5px;
    margin-left:22px;
    margin-bottom:7px;
}

.services-outer
{
	padding:40px 0 20px 80px;
}

.services-box
{
	border: solid 2px #cdcdcd;
	width: 740px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.services-header
{
	width:100%;
	height:40px;
	background-color:#585858;
}

.services-header-text
{
	color: #ffffff;
	padding: 10px 0 0 38px;
}

.services-text
{
	float:left;
	width:400px;
	padding-left:40px;
	padding-top:20px;
}

.services-text-fullwidth
{
	float:left;
	width:auto;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
}

.services-image
{
	float:right;
	margin-top:48px;
	padding-right:40px;
}

.mortgages-text
{
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
}

.contact-box
{
	width:350px;
	height:auto;
	background-color:#585858;
	border: solid 2px #cdcdcd;
	padding:10px 15px 10px 25px;
}

.contact-box-text
{
	color: #ffffff;
	padding:0px 0px 15px 0px;
}

.contact-box-text a:link
{
	color: #ffffff;
}

.home-outer
{
	padding:40px 0 20px 80px;
}

.home-box-left
{
	float: left;
	width: 480px;
	height:auto;
	margin-left:20px;
	margin-right:auto;
	margin-bottom:20px;
}

.home-box-left2
{
	float: left;
	border: solid 2px #cdcdcd;
	width: 460px;
	height:auto;
	min-height:350px;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:20px;
}

.home-box-right
{
	float: right;
	border: solid 2px #cdcdcd;
	width: 330px;
	height:auto;
	margin-left:auto;
	margin-right:40px;
	margin-bottom:20px;
	margin-top:-50px;
}

.home-box-right2
{
	float: right;
	border: solid 2px #cdcdcd;
	width: 330px;
	height:auto;
	min-height:350px;
	margin-left:0px;
	margin-right:40px;
	margin-bottom:20px;
}

.home-header
{
	width:100%;
	height:auto;
	padding-bottom: 10px;
	background-color:#585858;
}

.home-header-text
{
	color: #ffffff;
	padding: 10px 0 0 38px;
}

.home-text-left
{
	float:left;
	width:auto;
	text-align:justify;
	padding-left:20px;
	padding-right:40px;
	padding-bottom:20px;
	padding-top:0px;
}

.home-text-left2
{
	float:left;
	width:auto;
	text-align:justify;
	/*padding-left:40px;
	padding-right:20px;
	padding-bottom:15px;
	padding-top:25px;*/
}

.home-text-right
{
	float:left;
	width:auto;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:0px;
}

.home-text-right2
{
	float:right;
	width:300px;
	text-align:justify;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:15px;
}

.home-text-fullwidth
{
	float:left;
	width:auto;
	padding-left:40px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
}

.home-image
{
	float:right;
	margin-top:48px;
	padding-right:40px;
}

.listitems
{
	list-style-image: url(arrow.gif);
    list-style-position: outside;
    line-height:20px;
    font-size: 11px;
    padding-left: 2px;
    margin-left:15px;
}

.box-left
{
	float: left;
	border: solid 2px #cdcdcd;
	width: 250px;
	height:auto;
	margin-left:40px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
}

.box-right
{
	float: right;
	/* border: solid 1px #cdcdcd;*/
	width: 530px;
	height:auto;
	margin-left:auto;
	margin-top:20px;
	margin-right:40px;
	margin-bottom:20px;
}

.listbuttons
{
	margin-right:-5px;
}

.listbutton-left
{
	float: left;
}

.listbuttons-right
{
	float:right;
	margin-right:-20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PROPERTY CLASSES 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.property-box
{
	border: solid 1px #cdcdcd;
	margin-bottom:20px;
}

.property-header
{
	width:100%;
	height:30px;
	background-color:#585858;
}

.property-header-left
{
	float:left;
	width:65%;
	height:30px;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 7px 0 0 15px;
}

.property-header-right
{
	float:right;
	width:25%;
	height:30px;
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 7px 15px 0 0px;
}

.property-text-left
{
	float:left;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
}

.property-content-left
{
	float:left;
	width:152px;
	margin: 10px 15px 15px 15px;
	padding: 3px;
	border: solid 1px #cdcdcd;
}

.property-content-right
{
	/* float:right;*/
	width:auto;
	margin-left: 10px;
	padding: 17px 10px 10px 0px;
}

.property-text
{
    font-family: Georgia, Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.propertyimage
{
    margin-top:25px;
    margin-left:25px;
    padding: 3px;
	border: solid 1px #cdcdcd;
}

.property-pager
{
	height:30px;
	border: solid 1px #cdcdcd;
	padding-left:15px;
	padding-bottom:0px;
	padding-top:10px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:20px;
}

.currentpagerbutton
{
	background-color:#585858;
	color: #ffffff;
	padding: 0px 6px 3px 6px;
	margin-left: 5px;
}

.pagerbutton
{
	border: solid 1px #cdcdcd;
	padding: 0px 4px 3px 4px;
	margin-left: 5px;
}

.emptydata
{
	width:400px;
	height:350px;
	margin-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;	
}

#propertyimages
{
    padding: 20px 0 0 0;
    width:350px;
    margin-left:auto;
    margin-right:auto;
    list-style-type:none;
}

#propertyimages li
{
    display: inline;
}

#propertyimages li a
{
    padding:2px 2px;
    color:#000;
    text-decoration:none;
    float:left;
    border:1px solid #cdcdcd;
}

#propertyimages li a:hover
{
    background:#585858;
}

.propertydetail
{
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
}

.admin-content-right
{
	/* float:right;*/
	width:auto;
	margin-left: 10px;
	padding: 10px 10px 10px 0px;
}

.imageoft
{
    margin-left:54px;
    margin-top:10px;
}

.imageoft2
{
    margin-left:25px;
    margin-top:10px;
}

.detailsbutton
{
    width:90px;
    height:30px;
    float:right;
    margin-bottom:10px;
    margin-right:15px;
    background-image: url('button.gif');
    /* background-color:#d11c24; */
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #ffffff;
    border: solid 1px #585858;
}

.adminbutton
{
    height:30px;
    background-image: url('button.gif');
    /* background-color:#d11c24; */
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #ffffff;
    border: solid 1px #585858;
}

/*
================================
CONTACT STYLES
================================
*/

#bookingform ol
{
    margin:0;
    padding:0;
}

#bookingform li
{
    list-style:none;
    padding:5px;
    margin:0;
}

#bookingform li a
{
    margin-left:40px;
    font-size:12px;
    cursor:pointer;
}

#bookingform li.thin
{
    line-height:12px;
}

#bookingform fieldset
{
    border:solid 1px rgb(88, 88, 88);
    width:550px;
    background-color:#dddddd;
    margin-bottom:25px;
    padding:10px 0 20px 0;
}

#bookingform fieldset legend
{
    border:solid 1px rgb(88, 88, 88);
    background-color:rgb(88, 88, 88);
    /*background:url('images/tabs/tab-green.jpg') repeat-x left;*/
    margin-left:20px;
    padding:5px 10px 5px 10px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}

#bookingform fieldset p
{
    padding:0 40px 0 40px;
    line-height:18px;
}

#bookingform fieldset label
{
    display:inline-block;
    margin:0 0 0 40px;
	font-size:12px;
	width:160px;
	vertical-align:top;
	color:#626262;
}

#bookingform fieldset label.number
{
	width:35px;
}

#bookingform fieldset label.age
{
	width:30px;
}

#bookingform fieldset input:text
{
	height:15px;
    padding:2px;
    color:#535353;
    font-size:12px;
	width:175px;
}

#bookingform fieldset input.bookingSubmitBtn
{
	margin-left:20px;
}

#bookingform fieldset select
{
    width:175px;
    height:25px;
    padding:2px;
    color:#535353;
    font-size:12px;
}

#bookingform fieldset input:focus, fieldset textarea:focus, fieldset select:focus
    {
        border:2px solid #366ba1;
    }

#bookingform fieldset input.error, fieldset textarea.error, fieldset select.error
{
    border:2px solid #d72323;
}

#bookingform fieldset input.error:focus
{
    border:2px solid #d72323;
}

#bookingform fieldset em
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

#bookingform th, td
{
    padding:0;
}

.label
{
    padding-left:40px;
    font-size:12px;
}

.errorMessage
{
    margin-left:40px;
    color:Red;
    font-weight:bold;
}

.errorMessage ul li
{
    font-weight:normal;
    line-height:18px;
}

.property input
{
    width:30px;
}