/* -- layout -- */

body {
background-color: #FFFFFF;
font: small Verdana, Arial, sans-serif;
color: #5F5F5F;
font-size: 11px;
padding: 0px;
margin: 0px;
}

body.bl_window {
background-color: #FFFFFF;
font: small Verdana, Arial, sans-serif;
color: #5F5F5F;
font-size: 11px;
padding: 0px;
margin: 0px;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#CC0000;
}

/* -- navigation -- */
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#bl_nav1 ul {
width: 70%;
float: left;
margin: 0px;
padding-left: 15px;
padding-top: 5px;
list-style-type:none;
border: 0px solid #000000;
}

#bl_nav1 li {
text-align:center;
float:left;
border:0px solid #000000;
}

li.spacer {
color: #FFFFFF;
font-weight:normal;
text-align:center;
width: 5.5%;
float:left;
border:0px solid #000000;
}

#bl_nav1 a {
color:#FFFFFF;
font-weight:bold;
letter-spacing:1px;
display:block;
text-decoration:none;
border:0px solid #000000;
}

#bl_nav1 a:hover {
color:#CC0000;
}

#home #bl_nav1 #nav_main1 {color:#CC0000;}
#home #bl_nav1 #nav_main1:hover {color:#FFFFFF;}

#aboutus #bl_nav1 #nav_main2 {color:#CC0000;}
#aboutus #bl_nav1 #nav_main2:hover {color:#FFFFFF;}

#projects #bl_nav1 #nav_main3 {color:#CC0000;}
#projects #bl_nav1 #nav_main3:hover {color:#FFFFFF;}

#references #bl_nav1 #nav_main4 {color:#CC0000;}
#references #bl_nav1 #nav_main4:hover {color:#FFFFFF;}

#news #bl_nav1 #nav_main5 {color:#CC0000;}
#news #bl_nav1 #nav_main5:hover {color:#FFFFFF;}

#contacts #bl_nav1 #nav_main6 {color:#CC0000;}
#contacts #bl_nav1 #nav_main6:hover {color:#FFFFFF;}


#bl_subnav1 ul {
list-style-type: none;
padding-left: 26px;
padding-top: 20px;
margin: 0;
}

#bl_subnav1 li {
width: 170px;
line-height:25px;
margin: 0;
padding: 0px;
border-top: 1px solid #B9C7BE;
}

#bl_subnav1 a {
color:#FFFFFF;
width: 170px;
display: block;
font-weight:normal;
text-decoration:none;
letter-spacing:0em
}

#bl_subnav1 a:hover {
background: url(../pics/subnav_active.gif) no-repeat;
color:#CC0000;
}

body.projects_a #bl_subnav1 #subnav1 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_a #bl_subnav1 #subnav1:hover {color:#CC0000;}
body.projects_b #bl_subnav1 #subnav2 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_b #bl_subnav1 #subnav2:hover {color:#CC0000;}
body.projects_c #bl_subnav1 #subnav3 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_c #bl_subnav1 #subnav3:hover {color:#CC0000;}
body.projects_d #bl_subnav1 #subnav4 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_d #bl_subnav1 #subnav4:hover {color:#CC0000;}
body.projects_e #bl_subnav1 #subnav5 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_e #bl_subnav1 #subnav5:hover {color:#CC0000;}
body.projects_f #bl_subnav1 #subnav6 {background: url(../pics/subnav_active.gif) no-repeat;}
body.projects_f #bl_subnav1 #subnav6:hover {color:#CC0000;}
a.subnav2 {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a.subnav2:hover {
color:#CC0000;
}

a.refnav {
color:#FFFFFF;
font-weight:normal;
letter-spacing:1px;
text-decoration:none;
}

a.refnav:hover {
text-decoration:underline;
}

a.navfooter {
font-size: 9px;
color:#5F5F5F;
font-weight:normal;
text-decoration:none;
}

a.navfooter:hover {
text-decoration:underline;
}

a.content1 {
color:#CC0000;
font-weight:bold;
text-decoration:none;
/* -- border-bottom: 1px dotted; -- */
}

a.content1:hover {
color:#FFFFFF;
}

a.content2 {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a.content2:hover {
color:#CC0000;
}

a.content_sitemap1 {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a.content_sitemap1:hover {
color:#CC0000;
}

a.content_sitemap2 {
color:#CC0000;
font-weight:bold;
text-decoration:none;
padding-left:17px;
}

a.content_sitemap2:hover {
color:#FFFFFF;
}

a.content_sitemap3 {
font-size: 9px;
color:#CC0000;
font-weight:bold;
text-decoration:none;
padding-left:22px;
}

a.content_sitemap3:hover {
color:#FFFFFF;
}

a.content_small1 {
font-size: 9px;
color:#CC0000;
font-weight:bold;
text-decoration:none;
/* -- border-bottom: 1px dotted; -- */
}

a.content_small1:hover {
color:#FFFFFF;
}

a.content_small2 {
font-size: 9px;
color:#5F5F5F;
font-weight:bold;
text-decoration:none;
}

a.content_small2:hover {
color:#CC0000;
}

a.content_small3 {
font-size: 9px;
color:#CC0000;
font-weight:bold;
text-decoration:none;
}

a.content_small3:hover {
color:#FFFFFF;
}

a.content_small3:active {
width:10px;
color:#FFFFFF;
text-align:center;
background-color:#CC0000;
}

a.aboutus_sidecontent {
text-decoration:none;
}

/* -- font -- */

font {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

font.footer_devision {
font-size: 9px;
color: #5F5F5F;
font-weight:normal;
}

font.refnav_devision {
font-size: 11px;
color: #FFFFFF;
font-weight:normal;
}

font.subnav1 {
color: #FFFFFF;
font-weight:bold;
text-transform:uppercase;
}

font.bulletpoint1 {
color: #CC0000;
font-weight:bold;
}

font.subcontent_subheadline {
color: #FFFFFF;
font-size: 9px;
font-weight:normal;
margin-left:18px;
}

font.content_small {
color: #5F5F5F;
font-size: 9px;
font-weight:normal;
}

font.content_projects {
font-size: 11px;
font-weight:bold;
}

font.content_small_projects {
font-size: 9px;
font-weight:normal;
}

font.bl_header {
color: #5F5F5F;
font-weight:normal;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

h1.footer {
font-size: 9px;
color: #5F5F5F;
font-weight: normal;
margin-top:3px;
}

h1.content {
color: #FFFFFF;
margin-left:60px;
margin-top:30px;
margin-bottom: -20px;
}

h1.subcontent_header {
color: #FFFFFF;
font-weight: bold;
text-transform:uppercase;
margin-left:25px;
margin-top:8px;
margin-bottom:0px;
}

h1.subcontent {
color: #FFFFFF;
font-weight: bold;
margin-bottom: 10px;
}

h1.bl_header {
color: #FFFFFF;
margin-bottom: 5px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

p.subcontent {
color: #5F5F5F;
font-weight: normal;
}

p.content_home {
color: #FFFFFF;
font-weight: normal;
margin-left:60px;
margin-top:30px;
width:400px;
line-height:20px;
}

p.subcontent1 {
color: #5F5F5F;
font-weight: normal;
width:100%;
margin-top:0px;
padding-top:0px;
padding-bottom:15px;
text-align:justify;
border-bottom: 1px solid #8AA193 dashed;
}

li {
color: #FFFFFF;
}

br.breack_6px {
line-height: 6px;
}
br.breack_10px {
line-height: 10px;
}

br.breack_13px {
line-height: 13px;
}
/* -- div -- */

#bl_website {
width:840px;
height:400px;
position:absolute;
left:50%;
top:50%;
margin-left:-415px;
margin-top:-195px;
z-index:1;
border: 0px solid #000000;
}

#bl_masterhead {
background-color: #FFFFFF;
width: 830px;
height: 24px;
border: 0px solid #000000;
}

#bl_nav2 {
font-size: 9px;
float:right;
padding-top: 10px;
border: 0px solid #000000;
}

div.bg_nav_home {
background: url(../pics/nav_module_home.gif) no-repeat;
}

div.bg_nav_general {
background: url(../pics/nav_module_general.gif) no-repeat;
}

div.bl_separator1 {
height: 0px;
padding-top: 0px;
clear: both;
border: 0px solid #000000;
}

div.bl_separator2 {
height: 3px;
padding-top: 0px;
clear: both;
border: 0px solid #000000;
}

div.bl_separator3 {
height:0px;
margin-top:-8px;
clear:both;
border: 0px solid #000000;
}

#bl_content {
background-color: #FFFFFF;
width: 840px;
height: 350px;
float: left;
padding-left: 0px;
padding-top: 0px;
border: 0px solid #000000;
}

div.bg_content_home {
background: url(../pics/hirst_landscape_architects_home.gif) no-repeat;
}

div.bg_content_services {
background: url(../pics/hirst_landscape_architects_services.gif) no-repeat;
}

div.bg_content_aboutus {
background: url(../pics/hirst_landscape_architects_aboutus.gif) no-repeat;
}

div.bg_content_projects {
background: url(../pics/hirst_landscape_architects_projects.gif) no-repeat;
}

div.bg_content_references {
background: url(../pics/hirst_landscape_architects_references.gif) no-repeat;
}

div.bg_content_news {
background: url(../pics/hirst_landscape_architects_news.gif) no-repeat;
}

div.bg_content_contacts {
background: url(../pics/hirst_landscape_architects_contacts.gif) no-repeat;
}

div.bg_content_sitemap {
background: url(../pics/hirst_landscape_architects_sitemap.gif) no-repeat;
}

div.bg_content_disclaimer {
background: url(../pics/hirst_landscape_architects_disclaimer.gif) no-repeat;
}

#bl_subnav1 {
float: left;
border: 0px solid #000000;
}

#bl_sidecontent1 {
float: left;
border: 0px solid #000000;
}

#bl_sidecontent1 ul {
list-style-type: none;
padding-left: 26px;
padding-top: 20px;
margin: 0;
}

#bl_sidecontent1 li {
width: 170px;
line-height: 25px;
margin: 0;
padding: 0px;
border-top: 1px solid #B9C7BE;
}

#bl_sidecontent2 {
color: #FFFFFF;
font-weight: normal;
margin-right:25px;
margin-top:39px;
width:200px;
line-height:15px;
float: right;
border: 0px solid #000000;
}

#bl_ticker {
height: 174px;
width: 170px;
line-height: 15px;
}

#bl_tickercontent {
position: relative
}

#bl_subcontent {
width: 72%;
float: right;
margin-top:20px;
margin-right:20px;
border: 0px solid #000000;
}

#bl_subcontent_header {

background-color: #B9C7BE;
width: 100%;
height: 27px;
float: right;
margin:0px;
padding:0px;
border: 0px solid #000000;
}

#bl_subcontent_box {

background-color: #B9C7BE;
width: 100%;
height: 210px;
float: right;
overflow:auto;
margin:0px;
padding:0px;
border: 0px solid #000000;
scrollbar-base-color:#B9C7BE;
scrollbar-track-color:#B9C7BE;
scrollbar-face-color:#B9C7BE;
scrollbar-highlight-color:#B9C7BE;
scrollbar-3dlight-color:#B9C7BE;
scrollbar-darkshadow-color:#B9C7BE;
scrollbar-shadow-color:#B9C7BE;
scrollbar-arrow-color:#CC0000;
}

#bl_footer_projects {
color: #FFFFFF;
float: right;
margin-top:24px;
margin-right:20px;
border: 0px solid #000000;
}

#bl_footer {
width: 830px;
height: 26px;
float: left;
padding-left: 0px;
margin: 0px;
border: 0px solid #000000;
}

/* -- image-table -- */

table {
text-align:left;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5F5F5F;
font-weight: normal;
}

table.projects {
width: 95%;
padding:0px;
margin-top:8px;
margin-left:23px;
border: 0px solid #000000;
}

td.projects_row1 {/* -- icon -- */
vertical-align:middle;
width: 27%;
}

img.project_overview {/* -- icon -- */
width: 126px;
height: 46px;
border: 0px solid #000000;
}

td.projects_row2 {/* -- text -- */
vertical-align:middle;
width: 77%;
}

td.projects_row3 {/* -- devision -- */
vertical-align:middle;
width: 100%;
height: 21px;
}

td.projects_row3_end {/* -- devision -- */
vertical-align:middle;
width: 100%;
height: 10px;
}

div.project_devisionline {/* -- devision -- */
width: 100%;
margin-left: 2px;
border-top: 1px solid #8AA193 dashed;
}

td.projects_row4 {/* -- revnav -- */
border-top: 1px solid #8AA193 dashed;
width: 100%;
}

table.projects_details {
width: 95%;
padding:0px;
margin-top:8px;
margin-left:25px;
border: 0px solid #000000;
}

td.cell_1 {/* -- headline -- */
color: #FFFFFF;
font-weight:bold;
height: 15px;
vertical-align:top;
}

td.cell_2 {/* -- image -- */
width: 60%;
}
img.project_detail {
width: 330px;
height: 120px;
border: 0px solid #000000;
}

td.cell_3 {/* -- spacer -- */
width: 30px;
}

td.cell_4 {/* -- txt1 -- */
font-size: 9px;
font-weight:bold;
vertical-align:top;
width: 17%;
}

td.cell_5 {/* -- txt2 -- */
font-size: 9px;
vertical-align:top;
padding-right:3px;
width: 23%;
}

td.cell_6 {/* -- image-nav -- */
color: #FFFFFF;
font-size: 9px;
font-weight:bold;
vertical-align:bottom;
}

td.cell_7 {/* -- devision -- */
width: 100%;
height: 8px;
border-bottom: 1px solid #8AA193 dashed;
}

table.general {
width: 95%;
padding:0px;
margin-top:8px;
margin-left:25px;
border: 0px solid #000000;
}

td.general_row1 {/* -- text -- */
width: 100%;
}

td.general_row2 {/* -- spacer -- */
}

img.spacer_margin_right {/* -- spacer -- */
width: 30px;
height: 1px;
border: 0px solid #000000;
}

td.devisionline {
vertical-align:middle;
height: 20px;
}

table.aboutus_sidecontent {
width: 100%;
padding:0px;
margin-top:6px;
border: 0px solid #000000;
}

img.aboutus_sidecontent {
width: 38px;
height: 38px;
margin-right:6px;
margin-bottom:6px;
border: 0px solid #000000;
}

img.aboutus_sidecontent_link {
width: 38px;
height: 38px;
margin-right:6px;
margin-bottom:6px;
border:0px solid #000000;
}

img.aboutus_sidecontent_link_r {
width: 38px;
height: 38px;
margin-right:0px;
margin-bottom:6px;
border: 0px solid #000000;
}

img.aboutus_sidecontent_r {
width: 38px;
height: 38px;
margin-right:0px;
margin-bottom:6px;
border: 0px solid #000000;
}

table.image_topleft {
float: left;
padding:0px;
margin-right:10px;
margin-top:0px;
margin-bottom:5px;
border: 0px solid #000000;
}

table.image_left {
float: left;
padding:0px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
border: 0px solid #000000;
}

td.image_title {
font-size: 9px;
color: #FFFFFF;
background-color: #8AA193;
padding-bottom:5px;
}

img.project_details_w1 {/* -- 500px width -- */
width: 500px;
margin-bottom:5px;
border: 1px solid #FFFFFF;
}

img.project_details_w1_f {/* -- 500px width -- */
width: 500px;
margin-bottom:5px;
border: 1px solid #B9C7BE;
}

object.project_details_w1_f {/* -- 500px width -- */
width: 500px;
margin-bottom:5px;
border: 1px solid #B9C7BE;
}

img.project_details_w2 {/* -- 375px width -- */
width: 375px;
margin-bottom:5px;
border: 1px solid #FFFFFF;
}

table.bl_image {
padding:0px;
border: 0px solid #000000;
}

td.bl_image1 {/* -- image -- */
padding-top:5px;
}

td.bl_image2_w1 {/* -- 500px width, info -- */
width: 490px;
font-size: 11px;
color: #5F5F5F;
background-color: #B9C7BE;
padding:5px;
}

td.bl_image2_w2 {/* -- 375px width, info -- */
width: 365px;
font-size: 11px;
color: #5F5F5F;
background-color: #B9C7BE;
padding:5px;
}

td.bl_image3 {/* -- spacer -- */
height: 5px;
border: 0px solid #FFFFFF;
}

td.bl_image4 {/* -- bottom line -- */
color: #5F5F5F;
background-color: #FFFFFF;
border-top: 1px solid #5F5F5F;
}

table.refnav {
width: 100%;
height: 40px;
border: 0px solid #000000;
}

#bl_aboutus-cv {
height: 520px;
overflow:auto;
border: 0px solid #000000;
}

table.aboutus_cv1 {
width: 400px;
margin-top:5px;
padding-bottom:5px;
border: 0px solid #000000;
}

td.aboutus_cv_cell1 {/* -- headline -- */
width:130px;
text-align:left;
padding-top:5px;
border-bottom: 1px solid #5F5F5F;
background-color:#B9C7BE;
}

td.aboutus_cv_cell2 {/* -- underline -- */
border-bottom: 1px solid #5F5F5F;
}

td.aboutus_cv_cell3 {/* -- year -- */
width:130px;
vertical-align:top;
padding-left:10px;
padding-top:10px;
padding-bottom:20px;
}

td.aboutus_cv_cell4 {/* -- info -- */
vertical-align:top;
padding-top:10px;
padding-bottom:20px;
}

table.aboutus_cv2 {
width: 416px;
margin-top:5px;
padding-bottom:5px;
border: 0px solid #000000;
}

td.aboutus_cv2_cell1 {/* -- links -- */
font-size: 11px;
color: #5F5F5F;
vertical-align:top;
height: 80px;
background-color: #B9C7BE;
padding:5px;
border: 0px solid #FFFFFF;
}

td.aboutus_cv2_cell2 {/* -- spacer -- */
height: 5px;
border: 0px solid #FFFFFF;
}

td.aboutus_cv2_cell3 {/* -- bottom line -- */
width: 50%;
border-top: 1px solid #5F5F5F;
}

td.aboutus_cv2_cell4 {/* -- bottom line -- */
width: 50%;
border-top: 1px solid #5F5F5F;
text-align:right;
}

font.cv_content1 {
color: #FFFFFF;
font-size: 9px;
font-weight:bold;
text-transform:uppercase;
padding-left:25px;
background: url(../pics/arrow_right_red.gif) no-repeat ;
background-position:5px 3px;
}

font.cv_content2 {
font-size: 11px;
color: #B9C7BE;
}