body {
background-color:#eee;
color:#555;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

/* MAIN STRUCTURE start */
#container {
width:940px;
margin:auto;
position:relative;
}

#innercontainer {
clear:both;
float:left;
background:#fff url('../images/bg_triangle.jpg') no-repeat 70% 50%;
height:auto !important;
min-height:470px;
*height:600px;
width:940px;
padding:0 0 20px;
}

#page-home #innercontainer {
background:#fff url('../images/bg_home_map.jpg') no-repeat 50% 15%;
}

#page-what.geography #innercontainer {
background:#fff url('../images/bg_geography.jpg') no-repeat top left;
}

#page-why #innercontainer {
background-image:none;
}

#header {
clear:both;
padding:30px 60px 30px 30px;
margin:0;
}

#innercontainer1 {
clear:both;
float:left;
margin:20px 0 0;
}
.fashion { display:none; }
#left {
clear:left;
float:left;
width:200px;
padding:0 30px;
margin:0;
}

#content {
float:left;
width:560px;
padding:0 0 0 60px;
margin:0;
border-left:1pt solid #dcd2c7;
height:auto !important;
min-height:388px;
}

#page-what.geography #content {
width:662px;
padding:0;
margin:0;
/*margin:-5px 0 0 3px;*/
}

#footer {
clear:both;
color:#777;
padding:0 0 10px;
margin:0 0 10px;
}
/* MAIN STRUCTURE end */

/* MAIN ELEMENTS start */
#content p {
padding:0;
margin:0 0 10px;
}

#content img {
float:right;
border:1px solid #8b6b47;
padding:0;
margin:0 0 20px 20px;
}

#page-what #content img {
border:none;
}

#content img.floatleft {
float:left;
margin:0 20px 20px 0;
}

#content img.top {
float:none;
width:530px;
height:130px;
border:1px solid #3b657f;
padding:0;
margin:0 0 20px;
}

#content a {
color:#777;
}

#content a:hover {
color:#000;
}

#content ul {
list-style-type:square;
}
/* MAIN ELEMENTS end */

/* FORM ELEMENTS start */
#content label {
float:left;
display:block;
width:235px;    /*it was 165px*/
margin:0;
padding:0;
font-weight:bold;
}

#content input {
display:inline;
margin:0;
padding:0;
}
/* FORM ELEMENTS end */

/* HEADINGS start*/
h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
}

h1 {
font-size:16px;
color:#8a6945;
text-transform:capitalize;
}

h1.title {
color:#777;
/*background:url('../images/triangle.gif') no-repeat left bottom;*/
padding-left:0;
margin-bottom:20px;
}

h2 {
font-size:12px;
color:#01415b;
}

h3 {
font-size:11px;
}

h4 {
font-size:11px;
font-weight:normal;
}

h5 {
font-size:10px;
}

h6 {
font-size:10px;
}

#latest-news {
background-image:url('../images/headings/h_latest-news.gif');
width:117px;
height:13px;
margin:20px 0 30px;
}

#h_why-tranic {
background-image:url('../images/headings/h_why-tranic.gif');
width:112px;
height:19px;
margin:20px 0 30px;
}

#h_what-we-do {
background-image:url('../images/headings/h_what-we-do.gif');
width:125px;
height:15px;
margin:20px 0 30px;
}

#h_news {
background-image:url('../images/headings/h_news.gif');
width:66px;
height:13px;
margin:20px 0 30px;
}

#h_contact-us {
background-image:url('../images/headings/h_contact-us.gif');
width:110px;
height:13px;
margin:20px 0 30px;
}
/* HEADINGS STYLES end */

/* HEADER ELEMENTS and MAIN NAVIGATION MENU start */
#header img#logo {
float:left;
}

ul#navmenu {
float:left;
display:block;
height:15px;
list-style-type:none;
margin: 45px 0 0 88px;
padding:0;
}

ul#navmenu li {
display:inline;
}

ul#navmenu li.first {
padding-left:0;
}

ul#navmenu li.last {
padding-right:0;
}

ul#navmenu li a {
float:left;
display:block;
height:15px;
}

ul#navmenu li a#home {
width:36px;
background:transparent url('/images/nav/home.gif') no-repeat scroll top left;
padding-right:60px;
}

ul#navmenu li a#why {
width:70px;
background:transparent url('/images/nav/why-tranic.gif') no-repeat scroll top left;
padding-right:60px;
}

ul#navmenu li a#what {
width:80px;
background:transparent url('/images/nav/what-we-do.gif') no-repeat scroll top left;
padding-right:60px;
}

ul#navmenu li a#news {
width:34px;
background:transparent url('/images/nav/news.gif') no-repeat scroll top left;
padding-right:60px;
}

ul#navmenu li a#contact {
width:69px;
background:transparent url('/images/nav/contact-us.gif') no-repeat scroll top left;
}

ul#navmenu li a#home:hover, ul#navmenu li a#why:hover, ul#navmenu li a#what:hover, ul#navmenu li a#news:hover, ul#navmenu li a#contact:hover,

#page-home ul#navmenu li a#home, #page-why ul#navmenu li a#why, #page-what ul#navmenu li a#what, #page-news ul#navmenu li a#news, #page-contact ul#navmenu li a#contact
{
background-position: bottom left;
}
/* HEADER ELEMENTS and MAIN NAVIGATION MENU end */

/* SIDE NAVIGATION MENU start */
ul#sidenav {
width:200px;
list-style-type:none;
margin:0;
padding:0;
}

ul#sidenav ul {
list-style-type:disc;
list-style-position:inside;
margin:0 0 0 10px;
padding:0;
}

ul#sidenav li {
margin:0;
padding:0 0 5px 0;
}

ul#sidenav ul li {
margin:0;
padding:0 0 2px 0;
}

ul#sidenav li a {
font-size:12px;
font-weight:bold;
color:#777;
text-decoration:none;
/*text-transform:capitalize;*/
}

ul#sidenav ul li a {
font-size:11px;
font-weight:normal;
}

ul#sidenav li a:hover
{
color:#8a6945;
}
/* SIDE NAVIGATION MENU end */

/* FOOTER ELEMENTS start */
#footer span {
float:right;
}

#footer a {
color:#777;
text-decoration:none;
}

#scroller a {
color:#fff;
text-decoration:none;
}

.newsscroller {
width:900px;
padding:12px 20px 0;
margin:0 auto;
}

#scroller .newsscroller a {
color:#99b2bd;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#scroller .newsscroller a:hover {
color:#fff;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}
/* FOOTER ELEMENTS end */

/* BUTTONS start* /

a.b_join {
display:block;
width:190px;
height:25px;
background:url('../images/buttons/b_join.gif') no-repeat top left;
padding:0;
margin:0;
}

a.b_enquiry {
display:block;
width:190px;
height:25px;
background:url('../images/buttons/b_enquiry.gif') no-repeat top left;
padding:0;
margin:0;
}

a.b_join:hover, a.b_enquiry:hover {
background-position:bottom left;
}

/* BUTTONS end*/

/* PROPERTIES ELEMENTS start * /

.properties {
border-top:1px solid #ccc;
padding:10px 0;
margin-top:15px;
}

.properties img {
float:left;
margin-right:10px;
border:1px solid #3b657f;
}

.subheading {
width:500px;
display:block;
}

#results {
clear:both;
border-top:1px solid #ccc;
padding:15px 0;
text-align:center;
}

#gallery {
}

#small {
float:right;
width:102px;
margin-left:1px;
}

#small img {
float:none;
width:100px;
height:100px;
border:1px solid #3b657f;
padding:0;
margin:0;
}

#small .frame {
width:102px;
height:102px;
background-color:#c2c2c2;
margin:0 0 13px;
}

#big {
float:left;
width:522px;
}

#big img {
width:520px;
height:330px;
border:1px solid #3b657f;
}

#content dl.details, #content_big dl.details {

}

#content dl.details dt, #content_big dl.details dt {
clear:left;
float:left;
width:100px;
margin:0 0 5px;
color:#036;
}

#content dl.details dd, #content_big dl.details dd {
float:left;
width:400px;
margin:0 0 5px;
}

.bedrooms {
float:left;
width:17px;
height:20px;
background:url('../images/properties/icon_bed_big.gif') no-repeat top left;
padding:7px 0 0 55px;
margin:0 10px 0 0;
text-align:left;
}

.bathrooms {
float:left;
width:17px;
height:20px;
background:url('../images/properties/icon_bath_big.gif') no-repeat top left;
padding:7px 0 0 55px;
margin:0 10px 0 0;
text-align:left;
}

.carspaces {
float:left;
width:17px;
height:20px;
background:url('../images/properties/icon_car_big.gif') no-repeat top left;
padding:7px 0 0 55px;
text-align:left;
}

.mt7 {
margin-top:7px;
}
/* PROPERTIES ELEMENTS end */

/* OTHER ELEMENTS start */
.hidden {
display:none;
}

.bold {
font-weight: bold;
}

.golden {
color:#8a6945;
}

.blue {
color:#01415b;
}

.more, #content .more {
color:#8a6945;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

.more:hover, #content .more:hover {
text-decoration:underline;
}

.box_home {
float:right;
width:250px;
margin:50px 0 0;
padding:0;
font-size:13px;
}

.noborder, #content img.noborder {
border:none;
}

#mapcontainer {
float:left;
width:318px;
/*padding:45px 0 0 80px;*/
padding:30px 0 0 12px;
margin:0;
}

#content img.map {
float:none;
border:none;
padding:0;
margin:0;
}

.detailsbox {
/*
position:relative;
top:0px;
*top:-390px;
left:270px;
*/
float:right;
width:264px;
height:375px;
padding:0;
margin:0;
background:url('../images/bg_detailsbox.gif') no-repeat top left;
z-index:100;
}

.detailscontent {
padding:15px;
height:310px;
overflow:hidden;
}

.detailscontent h1, .detailscontent p {
color:#fff;
}

#scroller {
height:40px;
background:#105672 url('../images/bg_scroller.jpg') repeat-x top left;
padding:0;
margin:0 0 10px;
color:#fff;
text-align:center;
}

#leftscroller, #rightscroller {
float:left;
width:300px;
height:15px;
padding:3px 0 0;
overflow:hidden;
}

#middlescroller {
float:left;
width:110px;
height:15px;
padding:3px 0 0;
overflow:hidden;
}

a.b_arrow-left {
float:left;
display:block;
width:22px;
height:22px;
background:url('../images/arrow-left2.jpg') no-repeat top left;
color:#fff;
text-decoration:none;
padding:0;
margin:0 20px;
}

a.b_arrow-right {
float:left;
display:block;
width:22px;
height:22px;
background:url('../images/arrow-right.jpg') no-repeat top left;
color:#fff;
text-decoration:none;
padding:0;
margin:0 20px;
}

a.b_arrow-left:hover, a.b_arrow-right:hover {
background-position:bottom left;
}

#content a.closex {
float:right;
color:#8ca9b5;
text-decoration:none;
font-size:16px;
font-weight:bold;
padding:0 10px 0 0;
}

#content a.closex:hover {
color:#fff;
}

.w250 {
width:250px;
}

#content a.maplink {
color:#fff;
text-decoration:none;
font-weight:bold;
padding:0 15px;
}

#content a.maplink:hover {
color:#8ca9b5;
}

.floatright {
float:right;
}

#content hr {
display:block;
width:560px;
height:8px;
background:transparent url('../images/hr.gif') no-repeat top left;
border:none;
}

#content a.pdflink {
font-weight:bold;
text-decoration:none;
background:url('../images/pdf2.gif') no-repeat top left;
padding:10px 0 0 25px;
}

/*

table.maintable {
width:100%;
border-collapse:collapse;
border:1px solid #036;
}

table.maintable tr {
border-bottom:1px solid #036;
}

table.maintable td {
padding:5px 10px;
text-align:left;
}

table.maintable th {
font-weight:bold;
color:#036;
background-color:#ccc;
padding:5px 10px;
text-align:left;
}

/* OTHER ELEMENTS end */