/* CSS Document for Pearl Environmental Ltd */

html {background:url(../images/brown.gif); background-repeat:repeat;  font-family:Tahoma, Verdana, SansSerif; font-size:0.9em; color:#666666; margin:0; padding:0;}

div#wrapper {width:800px; height:100%; margin:0 auto; background:#FFFFFF;}

h1, h2{font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; color:#336600; font-size:1.5em; letter-spacing:0.1em; font-style:italic; padding-bottom:0; margin-bottom:0; }

img.globe {width:159px; height:169px; float:left; margin-top:3%;}

h1.mission{width:60%; float:right; margin-top:5%; color:#6699CC; font-style:italic; text-align:center;}

p.quote {font-family:Georgia, "Times New Roman", Times, serif; width:60%; float:right; font-style:italic; font-size:1em; margin-top:6%; /*line-height:1.5em; */}

h2 {font-size:0.85em;font-weight:400; margin-top:0;}

p {font-size:0.75em; line-height:1.5em;}

h1, h2, h4, h5, p, img,  img.globe {margin-left:21px;}

.list {font-size:x-small; line-height:1.5em;}

ul.list {margin-left:35px;}

div#header {background:url(../images/header.jpg) no-repeat; width:800px; height:180px; argin:0; padding:0;}

div#main {width:63%; float:left; border-right:1px solid #ccc; margin:10px 0 10px 0;}

/*footer and links within*/
div#footer{clear:both; background:url(../images/footer.gif) no-repeat; width:800px; height:56px; color:#FFFFFF;}

div#footer p{font-size:x-small; padding-top:10px;}

ul.bottom_links li{display:inline; float:left; padding:10px;}

ul.bottom_links a, a:link, a:visited, a:hover, a:active {text-decoration:none; font-size:small;}

ul.bottom_links a:link    {color:#FFFFFF;}
ul.bottom_links a:visited {color:#FFFF99;}
ul.bottom_links a:hover   {color:#00FF00;}
ul.bottom_links a:active  {color:#FFFFFFe;}
/* end of rules for footer and links within*/

div#sidebar {width:33%;float:left; padding:1%; font-size:0.75em;}

/*sidebar heading*/

h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:400; text-transform:uppercase; color:#6699cc;padding-bottom:5px; 
border-bottom:1px solid #ccc; width:100%; margin-top:1.5em;}

div#sidebar  a, a:link, a:hover, a:visited, a:active {color:#6699CC; text-decoration:none; font-size:small; border:none; }

div#main  a:link, a:hover, a:visited, a:active {color:#6699CC; text-decoration:none; font-size:small;  }

div#sidebar dl {
float:left;
margin:5px;
padding:0;
display:inline;

}

div#sidebar dt {
margin:0;
padding:0;
margin-bottom:5px;
font-weight:bold;
letter-spacing:1px;
color:#336600;
font-size:smaller;
float:left;
}

div#sidebar dt.img img {
width:67px;
height:67px;
margin:0px 5px 5px 0;
}

div#sidebar dt.japanese img {

width:103px;
height:84px;
margin-left:-36px;
border:none;}

div#sidebar dt.img img, a {
border:none;}


div#sidebar dd {
margin:0;
padding:0;
width:175px;
font-size:smaller;
line-height:1.7em;
float:right;

}

div#sidebar p {font-size:1em; margin:0; padding:0; line-height:2em;}

.bluebold {font-weight:bold; color:#6699CC;}

img.director {width:178px; height:171px; padding-top:25px; float:left; padding-bottom:5px;}

img.japanese_k {width:178px; height:171px; padding-top:25px; float:left; padding-bottom:5px;}

p.knotweed {width:280px; float:right; margin-top:23px; line-height:1.8em;}

p.last{padding-top:10px; line-height:1.8em;}

h4 {text-transform:uppercase; color:#6699CC; margin-bottom:5px; padding-top:5px;}

.clear {clear:both}

dl.details {width:200px; float:left; font-size:x-small; margin:10px 0 0 0; padding:0;}

div.description {width:58%; float:right; margin-top:25px; padding-right:2%;}

div.description span {padding-left:23px; font-size:small;}

ul.bri_background {font-size:x-small; font-weight:bold;}


.services {border:none; padding-left:25px;}

ul.serv_ind {list-style-type:none; font-size:small;}

ul.serv_ind li {background:url(../images/bullet.gif) no-repeat; /*width:12px; height:12px;*/ padding-left:20px;}

ul.serv_ind a:link, a:visited, a:hover, a:active {color:#409F40; font-weight:lighter;}

ul.serv_ind a:hover{text-decoration:underline;}


div#main.contact {width:450px;}
div#map {width:400px; height:300px; font-size:x-small; margin-left:25px;border:1px solid #ccc;}
div#sidebar.contactpage {width:250px;}
p.map{clear:both; text-align:center; padding-top:5px}

address {font-size:small; font-style:normal;}
div#office {width:40%; float:left; margin-left:25px;}
div#office h5  {margin-left:0; margin-top:15px; margin-bottom:5px;}
div#mail {width:40%; float:right;}
div#mail h5  {margin-left:0; margin-top:15px; margin-bottom:5px;}


table#costs {font-size:small; border:1px solid #ccc; margin-left:21px;} 
table#costs thead, tr, td {border-collapse:collapse; border:1px solid #ccc;}

.side_img {width:178px; height:171px;  margin:30px auto 0 48px;}