/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; margin: 0; padding: 0;}
html, body {background: url('graphics/fillers/background.jpg') top center no-repeat; background-color: #3A2709;}

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold; padding-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* CONTAINER */
#container {margin: 0 auto 0 auto; padding: 0 0 20px 0; width: 910px;}
#containbg {background: url('graphics/fillers/bg_container.gif') bottom center no-repeat; float: left; padding: 0 0 30px; width: 910px;}

/* TOP */
#logo {float: left; margin: 8px 0 0 45px;}
#topright {display: block; float: right; margin: 60px 55px 0 0; width: 340px;}
#topright h1 {color: #007CC4; display: block; float: right; font-size: 36px; font-weight: normal; margin: 0; padding: 0 0 0 100px;}
#topright h2 {color: #419400; float: right; font-size: 18px; font-weight: normal; margin: 0;}
#topright h3 {color: #A10404; float: right; font-size: 18px; font-weight: normal; margin: 0;}
#topright img {float: right; margin: 3px 0 0 10px;}
.clickhere {color: #419400; font-weight: normal;}

/* MENU */
#menu {background: url('graphics/fillers/bg_menu.gif') no-repeat; float: left; height: 41px; margin: 77px 0 0 17px; padding: 25px 0 0 0; width: 862px;}
#menu li {color: #FFFFFF; display: inline; font-size: 12px; font-weight: bold; margin: 0 15px 0 14px; padding: 0;}
#menu li.home {color: #FFFFFF; display: inline; font-size: 12px; font-weight: bold; margin: 0 23px 0 14px; padding: 0;}
#menu li.tree {color: #FFFFFF; display: inline; font-size: 12px; font-weight: bold; margin: 0 20px 0 14px; padding: 0;}
#menu li.photos {color: #FFFFFF; display: inline; font-size: 12px; font-weight: bold; margin: 0 17px 0 14px; padding: 0;}
#menu li a {color: #FFFFFF; font-size: 12px; font-weight: bold;}
#menu ul  {list-style: none; margin: 0 5px 0 0; padding: 0; text-align: right;}

/* MAIN */
.main {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 0 0 50px; width: 859px;}
.main a {color: #E3C595; text-decoration: underline;}
.main h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.main h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.main h3 {color: #F4D1A0; display: block; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.main img.recycle {float: right; margin: 20px 75px 0 20px;}

/* INDEX : TREE SURGERY */
#treesurgery {background: url('graphics/fillers/tree_surgery.jpg') no-repeat; float: left; height: 260px; margin: 0 0 0 4px; width: 484px;}
#treesurgery .bullets {float: left; margin: 70px 0 0 200px; width: 25px;}
#treesurgery .bullets img {margin: 0 0 15px 0;}
#treesurgery li {margin: 0 0 16px 0; padding: 0;}
#treesurgery li a {color: #573604; font-size: 11px; font-weight: bold; margin: 0 0 16px 0; padding: 0;}
#treesurgery ul {color: #573604; float: right; font-size: 11px; font-weight: bold; list-style: none; margin: 69px 0 0 0; width: 250px;}

/* INDEX : SHORT GALLERY */
#shortgallery {float: right; margin: -35px 40px 0 0; width: 330px;}
#shortgallery a {color: #F6D6A2; float: right; font-size: 11px; text-decoration: underline;}
#shortgallery a.smallimg {float: left;}
#shortgallery h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
#shortgallery h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
#shortgallery img.arrow {margin: 0 22px 0 5px;}
.frame {background: url('graphics/fillers/gallery_frame_small.jpg') no-repeat; float: left; height: 81px; margin: 0 19px 17px 0; padding: 7px 0 0 7px; width: 81px;}

/* TREE SURGERY */
#surgery {color: #FFFFFF; font-size: 11px; float: left; margin: 0 0 0 0; padding: 5px 0 0 55px; width: 792px;}
#surgery h1 {color: #CCB07F; display: block; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 1px 0 0 0;}
#surgery .bullets {float: left; margin: 0 15px 0 0; width: 25px;}
#surgery .bullets img {margin: 0 0 58px 10px;}

/* THE GALLERY */
.main img.leftphoto {float: left; margin: 20px 20px 0 -5px;}
#gallery {float: left; margin: 0 0 0 0; padding: 0 0 0 70px; width: 859px;}
#gallery h1 {color: #F4D1A0; float: left; font-size: 18px; font-weight: normal; margin: 0 0 5px 5px;}
#gallery h2 {color: #FFFFFF; font-size: 18px; font-weight: normal; margin: 0 0 5px 0;}
#gallery .frame {background: url('graphics/fillers/gallery_frame_small.jpg') no-repeat; float: left; height: 81px; margin: 0 22px 26px 0; padding: 7px 0 0 7px; width: 81px;}

/* THE PARTNERS */
#partners {color: #FFFFFF; float: left; font-size: 11px; margin: 0 0 0 0; padding: 20px 60px 0 60px; width: 789px;}
#partners h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 0 0 5px -5px;}
#partners h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 0 0 5px 0;}
#partners h3 {color: #F4D1A0; float: left; font-size: 18px; font-weight: normal; margin: -5px 0 5px 0;}
#partners .frame {background: url('graphics/fillers/partners_frame.jpg') no-repeat; float: left; height: 148px; margin: 0 22px 26px 0; padding: 11px 0 0 11px; width: 361px;}
#partners .frame img {float: left; margin: 0 35px 26px 0;}

/* CONSULTANCY */
.consultancy {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 50px 0 50px; width: 809px;}
.consultancy a {color: #E3C595; text-decoration: underline;}
.consultancy h1 {color: #F4D1A0; font-size: 12px; font-weight: bold; margin: 5px 0 -15px 0; padding: 0;}
.consultancy h3 {color: #F4D1A0; display: block; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.consultancy .frame {background: url('graphics/fillers/consultancy_frame.jpg') no-repeat; float: left; height: 138px; margin: 20px 22px 26px 0; padding: 0 0 0 9px; width: 372px;}
.consultancy .frame img {float: left; margin: 9px 30px 26px 0;}

/* WASTE MANAGEMENT */
.wastemanagement {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 0 0 50px; width: 859px;}
.wastemanagement a {color: #E3C595; text-decoration: underline;}
.wastemanagement h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.wastemanagement h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.wastemanagement h3 {color: #F4D1A0; display: block; font-size: 11px; font-weight: bold; margin: 5px 0 0 0; padding: 0;}
.wastemanagement img.recycle {float: right; margin: 20px 75px 0 20px;}
.wastemanagement .bullets {float: left; margin: 3px 10px 0 0; width: 25px;}
.wastemanagement .bullets img {margin: 0 0 51px 0;}

/* FAQ'S */
.faq {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 70px 0 50px; width: 789px;}
.faqleft {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0;}
.faqright {color: #FFFFFF; float: left; font-size: 11px; margin: 58px 0 0 68px; padding: 0; width: 300px;}
.faq a {color: #E3C595; text-decoration: underline;}
.faq h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.faq h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0; width: 300px}
.faq h3 {color: #F6D6A2; display: block; font-size: 11px; font-weight: normal; margin: 10px 0 0 0; padding: 0 0 1px 0; text-decoration: underline;}
.faq h4 {color: #F4D1A0; display: block; font-size: 18px; font-weight: normal; margin: 5px 0 10px 0;}
.faq .bullets {float: left; margin: 4px 5px 0 0; width: 25px;}
.faq .bullets img {margin: 0 0 5px 0;}
.faq img.qanda {float: left; margin: 8px 20px 10px 0;}
.faqright .bullets {float: left; margin: 8px 5px 0 0; width: 25px;}
.faqright .bullets img {margin: 0 0 5px 0;}

/* CONTACT US */
.contact {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 0 0 50px; width: 859px;}
.contact h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.contact h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.contactleft {color: #FFFFFF; float: left; font-size: 11px; margin: 10px 0 0 0; padding: 0; width: 360px;}
.contactright {color: #FFFFFF; float: right; font-size: 11px; margin: 10px 95px 0 0; padding: 0; width: 351px;}
.contactright textarea {background: url('graphics/fillers/bg_textarea.jpg'); border: 1px solid #000000; color: #000000; font-size: 13px; height: 104px; line-height: 15px; margin: 0 0 9px 0; padding: 2px 4px 0 4px; width: 199px;}
.titles {color: #E3C595; float: left; font-size: 11px; font-weight: bold; line-height: 28px; margin: 0;}
.infos {float: right; font-size: 11px; line-height: 28px; padding-right: 10px;}
.infos .loginboxes {background: url('graphics/fillers/bg_textbox.jpg'); border: 1px solid #000000; color:#000000; height: 17px; margin: 0 0 7px 0; padding: 2px 4px 0 4px; width: 173px;}
.enquiry .login {float: right; height: 27px; margin: -20px 10px 0 0; width: 101px;}

/* CLIENT LIST */
.client {color: #FFFFFF; float: left; font-size: 11px; margin: 0; padding: 0 50px 0 50px; width: 809px;}
.client a {color: #E3C595; text-decoration: underline;}
.client h1 {color: #F4D1A0; float: left; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.client h2 {color: #FFFFFF; font-size: 24px; font-weight: normal; margin: 20px 0 5px 0;}
.listleft {color: #F6D6A2; float: left; font-size: 11px; margin: 0 0 0 57px; padding: 0; width: 320px;}
.listleft h3 {color: #F4D1A0; display: block; font-size: 11px; font-weight: bold; margin: 5px 0 4px 0;}
.listright {color: #F6D6A2; float: left; font-size: 11px; margin: 0 0 0 90px; padding: 0; width: 320px;}
.listright h3 {color: #F4D1A0; display: block; font-size: 11px; font-weight: bold; margin: 5px 0 4px 0;}
.listleft .bullets {float: left; margin: 4px 5px 0 0; width: 25px;}
.listleft .bullets img {float: left; margin: 6px 0 18px 0;}
.listright .bullets {float: left; margin: 7px 5px 0 0; width: 25px;}
.listright .bullets img {margin: 6px 0 16px 0;}
.listleft .normal {font-weight: normal;}
.listright .normal {font-weight: normal;}

/* FOOTER */
#footerarea {margin: 0 auto 0 auto; padding: 0; width: 847px;}
#footer {height: 128px; margin: 0; padding: 0; width: 847px;}
#footleft {color: #B99C6E; float: left; font-size: 9px; margin: 15px 0 0 16px; padding: 0; width: 300px;}
#footright {color: #B99C6E; float: right; font-size: 9px; margin: 10px 0 0 0; padding: 0;}
#footright a {color: #B99C6E; font-size: 9px;}
#footright img {margin: 0 21px -5px 5px; padding: 0;}
#bottom {background: url('graphics/fillers/bg_footer.jpg') top center no-repeat; float: left; height: 43px; margin: 0; padding: 25px 0 0 0; width: 847px;}
#bottom li {color: #FFFFFF; display: inline; font-size: 12px; font-weight: normal; margin: 0; padding: 0;}
#bottom li a {color: #FFFFFF; font-size: 12px; font-weight: normal; margin: 0 11px 0 11px; text-decoration: none;}
#bottom li a:hover {text-decoration: underline;}
#bottom ul  {list-style: none; margin: 0; padding: 0; text-align: center;}

/* GLOBAL CSS */
.break {background: url('graphics/elements/hor_divider.gif') no-repeat; float: left; height: 38px; margin: 10px 0 10px 0; width: 909px;}
.clear {clear: both; height: 20px;}
.left_align_image {float: left; margin: 0 15px 15px 0;}
.left_align_image_with_border {border: 1px solid #000000; float: left; margin: 0 15px 15px 0;}
.right_align_image {float: right; margin: 0 0 15px 15px;}
.right_align_image_with_border {border: 1px solid #000000; float: right; margin: 0 0 15px 15px;}