/* CSS Document

Client: Genesys Tech
Author: Todd Ridley

 */
 
body {margin:0px;background:url(../images/common/background2.jpg) center top no-repeat #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 18px; color:#333333;}
h1 {font-size:24px; font-family:"Arial Black"; font-weight:normal; text-transform: uppercase; line-height: 24px; padding:20px 0 0 0; margin:0px; clear:both;}
h2 {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8DB21C;}
a {color:#0E8EBC;}
p { padding:7px 0; margin:0px;}
img {border:none;}
.container {width:960px; margin-left:auto; margin-right:auto; padding-top: 20px;}
.head {float: left;width: 960px; padding:0px; margin:0px;}
.logo {float:left; width: 180px; height: 140px; margin:0px; padding:0px;}
.nav {float:left; width: 775px; background: url(../images/common/background_nav.jpg) no-repeat; margin: 88px 0 0 0; padding:0 0 0 5px; }
.nav p {font-family:"Arial Black"; color:#333333; letter-spacing: 2px; font-size:14px;text-transform:uppercase; float:left; margin:0px; padding:8px 20px; text-align:center;}
.nav a {color:#333333; text-decoration:none;}
.nav a:hover {color:#666666;}
.footer {clear:both;padding: 20px; height: 200px; background:url(../images/common/background_foot.jpg) no-repeat;font-size:12px;}
.footer a {color:#333333; text-decoration:none;}
.content {clear:both; float:left;padding: 0px; margin-bottom: 20px;}
.contentleft {float:left; width:730px; margin-right: 30px;}
.contentleft div.copy {float:left; width: 670px; background-color:#F4F4F4; padding: 10px 30px;}
.contentleft div.copyclients {float:left;background-color:#F4F4F4; padding: 10px 30px; width:670px;}
.contentleft div.copyclients p {width: 145px; height:100px; float:left; padding-right: 20px; text-align:center;}
.contentleft div.copycasestudy {float:left; width: 670px; background-color:#F4F4F4; padding: 0px 30px;}
.contentleft div.copycasestudy p.subnav { padding-bottom: 20px;}
.sidebar {float:left; width: 200px;}
.sidebar h1 {font-size:19px; line-height:20px; padding-top: 20px;}
.sidebar span {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8DB21C;}
.sidebarcontent {background-color:#F4F4F4; padding: 0 30px;}
.sidebarcontent img {width:140px;}
.homeflash {padding-bottom: 20px;}
.buckets {width: 960px; clear:both;}
.buckets h1 {padding:0px;}
.bucketleft {float: left; width: 240px; margin-right: 30px; padding: 25px 30px; background:url(../images/homepage/background_bucket.jpg) no-repeat;}
.bucketleft p {width: 240px;}
.bucketleft span {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8DB21C;}
.bucketleft h2 {font-size:24px; font-family:"Arial Black"; font-weight:normal; text-transform: uppercase; line-height: 24px; padding:0; margin:0px; color:#333;}
.bucketright {float: left; width: 240px; padding: 25px 30px; background:url(../images/homepage/background_bucket.jpg) no-repeat;}
.bucketright p {width: 240px;}
.bucketright h2 {font-size:24px; font-family:"Arial Black"; font-weight:normal; text-transform: uppercase; line-height: 24px; padding:0; margin:0px; color:#333;}
.bucketright span {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#8DB21C;}
.bucketright img {width:240px;}

.contact {float:left; width: 300px;}
.form {float:left; width: 300px;}
.form p {padding-top: 5px;}
.form p input {width: 300px; color:#999999; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.form p select {width: 314px; color:#999999; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.form p textarea {width: 300px; color:#999999; font-size:14px; height: 50px; font-family:Verdana, Arial, Helvetica, sans-serif;  }

.loader {display:none;}

.casestudy {float: left; width: 670px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.casestudy:hover {background: url(../images/casestudy/background.jpg) no-repeat center bottom;}
.casestudy h2 {font-size:24px; font-family:"Arial Black"; font-weight:normal; text-transform: uppercase; line-height: 24px; padding:20px 0 0 0; margin:0px;}
.casestudy h2 a {color:#333; text-decoration: none;}

.casestudy p.images {width:670px;}
.casestudy p.images img {height: 100px; padding-right: 10px;}

.casestudy p.images2 {width:670px;}
.casestudy p.images2 img {padding: 0 10px 10px 0;}

.casestudyheader {background:url(../images/casestudy/background-header.jpg) no-repeat top center; height:104px;}
.casestudyheader2 {background:url(../images/casestudy/background-header.jpg) no-repeat top center; height:85px;}

.productsheader {background:url(../images/products/background-header.jpg) no-repeat top center; height:104px;}
.productsheader2 {background:url(../images/products/background-header.jpg) no-repeat top center; height:85px;}

/*-- --*/

.product {float: left; width: 670px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.product:hover {background: url(../images/casestudy/background.jpg) no-repeat center bottom;}
.product h2 {font-size:24px; font-family:"Arial Black"; font-weight:normal; text-transform: uppercase; line-height: 24px; padding:20px 0 0 0; margin:0px;}
.product h2 a {color:#333; text-decoration: none;}
.product h2 a:hover {color:#0E8EBC;}

.product p.images {width:670px;}
.product p.images img {height: 100px; padding-right: 10px;}

.productheader {background:url(../images/casestudy/background-header.jpg) no-repeat top center; height:104px;}

.linktoclose {float:right;}

.aboutpic {float:right; padding: 25px 0 20px 20px;}

.link {color:#333; text-decoration:none;}

.header {display:none;}