* {
margin : 0;
padding : 0;
}
html, body {
height : 100%;
min-height : 100%;
height : auto;
}
body {
font-size : 67.5%;
font-family : Tahoma, Geneva, sans-serif;
color : #525252;
background : #d3e3ef url(../graphics/body_bg.jpg) repeat-x bottom;
min-height : 100%;
}
ul {
list-style : square inside;
}
ol {
list-style : decimal inside;
}
a {
outline : none;
text-decoration : none;
}
a img {
border : none;
background : none;
}
img {
vertical-align : middle;
border : none;
}
table {
border-collapse : collapse;
}
.floatLeft {
float : left;
}
.floatRight {
float : right;
}
.clear {
clear : both;
}
p, li, dl, address {
font-size : 1.4em;
line-height : 1.4em;
font-weight: 600;
}
a:link {
color : #8fa83c;
text-decoration : none;
border-bottom : 1px dotted #8fa83c;
}
a:visited {
color : #8fa83c;
text-decoration : none;
border-bottom : 1px dotted #8fa83c;
}
a:hover {
color : #8fa83c;
text-decoration : none;
border-bottom : 1px solid #8fa83c;
}
h1 {
font-size : 2.3em;
font-weight : normal;
color : #3b4e10;
letter-spacing : -1px;
font-family : Georgia1, Georgia, serif;
text-transform : capitalize;
text-align : left;
}
h2 {
font-size : 1.8em;
color : #333333;
letter-spacing : -1px;
font-family : Georgia1, Georgia, serif;
font-weight : normal;
font-style : italic;
text-align : left;
}
h3 {
font-size : 1.7em;
color : #3b4e10;
letter-spacing : -1px;
font-family : Georgia1, Georgia, serif;
font-weight : normal;
font-style : normal;
text-align : left;
}
h4 {
color : #333333;
font-size : 2em;
margin-bottom : 15px;
text-align : left;
}
address {
font-style : normal;
}
#sun {
z-index : -100;
margin : 0;
width : 100%;
height : 350px;
background : transparent url(../graphics/sun.png) no-repeat top left;
}
#wrapper {
margin : -300px auto 0 auto;
width : 850px;
border : 4px solid #8fa83c;
background-color : #ffffff;
position : relative;
z-index : 100;
}
#header {
position : relative;
width : 100%;
height : 95px;
background-color : #ffffff;
border-bottom : 1px solid #8fa83c;
}
#navigation {
float : left;
width : 190px;
}
#content {
float : right;
width : 640px;
border-left : 1px solid #e0dbce;
padding-top : 20px;
margin : 10px auto;
}
div#footer {
float : left;
position : relative;
height : 80px;
clear : both;
overflow : visible;
width : 100%;
text-align : left;
margin : 45px auto 0 auto;
color : #fff;
font-family : Palatino Linotype, Book Antiqua3, Palatino6, serif;
font-size : 0.9em;
background : #e0dbce url(../graphics/fence_footer.gif) repeat-x top;
}
div#seo {
margin : 2px auto 35px auto;
width : 800px;
color : #3b4e10;
z-index : 200;
}
body#index img#tree {
position : absolute;
bottom : -4px;
right : -207px;
float : right;
}
img#tree {
position : absolute;
bottom : -4px;
right : -76px;
float : right;
}
#header img#logo {
float : left;
margin : 20px 10px;
padding : 0;
clear : both;
position : absolute;
top : 0;
}
#header address#head_add {
float : right;
margin : 20px 40px auto auto;
padding : 0;
clear : both;
text-transform : capitalize;
font-variant : small-caps;
text-align : center;
letter-spacing : 2px;
font-family : Palatino Linotype, Book Antiqua3, Palatino6, serif;
font-weight : 500;
font-size : 1.5em;
color : #8fa83c;
line-height : 1.1em;
}
#navigation dl#menu {
width : 100%;
margin-top : 20px;
}
#navigation dl#menu dt {
margin : 10px;
margin-left : 12px;
}
#navigation dl#menu dt a {
display : block;
padding : 5px;
outline : none;
border : none;
color : #3b4e10;
font-weight : 400;
text-transform : lowercase;
text-align : left;
letter-spacing : -1px;
font-family : Georgia1, Georgia, serif;
font-weight : 500;
font-size : 1.3em;
outline : none;
border-bottom : 1px solid #e0dbce;
}
body#index dt#menu_index a, body#about dt#menu_about a, body#our_services dt#menu_our_services a, body#ret_walls dt#menu_ret_walls a, body#paving dt#menu_paving a, body#wat_feat dt#menu_wat_feat a, body#turf_laying dt#menu_turf_laying a, body#planting dt#menu_planting a, body#contact dt#menu_contact a {
padding-left : 24px;
background : #ffffff url(../graphics/nav_tree.png) no-repeat left bottom;
}
#content p, address {
margin : 15px 30px;
}
#content h1, #content h2, #content h3, #content h4 {
margin : 15px 20px;
}
#content ul, #content ol, #content dl {
margin : 15px 60px;
}
#content dt, #content li {
margin : 15px 5px;
}
#content dt.no_style, #content li.no_style {
list-style : none;
}
#content img {
padding : 5px;
background-color : #ffffff;
border : 1px solid #e0dbce;
margin : 20px;
}
#content img.img-desc {
position : relative;
display : block;
height : 300px;
width : 150px;
}
#content img.img-desc cite {
background : #111;
color : #fff;
position : absolute;
bottom : 0;
left : 0;
width : 150px;
padding : 10px;
border-top : 1px solid #999;
}
#content div#movie {
margin : 20px;
float : right;
padding : 0;
}
#content div#movie object {
margin : 0;
padding : 0;
border : 1px solid #cccccc;
}
#content ul#member_list {
margin : 0;
padding : 0;
padding-left : 50px;
}
#content ul#member_list li {
margin-left : 60px;
line-height : 39px;
vertical-align : top;
padding-top : 5px;
}
#content ul#member_list li.mba_li {
list-style-image : url(../graphics/mba.png);
}
#content ul#member_list li.hia_li {
list-style-image : url(../graphics/hia.png);
}
#content ul#member_list li.nkba_li {
list-style-image : url(../graphics/nkba.png);
}
#content ul#gallery {
float : left;
margin-top : 20px;
text-align : left;
}
#content ul#gallery li {
float : left;
clear : none;
list-style : none;
margin : 10px;
}
#content ul#gallery li a {
display : block;
padding : 5px;
outline : none;
border : none;
background-color : #e0dbce;
text-align : center;
}
#content ul#gallery li a img {
border : none;
padding : 0;
margin : 0 auto;
width : 100px;
height : 75px;
}
#content blockquote {
font-family : "Times New Roman", Times, serif;
font-style : italic;
padding : 15px;
background-color : #e0dbce;
width : 75%;
margin : 20px auto;
font-size : 1.5em;
}
body#index div#content p {
width : 390px;
font-size : 1.6em;
}
body#contact div#content abbr {
font-weight : 900;
color : #8fa83c;
margin-right : 3px;
}
form {
width : 380px;
height : auto;
text-align : right;
vertical-align : top;
padding : 20px 5px 50px 5px;
margin : 20px auto;
border : 3px solid #e0dbce;
font-size : 1.2em;
}
form br {
clear : left;
}
form label {
cursor : pointer;
vertical-align : top;
float : left;
width : 350px;
color : #8fa83c;
margin : 0 auto;
}
form .text_inp, .text_area {
font-size : 1.2em;
color : #8fa83c;
font-family : Courier New, Courier New, Courier6, monospace;
background-color : #fcfcfc;
border : 3px solid #e0dbce;
line-height : 1.4em;
vertical-align : top;
text-align : left;
}
form .text_inp {
margin : 0;
width : 270px;
height : 17px;
line-height : 1.4em;
padding-top : 0;
margin-bottom : 8px;
clear : left;
}
form .text_area {
width : 270px;
height : 120px;
white-space : normal;
overflow : hidden;
vertical-align : top;
padding-top : 0;
margin-bottom : 8px;
}
form .sbm_butt {
cursor : pointer;
background-color : #8fa83c;
font-size : 1.2em;
margin : 0;
color : #fff;
font-family : Verdana, Verdana, Geneva, sans-serif;
float : right;
margin-right : 30px;
padding : 2px 4px;
border : 4px solid #e0dbce;
}
div#footer p {
text-align : center;
padding-top : 20px;
width : 850px;
clear : none;
vertical-align : middle;
color : #333333;
line-height : 1.6em;
vertical-align : middle;
}
div#footer strong {
color : #8fa83c;
font-weight : 900;
font-size : 1.1em;
text-transform : capitalize;
}
div#seo p {
font-size : 0.9em;
line-height : 1.8em;
vertical-align : top;
}
#seo p#heff {
float : left;
margin : 0 auto 10px 30px;
padding : 0;
}
#seo p#site_map {
float : right;
margin : 0 30px 10px auto;
padding : 0;
}
div#seo a:link {
color : #3b4e10;
text-decoration : none;
border-bottom : 1px dotted #3b4e10;
}
div#seo a:visited {
color : #3b4e10;
text-decoration : none;
border-bottom : 1px dotted #3b4e10;
}
div#seo a:hover {
color : #3b4e10;
text-decoration : none;
border-bottom : 1px solid #3b4e10;
}