* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
body { background: #252525; font-family: sans-serif; font-size: 100%; color: #FFFFFF; }

h1 { font-size: 1.8em; margin: 0 0 15px 0; }
h2 { font-size: 1.5em; margin: 0 0 15px 0; }
h3 { font-size: 1.2em; margin: 0 0 15px 0; }
p { line-height: 1.5em; margin: 0 0 15px 0; }
a:link {color: #5CAC27;}
a:visited {color: #5CAC27;}
a:hover {color: #5CAC27;}
a:active {color: #5CAC27;}
a:focus {color: #5CAC27;}
a img {border: 0;}
ul {list-style: none; margin: 0 0 15px 0;}
ul li {line-height: 1.5em; padding: 0 0 0 16px; background: url(/images/site/bg-li.png) no-repeat left;}
ol {margin: 0 0 15px 15px}
ol li {line-height: 1.5em; }

#header { height: 114px; background: url(/images/site/bg-stripe.png); border-bottom: 3px solid #FFFFFF; margin: 0 0 10px 0; }
.header { width: 960px; margin: 0 auto; }
.logo { float: left; margin: 0 20px 0 0; }
.header-nav {float: left; width: 560px;}
ul.nav { list-style: none; margin: 0;}
ul.nav li { float: left; width: auto; padding: 0; background: none; margin: 0 2px 0 0; }
ul.nav li a { display: block; float: left; width: auto; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 30px 10px 10px 10px; }
ul.nav li a:hover { background: #5CAC27; }
body#home ul.nav li a.home {background: #5CAC27;}
body#services ul.nav li a.services {background: #5CAC27;}
body#projects ul.nav li a.projects {background: #5CAC27;}
body#gallery ul.nav li a.gallery {background: #5CAC27;}
body#news ul.nav li a.news {background: #5CAC27;}
body#contact ul.nav li a.contact {background: #5CAC27;}
.header-time {float: left; width: 440px; font-size: 0.8em; color: #5CAC27; text-align: right; padding: 15px 0 0 0;}

.header-contact {float: right; width: 200px; font-size: 0.7em; padding: 30px 0 0 0; }
.header-contact strong {display: block; font-size: 1.5em;}

#content { width: 960px; font-size: 0.8em; padding: 0 0 30px 0; margin: 0 auto; clear: both;}

#homeimg { float: left; width: 367px; text-align: left;}
#homeimgshow { float: left; width: 367px; height: 489px; overflow: hidden; margin: 0 0 10px 0; }
#mainhome { float: right; width: 580px; margin: 0 0 30px 0;  }
.home-text { float: left; width: 350px; height: 468px; padding: 10px; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0; }
.home-news { float: right; width: 180px; height: 468px; padding: 10px; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0; }
.rsslinks {padding: 0 0 0 16px;background: url(/images/site/icon-rss.png) no-repeat left;}
.rsslinks a {color: #FFFFFF;}
.home-projects { float: left; width: 96%; padding: 2%; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; }
.home-projects-project {float: left; width: 33%; text-align: center; margin: 0 0 5px 0;}
.home-projects p {margin: 0;}

#sidebar { float: left; width: 200px; padding: 15px; background: url(/images/site/bg-stripe.png); margin: 0 20px 30px 0;  }
ul.cats { list-style: none; }
ul.cats li {padding: 5px 0; background: none; }
ul.cats li a {font-weight: bold;}

#main { float: left; width:620px; margin: 0 0 30px 0; }

#projectimg {float: left; width: 620px; height: 364px; margin: 0 0 10px 0; overflow: hidden;}
.project-brief { float: left; width: 96%; padding: 2%; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0; }
.project-solution { float: right; width: 96%; padding: 2%; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0;  }
.project-work { float: left; width: 96%; padding: 2%; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0;  }
.project-testimonial { float: right; width: 96%; padding: 2%; background: url(/images/site/bg-stripe.png); border-bottom: 1px solid #FFFFFF; margin: 0 0 10px 0;  }

.contact {float: left; width: 100%; margin: 0 0 10px 0;}
.contact label {display: block; font-weight: bold;}
.contact input.text {width: 240px; padding: 2px; border: 2px solid #000000;}
.contact input.text:focus {border: 2px solid #5CAC27;}
.contact textarea.textarea {width: 480px; height: 120px; padding: 2px; border: 2px solid #000000;}
.contact textarea.textarea:focus {border: 2px solid #5CAC27;}
.contact input.submit {padding: 2px; border: 1px solid #000000; background: #5CAC27;}




#footer {width: 960px; font-size: 0.7em; text-align: right; padding: 15px 0 30px 0; border-top: 5px solid #5CAC27; margin: 0 auto; clear: both;}

/* clients area */
.login { float: left; width: 300px; padding: 20px; background: url(/images/site/bg-stripe.png); border: 1px solid #FFFFFF; margin: 0 0 20px 0;}
.login p {padding: 5px 0; margin: 0;}
.login label {float: left; width: 100px;}
.login input.text {}
.login input.submit {color: #FFFFFF; border: 1px solid #000000; background: #5CAC27;}
.logout {float: right; width: 150px; text-align: center;}
table.clients {width: 100%; margin: 0 0 15px 0;}
table.clients th {text-align: left; padding: 10px; background: #141414; border-bottom: 1px solid #FFFFFF; }
table.clients td {padding: 10px;}
.rowa {background: #000000;}
.rowb {background: #252525;}
.icon {}
 icon-zip {}