﻿body {margin: 0; background: #E4E4E5;}
img, img a, a img {border: 0; padding: 0; display: inline;}
.clearBoth {clear: both;}

/*PAGE STRUCTURE*/

#wrapper {width: 1101px; margin: auto; margin-top: 25px;}
#header {width: 1101px; height: 153px; margin:0; padding: 0px;}
#midSlice {width: 1101px; height: 40px; margin: auto; padding: 0;}
#container {width: 1101px; padding: 0; margin: 0; background: #fff url("../images/content-left.jpg") no-repeat left bottom;}
#left {width: 78px; height: 523px; float: left; padding: 0;}
#center {width: 705px; float: left; background: #fff;}
#right {width: 318px; float: left; background: #fff}
#contentHome {width: 550px; float: left; margin-left: 60px; margin-top: 5px; padding-top: 20px;}
#subSlice {width: 1101px; height: 17px; margin: auto; padding: 0;}
#footerContainer {width: 1101px; height: 37px; padding: 0; margin: 0; background: #fff;}
#footer {width: 841px; height: 37px; padding: 0; margin: 0; float: left;}
#copyright {width: 1101px; padding: 0; border: 0; padding: 0;}
#copyrightContainer {width: 700px; margin: auto; text-align: center; margin-top: 8px; padding-bottom: 8px;}

/*INTERNAL STRUCTURE*/

#centerInternal {width: 516px; float: left; background: #fff;}
#contentInternal {width: 445px; float: left; margin-left: 15px; margin-top: 5px; margin-bottom: 20px; padding-top: 20px;}
#navInternal {width: 189px; float: left; margin-top: 5px; background: #fff}
#flashContainer {width: 189px; height: 187px; float: left;}

#leftColumn {width: 247px; float: left; background: #fff;}
#contentLeft {width: 225px; float: left; margin-left: 15px; margin-top: 5px; padding-top: 20px;}
#rightColumn {width: 254px; float: left; margin-left: 15px; background: #fff;}
#contentRight {width: 240px; float: left; margin-left: 0px; margin-top: 5px; padding-top: 20px;}
#team {width: 445px; float: left; margin-bottom: 10px;}
#teamPic {width: 125px; float: left; margin-top: 0px; margin-bottom: 0px; padding-top: 20px;}
#teamContent {width: 310px; float: left; margin-top: 0px; margin-bottom: 0px; padding-top: 0px;}
#splitLeft {width: 125px; float: left;}
#splitRight {width: 250px; float: right;}

/*PRODUCT PAGE*/

#productContainer {width: 705px; float: left; background: #fff;}
#productLeft {width: 225px; float: left; margin-top: 5px; padding-top: 20px;}
#productRight {width: 445px; float: left; margin-top: 5px; padding-top: 20px;}

#prodImage {margin-left: 0px; margin-top: 0px; padding-top: 55px;}
#clickHere {margin-left: 0px; margin-top: 0px; padding-top: 0px; float: right;}
#prodContent {width: 400px; float: left; margin-left: 25px; margin-top: 15px; margin-bottom: 20px;}

/*GALLERY*/

.html #overlay{background-color: #000; background-color: transparent; background-image: url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}

/*TYPE*/

p {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #666666; line-height: 15px;} 
.maintext a,.content a:link,.maintext a:active {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #666666; line-height: 15px; text-decoration:underline;}
.maintext a:hover {color: #3D8A2E; text-decoration:underline; font-size: 12px; line-height: 15px;}
p.subtext {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #666666; font-style: normal;}
p.subtext a,.content a:link,.maintext a:active a:hover {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #666666;}
#specs {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #999999; line-height: 17px;}
.address {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #3B9C64;}
.hometext {font-family: Helvetica, Verdana, Serif; font-size: 13px; color: #666666; line-height: 15px;}


/*NAV*/

#navContainer {width: 1101px; height: 30px; margin:0; padding: 0px; float: left; background: #fff}
#nav {margin: 0; padding: 0px;}
#nav li {margin: 0; padding: 0px; float: left; display: inline;}
#li img {margin: 0; padding: 0px; float: left;}
.ul {margin: 0; padding: 0; cursor: default; display: inline;}

#subNavContainer {width: 260px; height: 37px; margin:0; padding: 0px; float: right;}
#subNav {margin: 0; padding: 0px;}
#subNav li {margin: 0; padding: 0px; float: left; display: inline;}
#li img {margin: 0; padding: 0px; float: left;}
.ul {margin: 0; padding: 0; cursor: default; display: inline;}

/*NAV rollover*/

#about {display: block; width: 81px; height: 30px; background: url("../images/nav/btn-about.gif") no-repeat 0 0;}
#about:hover {background-position: 0 -30px;}
#about span {display: none;}

#products {display: block; width: 104px; height: 30px; background: url("../images/nav/btn-products.gif") no-repeat 0 0;}
#products:hover {background-position: 0 -30px;}
#products span {display: none;}

#partners {display: block; width: 101px; height: 30px; background: url("../images/nav/btn-partners.gif") no-repeat 0 0;}
#partners:hover {background-position: 0 -30px;}
#partners span {display: none;}

#newsroom {display: block; width: 117px; height: 30px; background: url("../images/nav/btn-newsroom.gif") no-repeat 0 0;}
#newsroom:hover {background-position: 0 -30px;}
#newsroom span {display: none;}

#contact {display: block; width: 91px; height: 30px; background: url("../images/nav/btn-contact.gif") no-repeat 0 0;}
#contact:hover {background-position: 0 -30px;}
#contact span {display: none;}

#careers {display: block; width: 87px; height: 37px; background: url("../images/nav/btn-careers.jpg") no-repeat 0 0;}
#careers:hover {background-position: 0 -37px;}
#careers span {display: none;}

#contact-sub {display: block; width: 89px; height: 37px; background: url("../images/nav/btn-contact-sub.jpg") no-repeat 0 0;}
#contact-sub:hover {background-position: 0 -37px;}
#contact-sub span {display: none;}

#home {display: block; width: 84px; height: 37px; background: url("../images/nav/btn-home.jpg") no-repeat 0 0;}
#home:hover {background-position: 0 -37px;}
#home span {display: none;}

/*OLD*/

#technology {display: block; width: 121px; height: 30px; background: url("../images/nav/btn-technology.gif") no-repeat 0 0;}
#technology:hover {background-position: 0 -30px;}
#technology span {display: none;}

/*FORM*/

form {width: 250px; border: 0px solid #EEE; padding: 0px;}
label {display: block; margin-top : 6px; width: 100%; background-repeat: no-repeat;}
.formtext {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #999999;}
.textarea  {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #999999;}
.required {font-family: Helvetica, Verdana, Serif; font-size: 12px; color: #009900;}

