html,body {
  height: 100%;
  background: #151f2f;
  color: #FFFFFF;
  font:normal normal 75%/1.5 Tahoma,Verdana, Arial, Helvetica, sans-serif;
  background: url(../img/mainBG.gif) repeat-x top center #182132;
  margin: 0;
  padding: 0;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -192px;
  width: 1000px;
}

.wrapper .headerSpacer {
  height: 18px;
}

.wrapper .header {
  background: url(../img/BodyBgSq_01.png) top center no-repeat;
  position: relative;
  z-index: 9998;
  top:13px;
}

.wrapper .header .logo {
  width: 196px;
  float: left;
  margin: 15px 0 0 30px;
}

/*SEARCH*/
.wrapper .header .search {
  font-size: 11px;
  color: #FFFFFF;
  width: 600px;
  float: right;
  margin: 10px 20px 0 0;
  text-align: right;
}

.wrapper .header .search .searchBox {
  background: url(../img/searchBG.png) no-repeat top right;
  width: 278px;
  height: 40px;
  margin: 5px 0 0 0;
  text-align: left;
}

.searchIcon {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  width: 17px;
  height: 23px;
}

.wrapper .header .search a {
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: right;
}

#search_box {
  width: 245px;
  height: 31px;
  background: url(../img/searchInput.png) no-repeat;
  float: left;
}

#search_box #s {
  float: left;
  padding: 0;
  margin: 6px 0 0 6px;
  border: 0;
  width: 165px;
  height: 20px;
  background: none;
}

#search_box #go {
  float: right;
  margin: 0 4px 0 0;
}

#searchSubmit a {
  cursor: pointer; /* Give it the hand cursor, like a link */
  width: 53px; /* Width of the image */
  height: 26px;
  /* Image has a height of 52px, only show the first half */
  overflow: hidden; /* Hide the overflow */
  display: block;
  background: url(../img/searchBtnSliding.gif) top left;
  text-indent: 9999px;
}

#searchSubmit a:hover {
  background-position: 0 -26px;
  /* Negative height of half the sprite, to push the image up */
}
#search-area, #results .gsc-cursor-box {
  
}

#search-area {
  padding: 8px 8px 8px 20px;
}

#search-area .help-text {
  margin-top: 0.5em;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.5;
  -moz-opacity: 0.5;
}



/*end Searching*/ 

/* GLOBALHEADER */
#globalheader {
  width: 1002px;
  margin: 18px auto;
}

#globalheader #globalnav {
  margin: 0;
  padding: 0;
}

#globalheader #globalnav li {
  list-style: none;
  float: left;
}

#globalheader #globalnav li a {
  display: block;
  height: 53px;
  text-indent:-9999px;
  overflow: hidden;
  background-image: url(../img/globalNavBg.png);
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

/* BUTTONS */
#globalheader #globalnav li#gn-services a {
  background-position: 0 0;
  width: 176px;
}

#globalheader #globalnav li#gn-work a {
  background-position: -176px 0;
  width: 175px;
}

#globalheader #globalnav li#gn-products a {
  background-position: -351px 0;
  width: 174px;
}

#globalheader #globalnav li#gn-ofbiz a {
  background-position: -525px 0;
  width: 149px;
}

#globalheader #globalnav li#gn-aboutUs a {
  background-position: -674px 0;
  width: 157px;
}

#globalheader #globalnav li#gn-contact a {
  background-position: -831px 0;
  width: 170px;
}

/* OVER STATES */
#globalheader #globalnav li#gn-services a:hover {
  background-position: 0 -54px;
}

#globalheader #globalnav li#gn-work a:hover {
  background-position: -176px -54px;
}

#globalheader #globalnav li#gn-products a:hover {
  background-position: -351px -54px;
}

#globalheader #globalnav li#gn-ofbiz a:hover {
  background-position: -525px -54px;
}

#globalheader #globalnav li#gn-aboutUs a:hover {
  background-position: -674px -54px;
}

#globalheader #globalnav li#gn-contact a:hover {
  background-position: -831px -54px;
}

/*DROP DOWN CODE*/
#globalheader #globalnav li ul {
  position: absolute;
  left: -999em;
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 11px;
  top:43px;
}

/* Drop Positions */
#globalheader #globalnav #gn-services ul {
  /* lists nested under hovered list items */
  width: 181px;
  background: url(../img/dropBttmCap.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-work ul {
  /* lists nested under hovered list items */
  width: 185px;
  margin-left: -5px;
  background: url(../img/dropBttmCap2.png) bottom left no-repeat;
}

#globalheader #globalnav #gn-ofbiz ul {
  /* lists nested under hovered list items */
  width: 160px;
  margin-left: -6px;
  background: url(../img/dropBttmCap3.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-aboutUs ul {
  /* lists nested under hovered list items */
  width: 168px;
  margin-left: -6px;
  background: url(../img/dropBttmCap4.png) bottom center no-repeat;
}

#globalheader #globalnav #gn-contact ul {
  /* lists nested under hovered list items */
  width: 176px;
  margin-left: -6px;
  background: url(../img/dropBttmCap5.png) bottom center no-repeat;
}

/* End Drop Pos */
#globalheader #globalnav li ul li {
  background: url(../img/bulletImg.gif) top left no-repeat;
  margin: 0 0 0 12px;
  padding: 0 0 0 12px;
}

#globalheader #globalnav li ul li img { /* second-level lists img */
  border: none;
  margin-right: 5px;
}

#globalheader #globalnav li ul li a { /* second-level lists links */
  background:none;
  color: #E2C6C4;
  height: 20px;
  line-height:20px;
  font-size: 10px;
  width: 160px;
  padding-top: 3px;
  padding-left: 10px;
  margin: 0;
  text-indent:0;
  background-position: 0 0;
}

#globalheader #globalnav li ul li a:hover {
  background: url(../img/bulletImg.gif) bottom left no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}

#globalheader #globalnav li:hover ul {
  left: auto;
  color: #BA4044;
  background: none;
}

#globalheader #globalnav li:hover ul,#globalheader #globalnav li.hover ul {left: auto;}



/*Services highlight pos */
body.services #globalheader #globalnav li#gn-services a{
  background-position: 0 -108px;
}

/*Work highlight pos */
body.work #globalheader #globalnav li#gn-work a {
  background-position: -176px -108px;
}

/*Products pos */
body.products #globalheader #globalnav li#gn-products a{
  background-position: -351px -108px;
}

/*OFBiz highlight pos */
body.ofbiz #globalheader #globalnav li#gn-ofbiz a{
  background-position: -525px -108px;
}

/*About highlight pos */
body.about #globalheader #globalnav li#gn-aboutUs a{
  background-position: -674px -108px;
}

/*Contact highlight pos */
body.contact #globalheader #globalnav li#gn-contact a{
  background-position: -831px -108px;
}

/*End Global btn highlight*/ /*BODY CONTAINER*/
.bodyContainer {
  background: url(../img/BodyBgSq_02.png) repeat-y top center;
  padding:18px 0 0;
  min-height:540px; 
  height:auto !important; 
  height:540px; 
}

.flashContainer {
  background: url(../img/BodyBgSq_02.png) repeat-y top center;
  padding:18px 0 0;
  min-height:387px; 
  height:auto !important; 
  height:387px;
  position:relative;
}

.flashContainer #flashContent {
  background: url(../img/featured/hp-non-flashImg.jpg) no-repeat top left;
  width: 953px;
  height: 387px;
  margin-left: 23px;
  position:absolute;
  z-index: 6000;
}

.bodyCapTop {
  background: url(../img/BodyBgSq_03Top.png) no-repeat top center;
  height: 9px;
  line-height: 0;
  font-size: 0px;
}

.bodyCapBtm {
  background: url(../img/BodyBgSq_03.png) no-repeat top center;
  height: 8px;
  margin:0 0 18px;
  
}

/*END BODY CONTAINER*/ /*MODS*/
.modsWrapper {
  margin: 0px 28px;
  padding-top: 5px;
}

.ModContainer {
  width: 307px;
  height: 233px;
  float: left;
}

.ModContainer .ModTop {
  background: url(../img/mod_top.png) top center no-repeat;
  height: 29px;
}

.ModContainer .ModTop h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  margin: 0px;
  margin-bottom:0px;
  padding: 0px 0 0 15px;
}

.ModContainer .ModTop h2 a {
  color: #D4C98F;
}

.ModContainer .ModTop h2 a:hover {
  text-decoration: none;
}

.ModContainer .ModBody {
  background: url(../img/mod_mid.png) center repeat-y;
  height: 175px;
  font-size: 12px;
  font-weight: normal;
  color: #CCCCCC;
}

.ModContainer .ModBody a {
  color: #991E14;
  text-decoration: underline;
}

.ModContainer .ModBody a:hover {
  color: #991E14;
  text-decoration: none;
}
/*link build for seo phrases*/
.ModContainer .ModBody .altLink{
  color: #CCCCCC;
  text-decoration: none;
}

.ModContainer .ModBody .ModEcomm {
  background: url(../img/OFBizCart.png) top right no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModEcomm div {
  width: 150px;
}

.ModContainer .ModBody .ModERP {
  background: url(../img/erp-icon.png) 55px 16px no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModWeb {
  background: url(../img/goldenMean.png) top right no-repeat;
  overflow: visible;
  height: 153px;
}

.ModContainer .ModBody .ModWeb div {
  width: 112px;
}

.moreBtn {
  margin: -10px auto 0 auto;
  width: 79px;
  position: relative;
  z-index: 9999;
}

.moreBtn a {
  display: block;
  height: 25px;
  width: 79px;
  background: url(../img/BtnMoreInfo.png) top center no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.moreBtn a:hover {
  background-position: 0 -25px;
}


.demoStoreBtn {
  margin: -10px auto 0 auto;
  width: 130px;
  position: relative;
  z-index: 9999;
}

.demoStoreBtn a {
  display: block;
  height: 25px;
  width: 130px;
  background: url(../img/BtnDemoStore.png) top center no-repeat;
  text-indent: -999em;
  overflow: hidden;
}

.demoStoreBtn a:hover {
  background-position: 0 -25px;
}


.ModContainer .ModBttm {
  background: url(../img/mod_bttm.png) bottom center no-repeat;
  height: 18px;
  font-size: 0px;
}

.recentNews {
  float: left;
  width: 439px;
  height: 197px;
  background: url(../img/newsBG.gif) top center no-repeat;
  margin: 15px 0 0 10px;
}

.recentNews h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  padding: 0 0 0 15px;
  margin-bottom:0px;
  top:-5px;
}

.recentNews #content {
  height: 124px;
  margin: 0px 30px;
  font-size: 12px;
  color: #CCCCCC;
}

.recentNews a {
  color: #9d1e17;
  text-decoration: underline;
}

.recentNews h5 {
  font-weight:normal;
  color: #B7D5ED;
  margin:0;
  padding:0;
}

.recentNews h5 span {
  font-size: 10px;
  font-style: italic;
  display: block;
}

.recentNews p {
  font-size:11px;
  line-height:15px;
}

#news{
    display:block;
    width:424px;
    height:130px;
    margin:0;
    padding:0;
    position:relative;
    left:0px;
}

#news ul li {
  position:absolute;
  top:0;
  left:0;
  overflow: hidden;
}

#news .next {
  background: url("../img/arrowRight.png") top left no-repeat;
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:45px;
  right:-30px;
  text-indent:-9999px;
}

#news .previous {
  background: url("../img/arrowLeft.png") top left no-repeat;
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:45px;
  left:-15px;
  text-indent:-9999px;
}

#news .start, #news .stop  {
  display:block;
  height:16px;
  width:16px;
  position:absolute;
  top:100px;
  right:0px;
  text-indent:-9999px;
}

#news .start {background:url(../img/play.png) top left no-repeat;}
#news .stop {background:url(../img/pause.png) top left no-repeat;}

#logo-gallery {
    margin:0 auto;
    position:relative;
    width:915px;
}

#brandtray {
  width:915px; 
  margin: 0;
  padding:0;
  clear: both;
}
#brandtray_inner {
  width: 915px;
  height: 56px;
  padding-top: 4px;
  position: relative;

}
#brandtray_logo_groups {
  clear: both;
  width: 915px;
  height: 50px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
}
#brandtray #advance {
  background: url(../img/brands-next.gif) no-repeat;
  position: absolute;
  right: 1px;
  top: 18px;
  height: 29px;
  width: 23px;
  text-indent: -9999px;
  cursor: pointer;
  display:none;
}
#brandtray #rewind {
  background: url(../img/brands-prev.gif) no-repeat;
  position: absolute;
  left: 4px;
  top: 18px;
  height: 29px;
  width: 23px;
  text-indent: -9999px;
  display:none;
  cursor: pointer;
}
#brandtray ul {
  margin: 0;
  padding: 0;
  width: 920px;
  position: absolute;
}
#brandtray li {
  float: left;
  list-style-type: none;
  width: 115px;
  height: 51px;
  text-align:center;
}
#brandtray li img {margin:0 auto}
/*QUOTE BUBBLE*/

.qBubble {
  width: 221px;
  margin: 20px 3px 20px 20px;
  line-height: 0;
  font-size: 0;
}

.qbubble[class], .qbubble_alt[class]{margin: 20px 0 20px 20px;}

.qBubble img, .qBubble_alt img  {
  border: none;
  margin: 0;
}

.qBubble div {
	color: #4587BA;
	background:url(../img/qBubble_bg.gif) 0 0 repeat-y;
	padding: 3px 10px 3px 15px;
	font-size: 12px;
	line-height: 20px;
}

.qBubble div.author, .qBubble_alt div.author {
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  text-align: right;
  color: #4587BA;
  background: none;
  padding: 0;
  line-height: 15px;
}

.qBubble div.author span, .qBubble_alt div.author span {
  font-weight: normal;
  font-size: 11px;
  color: #4587BA;
}

/*Testimonial Page quote bubble*/
.qBubble_alt {
  width: 710px;
  margin: 30px auto 20px auto;
  line-height: 0;
  font-size: 0;
}

.qBubble_alt div {
  color: #CCCCCC;
  background:url(../img/qBubble_alt_bg.gif) 0 0 repeat-y;
  padding: 3px 10px 3px 15px;
  font-size: 12px;
  line-height: 20px;
}

/*END QUOTE BUBBLE*/
.contactUs {
  float: right;
  width: 461px;
  height: 180px;
  background: url(../img/contactBG.png) 0px 5px no-repeat;
  font-size: 12px;
  color: #ccc;
  margin-top: 15px;
}

.contactUs h2 {
  font-size: 16px;
  font-weight: normal;
  color: #D4C98F;
  top:-5px;
  margin-bottom:0px;
}

.contactUs span {
  display: block;
  width: 190px;
  height: 70px;
  padding: 5px 0 0 0;
}

.contactUs .contactList{
  margin: 0;
}

.contactUs .contactList li {
  padding: 1px 0 0 5px;
  font-size: 11px;
  height: 20px;
  list-style: none;
}

.contactUs .contactList li img {
  display:inline;
  vertical-align:bottom;
  margin-right:5px;
}

.contactUs .contactList a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

/*FOOTER*/
.footer,.push {
  height: 192px;
}

.footer {
  background: url(../img/footerBG.gif) repeat-x top;
}

.footer .footWrap {
  margin: 0 auto;
  width: 975px;
  padding: 20px 0 10px 0;
  position:relative;
}

.footer .footWrap #copyright {
    position:absolute;
    top:170px;
    color:#a1a1a1;
}

.footer .footWrap #copyright a{
    color:#a1a1a1;
}

.footer .footWrap .footClmn {
  float: left;
  width: 143px;
  height: 100px;
}

.footer .footWrap .title {
  color: #bcd7e8;
  font-size: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

.footer .footWrap .subTitle {
  color: #4f80a8;
  font-size: 10px;
}

.footer .footWrap .subTitle ul {
  margin:0;
  top:0;
  line-height:15px;
  padding:0;
}

.footer .footWrap .subTitle li {
  list-style: none;
  list-style-position: outside;
  line-height: 15px;
}

.footer .footWrap a {
  color: #4f80a8;
  font-size: 10px;
  text-decoration: none;
}

.footer .footWrap a:hover {
  color: #BCD7E8;
  text-decoration: none;
}

.footer .footWrap .redTxt {
  color: #9d1e17;
  text-decoration: underline;
}

.border-right-foot {
  border-right: 2px solid #262b3f;
}

/*STICKY FOOTER*/
.clear {
  display: inline-block;
}

.clear:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

/* SUB PAGE STYLES */
.subPgTitle {
  padding: 5px 30px;
}

.subPgTitle h2 {
  font-size:18px;
  margin-bottom:5px;
  font-weight:normal;
  color: #D4C98F;
}

/* LHN */
#lhn {
  width: 220px;
  float: left;
  margin: 0 20px;
}

#lhn ul.leftNav {
  background: url(../img/LHN-bg.png) no-repeat top center;
  margin: 0 0 50px 0;
  padding: 0;
}

#lhn ul.leftNav li {
  position: relative;
  list-style: none;
  line-height: 16px;
  font-size: 11px;
  margin: 0 4px;
  padding-bottom: 1px;
  background: url(../img/dash.png) repeat-x bottom left;
}

#lhn ul.leftNav li a {
  display: block;
  padding: 4px 0 0 10px;
  margin: 0;
  color: #B7D5ED;
  width: 203px;
  height: 25px;
}

#lhn ul.leftNav li a span.listArrow {
  height: 14px;
  width: 14px;
  position: relative;
  top: 2px;
  margin: 0 8px 0 0;
  background: url(../img/bulletImgSprite.gif) no-repeat 0 -2px;
  overflow: hidden;
  display: inline-block;
}

#lhn ul.leftNav li a:hover span.listArrow,#lhn ul.leftNav li#activeSub span.listArrow
  {
  background: url(../img/bulletImgSprite.gif) no-repeat 0 -19px;
}

#lhn ul.leftNav li a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#lhn ul.leftNav li a:active {
  background: url(../img/blue10.png) repeat;
  color: #FFFFFF;
}

#lhn ul.leftNav li#activeSub a {
  background: #232F3B;
  color: #FFFFFF;
  height:25px;
}

#lhn ul.leftNav li#activeSub ul {
  margin:-4px 0 0 -2px;
}

#lhn ul.leftNav li#activeSub ul li a {
  background: #232F3B;
  color: #B7D5ED;
  height:24px;
  padding:5px 0 0 32px;
}

#lhn ul.leftNav li#activeSub ul li#activeSub2 a {
  background: #2C4459;
  color: #FFFFFF;
  height:24px;
  padding:5px 0 0 32px;
}

#lhn ul.leftNav li#activeSub ul li a:hover {
  color: #FFFFFF;
}

#lhn ul.leftNav li ul li.firstSubBtn a{
  background: url(../img/dashLine.png) no-repeat 27px 0;
}

#lhn ul.leftNav li ul li {
  margin: 0 0 0 2px;
  background: url(../img/dashLine.png) no-repeat 27px 33px;
}

#lhn ul.leftNav li ul li a {
  padding: 6px 0 5px 32px;
  margin: 0;
  width: 181px;
  height: 23px;
  background: none;
}

#lhn ul.leftNav li img {
  border: none;
}

#lhn ul.leftNav li ul {
  margin: 0 0 0 -2px;
  padding: 0;
  background: none;
}

#lhn ul li ul li a {
  color: #B7D5ED;
}
#lhn ul.leftNav li.expanded div, #lhn ul.leftNav li.contracted div{
  /*float: right;
  margin: 3px 3px 0 0;*/
  position: absolute;
  top: 2px;
  left: 198px;
  width: 13px;
  height: 13px;
}

#lhn ul.leftNav li.expanded div{
  cursor: pointer;
  width: 13px;
  height: 13px;
  background: url(../img/btn_expand_collapse.gif) no-repeat 0 -26px;
}

#lhn ul.leftNav li.expanded div.over{
  background-position: 0 -39px;
}

#lhn ul.leftNav li.contracted div{
  cursor: pointer;
  width: 13px;
  height: 13px;
  background: url(../img/btn_expand_collapse.gif) no-repeat 0 0;
}

#lhn ul.leftNav li.contracted div.over{
  background-position: 0 -13px;
}

.backgroundNone {
  background: none;
}

#lhn .nextStep {
  width: 214px;
  font-size: 15px;
  color: #D4C98F;
  line-height: 0;
  font-size: 0;
}

#lhn .nextStep img {
  border: none;
  margin: 0;
}

#lhn .nextStep div {
  color: #D4C98F;
  background:url(../img/cBubble_bg.gif) 0 0 repeat-y;
  padding: 0 10px 3px 15px;
  font-size: 15px;
  line-height: 20px;
}

#lhn .nextStep div ul {
  padding: 0 0 5px 0;
  margin: 0;
  background: none;
  list-style: none;
}

#lhn .nextStep div ul li {
  padding: 0;
  background: none;
  font-size: 11px;
  height: 20px;
  list-style: none;
  color: #B7D5ED;
}

#lhn .nextStep div ul li img {
  display:inline;
  vertical-align:bottom;
  margin-right:10px;
}

#lhn .nextStep a, #lhn .socialMedia dd a {
  text-decoration: none;
  color: #B7D5ED;
}

#lhn .nextStep a:hover, #lhn .socialMedia dd a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#lhn .socialMedia{
  font-size: 11px;
}

#lhn .socialMedia dt{
  font-size: 15px;
  color: #D4C98F;
  margin: 0 0 10px 0;
}

#lhn .socialMedia dd img{
  float: left;
  margin: 2px 10px 0 0;
}

#lhn .socialMedia dd{
  margin: 0 0 8px 0;  
}


#rightBody {
  font-size: 12px;
  color: #CCCCCC;
  width: 710px;
  float: left;
  height: 100%;
  margin: 0 20px 10px 0;
}

#rightBody h3.separate{
  padding: 0 0 15px;
  border-bottom: 4px solid #242A33;
}

#rightBody .title {
  color: #ffffff;
  
}

#rightBody .title span {
  display:block;
  font-size:16px;
  font-style:italic;
}

#rightBody .subTitle {
  font-size: 14px;
  color: #ffffff;
}

#rightBody ul {
  margin-top: 10px;
  line-height: 18px;
  list-style-image: url(../img/bullet_blue.png);
  list-style-position: outside;
  list-style-type: disc;
}

#rightBody p {
  font-size: 12px;
  color: #CCCCCC;
}

#rightBody a {
  color: #991E14;
  text-decoration: underline;
}

#rightBody a:hover {
  color: #991E14;
  text-decoration: none;
}

#rightBody ul.steps li {
  font-size: 12px;
  color: #CCCCCC;
  padding-bottom: 10px;
}

/*FEATURED PORTFOLIO */
#rightBody #featuredPortfolio {
  width: 700px;
  height: 385px;
  margin: 0 auto;
}

#rightBody .portLeftClmn {
  width: 460px;
  padding-left: 10px;
  float: left;
}

#rightBody .portRightClmn {
  width: 220px;
  float: right;
}

#rightBody .portfolioGrid {
  float: left;
}

#rightBody .portfolioGrid a {
  color: #D4C98F;
  display: block;
  font-weight: bold;
  height: 185px;
  margin-right: 5px;
  padding: 5px;
  text-decoration: none;
  width: 220px;
}

#rightBody .portfolioGrid a:hover {
  background: #242D38;
  color: #e4d275;
}

#rightBody .portfolioGrid span {
  color: #cccccc;
  font-weight: normal;
  font-size: 11px;
}

#rightBody .portfolioGrid a:hover span {
  color: #ffffff;
}

.portfoliocontainer {float:left;}

#portfolioFilter {
    width: 700px;
    padding: 0;
    margin: 10px 0;
    list-style: none;
    background:#232F3B;
    height:40px;
    color:#fff;
    position:relative;
}

#filter {position:absolute; top:-1px; left:-10px;}

#filter span {float:left}

#filter li {float:left;display:inline;margin:0 0 0 10px;list-style:none}

#portfolioFilter a {color: #fff; text-decoration:none;font-size:11px;}

ul.columns {
    width: 710px;
    padding: 0;
    margin: 10px 0 10px -5px;
    list-style: none;
    float:left;
    clear:left;
    min-height:600px; 
    height:auto !important; 
    height:600px;
}

ul.columns li {
    float: left;
    width: 230px !important;
    min-height: 190px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 5px 5px;
    padding: 0;
    text-align: left;
    zoom: 1;*
    display:inline;
    _height:190px;
}

.block {
    height: 190px;
    font-size: 11px;
    padding: 5px;
    background: #1C222D;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    position:relative;
}
#portfolio h3 {margin:5px 0 0}
#portfolio h3 a {color:#D4C98F; font-size:12px; font-weight:bold; text-decoration:none;}
.block a.thumb {height:144px; width:220px; overflow:hidden}
.block img {padding: 0;margin:0;display: block;}

#portfolio-pagination {position:absolute; top:12px; right:10px;}
#portfolio-pagination span {padding: 0px 4px; font-size: 11px}
.portfolio-pagination-selected,  
.portfolio-pagination2-selected {padding: 0px 4px; color:#B7D5ED}
.portfolio-pagination-selected a { text-decoration: none; color:#B7D5ED }
#portfolio-flag-dropdown {position:absolute; top:8px; left:10px;}
#portfolio-flag-dropdown select {background:#070A13; border:1px solid #070A13;color:#fff; padding:4px; width:170px; outline:none;}
#showAll {position:absolute; top:12px; left:190px; width:100px;}

.portfolio-logo {position:absolute; top:160px; right:5px;}
 
#portfolio .flags {
    margin:5px 0;
    padding:0;
    color:#B7D5ED;
    font-size:10px;
    width:185px;
    line-height:13px;
}
#portfolio .flags a {font-size:10px;color:#B7D5ED; text-decoration:none;}

/* END FEATURED PORTFOLIO */
.contentTop {
  background: url(../img/contentBox_r1_c1.png) top left no-repeat;
  width: 698px;
  height: 8px;
  font-size: 0px;
  margin-top: 20px;
}

.contentMid {
  background: url(../img/contentBox_r2_c1.png) top left repeat-y;
  width: 698px;
}

.contentCenter {
  background: url(../img/contentBox_r2_c1.png) top left repeat-y;
  width: 668px;
  padding: 10px 15px 10px 15px;
}

.contentCenter p {
  margin-left: 20px;
}

.contentCenter ul {
  margin-left: 38px;
}

.contentCenter img {
  margin-top: 20px;
}

.contentMid .cartImgTop {
  background: url(../img/cartImgBigger_r1_c1.png) bottom right no-repeat;
  width: 698px;
}


.center{
  text-align: center;
}

.contentMid .erpImg {
  background: url(../img/erp-icon-bigger.png) bottom right no-repeat;
  width: 698px;
}

.contentMid .cartImgTop ul, .contentMid .erpImg ul {

  padding: 20px 30px 20px 50px;
  margin: 0 !important;
  width: 475px;
}

.contentMid .cartImgTop ul li, .contentMid .erpImg ul li {
  list-style: url(../img/tick.gif) outside;
  margin: -2px 0;
  line-height: 18px;
  font-size: 11px;
  color: #CCCCCC;
}

.contentBttm {
  background: url(../img/contentBox_r3_c1.png) bottom left no-repeat;
  width: 698px;
  height: 8px;
  font-size: 0px;
}

.contentBttm .cartImgBttm {
  background: url(../img/cartImgBigger_r2_c1.png) top right no-repeat;
  height: 8px;
  width: 698px;
}

.dlList,.newsList {
  margin: 0 0 20px 0;
  padding: 0;
}

.dlList dt,.newsList dt {
  font-size: 16px;
  color: #fff;
  padding: 0 0 5px 0;
  margin: 20px 0 5px 0;
}

.dlList dd {
  margin: 0;
  padding: 0;
}

.newsList dd {
  margin: 0 0 25px;
  padding: 0 0 35px;
  border-bottom: 4px solid #242A33;
}

.highlight {
  color: #B7D5ED;
  font-weight: bold;
}

.italicSmall {
  font-size: 10px;
  font-style: italic;
}

.dlList dd.noBorder,.newsList dd.noBorder {
  border: none;
}

.imgTreatment {
  border: 6px solid #242A33;
  margin: 4px 0 8px 8px;
}

/***********************************************
Contact
***********************************************/
#contact-container {z-index:90002;}

.contact-overlay {
  background: #0C0C0C;
  position:absolute;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index:90000;
}

#contact-window {
  position: absolute;
  width: 800px;
  height: 640px;
  z-index: 90001;
  background: transparent url(../img/contact.png) top left no-repeat;
  padding: 0;
  margin:0;
}

a#contact-close-btn {
  background: url(../img/bt_close.png) top left no-repeat;
  cursor: pointer;
  height: 19px;
  position: absolute;
  right: 20px;
  text-indent: -9999px;
  top: 20px;
  width: 20px;
  display: block;
}

a#contact-close-btn:hover {
  background: url(../img/bt_close.png) bottom left no-repeat;
}

#contact-contents {
  padding:20px;
  margin:0;
}

#contact-contents .title {
  color: #fff;
  font-size: 18px;
  line-height:16px;
  margin:0px 0;
  text-transform:uppercase;
  font-weight:600;
}

#contact-contents .title span {
  display:block;
  font-size:11px;
  text-transform:lowercase;
  font-weight:normal;
}

#contact-contents p.intro {
  width:450px;
}

.contact-form {
  margin: 0;
  padding: 0;
}

.contact-form fieldset { /*has IE fix in IE css*/
  border: none;
  float:left;
  clear:left;
  width: 100%
}

.contact-form div {/*has IE fix in IE css*/
  float:left;
  width:225px;
}

.contact-form label {
  color: #fff;
  display: block;
  font-weight: normal;
  margin-bottom: 4px;
  font-size: 11px;
  width:200px;
}

.contact-form input,.contact-form textarea {
  color: #fff;
  font-size: 12px;
  background: #520c0b;
  border: 2px solid #4c0b0a;
  padding: 2px;
  margin-bottom: 8px;
  width: 200px;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.contact-form div.row input, .contact-form div.row textarea {width:425px;}

.contact-form .submit {
  color: #fff;
  font-size: 12px;
  background: #991e14;
  border: 2px solid #650d0d;
  padding: 4px 6px;
  margin-bottom: 8px;
  margin-right:10px;
  width: 100px;
  float:left;
  text-align:center;
}

.contact-form #feedback {
  float:right;
  font-size:11px;
  width:300px;
}

.custom-advice {
  color:#ccc;
  font-weight:bold;
  font-size:11px;
  padding:0 5px;
  display:inline;
}

.contact-form input.validation-failed, .contact-form textarea.validation-failed {
  border:2px solid #cb3529;
}

#map {
  position: absolute;
  top: 85px;
  right: 50px;
}

#map h4 {
  font-size: 12px;
  margin: 10px 0 0;
  font-weight:bold;
}

#map p {
  font-size: 11px;
  margin: 0;
  line-height:15px;
}

#map img {
  border: 6px solid #550c0b
}

/***********************************************
Tabs
***********************************************/
#tabs {
  width: 450px;
  padding: 0;
  margin: 0;
  float: left;
}

.tabs {
  width: 300px;
  margin: 0;
}

.tabs li {
  display:block;
  float:left;
}

.tabs li a {text-decoration:none}

.tabs li .label {
  border: 3px solid #991e14;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  cursor:pointer;
}

.tabs li .label div {
  display:none;
}

.tabs li.selected .label {
  background: #520c0b;
  border: 3px solid #520c0b;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  position: relative;
  color: #fff;
  cursor:pointer;
}

.tabs li.selected .label div {
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #520c0b;
  position: absolute;
  bottom: -8px;
  left: 35%;
  display:block;
}

.tabpanel {
  clear: both;
  display: none;
  padding: 10px 0px;
}

#tabs .selected {
  display: block;
}

#tabs .selected  a {
  text-decoration:none;
}

/***********************************************
Google Search
***********************************************/
#googleResults{
    margin-left:60px;
}

#googleSearch{
    margin:27px 10px 0 0;   
}


ul.filters {
    width: 100%;
  padding: 0;
  margin: 10px 0 50px;
  list-style: none;
  background:#232F3B;
  height:40px;
  color:#fff;
}

ul.filters li {
    list-style:none;
    float:left;
    width:200px;
    padding:10px 10px;
    background:#232F3B;
    height:20px;
}

ul.filters a {color: #fff;}

ul.column{
  width: 100%;
  padding: 0;
  margin: 10px 0 50px;
  list-style: none;
}
ul.column li {
  float: left;
  width: 200px;
  padding: 0;
  margin: 5px 0;
  display: inline;
}