/*
Title:		165Services CSS 
Author: 	Josh Hughes - digitalskratch@gmail.com
Updated: 	August 1 2007
*/



body {
background:url(../sitepics/topbg.jpg) repeat-x #fcefd8;
font-family:verdana, arial, tahoma, sans-serif;
font-size:small;
text-align:justify;
}

* {
margin:0;
padding:0;
}

#wrapper {
width:785px;
margin:0 auto;
}

#navigation {
width:784px;
position:relative;
padding:0;
}

#nav {
border-left:1px solid #204566;
border-right:1px solid #204566;
border-top:1px solid #204566;
float:left;
width:100%;
list-style:none;
background:url(../sitepics/navbar.jpg) repeat-x #204566;
padding:0;
}

#nav li {
float:left;
font-size:100%;
margin:0;
padding:0;
}

#nav a {
float:left;
display:block;
color:#fff;
border-right:1px solid #7ca7ce;
text-decoration:none;
margin:0;
padding:6px;
}

#nav a:hover {
color:#204566;
padding-bottom:6px;
background:url(../sitepics/navbar2.jpg) repeat-x #e3daac;
border-color:#204566;
}

ul {
margin:0;
padding:0 0 0 30px;
}

li {
margin:0;
padding:0 0 0 5px;
}

input,buttons,textarea,select {
font-size:100%;
font-family:verdana, arial, tahoma, sans-serif;
color:#4e4e4e;
border:1px solid #999;
background:#f9f9f9;
margin-bottom:4px;
padding:4px;
font-weight:100;
}

.button {
font-size:100%;
font-family:verdana, arial, tahoma, sans-serif;
color:#fff;
border:1px solid #999;
background:url(../sitepics/button.gif) repeat-x #747474;
margin-bottom:4px;
padding:4px;
font-weight:100;
}

#map_canvas {
border:1px solid #c2c2c2;
}

.title {
color:#204566;
font-size:200%;
font-weight:100;
padding-bottom:15px;
padding-top:20px;
font-family:times new roman, serif;
}

.phone {
color:#f7f2c8;
font-family:times new roman, serif;
float:right;
padding-right:9px;
padding-top:3px;
font-size:140%;
}

h1 {
background-color:#f3e9b7;
width:62%;
font-family:times new roman, serif;
color:#204566;
font-size:180%;
font-weight:100;
border:1px solid #b8b8b8;
padding:2px 10px;
}

h4 {
background-color:#f3e9b7;
width:97%;
font-family:times new roman, serif;
color:#204566;
font-size:180%;
font-weight:100;
border:1px solid #b8b8b8;
padding:2px 10px;
}

h2 {
font-family:times new roman, serif;
color:#204566;
font-size:140%;
font-weight:100;
}

h3 {
font-family:times new roman, serif;
color:#204566;
font-size:220%;
font-weight:100;
padding:2px;
}

hr {
border:1px solid #b8b8b8;
width:100%;
height:1px;
margin-top:10px;
margin-bottom:24px;
padding:1px;
}

a:link,a:active {
color:#204566;
}

a:visited {
color:#4f7ea7;
}

a:hover {
color:#fff;
background:#204566;
text-decoration:none;
}

#header {
clear:left;
width:784px;
height:210px;
border-left:1px solid #204566;
border-right:1px solid #204566;
padding:0;
}

#counter {
clear:left;
width:775px;
height:26px;
border:1px solid #204566;
background-color:#204566;
}

.counternumber {
color:#fff;
padding-top:5px;
padding-right:9px;
}

#breadcrumb {
clear:left;
width:764px;
height:25px;
border-left:1px solid #204566;
border-right:1px solid #204566;
background:url(../sitepics/breadcrumbbg.jpg) repeat-x #fff;
padding-left:20px;
padding-top:10px;
font-size:75%;
color:#666;
}

.breadcrumbnav {
color:#f7f2c8;
padding-left:6px;
padding-top:8px;
font-size:75%;
}

#main_content {
clear:left;
width:754px;
height:auto;
color:#434343;
background:#fff;
border-left:1px solid #204566;
border-right:1px solid #204566;
border-bottom:1px solid #204566;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

#left_content {
width:754px;
float:left;
}

#right_content {
background:url(../sitepics/yellow-fade.jpg) repeat-x #fff;
font-size:80%;
width:230px;
float:right;
margin-left:10px;
margin-bottom:5px;
border:1px dashed #b8b8b8;
padding:3px 9px 9px;
}

#footer {
clear:both;
width:754px;
background:#FFF;
text-align:center;
font-size:80%;
padding-top:35px;
}

.footer,.footer a:link,.footer a:active,.footer a:visited {
color:#9e9e9e;
}

.footer a:hover {
color:#204566;
text-decoration:none;
background:none;
}

.pdf {
margin-left:10px;
margin-top:20px;
}

.biophoto {
float:left;
padding-right:15px;
padding-bottom:2px;
}

.right {
float:right;
padding-right:2px;
}