*{
  margin: 0;
  padding: 0;
}
body{
  background: #333;
  color: #999;
  font: 12px Verdana, Arial, Tahoma, sans-serif;
}
a{
  outline: none;
  color: #cc6600;
  text-decoration: none;
}
a img{
  border: 0;
}
ul{
  list-style-type: none;
  list-style-position: outside;
}
#header{
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  font-size: 10px;
  padding: 4px 0 6px 0;
}
#header a{
  color: #fff;
}
#searchForm{
  float: right;
}
#menu{
  float: right;
  padding: 5px 21px 0 0;
}
#menu a{
  padding: 0 16px 0 15px;
}
#searchForm .textField{
  float: left;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-top: 1px solid #9a9a9a;
  border-bottom: 1px solid #ddd;
  background: #fff url(img/border.gif) 0 0 repeat-x;
  color: #666;
  font-size: 10px;
  width: 148px;
  padding: 3px 0 2px 0;
}
#searchForm label{
  float: left;
  padding: 5px 9px 0 0;
}
#mainWrap{
  background: #fff;
}
#basis{
  width: 940px;
  margin: 0 auto;
  padding-bottom: 90px;
}
#logo{
  float: left;
  color: #7a7d78;
  font-size: 15px;
  display: inline;
  margin: 18px 0 0 10px;
}
#logo img{
  display: block;
}
.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
#mainMenu{
  float: right;
  font: italic 12px Georgia, "Times New Roman", serif;
  background: url(img/dot.gif) 100% 100% repeat-x;
  padding: 20px 0 16px 0;
  margin-bottom: 14px;
}
#mainMenu li{
  float: left;
  color: #666;
}
#mainMenu li a{
  float: left;
  color: #666;
  padding: 5px 8px 5px 7px;
}
#mainMenu li a:hover{
  color: #669900;
}
#mainMenu li span{
  float: left;
  padding: 5px 0 5px 0;
}
#mainMenu li span.active{
  background: #669900;
  color: #fff;
  padding: 5px 8px 5px 7px;
}
.leftShadow{
  padding-top: 5px;
  background: url(img/shadow_2.gif) 0 100% no-repeat;
  position: relative;
	z-index: 1;
	right: -50%;
}
.rightShadow{
  background: url(img/shadow_1.gif) 100% 100% no-repeat;
  padding-bottom: 21px;
}
.leftShadow img{
  display: block;
}
.dottedWrap{
  background: url(img/border_2.gif) 270px 0 repeat-y;
  width: 100%;
  overflow: hidden;
  margin-top: 31px;
}
.dottedWrap#secondStyle{
  background: url(img/dot_3.gif) 270px 0 repeat-y;
  margin-top: 7px;
}
.dottedWrap#thirdStyle{
  background: url(img/dot_3.gif) 669px 0 repeat-y;
  margin-top: 7px;
}
.dottedWrap#thirdStyle h1{
  background: url(img/dot_4.gif) 83px 100% no-repeat;
  padding: 7px 0 40px 0;
}
.dottedWrap#thirdStyle h2{
  background: none;
  padding: 33px 0 10px 0;
}
.dottedWrap#thirdStyle .mainCol{
  float: left;
  line-height: 16px;
  padding-bottom: 100px;
}
.dottedWrap#thirdStyle .mainCol p{
  padding: 5px 0 10px 0;
}
.dottedWrap#thirdStyle .lastCol{
  width: 220px;
}
.dottedWrap#fourthStyle{
  background: url(img/dot_7.gif) 270px 0 repeat-y;
  margin: 0 0 0 0;
  text-align: center;
}
.dottedWrap#fourthStyle .middleCol{
  float: left;
  width: 154px;
  margin: 0 0 0 71px;
  padding: 0;
  background: none;
}
.dottedWrap#fourthStyle .lastCol{
  width: 384px;
}
.dottedWrap#fifthStyle{
  margin: 9px 0 0 0;
}
.dottedWrap#fifthStyle .middleCol{
  background: none;
}
.topBg{
  background: url(img/border_3.gif) 0 0 repeat-x;
  width: 100%;
  overflow: hidden;
}
.botBg{
  width: 100%;
  overflow: hidden;
}
.dottedWrap#thirdStyle .botBg{
  background: url(img/bot_bg_2.jpg) 0 100% no-repeat;
}
.firstCol{
  float: left;
  width: 220px;
  text-align: right;
  font: italic 18px/24px Georgia, "Times New Roman", serif;
  color: #669900;
  padding: 5px 0 0 10px;
}
.firstCol p{
  padding: 0 0 23px 10px;
}
.middleCol{
  float: left;
  width: 320px;
  display: inline;
  margin: 5px 0 0 90px;
  padding-bottom: 80px;
  background: url(img/bot_bg.jpg) 0 100% no-repeat;
}
#introTxt{
  text-align: center;
  font: italic 18px/24px Georgia, "Times New Roman", serif;
  padding: 0 5px;
}
#contact{
  background: url(img/dot.gif) 100% 100% repeat-x;
  color: #669900;
  font: italic 18px/24px Georgia, "Times New Roman", serif;
  width: 181px;
  margin: 0 auto;
  padding: 24px 0 28px 0;
}
h6{
  font: italic 18px Georgia, "Times New Roman", serif;
  color: #669900;
  padding: 27px 0 0 10px;
}
.thumb{
  float: left;
  width: 140px;
  display: inline;
  margin: 10px 10px 6px 10px;
}
.thumb img{
  display: block;
  margin-bottom: 4px;
}
.thumb span{
  display: block;
}
.lastCol{
  float: right;
  width: 230px;
}
.sticker{
  display: block;
  font: italic 18px Georgia, "Times New Roman", serif;
  color: #669900;
}
.openLink{
  font-size: 0;
  line-height: 0;
  background: url(img/p.gif) 0 0 no-repeat;
  float: left;
  display: inline;
  margin: 6px 5px 0 0;
  color: #cc6600;
}
.openLink img{
  display: block;
}
.openLink.opend{
  background: url(img/m.gif) 0 0 no-repeat;
}
.colList{
  width: 220px;
  margin: 0 0 0 10px;
}
h5{
  color: #669900;
  font: italic 16px Georgia, "Times New Roman", serif;
  padding: 7px 0 0 10px;
}
.dt{
  color: #669900;
  font: italic 14px Georgia, "Times New Roman", serif;
  padding-top: 3px;
}
.dt a{
  color: #669900;
}
.dd{
  line-height: 18px;
  padding: 1px 0 15px 0;
}
.dd p{
  padding: 0 0 18px 0;
  background: url(img/dot_2.gif) 60px 100% no-repeat;
}
.dd p a{
  font-size: 10px;
  color: #cc6600;
}
#footer{
  width: 940px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  margin: 0 auto;
  padding: 8px 0 10px 0;
}
#footer span{
  padding-right: 20px;
}
#footer a{
  color: #fff;
  padding: 0 20px 0 16px;
}
#submenu{
  text-align: right;
  color: #666;
  font: italic 12px Georgia, "Times New Roman", serif;
  padding: 7px 0 40px 0;
}
#submenu a{
	color: #666;
}
#submenu span{
  padding: 0 6px 0 8px;
}
#submenu span.active{
  text-decoration: underline;
  color: #669900;
  padding: 0;
}
.secondCol{
  float: right;
  width: 620px;
  line-height: 16px;
  padding: 6px 0 62px 0;
  background: url(img/bot_bg_2.jpg) 0 100% no-repeat;
}
.secondCol p{
  padding-bottom: 16px;
}
h1{
  color: #669900;
  font: italic 18px/24px Georgia, "Times New Roman", serif;
  padding:0 0 15px 0;
}
.mainCol{
  float: right;
  width: 620px;
}
.boxWrap{
  width: 640px;
  float: left;
  display: inline;
  margin-left: -20px;
}
.item{
  width: 300px;
  float: left;
  display: inline;
  margin: 10px 0 0 20px;
}
.itemBox{
  height: 175px;
  background: url(img/img_bg.gif) 0 0 no-repeat;
}
.item p{
  color: #669900;
  padding: 3px 0 0 0;
}
.item a{
  color: #669900;
}
.boxWrap .clear{
  height: 18px;
}
.firstCol .item{
  float: none;
  display: block;
  width: 220px;
  margin: 27px 0 0 0;
  font: normal 12px Verdana, Arial, Tahoma, sans-serif;
  font-style: normal;
}
.firstCol .itemBox{
  background: url(img/img_bg_2.gif) 0 0 no-repeat;
  height: 134px;
}
.firstCol h4{
	color: #999;
  font: italic 12px Georgia, "Times New Roman", serif;
  padding-top: 4px;
}
.firstCol .item p{
  padding: 4px 0 0 0;
}
.firstCol .clear{
  height: 13px;
}
h2{
  color: #669900;
  font: italic 18px/22px Georgia, "Times New Roman", serif;
  background: url(img/dot.gif) 100% 100% repeat-x;
  padding-bottom: 16px;
}
.alignCenter{
  position: relative;
	width: 100%;
  clear: both;
}
.alignCenterToLeft{
  position: relative;
	right: 50%;
	float: right;
}
.nav{
  font: italic 18px/22px Georgia, "Times New Roman", serif;
  color: #666;
  width: 550px;
  margin: 0 0 0 45px;
  display: inline;
  float: left;
  padding: 27px 0 28px 0;
}
.nav li{
  float: left;
}
.nav li a{
  color: #666;
  float: left;
  padding: 3px 11px 5px 9px;
}
.nav li span{
  float: left;
  padding: 3px 32px 5px 32px;
}
.nav li span.active{
  background: #669900;
  color: #fff;
  padding: 3px 11px 5px 9px;
}
.nextLink{
  text-align: right;
  padding-top: 16px;
}
.nextLink a{
  color: #cc6600;
}
#boxes{
  width: 100%;
  overflow: hidden;
  font-size: 8px;
  margin-bottom: 48px;
}
#boxes a{
  float: left;
  height: 180px;
  position: relative;
  overflow: hidden;
  color: #fff;
}
#boxes img{
  display: block;
  margin: 0 auto;
}
#boxes span{
  position: absolute;
  width: 100%;
  background: url(img/transparent.png) 0 0 repeat;
  left: 0;
  bottom: 0;
  padding: 7px 0 4px 0;
  text-indent: 3px;
}
#quote{
  width: 460px;
  background: url(img/dot.gif) 0 0 repeat-x;
  margin: 42px 0 14px 80px;
  font-style: italic;
  padding: 14px 0 0 0;
}
.dottedWrap#thirdStyle .mainCol #quote p.caption{
  padding: 7px 0 20px 0;
}
.caption{
  background: url(img/dot.gif) 0 100% repeat-x;
  font-size: 10px;
  text-align: right;
}
.topic{
  padding: 10px 0 19px 0;
}
.topic img{
  display: block;
  margin-bottom: 5px;
}
.topic h3{
  font: italic 15px/22px Georgia, "Times New Roman", serif;
  color: #cc6600;
}
.topic .openLink{
  font-size: 10px;
  float: none;
  background: url(img/p.gif) 100% 3px no-repeat;
  padding: 0 12px 0 27px;
}
.topic .openLink.opend{
  background: url(img/m.gif) 100% 3px no-repeat;
}
.topic h4{
  font: italic 14px Georgia, "Times New Roman", serif;
  padding: 15px 0 0 0;
}
.topic p{
  line-height: 16px;
}
.topic p a{
  font-size: 10px;
}
#topLine{
  position: relative;
  z-index: 1;
}
#topLine .sticker{
  position: absolute;
  top: -17px;
  left: 2px;
  z-index: 2;
}
#control{
  padding: 8px 0 6px 339px;
  color: #cc6600;
  font: italic 18px Georgia, "Times New Roman", serif;
}
#control span{
  padding: 0 26px 0 35px;
}
.expandLink{
  font-size: 12px;
  background: url(img/p_2.gif) 100% 2px no-repeat;
  padding: 0 23px 0 0;
}
.expandLink.opened{
  background: url(img/m_2.gif) 100% 2px no-repeat;
}
.navigation{
  text-align: right;
  font: italic 13px Georgia, "Times New Roman", serif;
  color: #666;
  padding: 8px 0 12px 0;
}
.navigation a{
  font-size: 9px;
  padding: 0 0 0 1px;
}
.navigation span{
  padding: 0 8px 0 12px;
}
#container{
  width: 960px;
  overflow: hidden;
  margin: 0 -20px 0 0;
}
#container .item{
  float: left;
  width: 300px;
  display: inline;
  margin: 0 20px 27px 0;
  color: #999;
  cursor: pointer;
}
#container .item:hover{
  color: #669900;
}
#container .itemBox .project{
  display: block;
  margin-top: -11px;
}
#container .itemBox.active .project{
  margin-top: 0;
}
#container .itemBox{
  display: block;
  height: 120px;
  border-top: 30px solid #fff;
  overflow: hidden;
  width: 100%;
}
.imageWrap{
  display: block;
  height: 180px;
}
.shadow{
  height: 18px;
  background: url(img/img_bg_3.gif) 0 -140px no-repeat;
  display: block;
  width: 100%;
  font-size: 0;
  /*margin-bottom: 2px;*/
}
#container .item .itemBox.active{
  height: 140px;
  border-top: 19px solid #fff;
}
.hr{
  clear: both;
  background: url(img/dot.gif) 100% 0 repeat-x;
  font-size: 0;
  line-height: 0;
  height: 1px;
  width: 940px;
}
#projectBox{
  margin-top: 36px;
  padding: 0 0 0 0;
}
#projectBox .hr{
  margin-bottom: 8px;
}
.dottedBoxWrap{
  background: url(img/dot_5.gif) 100% 100% repeat;
  padding: 1px 0;
  float: left;
  width: 100%;
  z-index: 0;
  position: relative;
  margin-bottom: 37px;
}
.dottedBox{
  background: url(img/dot_6.gif) 100% 100% repeat;
  padding: 0 1px;
  float: left;
  width: 938px;
  z-index: 0;
}
.topLinks{
  font: italic 18px Georgia, "Times New Roman", serif;
  color: #cc6600;
  float: left;
  position: relative;
  background: #fff;
  margin-bottom: -14px;
  z-index: 5;
  padding: 0 32px 6px 0;
}
.topLinks .openLink{
  font-size: 10px;
  float: none;
  background: url(img/p.gif) 100% 3px no-repeat;
  padding: 0 12px 0 17px;
}
.topLinks .openLink.opend{
  background: url(img/m.gif) 100% 3px no-repeat;
}
.topLinks .goLink{
  font-size: 10px;
  float: none;
  background: url(img/goto.gif) 100% 3px no-repeat;
  padding: 0 12px 0 17px;
}
.topLinks span{
  padding: 0 13px 0 11px;
}
.twoColsWrap{
  background: #fff url(img/dot_3.gif) 470px 2px repeat-y;
  width: 100%;
  float: left;
  border-top: 27px solid #fff;
  border-bottom: 18px solid #fff;
	z-index: 0;
}
.leftColumn{
  float: left;
  width: 440px;
  display: inline;
  margin: 0 0 0 10px;
}
.rightColumn{
  float: right;
  width: 440px;
  display: inline;
  margin: 0 8px 0 10px;
}
#container h2{
  background: url(img/dot.gif) 100% 68% repeat-x;
  padding: 0;
  width: 940px;
}
#container h2 span{
  background: #fff;
  padding-right: 37px;
  line-height: 100%;
}
.list{
  text-align: right;
  color: #669900;
  font: italic 12px/24px Georgia, "Times New Roman", serif;
}
.list a{
  color: #999;
}
.viewLink{
  font: italic 12px Georgia, "Times New Roman", serif;
  background: url(img/arrows.gif) 100% 50% no-repeat;
  padding: 0 21px 0 0;
}
.clientLogo{
  display: block;
  margin: 0 0 29px 0;
}
.normalText{
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.normalText p{
  padding: 0 0 20px 0;
}
.dottedWrap#fifthStyle .middleCol{
  font: italic 14px Georgia, "Times New Roman", serif;
  padding: 2px 0 0 0;
}
.dottedWrap#fifthStyle .middleCol h4{
  font: italic 14px Georgia, "Times New Roman", serif;
  padding-bottom: 1px;
}
.dottedWrap#fifthStyle .middleCol p{
  color: #669900;
  line-height: 20px;
  padding-bottom: 36px;
}
.dottedWrap#fifthStyle .middleCol p.big{
  font: italic 29px/33px Georgia, "Times New Roman", serif;
  padding-bottom: 37px;
}
.dottedWrap#fifthStyle .middleCol img{
  display: block;
}
.dottedWrap#fifthStyle .lastCol{
  width: 220px;
}
.dottedWrap#fifthStyle .lastCol h3{
  color: #669900;
  font: italic 18px Georgia, "Times New Roman", serif;
  padding: 5px 0 10px 0;
}
.submitForm input, label, textarea{
  display: block;
}
.submitForm label{
	font: italic 14px Georgia, "Times New Roman", serif;
  padding: 13px 0 7px 0;
}
.submitForm .textField{
  border: 1px solid #c3c3c3;
  width: 218px;
  font: italic 14px Georgia, "Times New Roman", serif;
  color: #999;
  padding: 2px 0;
}
.submitForm textarea{
  border: 1px solid #c3c3c3;
  width: 218px;
  height: 197px;
  font: italic 14px Georgia, "Times New Roman", serif;
  margin-bottom: 9px;
  color: #999;
  padding: 2px 0;
}
.submitBtn{
  padding: 0 3px;
}
.expandList{
  padding: 2px 0 49px 0;
}
.expandList .listTitle{
  font: italic 18px Georgia, "Times New Roman", serif;
  color: #669900;
  background: url(img/p_2.gif) 0 5px no-repeat;
  padding: 0 0 0 22px;
}
.expandList .listTitle.opened{
  background: url(img/m_2.gif) 0 5px no-repeat;
}
.expandList li{
  background: url(img/dot.gif) 100% 100% repeat-x;
  padding: 7px 0 8px 0;
}
.expandList p{
  padding: 15px 0 16px 21px;
}
.expandList .smallTitle .listTitle{
  font-size: 14px;
  background: url(img/p_2.gif) 0 3px no-repeat;
}
.expandList .smallTitle .listTitle.opened{
  background: url(img/m_2.gif) 0 3px no-repeat;
}
.expandList li ul{
  padding: 16px 0 16px 3px;
}
.expandList li ul li{
  background: url(img/bullet.gif) 0 5px no-repeat;;
  padding: 0 0 0 20px;
}
.numberedList{
  padding: 12px 0 0 27px;
}
.numberedList li{
  list-style-position: outside;
  list-style-type: decimal;
  color: #669900;
  font: italic 18px Georgia, "Times New Roman", serif;
  padding: 0 0 12px 0;
}
.secondCol .numberedList span{
  color: #999;
  font: 12px/16px Verdana, Arial, Tahoma, sans-serif;
}
.sideImg{
  margin: 8px 0 27px 0;
}
.sponsorsBox{
  background: url(img/dot.gif) 100% 0 repeat-x;
  padding: 22px 0 0 0;
  margin-top: 8px;
}
.sponsorsBox p{
  color: #999;
  font: italic 12px Georgia, "Times New Roman", serif;
  padding: 0 0 28px 0;
}



html{
  height:100%;
}
body{
  min-height:100%;
  position:relative;
  background: #fff;
}
* html body {
  height: 100%;
}

#data{
  padding-bottom:30px;
}
#footerWrap {
  position: absolute;
  width:100%;
  height:30px;
  bottom:0px;
  background: #333;
}
#headerWrap{
  background: #333;
}