/* - - - - - - - - - - - - - - - - - - - - -

Title : Assets Offshore - Properties Services, Summer 2005 re-design
Author : Gerhard Lazu
URL : http://www.gerhardlazu.com/

Description : Improving on the initial Offshore Banking site and taking the whole business 1 step further.

Created : 17 June 2005
Modified : 23 May 2007

- - - - - - - - - - - - - - - - - - - - - */



/* ----- CSS ----- */

* { margin: 0; padding: 0;}

html { 
 width: 100%;
 height: 100%;
}

body {
 width: 100%;
 height: 100%;
 font-family: Georgia, serif;
 font-size: 11px;
 color: #333;
}



/* ----- IDS ----- */

#wrapper {
 width: 100%;
 min-width: 700px;
}

#header {
 width: 100%;
 height: 135px;
 position: fixed; /* IE7 supports position:fixed; */
 top: 0px;
 left: 0px;
 background: #fff url(images/site/top_strip_bg.gif) repeat-x;
}
/* IE6 still doesn't... */
* html #header {
 position: relative;
}

#top_links {
 position: fixed !important;
 position: absolute;
 top: 0px;
 left: 300px;
}

#logo {
 margin-left: 15px;
}

#live_search {
 position: fixed !important;
 position: absolute;
 top: 95px;
 left: 10px;
 margin-left: 15px;
}
#LSResult { 
 position: absolute; 
 background: url(images/site/live_search_bg.png); 
 width: 50em;
 padding: 0em 2em;
 color: #fff;
}
#LSShadow { 
 padding: 1em 0 3em 0;
}
#LSRes { 
 padding: 0;
}
#LSHighlight { 
 background-color: #62c0ed;
}
#LSHeader { 
 padding: 0.5em 0 1em 0; 
}

#phone {
 position: fixed !important;
 position: absolute;
 top: 30px;
 right: 25px;
 font-size: 130%;
 color: #fff;
 line-height: 150%;
 text-align: right;
}

#left {
 float: left;
 width: 250px;
 margin-top: 154px !important;
 margin-top: 24px;
 padding-bottom: 50px;
}

#links {
 width: 100%;
}

#right {
 margin-left: 300px;
 margin-top: 0 !important;
 margin-top: 5px;
 padding-top: 135px !important;
 padding-top: 0;
 padding-bottom: 50px !important;
 padding-bottom: 10px;
}

#rss {
 height: 32px;
}

#breadcrumbs {
 font-size: 120%;
 border-bottom: 1px solid #62c0ed;
 text-transform: capitalize;
}

#page_options {
 font-family: Verdana, sans-serif;
 padding: 10px;
 background: #c2e2fc;
}

#page_prev, #page_next {
 padding: 10px;
 padding-bottom: 50px;
}
#page_prev {
 float: left;
}
#page_next {
 float: right;
}

#content {
 font-family: Verdana, sans-serif;
}

#gallery {
 float: right;
 width: 480px;
 height: auto !important;
 height: 360px;
 padding: 0 10px 10px 10px;
}

#footer {
 clear: both;
 position: fixed;
 bottom: 0px;
 width: 100%;
 padding: 20px 0 2px 0;
 color: #fff;
 text-align: center;
 background: url(images/site/bottom_strip_bg.png) bottom repeat-x;
}

#txp {
 visibility: visible !important;
 visibility: hidden;
 position: absolute;
 right: 0px;
 bottom: 0px;
}



/* ----- CLASSES ----- */

.LSRow { 
 margin: 1em 0 -1em 0;
}
.lsDate { 
 display: block; color: #555; 
}

#phone .small {
 font-size: 75%;
}

.shadow {
 float: right;
 margin: 0 1.5em 0 10px !important; 
 margin: 0 1.5em 0 5px;
 background: url(images/site/img_hard_shadow.gif) no-repeat bottom right;
}
.shadow div {
 background: url(images/site/img_shadow.png) no-repeat top left !important;
 background: none;
 padding: 0 6px 6px 0;
}

.enq_form_ok {
 background: #ff9;
}
.enq_form_error {
 background: #fdd;
}

.align_right {
 text-align: right;
}



/* ----- HEADINGS ----- */

h1,h2 {
 font-family: Georgia, serif;
 padding: 1em 0 0.7em 0;
 text-transform: capitalize;
}

h1 {
 font-size: 120%;
}
h1.nav {
 padding: 1em 0 0 0;
 margin-bottom: 0 !important;
 margin-bottom: 0.5em;
 color: #62c0ed;
 text-transform: uppercase;
 text-align: right;
 border-bottom: 1px solid #62c0ed;
}
h1.faq {
 color: #62c0ed;
}
.under_p {
 padding-top: 0.3em;
}

h2 {
 font-size: 110%;
}
h2.property {
 padding: 1em 0 0 0;
}



/* ----- PARAGRAPHS ----- */

p {
 line-height: 150%;
 padding: 0 1em 1em 0 !important;
 padding: 0 0.5em 1em 0;
}
p.under_list {
 padding-top: 1em;
}



/* ----- LISTS ----- */

ul {
 list-style: none;
}

#navigation ul {
 line-height: 1.5em !important;
 line-height: 1;
}
#navigation li {
 text-transform: capitalize;
 border: none !important;
 border: 1px solid #fff;
}

#content ol {
 margin: 0.5em 0 0.5em 2em;
}
#content ol li {
 margin: 0;
 padding: 0.3em 0;
}

#content ul {
 margin-top: -0.5em;
 margin-bottom: 0.5em;
}
#content li {
 padding: 0.2em 0 0.2em 2em;
 font-size: 11px;
 line-height: 130%;
}

ul.property {
 margin-left: -2em;
 padding-bottom: 0.5em;
}

ol.sitemap {
 list-style-type: decimal;
 margin-left: -2em;
}
ol.sitemap_l2 {
 list-style-type: lower-alpha;
 margin-top: -2em;
}
ol.sitemap li, ol.sitemap_l2 li {
 text-transform: capitalize;
}

ul#pagination {
 margin: 2em 0 0 -0.7em;
 font-family: Georgia, serif;
 font-size: 120%;
 font-weight: 700;
}
ul#pagination li {
 display: inline;
 margin: 0 0.5em;
 padding: 0;
}
ul#pagination li.current_page {
 padding: 0.5em 1em;
 border: 2px solid #62c0ed;
}

ul#enq_form_out {
 width: 20em;
 padding: 0.5em 0 1em 0;
 line-height: 1em;
}
ul#enq_form_out li {
 padding: 0.5em -3em;
 margin: 0.1em 0;
}



/* ----- IMAGES ----- */

#top_links img {
 padding-right: 30px !important;
 padding-right: 0;
 margin-right: 0 !important;
 margin-right: 30px;
}
img#property_services {
 padding: 0 10px 0 5px;
}

img#assetsoffshore_logo {
 position: absolute !important;
 top: 38px;
}

.shadow img {
 width: 30em;
 padding: 4px;
 border: 1px solid #a9a9a9;
}

#content img.grey_border {
 padding: 4px;
 border: 1px solid #a9a9a9;
}

.built_size, .bedrooms, .bathrooms {
 color: #62c0ed;
}
.plot_size, .ref_no, .price {
 color: #16568b;
}
.built_size, .bedrooms, .bathrooms, .plot_size {
 font-size: 110%;
 font-weight: 700;
}

#gallery img {
 float: none;
}
#gallery img.thumb {
 width: 64px !important;
 width: 70px;
 margin: 0 !important;
 margin: 5px 0px 0 3px;
 padding: 4px 0 0 0 !important;
 padding: 0;
}
#gallery img#largeimage {
 float: left;
 width: 480px;
}



/* ----- LINKS ----- */

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

a {
 color: #16568b;
 text-decoration: none;
}
a:visited {
 color: #777;
 text-decoration: none;
}
a:hover {
 color: #fff;
 background: #466e96;
 text-decoration: none;
}
a:hover.img {
 background: none;
 text-decoration: none;
}

#top_links a:hover {
 background: none;
}

#LSResult a {
 display: block;
 font-size: 120%;
 color: #62c0ed;
 padding: 0.5em;
 text-decoration: none;
}
#LSResult a:visited {
 color: #fff;
}
#LSResult a:hover {
 background: url(images/site/link_bg.png);
}

#navigation li a {
 display: block;
 padding: 0.3em 1em;
 font-size: 120%;
 text-decoration: none;
 color: #16568b;
}

#navigation li.active a {
 background: url(images/site/arrow_active.gif) no-repeat center right;
}
#navigation li a:hover {
 background: #c2e2fc url(images/site/arrow_over.gif) no-repeat center right;
}

#links li a:hover {
 background: #ff9 url(images/site/arrow_ext_over.gif) no-repeat center right;
}

#rss a.text {
 margin-left: 5px;
 vertical-align: 35%;
 font-size: 110%;
 text-decoration: underline;
}
#rss a.text:hover {
 text-decoration: none;
}

#page_prev a, #page_next a {
 font-family: Georgia, serif;
 font-size: 120%;
 line-height: 150%;
 text-transform: capitalize;
}
#page_prev a:visited, #page_next a:visited {
 color: #777;
}
#page_prev a:hover, #page_next a:hover {
 color: #fff;
}

#content a {
 padding: 0.2em;
 margin: -0.2em;
 text-decoration: underline;
}
#content a:hover, #content .ref_no a {
 text-decoration: none;
}

ul#pagination li a {
 display: inline;
 padding: 0.5em 1em;
}
ul#pagination li a:visited {
 color: #777;
}
ul#pagination li a:hover {
 color: #fff;
}

td.thumb a, td.thumb a:hover {
 background: none;
}

#gallery a, #gallery a:hover {
 background: none;
}



/* ----- TABLES ----- */

 table.property_list {
 width: 100% !important;
 width: 99.5%;
 margin: 0 0 2em 0;
 border-bottom: 1px solid #ccc;
}
td.title {
 padding-left: 0.2em !important;
 padding-left: 0;
}
tfoot td {
 border-bottom: 1px solid #ccc;
}
td.thumb, td.thumb img {
 width: 10em;
 padding: 0.3em 0 0.1em 0 !important;
 padding: 0.3em 0 0.2em 0;
}

td.details {
 padding-left: 2em;
 line-height: 200%;
}
td.price, td.ref_no {
 font-family: Georgia, serif;
 font-size: 120%;
 font-weight: 700;
}
td.price {
 color: #fff;
 text-align: center;
 background: #62c0ed;
}
td.ref_no {
 padding: 0.3em 1em;
 text-align: right;
}


/* ----- FORMS ----- */

form#searchform input {
 max-width: 235px;
}

form#advanced_search {
 padding: 10px 0 0 15px;
}