html { }
body { background:url(../images/bg-green.jpg) no-repeat; background-position: top center;} /*{ background-color:#eee; }*/
* { margin: 0 auto 0 auto; }
h1, h2 { font-family: verdana, Helvetica, sans-serif; font-size: 0.9em; letter-spacing: 0.7px; color: #5eaf0d; margin: 10px 0 10px 0;}
h3 { font-size: 0.9em; color:#315719; font-family: verdana, Helvetica, sans-serif; letter-spacing: 0.7px; margin: 20px 0 10px 0; }
h4 { font-size: 0.8em; font-weight: bold; color:#59692A; font-family: verdana, Helvetica, sans-serif; letter-spacing: 0.7px; margin: 10px 0 10px 0; }
p.green { font-size: 0.8em; color:#59692A; font-weight: bold; }
p { font-family: verdana, Helvetica, sans-serif; font-size: 0.8em; color:#333; line-height: 18px; margin-bottom: 10px; }
p.comments { border-top: #333 1px solid; margin-top: 40px; padding-top: 10px; }
img { border: none; margin: 10px 0px 0px 0px; }
/* this style was added to make the images wrap around text and image on the right */
img.floated { float: right; padding: 5px; }
a img { text-decoration: none; border: 0 none; }
.box-me { padding: 4px; border:#CCCCCC 1px; margin: 2px; }
/* site width is 740px */
#wrapper { width: 740px; overflow: hidden; background:url(../images/content-bg.jpg) no-repeat; background-position:bottom; background-color:#FFF; border: #b6cd9e 1px solid; }
a {color: #59692A; }
a:hover {color: #fff; background-color: #59692A;}
a:active {color: #000; text-decoration: none;}
/* title */
#header {width: 740px; height: 175px; margin-top: 0px; margin-bottom: 11px; }
/*#header img.logo { top: 0px; float: right; border: none; width: 134px; height: 55px; padding-right: 27px; } */
#header-bg { background:url(../images/refresh-creative-webdesign-2.jpg) no-repeat; background-position:bottom; height: 125px; padding-top: 85px; }
#header-bg.contact {background:url(../images/refresh-creative-webdesign2.jpg) no-repeat; background-position:bottom; }
#header-bg.news {background:url(../images/refresh-creative-webdesign10.jpg) no-repeat; background-position:bottom; }
#header-bg.websites {background:url(../images/refresh-creative-webdesign12.jpg) no-repeat; background-position:bottom; }
#header-bg.cms {background:url(../images/refresh-creative-webdesign5.jpg) no-repeat; background-position:bottom; }
#header-bg.development {background:url(../images/refresh-creative-webdesign6.png) no-repeat; background-position:bottom; }
#header-bg.custom{background:url(../images/refresh-creative-webdesign7.jpg) no-repeat; background-position:bottom; }
#header-bg.search{background:url(../images/refresh-creative-webdesign8.jpg) no-repeat; background-position:bottom; }
#header-bg.other{background:url(../images/refresh-creative-webdesign9.jpg) no-repeat; background-position:bottom; }
#header-bg.about{background:url(../images/refresh-creative-webdesign13.jpg) no-repeat; background-position:top; }
#header-bg span { display: none; }
/* #logo { top: 0px; float: right; border: none; width: 134px; padding-right: 27px; height: 54px; background:url(../images/logo2.png) no-repeat; } */
#logo { top: 0px; border: none; width: 134px; }
/* left nav - made changes to the nav margin spaces */
#navigation { float:left; height: 450px; width: 165px; background: url(../images/nav-bg-1.png) no-repeat; padding: 40px 10px 0px 5px; margin: 40px 25px 130px 35px; }
#navigation p { font-size: 0.8em; color: #59692A; font-weight: bold; padding-left: 12px;}
#navigation ul { padding-left: 25px; margin-bottom: 10px; }
#navigation ul li { font-family:Verdana, Helvetica, sans-serif; font-size: 0.8em; line-height: 20px; list-style-type: square; color:#59692a;
padding-left: 0; }
#navigation ul li a { color: #333; text-decoration: none; font-family:Verdana, Helvetica, sans-serif; FONT-SIZE: 8pt; }
#navigation ul li a:hover {FONT-SIZE: 8pt; COLOR: #fff9b7; TEXT-DECORATION: none; background-color: #999966; }
#navigation ul li a.active {FONT-SIZE: 8pt; COLOR: #fff9b7; TEXT-DECORATION: none;}
/* contents page */
#content { float:left; padding-left: 17px; width: 58%; margin-top: 30px; margin-bottom: 100px; }
#content .table { padding-bottom: 80px; margin-bottom: 30px; border-bottom: #333 1px solid; }
#content .table p.title { color:#336600; font-style:italic; font-weight: bold; }
#content .table p.green {color:#336600; font-weight: bold;}
#content .table img { display:inline; float:right; }
#content ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; }
p.feature { background:url(../images/feature-box.png) no-repeat; height: 56px; color:#FFF; font-size: 12px; font-weight: bold; padding: 10px; margin: 10px 0px 0px 0px; }
/* footer */
#footer { background:url(../images/footer-bg.jpg) no-repeat; clear:both; height: 30px; padding-left: 10x; padding-top: 15px; }
#footer p { display:inline; padding: 0px 10px 0px 5px ; }
#footer p.link { margin-left: 185px; }
.highlight { background-color:#FFFF00; }
.photo { margin-right: 5px; margin-top: 0px; }
#person { margin-top 20px; margin-bottom: 20px; }