/* CSS Document for Turtle (www.turtleindia.co.uk) */

body {
                margin: 0px;
                padding: 0px;
                border: 0px;
				background: url(images/body-background.jpg) left 85px repeat-x #fff 
}

* {margin: 0px; padding: 0px; border: 0px; font-family: Arial, Helvetica, sans-serif} 


/* ------------------------- MAIN LAYOUT ----------------------- */
div#container {margin: 0 auto; width: 950px; overflow: hidden}
div#top {position: relative; width: 950px; height: 85px}

div#images {width: 950px; height: 247px}
div#images img {margin-top: 12px}

/* COLUMNS */
div#full-col {float: left; width: 950px; padding-bottom: 35px}
div#left-col {float: left; width: 475px}   /* HALF WIDTH COLUMN */
div#right-col {float: right; width: 474px; border-left: 1px solid #5ea61b}   /* HALF WIDTH COLUMN */
div.one-third-column {float: left; width: 316px}

div#left-col-large {float: left; width: 710px}   /* USED WITH RIGHT COL SMALL */
div#right-col-small {float: right; width: 239px; border-left: 1px solid #5ea61b}   /* USED FOR RIGHT HAND NAVIGATION */

/* FOOTER */
div#footer {position: relative; width: 950px; height: 3em; background: url(images/footer-background.gif) 0 0 no-repeat #fff; clear: both; color: #fff; font-size: 0.6em}
div#address {width: 950px; height: 3em; line-height: 3em; font-size: 0.70em; color: #5c4236; text-align: center}


/* ------------------------ HEADINGS AND TEXT ---------------------- */
h1 a {position: absolute; top: 0; left: 0}  /* SITE TITLE */
h1 a span {display: none}   /* SITE TITLE */

h2 {margin: 35px 35px 0px 35px; font-weight: normal; font-size: 1.70em; color: #548725; line-height: 1.50em}

h3 {margin: 35px 35px 0px 35px; font-weight: bold; font-size: 1.00em; color: #548725; line-height: 0.90em}

span#telephone-number {position: absolute; right: 0; top: 20px; color: #b8caaa; font-size: 1.10em}

/* p.intro {margin: 35px 35px 0 35px; font-size: 1.10em; color: #548725; line-height: 1.50em} */
p.copyright {margin: 0; margin-left: 25px; font-size: 1.10em; color: #fff; line-height: 2.55em}
p {margin: 15px 35px; font-size: 0.75em; color: #333; line-height: 1.70em}

a {color: #548725; text-decoration: none}
a:hover {color: #333}

ul {margin: 15px 35px 15px 50px}
ul li {font-size: 0.75em; line-height: 1.60em; list-style: square outside}

div#footer a {color: #fff; text-decoration: none}
div#footer a:hover {color: #000; text-decoration: none}

table {width: 630px; margin: 10px 35px; font-size: 0.75em; line-height: 1.60em; border-collapse: collapse}
table tr.odd td {padding: 5px 20px 5px 5px; background: #f7faf6}
table tr th, table tr.even td {text-align: left; padding: 5px 20px 5px 5px; background: #e6f2e4}
table tr.odd td span.right {float: right; margin-right: 60px}
table tr th.project {width: 120px}  /* GIVES FIRST COLUMN THE SAME WIDTH */

/* ----------------------------- IMAGES ---------------------------- */
div.photo-home {float: left; margin: 0 0 0 40px; font-size: 0.70em}


/* ------------------------- MAIN NAVIGATION ----------------------- */
div#top ul {margin: 0; position: absolute; bottom: 0; right: 0; overflow: hidden}
div#top ul li {list-style-type: none; display: inline}
div#top ul li a {display: block; float: left; height: 26px; background-position: left 0}
div#top ul li a:hover {background-position: left -26px}
div#top ul li a span {display: none}


#home {width: 51px; background-image: url(images/nav-home.gif)}
#culture {width: 61px; background-image: url(images/nav-culture.gif)}
#people {width: 55px; background-image: url(images/nav-people.gif)}
#offices {width: 58px; background-image: url(images/nav-offices.gif)}
#contact-us {width: 77px; background-image: url(images/nav-contact-us.gif)}
#services {width: 64px; background-image: url(images/nav-services.gif)}
#asset-types {width: 85px; background-image: url(images/nav-asset-types.gif)}
#experience {width: 76px; background-image: url(images/nav-experience.gif)}
#in-the-uk {width: 68px; background-image: url(images/nav-in-the-uk.gif)}
#international-experience {width: 160px; background-image: url(images/nav-our-international-experience.gif)}
#jobs-at-turtle {width: 97px; background-image: url(images/nav-jobs-at-turtle.gif)}

/* CURRENT STATES */
#home-page div#top ul li a#home,
#culture-page div#top ul li a#culture,
#people-page div#top ul li a#people,
#international-experience-page div#top ul li a#international-experience,
#in-the-uk-page div#top ul li a#in-the-uk,
#offices-page div#top ul li a#offices,
#contact-us-page div#top ul li a#contact-us,
#services-page div#top ul li a#services,
#asset-types-page div#top ul li a#asset-types
{background-position: left -26px}


/* ------------------------- SIDE NAVIGATION ----------------------- */
div#right-col-small ul {margin: 10px 20px; padding: 0}
div#right-col-small ul li {float: left; margin: 0; line-height: 1.6em; list-style: none outside}
div#right-col-small ul li a {float: left; margin: 0; display: block; width: 190px; line-height: 1.6em; color: #548725; text-decoration: none}
div#right-col-small ul li a:hover, div#right-col-small ul li a.current {color: #333}



/* ------------------------- BOTTOM NAVIGATION ----------------------- */
div#footer ul {position: absolute; right: 0px; z-index: 10; top: -15px; height: 3em}
div#footer ul li {display: inline}
div#footer ul li a {color: #fff; padding: 0 2px; font-size: 1.50em; line-height: 2.5em; text-decoration: none}
div#footer ul li a:hover {color: #000}