/* CSS Document */

/*

This document contains styles for the website 'Hibbards'.

created :
modified :
author :
company :
url :

*/

html, body {
border:0px;
margin:0px;
padding:0px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
height:100%;
background:url(../images/css/main/body/column.jpg) 0px 0px repeat-y;
}

table {
margin:auto;
}

#banner {
margin:0px;
padding:0px;
text-align:center;
height:162px;
width:100%;
background:url() top left repeat-x;
text-align:center;
}

#blue_row {
height:2px;
background-color:#0033FF;
overflow:hidden;
width:100%;
position:absolute;
top:178px;
left:0px;
}

/* alter the top position for all other browsers */

body > #blue_row {
top:175px;
}

#branding {
position:absolute;
top:5px;
left:3px;
height:141px;
width:260px;
background:url(../images/css/main/banner/logo_3.gif) center center no-repeat #FFFFFF;
}

#branding a {
text-decoration:none;
}

#branding img {
border:none;
width:260px;
height:141px;
}

#row_1 {
margin:0px;
border-top:2px solid #FFFFFF;
border-bottom:10px solid #FFFFFF;
padding:0px;
height:22px;
background:url(../images/css/splash/row_bg.jpg) top left no-repeat #FFE200;
}
/*../images/css/splash/nav_bg.jpg*/
#top_nav {
margin:0px;
border-top:2px solid #FFFFFF;
background:url() top left repeat-x #004098;
}

#top_nav_sub {
text-align:center;
padding:0px 0px 0px 200px;
overflow:hidden;
}

#top_nav_sub table {
width:600px;
}

#top_nav_sub table tr {
vertical-align:top;
text-align:left;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

#pgTitle {
margin:0px;
padding:10px 10px 20px 10px;
font-size:14px;
color:#003366;
font-weight:bold;
text-transform:uppercase;
background:#FFFFFF;
}

.nav_tab div {
margin:10px 0px 17px 0px;
padding:0px 16px 0px 0px;
width:84px;
height:118px;
}

.nav_tab img {
margin:0px 0px 6px 0px;
border:2px solid #FFFFFF;
width:80px;
height:80px;
}
.nav_tab a:link, .nav_tab a:visited, .nav_tab a:active {
color:#FFFFFF;
text-decoration:none;
}

.nav_tab a:hover {
color:#FFD801;
text-decoration:none;
}

/* -- */

.nav_tab_cur img {
border-color:#FFD101;
}

.nav_tab_cur a:link, .nav_tab_cur a:visited, .nav_tab_cur a:active {
color:#FFD101;
}

.nav_tab_cur a:hover {
color:#999999;
}

/* -- */

#column {
position:absolute;
top:176px;
border-top:10px solid #FFFFFF;
left:3px;
margin:0px;
padding:0px 0px 200px 0px;
width:190px;
text-align:left;
background:url(../images/css/main/column/column_bg.gif) top left repeat-x;
}

#nav {
margin:0px;
padding:0px;
}

#nav ul {
margin:0px;
border:none;
padding:0px;
}

#menu {
margin:0px;
border:none;
padding:0px;
list-style:none;
}

#nav_footer {
height:10px;
background:url(../images/css/main/nav/li_bg_2.gif) top left no-repeat;
}

#menu li {
margin:0px;
padding:0px;
}

#menu .norm {
margin:0px;
padding:0px;
border-bottom:1px solid #FFFFFF;
height:22px;
line-height:22px;
color:#FFFFFF;
font-family:Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
text-transform:capitalize;
}

#menu .norm a {
margin:0px;
display:block;
position:relative;
}

#menu .norm a:link, #menu .norm a:visited, #menu .norm a:active {
text-decoration:none;
color:#FFFFFF;
height:22px;
line-height:22px;
padding:0px 10px 0px 10px;
background:url(../images/css/main/nav/li_bg.gif) bottom left no-repeat;
/*background:url(../images/css/main/nav/nav_bg.jpg) top left repeat-x;*/
}

#menu .norm a:hover {
text-decoration:none;
color:#003399;
height:22px;
line-height:22px;
padding:0px 10px 0px 10px;
background:url(../images/css/main/nav/li_bg.gif) bottom left no-repeat #FED001;
/*background:url(../images/css/main/nav/nav_bg_on.jpg) top left repeat-x;*/
}

#content_main {
margin:30px 0px 0px 200px;
padding:0px 0px 0px 20px;
text-align:left;
}

#content_sub {
margin:0px;
padding:20px 40px 40px 40px;
text-align:left;
}

#footer {
margin:20px 1px 0px 194px;
padding:20px 20px 20px 20px;
text-align:center;
font-size:12px;
color:#666666;
}

#footer_text {
margin:20px 0px 20px 0px;
border-bottom:2px solid #0033FF;
padding:0px 0px 20px 0px;
text-align:center;
color:#0033FF;
font-size:30px;
text-transform:capitalize;
font-weight:bold;
font-family:serif;
font-style:italic;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

#micro_contact {
margin:0px 0px 20px 0px;
font-size:11px;
color:#7195D7;
letter-spacing:1px;
}

/* - staff styles - */

.sm_staff {
margin:0px 0px 20px 30px;
border-bottom:1px solid #E2EAF5;
padding:0px 0px 10px 0px;
width:400px;
}

.staff_img {
margin:0px 0px 10px 0px;
}

.staff_img img {
border:2px solid #FF9900;
padding:1px;
}

.staff_name {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 20px;
background:url(../images/css/main/index_tab.gif) 0px 2px no-repeat;
font-weight:bold;
color:#004098;
font-size:14px;
font-family:Tahoma, Geneva, sans-serif;
}

.staff_position {
margin:0px 0px 10px 0px;
color:#663366;
font-weight:bold;
font-size:11px;
}
.staff_position span {
color:#FF9900;
}

.staff_details {
margin:0px 0px 10px 20px;
border-top:1px solid #FF9933;
padding:4px 0px 0px 0px;
font-size:11px;
}

.staff_details ul {
list-style:none;
margin:10px 0px 10px 10px;
padding:0px;
}

.staff_details ul li {
margin:0px;
padding:0px;
}

.staff_details ul li span {
font-weight:bold;
color:#004098;
}

.staff_email_link {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 26px;
font-weight:bold;
font-size:11px;
background:url(../images/css/mail_icon.gif) 0px 1px no-repeat;
}

.staff_email_link a {
text-decoration:underline;
color:#663366;
}

.staff_email_link a:hover {
color:#999999;
}

/* -- */

.error {
margin:30px auto 100px auto;
padding:30px 0px 0px 50px;
width:400px;
text-align:left;
background:url(../images/css/error_img.gif) 10px 0px no-repeat;
color:#CC0033;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
}

/* - hot properties styles - */

.pom_heading_main  {
margin:0px;
padding:6px 10px 6px 10px; 
background:url(../images/css/splash/row_bg.jpg) top left repeat-y #FFE200; 
color:#004098; 
font-weight:bold; 
font-size:14px
}

.pom_blue_row {
height:2px;
overflow:hidden;
background-color:#0033FF;
margin:2px 0px 10px 0px;
}

.pom_con {
margin:1px 0px 20px 0px;
border-bottom:1px solid #CCCCCC;
padding:0px 0px 10px 0px;
text-align:left;
}

.pom_sub {
margin:0px;
}

.pom_img {
margin:0px 0px 10px 0px;
}

.pom_img img {
border:2px solid #FF9900;
padding:1px;
}

.pom_heading {
margin:0px 0px 6px 0px;
padding:0px 0px 0px 20px;
background:url(../images/css/main/index_tab.gif) 0px 2px no-repeat;
font-weight:bold;
color:#004098;
font-size:14px;
font-family:Tahoma, Geneva, sans-serif;
text-transform:capitalize;
}

.pom_heading a:link, .pom_heading a:visited, .pom_heading a:active {
text-decoration:none;
color:#000066;
}

.pom_heading a:hover {
text-decoration:none;
color:#999999;
}

.pom_location {
margin:0px 0px 4px 10px;
font-weight:bold;
font-size:12px;color:#663366;
}

.pom_intro {
margin:0px 0px 4px 10px;
}

.pom_link {
text-align:right;
font-weight:bold;
}

/* - styles for recent properties list - */

.recent_header {
margin:0px 0px 10px 0px;
padding:10px 10px 20px 0px;
text-align:left;
font-size:14px;
color:#003366;
font-weight:bold;
text-transform:uppercase;
background:#FFFFFF;
}

.recent_con {
margin:0px 0px 20px 0px;
border-bottom:1px solid #CCCCCC;
padding:0px 0px 10px 0px;
text-align:left;
}

.recent_sub{
margin:0px 10px 0px 10px;
padding:0px;
}

.recent_img {
width:110px;
float:left;
margin:0px 0px 0px 0px;
}

.recent_img img {
border:2px solid #FF9900;
padding:1px;
}

.recent_text {
float:right;
width:260px;
}

.recent_heading {
margin:0px 0px 6px 0px;
padding:0px 0px 0px 20px;
background:url(../images/css/main/index_tab.gif) 0px 2px no-repeat;
font-weight:bold;
color:#004098;
font-size:14px;
font-family:Tahoma, Geneva, sans-serif;
text-transform:capitalize;
}

.recent_heading a:link, .recent_heading a:visited, .recent_heading a:active {
text-decoration:none;
color:#000066;
}

.recent_heading a:hover {
text-decoration:none;
color:#999999;
}

.recent_heading span {
}

.recent_location {
margin:0px 0px 4px 10px;
font-weight:bold;
font-size:12px;color:#663366;
}

.recent_intro {
margin:0px 0px 4px 10px;
}

.recent_link {
text-align:right;
font-weight:bold;
}
