* { padding: 0; margin: 0;}

body { background: #FFFFFF url(/images/bg-body.png) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #224422; }
h1 { font-family: sans-serif; font-size: 1.6em; font-weight: normal; color: #006600; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h2 { font-family: sans-serif; font-size: 1.0em; font-weight: bold; color: #336633; letter-spacing: -0.03em; margin: 0 0 0.5em 0; }
h2 a {text-decoration: none;}
h3 { font-family: sans-serif; font-size: 0.9em; color: #006600; padding-bottom: 5px; border-bottom: 1px dotted #006600; margin: 0 0 0.5em 0;}
h4,h5,h6 { font-size: 1.0em; }
p { font-size: 0.70em; line-height: 1.5em; margin: 0 0 15px 0; }
p.legal {font-size: 10px; text-align: center;}
ul { font-size: 0.70em; list-style: square; margin: 0 0 15px 20px;}
ol { font-size: 0.70em; margin: 0 0 10px 25px; }
ol li {margin: 0 0 10px 0;}
li { line-height: 1.5em; }
blockquote { }
img { border: 0;}
.imgleft {float: left; margin: 0 20px 10px 0; border: 3px solid #D4F7Da;}
.imgright {float: right; margin: 0 0 10px 20px; border: 3px solid #D4F7Da;}
.imgnone {margin: 0 0 15px 0; border: 3px solid #D4F7Da;}

a:link { color: #006600;}
a:visited { color: #007700; }
a:hover { color: #003300; }
a:active {color: #009900; }
a:focus { color: #009900; }


#wrapper { width: 960px; margin: 0 auto; clear: both; }
#header { float: left; width: 940px; height: 135px; padding: 15px 10px 0 10px; clear: both;}
#content { float: left; width: 940px; padding: 20px 10px; margin: 0 auto; clear: both;}
#sidebar { float: left; width: 220px; }
#main { float: right; width: 700px;}
#footer { float: left; width: 940px; padding: 20px 10px 0 10px; border-top: 3px solid #90C090; margin: 0 auto 20px auto; }

.logo { float: left;}
.headerinfo { float: right; width: auto; height: 95px; text-align: right; padding: 5px 0 0 35px; background: url(/images/icon-phone.gif) no-repeat left; }
.headerphone {font-family: sans-serif; font-size: 1.0em; color: #00FF00; font-weight: bold }
.headerphoneinfo { font-size: 0.70em; color: #FFFFFF; }
#nav {float: right; width: 680px; text-align: right;}
ul.nav { float: right; width: auto; list-style: none; text-align: right; margin: 0;}
ul.nav li { float: left; margin: 0 0 0 5px;}
ul.nav li a { display: block; height: 30px; line-height: 30px; font-weight: bold; text-decoration: none; padding: 0 12px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
ul.nav li a:link { color: #003300; background: #D4F7DA; }
ul.nav li a:visited { color: #006600; background: #D4F7DA; }
ul.nav li a:hover { color: #FFFFFF; background: #14B833;}
ul.nav li a:active {color: #009900;  background: #D4F7DA; }
ul.nav li a:focus { color: #006600; background: #339933; }
ul.nav li a.current { color: #FFFFFF; background-color: #14B833; }

#splash { float: left; width: 930px; height: 200px; background: no-repeat center; border: 5px solid #D4F7Da; margin: -15px 0 20px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


a.linkmore { font-weight: bold; padding: 2px 5px 2px 15px; background: #FFFACD url(/images/icon-linkmore.gif) no-repeat left; margin: 0 10px 0 0; }
a.linkmore:hover { background: #EEE8AA url(/images/icon-linkmore.gif) no-repeat left; text-decoration: none }
a.rss { display: inline-block; width: auto; font-weight: bold; padding: 2px 5px 2px 15px; background: #FFFACD url(/images/icon-rss.gif) no-repeat left; margin: 0 10px 0 0; }
a.rss:hover { background: #EEE8AA url(images/icon-rss.gif) no-repeat left; text-decoration: none }
.paginate {display: block; float: left; width: 100%; line-height: 2em;}
.paginate b {font-weight: bold; padding: 2px 5px; background: #FFFFFF; border: 1px solid #006600;}
.paginate a {font-weight: bold; text-decoration: none; padding: 2px 5px; background: #FFFACD; border: 1px solid #006600;}

h2.cats-title {padding: 0 0 5px 0; border-bottom: 4px solid #D4F7Da; margin: 0 0 5px 0; }
ul.cats { list-style: none; margin: 0 0 20px 0; }
ul.cats li {  }
ul.cats li a { display: block; font-weight: bold; text-decoration: none; padding: 5px 10px; border-bottom: 1px dotted #C0C0C0; }
ul.cats li a:link {  }
ul.cats li a:visited {  }
ul.cats li a:hover {  text-decoration: underline; }
ul.cats li a:active { background: #EEFFEE; }
ul.cats li a:focus { background: #EEFFEE; }
ul.clientlogos {list-style: none; margin: 0 0 20px 0;}
ul.clientlogos li {text-align: center; padding: 5px 10px; font-weight: bold;}

div.grid220d {float: right; width: 220px;}
div.grid300a {float: left; width: 300px; margin: 0 20px 0 0;}
div.grid300b {float: left; width: 300px;}
div.grid300c {float: right; width: 300px;}
div.grid460a {float: left; width: 440px; padding: 0 19px 0 0; border-right: 1px dotted #C0C0C0;}

/* entries */
.entries {float: left; width: 100%; padding: 19px 0 0 0; border-top: 1px solid #009900; margin: 0 0 20px 0;}
.entries h2 {margin: 0 0 5px 0;}
.entries p {margin: 0 0 10px 0;}

/* clients */
ul.clients {float: left; width: 100%; list-style: none; padding: 19px 0 0 0; border-top: 1px solid #009900; margin: 0 0 20px 0; clear: both;}
ul.clients li {float: left; width: 31%; min-height: 180px; text-align: center; padding: 1%;}
ul.clients img { border: 3px solid #D4F7Da;}

/* product */
ul.gallery {float: left; width: 100%; list-style: none; margin: 0 0 20px 0; clear: both;}
ul.gallery li {float: left; width: 23%; text-align: center; padding: 1%;}
ul.gallery img { border: 3px solid #D4F7Da;}

h3.bookmarks {float: left; width: 100%;}
ul.bookmarks {float: left; width: 100%; list-style: none; font-weight: bold; margin: 0 0 20px 0;}
ul.bookmarks li {float: left; width: auto; line-height: 24px; padding: 0 10px 0 0;}
ul.bookmarks a {text-decoration: none;}

/* recent news */
ul.recent {list-style: none; margin: 0 0 5px 0;}
ul.recent li {padding: 0 0 10px 0;}

.contactform {float: left; width: 100%;}
.contactform p {padding: 0 20px 10px 20px; margin: 0;}
fieldset {float: left; width: 100%; margin: 0 0 15px 0;}
legend {font-size: 0.8em; font-weight: bold; padding:  10px 5px;margin: 0 10px;}
label {display: block; font-weight: bold; margin: 0 0 5px 0;}
input {padding: 2px;}
textarea {padding: 2px;}
input:focus, textarea:focus {background: #D4F7DA;}

.who {float: left; width: 100%; margin: 0 0 15px 0;}