/* general main pieces */

body {font:70% verdana, helvetica, sans-serif; color: #666; line-height: 1em; background-color:  #fff; background: url(images/bgroundsm.gif) no-repeat; background-position: 0 0; margin: 0; padding: 0; border: 0;}

p {color: #fff; padding: 0 1em .5em 1em;}

/* navigation */

a:link { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: none;}
a:hover { color: #ccc; text-decoration: none;}
#topnav span { color: #9c6;}

img {border: 0;}

ul {color: #fff; list-style: none; margin-left: 0; padding-left: 1em; }

h1, h2, h3, h4 {color:#fff;}

h1 img {margin-top: .3em;}


/* theses are the specific chunks */

#container {width: 700px; height: 320px; margin: 60px auto 0px auto;}

#topnav {width: 700px; text-align: left;}

#intro {text-align: right; margin: -10px 0 0 0; font:10px verdana, helvetica, sans-serif; color: #666;}

#content {width: 700px; height: 300px; border: 1px solid #9c6; margin: 1em auto .5em auto; background: url(images/grn_wht_bg2.gif) no-repeat; background-color: #fff; text-align: center;}

#homepage {width: 700px; height: 300px; border: 1px solid #9c6; margin: 1em auto .5em auto; background: url(images/hp_bg_image.jpg) no-repeat; background-color: #9c6;}

.hp {font-size: 82%; margin-top: 280px; color: #fff; background-color: #9c6; padding: .3em; }

#pages {width: 700px; height: 300px; border: 1px solid #9c6; margin: 1em 0em .5em 0; background: url(images/services_bg.jpg) no-repeat; }

#about_wrapper {width: 700px; height: 300px; background: url(images/about_bg.jpg) no-repeat; border: 1px solid #9c6; margin: 1em 0em .5em 0; }

#about {height:275px; padding: 1em;}

#about p{ margin-left: 1em; width: 410px;}

#about h1{margin-left: .5em;}

#display {float: left; padding: 1em; margin: -30px 0 0 1em;}

#footer {text-align: right; font-size: 9px; margin: 0 auto 0 auto;}

#content1 {float: left; width: 320px; margin-top: 1em; padding-left: 2em; text-align: left;}

#content1 ul {margin-left: 4em;}

#content2 {float: right; width: 310px; height: 270px;  margin: 1.5em 2em 0em 0em;}

#map {float: right; width: 300px; height: 270px; }

#map img {position:relative; top:2.6em; right:4em;}

.serviceslist {margin-top: 2em; margin-left: 3em;}

#content2 ul {margin-left: 3em;}

.content p{color: white; margin: 2em 0 0 2em;}

p.flash {color: white; padding: 0; margin: 0;}

.portfolio1 {float: right; width: 100px; border: thin solid #fff; padding: 2em; margin-right: 1em;}

.portfolio2 {float: left; width: 100px; border: thin solid #fff; padding: 2em; margin-left: 1em;}